Add Stripe links ACH option (#378)

Switch to enable ACH for Stripe link (currently disabled)

Addresses #377 

<img width="589" height="339" alt="Screenshot 2025-11-04 at 17 22 23"
src="https://github.com/user-attachments/assets/003c10cf-c5e1-41c0-a282-e7522b85e129"
/>


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Added an "Enable ACH Payment (upcoming)" toggle to the invoice link
creation form. It defaults to off, is rendered disabled, and will
display "Feature not yet available" if users attempt to enable it. The
control prepares the UI for future ACH payment support and preserves
current invoice link behavior.

* **Tests**
  * Updated tests to include the new toggle in form payloads.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: ashleyyli

src/common/types/stripe.ts

@@ -9,7 +9,8 @@ export const invoiceLinkPostRequestSchema = z.object({
   invoiceId: z.string().min(1),
   invoiceAmountUsd: z.number().min(50),
   contactName: z.string().min(1),
-  contactEmail: z.string().email()
+  contactEmail: z.string().email(),
+  achPaymentsEnabled: z.optional(z.boolean()).default(false),
 });
 
 export type PostInvoiceLinkRequest = z.infer<
@@ -33,4 +34,4 @@ export const invoiceLinkGetResponseSchema = z.array(
 );
 
 export type GetInvoiceLinksResponse = z.infer<
-  typeof invoiceLinkGetResponseSchema>;
+  typeof invoiceLinkGetResponseSchema>;

src/ui/pages/stripe/CreateLink.test.tsx

@@ -72,6 +72,7 @@ describe("StripeCreateLinkPanel Tests", () => {
 
     await act(async () => {
       expect(createLinkMock).toHaveBeenCalledWith({
+        achPaymentsEnabled: false,
         invoiceId: "INV123",
         invoiceAmountUsd: 100,
         contactName: "John Doe",

src/ui/pages/stripe/CreateLink.tsx

@@ -6,6 +6,7 @@ import {
   Text,
   TextInput,
   NumberInput,
+  Switch,
   Title,
   Modal,
   Anchor,
@@ -42,6 +43,7 @@ export const StripeCreateLinkPanel: React.FC<StripeCreateLinkPanelProps> = ({
       invoiceAmountUsd: 100,
       contactName: "",
       contactEmail: "",
+      achPaymentsEnabled: false,
     },
     validate: {
       invoiceId: (value) =>
@@ -52,6 +54,8 @@ export const StripeCreateLinkPanel: React.FC<StripeCreateLinkPanelProps> = ({
         value.length < 1 ? "Contact Name is required" : null,
       contactEmail: (value) =>
         /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value) ? null : "Invalid email",
+      achPaymentsEnabled: (value) =>
+        value ? "Feature not yet available" : null,
     },
   });
 
@@ -110,6 +114,14 @@ export const StripeCreateLinkPanel: React.FC<StripeCreateLinkPanelProps> = ({
           {...form.getInputProps("contactEmail")}
           required
         />
+        <Switch
+          mt="lg"
+          mb="lg"
+          label="Enable ACH Payment (upcoming)"
+          description="Accept only bank transfer payments for this link"
+          disabled
+          {...form.getInputProps("achPaymentsEnabled")}
+        />
 
         <Button type="submit" fullWidth mt="md" disabled={isLoading}>
           {isLoading ? "Creating..." : "Create Link"}{" "}