@gusto/embedded-react-sdk 0.47.0 → 0.48.0

package/dist/components/Employee/PaymentMethod/onboarding/paymentMethodStateMachine.d.ts

@@ -1,3 +1,4 @@
+/** @internal */
 export declare const paymentMethodStateMachine: {
     list: import('robot3').MachineState<any>;
     add: import('robot3').MachineState<any>;

package/dist/components/Employee/PaymentMethod/onboarding/paymentMethodStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  ListViewContextual,\n  BankFormContextual,\n  SplitViewContextual,\n} from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE,\n      'add',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: BankFormContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SPLIT_PAYMENT,\n      'split',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: SplitViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n}\n"],"names":["paymentMethodStateMachine","state","transition","componentEvents","reduce","ctx","BankFormContextual","SplitViewContextual","ListViewContextual"],"mappings":";;;AAWO,MAAMA,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,KAAKN;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOP;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  ListViewContextual,\n  BankFormContextual,\n  SplitViewContextual,\n} from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE,\n      'add',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: BankFormContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SPLIT_PAYMENT,\n      'split',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: SplitViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n}\n"],"names":["paymentMethodStateMachine","state","transition","componentEvents","reduce","ctx","BankFormContextual","SplitViewContextual","ListViewContextual"],"mappings":";;;AAYO,MAAMA,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,KAAKN;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOP;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Employee/PaymentMethod/onboarding/useFormDictionary.d.ts

@@ -6,6 +6,8 @@ import { SplitPaymentsFormBodyDictionary } from '../shared/SplitPaymentsFormBody
  * `cancelAddCta` (the bank form's "Cancel" button) onto the body's `cancelCta`,
  * preserving backward compatibility for partners overriding the onboarding keys
  * through the block's `dictionary` prop.
+ *
+ * @internal
  */
 export declare function useOnboardingBankFormDictionary(): BankFormBodyDictionary;
 /**
@@ -14,5 +16,7 @@ export declare function useOnboardingBankFormDictionary(): BankFormBodyDictionar
  * (`splitAmountLabel`, `validations.percentageErrorWithTotal`) are passed
  * through unresolved so the body interpolates them at render time. The cancel
  * action maps onboarding's `cancelAddCta` onto the body's `cancelCta`.
+ *
+ * @internal
  */
 export declare function useOnboardingSplitFormDictionary(): SplitPaymentsFormBodyDictionary;

package/dist/components/Employee/PaymentMethod/onboarding/useFormDictionary.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BankFormBodyDictionary } from '../shared/BankFormBody'\nimport type { SplitPaymentsFormBodyDictionary } from '../shared/SplitPaymentsFormBody'\nimport { useI18n } from '@/i18n'\n\n/**\n * Resolves the shared `BankFormBody`'s text against onboarding's existing\n * `Employee.PaymentMethod` namespace. The cancel action maps onboarding's\n * `cancelAddCta` (the bank form's \"Cancel\" button) onto the body's `cancelCta`,\n * preserving backward compatibility for partners overriding the onboarding keys\n * through the block's `dictionary` prop.\n */\nexport function useOnboardingBankFormDictionary(): BankFormBodyDictionary {\n  useI18n('Employee.PaymentMethod')\n  const { t } = useTranslation('Employee.PaymentMethod')\n\n  return useMemo<BankFormBodyDictionary>(\n    () => ({\n      en: {\n        nameLabel: t('nameLabel'),\n        routingNumberLabel: t('routingNumberLabel'),\n        routingNumberDescription: t('routingNumberDescription'),\n        accountNumberLabel: t('accountNumberLabel'),\n        accountTypeLabel: t('accountTypeLabel'),\n        accountTypeChecking: t('accountTypeChecking'),\n        accountTypeSavings: t('accountTypeSavings'),\n        cancelCta: t('cancelAddCta'),\n        saveCta: t('saveCta'),\n        validations: {\n          accountName: t('validations.accountName'),\n          routingNumber: t('validations.routingNumber'),\n          accountNumber: t('validations.accountNumber'),\n          accountNumberFormat: t('validations.accountNumberFormat'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n\n/**\n * Resolves the shared `SplitPaymentsFormBody`'s text against onboarding's\n * existing `Employee.PaymentMethod` namespace. Interpolated templates\n * (`splitAmountLabel`, `validations.percentageErrorWithTotal`) are passed\n * through unresolved so the body interpolates them at render time. The cancel\n * action maps onboarding's `cancelAddCta` onto the body's `cancelCta`.\n */\nexport function useOnboardingSplitFormDictionary(): SplitPaymentsFormBodyDictionary {\n  useI18n('Employee.PaymentMethod')\n  const { t } = useTranslation('Employee.PaymentMethod')\n\n  return useMemo<SplitPaymentsFormBodyDictionary>(\n    () => ({\n      en: {\n        title: t('title'),\n        splitDescription: t('splitDescription'),\n        splitByLabel: t('splitByLabel'),\n        percentageLabel: t('percentageLabel'),\n        amountLabel: t('amountLabel'),\n        splitAmountLabel: t('splitAmountLabel'),\n        draggableListLabel: t('draggableListLabel'),\n        remainderLabel: t('remainderLabel'),\n        cancelCta: t('cancelAddCta'),\n        saveCta: t('saveCta'),\n        validations: {\n          percentageErrorWithTotal: t('validations.percentageErrorWithTotal'),\n          amountError: t('validations.amountError'),\n          percentageAmountError: t('validations.percentageAmountError'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useOnboardingBankFormDictionary","useI18n","t","useTranslation","useMemo","useOnboardingSplitFormDictionary"],"mappings":";;;AAaO,SAASA,IAA0D;AACxE,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB;AAErD,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,WAAWF,EAAE,WAAW;AAAA,QACxB,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,0BAA0BA,EAAE,0BAA0B;AAAA,QACtD,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,kBAAkBA,EAAE,kBAAkB;AAAA,QACtC,qBAAqBA,EAAE,qBAAqB;AAAA,QAC5C,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,WAAWA,EAAE,cAAc;AAAA,QAC3B,SAASA,EAAE,SAAS;AAAA,QACpB,aAAa;AAAA,UACX,aAAaA,EAAE,yBAAyB;AAAA,UACxC,eAAeA,EAAE,2BAA2B;AAAA,UAC5C,eAAeA,EAAE,2BAA2B;AAAA,UAC5C,qBAAqBA,EAAE,iCAAiC;AAAA,QAAA;AAAA,MAC1D;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;AASO,SAASG,IAAoE;AAClF,EAAAJ,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB;AAErD,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,OAAOF,EAAE,OAAO;AAAA,QAChB,kBAAkBA,EAAE,kBAAkB;AAAA,QACtC,cAAcA,EAAE,cAAc;AAAA,QAC9B,iBAAiBA,EAAE,iBAAiB;AAAA,QACpC,aAAaA,EAAE,aAAa;AAAA,QAC5B,kBAAkBA,EAAE,kBAAkB;AAAA,QACtC,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,gBAAgBA,EAAE,gBAAgB;AAAA,QAClC,WAAWA,EAAE,cAAc;AAAA,QAC3B,SAASA,EAAE,SAAS;AAAA,QACpB,aAAa;AAAA,UACX,0BAA0BA,EAAE,sCAAsC;AAAA,UAClE,aAAaA,EAAE,yBAAyB;AAAA,UACxC,uBAAuBA,EAAE,mCAAmC;AAAA,QAAA;AAAA,MAC9D;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BankFormBodyDictionary } from '../shared/BankFormBody'\nimport type { SplitPaymentsFormBodyDictionary } from '../shared/SplitPaymentsFormBody'\nimport { useI18n } from '@/i18n'\n\n/**\n * Resolves the shared `BankFormBody`'s text against onboarding's existing\n * `Employee.PaymentMethod` namespace. The cancel action maps onboarding's\n * `cancelAddCta` (the bank form's \"Cancel\" button) onto the body's `cancelCta`,\n * preserving backward compatibility for partners overriding the onboarding keys\n * through the block's `dictionary` prop.\n *\n * @internal\n */\nexport function useOnboardingBankFormDictionary(): BankFormBodyDictionary {\n  useI18n('Employee.PaymentMethod')\n  const { t } = useTranslation('Employee.PaymentMethod')\n\n  return useMemo<BankFormBodyDictionary>(\n    () => ({\n      en: {\n        nameLabel: t('nameLabel'),\n        routingNumberLabel: t('routingNumberLabel'),\n        routingNumberDescription: t('routingNumberDescription'),\n        accountNumberLabel: t('accountNumberLabel'),\n        accountTypeLabel: t('accountTypeLabel'),\n        accountTypeChecking: t('accountTypeChecking'),\n        accountTypeSavings: t('accountTypeSavings'),\n        cancelCta: t('cancelAddCta'),\n        saveCta: t('saveCta'),\n        validations: {\n          accountName: t('validations.accountName'),\n          routingNumber: t('validations.routingNumber'),\n          accountNumber: t('validations.accountNumber'),\n          accountNumberFormat: t('validations.accountNumberFormat'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n\n/**\n * Resolves the shared `SplitPaymentsFormBody`'s text against onboarding's\n * existing `Employee.PaymentMethod` namespace. Interpolated templates\n * (`splitAmountLabel`, `validations.percentageErrorWithTotal`) are passed\n * through unresolved so the body interpolates them at render time. The cancel\n * action maps onboarding's `cancelAddCta` onto the body's `cancelCta`.\n *\n * @internal\n */\nexport function useOnboardingSplitFormDictionary(): SplitPaymentsFormBodyDictionary {\n  useI18n('Employee.PaymentMethod')\n  const { t } = useTranslation('Employee.PaymentMethod')\n\n  return useMemo<SplitPaymentsFormBodyDictionary>(\n    () => ({\n      en: {\n        title: t('title'),\n        splitDescription: t('splitDescription'),\n        splitByLabel: t('splitByLabel'),\n        percentageLabel: t('percentageLabel'),\n        amountLabel: t('amountLabel'),\n        splitAmountLabel: t('splitAmountLabel'),\n        draggableListLabel: t('draggableListLabel'),\n        remainderLabel: t('remainderLabel'),\n        cancelCta: t('cancelAddCta'),\n        saveCta: t('saveCta'),\n        validations: {\n          percentageErrorWithTotal: t('validations.percentageErrorWithTotal'),\n          amountError: t('validations.amountError'),\n          percentageAmountError: t('validations.percentageAmountError'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useOnboardingBankFormDictionary","useI18n","t","useTranslation","useMemo","useOnboardingSplitFormDictionary"],"mappings":";;;AAeO,SAASA,IAA0D;AACxE,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB;AAErD,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,WAAWF,EAAE,WAAW;AAAA,QACxB,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,0BAA0BA,EAAE,0BAA0B;AAAA,QACtD,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,kBAAkBA,EAAE,kBAAkB;AAAA,QACtC,qBAAqBA,EAAE,qBAAqB;AAAA,QAC5C,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,WAAWA,EAAE,cAAc;AAAA,QAC3B,SAASA,EAAE,SAAS;AAAA,QACpB,aAAa;AAAA,UACX,aAAaA,EAAE,yBAAyB;AAAA,UACxC,eAAeA,EAAE,2BAA2B;AAAA,UAC5C,eAAeA,EAAE,2BAA2B;AAAA,UAC5C,qBAAqBA,EAAE,iCAAiC;AAAA,QAAA;AAAA,MAC1D;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;AAWO,SAASG,IAAoE;AAClF,EAAAJ,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB;AAErD,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,OAAOF,EAAE,OAAO;AAAA,QAChB,kBAAkBA,EAAE,kBAAkB;AAAA,QACtC,cAAcA,EAAE,cAAc;AAAA,QAC9B,iBAAiBA,EAAE,iBAAiB;AAAA,QACpC,aAAaA,EAAE,aAAa;AAAA,QAC5B,kBAAkBA,EAAE,kBAAkB;AAAA,QACtC,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,gBAAgBA,EAAE,gBAAgB;AAAA,QAClC,WAAWA,EAAE,cAAc;AAAA,QAC3B,SAASA,EAAE,SAAS;AAAA,QACpB,aAAa;AAAA,UACX,0BAA0BA,EAAE,sCAAsC;AAAA,UAClE,aAAaA,EAAE,yBAAyB;AAAA,UACxC,uBAAuBA,EAAE,mCAAmC;AAAA,QAAA;AAAA,MAC9D;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}

package/dist/components/Employee/PaymentMethod/shared/BankFormBody/BankFormBody.d.ts

@@ -1,7 +1,9 @@
 import { EmployeeBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/employeebankaccount';
 import { UseBankFormProps } from '../useBankForm';
 import { ResourceDictionary } from '../../../../../types/Helpers';
+/** @internal */
 export type BankFormBodyDictionary = ResourceDictionary<'Employee.BankFormBody'>;
+/** @internal */
 export interface BankFormBodyProps extends Omit<UseBankFormProps, 'employeeId'> {
     employeeId: string;
     /**
@@ -20,5 +22,7 @@ export interface BankFormBodyProps extends Omit<UseBankFormProps, 'employeeId'>
  * `Employee.BankFormBody` namespace; consuming surfaces inject their own copy
  * via the `dictionary` prop and map the `onSaved`/`onCancel` callbacks onto
  * their surface-specific events.
+ *
+ * @internal
  */
 export declare function BankFormBody({ employeeId, dictionary, onSaved, onCancel, ...hookProps }: BankFormBodyProps): import("react").JSX.Element;

package/dist/components/Employee/PaymentMethod/shared/BankFormBody/BankFormBody.js

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as b } from "react-i18next";
 import { useBankForm as g } from "../useBankForm/useBankForm.js";
-import "../../../../../shared/constants.js";
 import { ActionsLayout as y } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as N } from "../../../../Common/Form/Form.js";
+import { useComponentContext as N } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { Form as f } from "../../../../Common/Form/Form.js";
 import { BaseLayout as m } from "../../../../Base/Base.js";
-import { SDKFormProvider as f } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as B } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SDKFormProvider as B } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useI18n as v, useComponentDictionary as L } from "../../../../../i18n/I18n.js";
 function A({
   employeeId: s,
@@ -16,14 +16,14 @@ function A({
   ...d
 }) {
   v("Employee.BankFormBody"), L("Employee.BankFormBody", u);
-  const r = g({ employeeId: s, ...d }), { t: o } = b("Employee.BankFormBody"), a = B();
+  const r = g({ employeeId: s, ...d }), { t: o } = b("Employee.BankFormBody"), a = N();
   if (r.isLoading)
     return /* @__PURE__ */ n(m, { isLoading: !0, error: r.errorHandling.errors });
   const { Fields: t } = r.form, p = async () => {
     const e = await r.actions.onSubmit();
     e && c(e.data);
   };
-  return /* @__PURE__ */ n(m, { error: r.errorHandling.errors, children: /* @__PURE__ */ n(f, { formHookResult: r, children: /* @__PURE__ */ i(N, { onSubmit: p, children: [
+  return /* @__PURE__ */ n(m, { error: r.errorHandling.errors, children: /* @__PURE__ */ n(B, { formHookResult: r, children: /* @__PURE__ */ i(f, { onSubmit: p, children: [
     /* @__PURE__ */ n(
       t.Name,
       {

package/dist/components/Employee/PaymentMethod/shared/BankFormBody/BankFormBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankFormBody.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/BankFormBody/BankFormBody.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/employeebankaccount'\nimport { useBankForm, type AccountType, type UseBankFormProps } from '../useBankForm'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\nexport type BankFormBodyDictionary = ResourceDictionary<'Employee.BankFormBody'>\n\nexport interface BankFormBodyProps extends Omit<UseBankFormProps, 'employeeId'> {\n  employeeId: string\n  /**\n   * Translation overrides for the form's strings. Each consuming surface passes\n   * the dictionary it resolved from its own namespace so partner overrides on\n   * that namespace flow into the shared form text.\n   */\n  dictionary?: BankFormBodyDictionary\n  /** Called with the created bank account after a successful submit. */\n  onSaved: (bankAccount: EmployeeBankAccount) => void\n  onCancel: () => void\n}\n\n/**\n * Shared bank-account form body. Owns the `useBankForm` composition, the field\n * JSX, and the submit/cancel actions. Reads its copy from the internal\n * `Employee.BankFormBody` namespace; consuming surfaces inject their own copy\n * via the `dictionary` prop and map the `onSaved`/`onCancel` callbacks onto\n * their surface-specific events.\n */\nexport function BankFormBody({\n  employeeId,\n  dictionary,\n  onSaved,\n  onCancel,\n  ...hookProps\n}: BankFormBodyProps) {\n  useI18n('Employee.BankFormBody')\n  useComponentDictionary('Employee.BankFormBody', dictionary)\n  const bankForm = useBankForm({ employeeId, ...hookProps })\n  const { t } = useTranslation('Employee.BankFormBody')\n  const Components = useComponentContext()\n\n  if (bankForm.isLoading) {\n    return <BaseLayout isLoading error={bankForm.errorHandling.errors} />\n  }\n\n  const { Fields } = bankForm.form\n\n  const handleSubmit = async () => {\n    const result = await bankForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={bankForm.errorHandling.errors}>\n      <SDKFormProvider formHookResult={bankForm}>\n        <Form onSubmit={handleSubmit}>\n          <Fields.Name\n            label={t('nameLabel')}\n            validationMessages={{ REQUIRED: t('validations.accountName') }}\n          />\n          <Fields.RoutingNumber\n            label={t('routingNumberLabel')}\n            description={t('routingNumberDescription')}\n            validationMessages={{\n              REQUIRED: t('validations.routingNumber'),\n              INVALID_ROUTING_NUMBER: t('validations.routingNumber'),\n            }}\n          />\n          <Fields.AccountNumber\n            label={t('accountNumberLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.accountNumber'),\n              INVALID_ACCOUNT_NUMBER: t('validations.accountNumberFormat'),\n            }}\n          />\n          <Fields.AccountType\n            label={t('accountTypeLabel')}\n            getOptionLabel={(type: AccountType) =>\n              type === 'Checking' ? t('accountTypeChecking') : t('accountTypeSavings')\n            }\n          />\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button type=\"submit\" isLoading={bankForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["BankFormBody","employeeId","dictionary","onSaved","onCancel","hookProps","useI18n","useComponentDictionary","bankForm","useBankForm","t","useTranslation","Components","useComponentContext","BaseLayout","Fields","handleSubmit","result","jsx","SDKFormProvider","jsxs","Form","type","ActionsLayout"],"mappings":";;;;;;;;;;AAiCO,SAASA,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBL,CAAU;AAC1D,QAAMM,IAAWC,EAAY,EAAE,YAAAR,GAAY,GAAGI,GAAW,GACnD,EAAE,GAAAK,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,MAAIL,EAAS;AACX,6BAAQM,GAAA,EAAW,WAAS,IAAC,OAAON,EAAS,cAAc,QAAQ;AAGrE,QAAM,EAAE,QAAAO,MAAWP,EAAS,MAEtBQ,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAS,QAAQ,SAAA;AACtC,IAAIS,KACFd,EAAQc,EAAO,IAAI;AAAA,EAEvB;AAEA,SACE,gBAAAC,EAACJ,GAAA,EAAW,OAAON,EAAS,cAAc,QACxC,UAAA,gBAAAU,EAACC,GAAA,EAAgB,gBAAgBX,GAC/B,UAAA,gBAAAY,EAACC,GAAA,EAAK,UAAUL,GACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,WAAW;AAAA,QACpB,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAE/D,gBAAAQ;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,aAAaA,EAAE,0BAA0B;AAAA,QACzC,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MACvD;AAAA,IAAA;AAAA,IAEF,gBAAAQ;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,iCAAiC;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,IAEF,gBAAAQ;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,kBAAkB;AAAA,QAC3B,gBAAgB,CAACY,MACOZ,EAAtBY,MAAS,aAAe,wBAA2B,oBAAN;AAAA,MAA0B;AAAA,IAAA;AAAA,sBAG1EC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACN,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASR,GAC3D,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,MACA,gBAAAQ,EAACN,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAS,OAAO,WACzD,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"BankFormBody.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/BankFormBody/BankFormBody.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/employeebankaccount'\nimport { useBankForm, type AccountType, type UseBankFormProps } from '../useBankForm'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\n/** @internal */\nexport type BankFormBodyDictionary = ResourceDictionary<'Employee.BankFormBody'>\n\n/** @internal */\nexport interface BankFormBodyProps extends Omit<UseBankFormProps, 'employeeId'> {\n  employeeId: string\n  /**\n   * Translation overrides for the form's strings. Each consuming surface passes\n   * the dictionary it resolved from its own namespace so partner overrides on\n   * that namespace flow into the shared form text.\n   */\n  dictionary?: BankFormBodyDictionary\n  /** Called with the created bank account after a successful submit. */\n  onSaved: (bankAccount: EmployeeBankAccount) => void\n  onCancel: () => void\n}\n\n/**\n * Shared bank-account form body. Owns the `useBankForm` composition, the field\n * JSX, and the submit/cancel actions. Reads its copy from the internal\n * `Employee.BankFormBody` namespace; consuming surfaces inject their own copy\n * via the `dictionary` prop and map the `onSaved`/`onCancel` callbacks onto\n * their surface-specific events.\n *\n * @internal\n */\nexport function BankFormBody({\n  employeeId,\n  dictionary,\n  onSaved,\n  onCancel,\n  ...hookProps\n}: BankFormBodyProps) {\n  useI18n('Employee.BankFormBody')\n  useComponentDictionary('Employee.BankFormBody', dictionary)\n  const bankForm = useBankForm({ employeeId, ...hookProps })\n  const { t } = useTranslation('Employee.BankFormBody')\n  const Components = useComponentContext()\n\n  if (bankForm.isLoading) {\n    return <BaseLayout isLoading error={bankForm.errorHandling.errors} />\n  }\n\n  const { Fields } = bankForm.form\n\n  const handleSubmit = async () => {\n    const result = await bankForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={bankForm.errorHandling.errors}>\n      <SDKFormProvider formHookResult={bankForm}>\n        <Form onSubmit={handleSubmit}>\n          <Fields.Name\n            label={t('nameLabel')}\n            validationMessages={{ REQUIRED: t('validations.accountName') }}\n          />\n          <Fields.RoutingNumber\n            label={t('routingNumberLabel')}\n            description={t('routingNumberDescription')}\n            validationMessages={{\n              REQUIRED: t('validations.routingNumber'),\n              INVALID_ROUTING_NUMBER: t('validations.routingNumber'),\n            }}\n          />\n          <Fields.AccountNumber\n            label={t('accountNumberLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.accountNumber'),\n              INVALID_ACCOUNT_NUMBER: t('validations.accountNumberFormat'),\n            }}\n          />\n          <Fields.AccountType\n            label={t('accountTypeLabel')}\n            getOptionLabel={(type: AccountType) =>\n              type === 'Checking' ? t('accountTypeChecking') : t('accountTypeSavings')\n            }\n          />\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button type=\"submit\" isLoading={bankForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["BankFormBody","employeeId","dictionary","onSaved","onCancel","hookProps","useI18n","useComponentDictionary","bankForm","useBankForm","t","useTranslation","Components","useComponentContext","BaseLayout","Fields","handleSubmit","result","jsx","SDKFormProvider","jsxs","Form","type","ActionsLayout"],"mappings":";;;;;;;;;;AAqCO,SAASA,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBL,CAAU;AAC1D,QAAMM,IAAWC,EAAY,EAAE,YAAAR,GAAY,GAAGI,GAAW,GACnD,EAAE,GAAAK,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,MAAIL,EAAS;AACX,6BAAQM,GAAA,EAAW,WAAS,IAAC,OAAON,EAAS,cAAc,QAAQ;AAGrE,QAAM,EAAE,QAAAO,MAAWP,EAAS,MAEtBQ,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAS,QAAQ,SAAA;AACtC,IAAIS,KACFd,EAAQc,EAAO,IAAI;AAAA,EAEvB;AAEA,SACE,gBAAAC,EAACJ,GAAA,EAAW,OAAON,EAAS,cAAc,QACxC,UAAA,gBAAAU,EAACC,GAAA,EAAgB,gBAAgBX,GAC/B,UAAA,gBAAAY,EAACC,GAAA,EAAK,UAAUL,GACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,WAAW;AAAA,QACpB,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAE/D,gBAAAQ;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,aAAaA,EAAE,0BAA0B;AAAA,QACzC,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MACvD;AAAA,IAAA;AAAA,IAEF,gBAAAQ;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,iCAAiC;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,IAEF,gBAAAQ;AAAA,MAACH,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,kBAAkB;AAAA,QAC3B,gBAAgB,CAACY,MACOZ,EAAtBY,MAAS,aAAe,wBAA2B,oBAAN;AAAA,MAA0B;AAAA,IAAA;AAAA,sBAG1EC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACN,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASR,GAC3D,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,MACA,gBAAAQ,EAACN,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAS,OAAO,WACzD,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/PaymentMethod/shared/BankFormBody/index.d.ts

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export { BankFormBody, type BankFormBodyProps, type BankFormBodyDictionary } from './BankFormBody';
+export { BankFormBody, type BankFormBodyDictionary } from './BankFormBody';

package/dist/components/Employee/PaymentMethod/shared/DeleteBankAccountDialog.d.ts

@@ -3,6 +3,8 @@ import { ReactNode } from 'react';
  * Presentational confirm dialog for deleting a bank account. All copy is
  * passed in by the caller so each consumer owns its own translation strings
  * — partner overrides on one flow's namespace won't leak into another.
+ *
+ * @internal
  */
 export declare function DeleteBankAccountDialog({ pendingDeleteAccount, isPrimaryActionLoading, onClose, onConfirm, title, description, confirmLabel, cancelLabel, }: {
     pendingDeleteAccount: {

package/dist/components/Employee/PaymentMethod/shared/DeleteBankAccountDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteBankAccountDialog.js","sources":["../../../../../src/components/Employee/PaymentMethod/shared/DeleteBankAccountDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Presentational confirm dialog for deleting a bank account. All copy is\n * passed in by the caller so each consumer owns its own translation strings\n * — partner overrides on one flow's namespace won't leak into another.\n */\nexport function DeleteBankAccountDialog({\n  pendingDeleteAccount,\n  isPrimaryActionLoading,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n}: {\n  pendingDeleteAccount: { uuid: string; hiddenAccountNumber: string | undefined } | null\n  isPrimaryActionLoading: boolean\n  onClose: () => void\n  onConfirm: () => void\n  title: string\n  description: ReactNode\n  confirmLabel: string\n  cancelLabel: string\n}) {\n  const Components = useComponentContext()\n  return (\n    <Components.Dialog\n      isOpen={pendingDeleteAccount !== null}\n      onClose={onClose}\n      onPrimaryActionClick={onConfirm}\n      isPrimaryActionLoading={isPrimaryActionLoading}\n      isDestructive\n      title={title}\n      primaryActionLabel={confirmLabel}\n      closeActionLabel={cancelLabel}\n    >\n      {pendingDeleteAccount && description}\n    </Components.Dialog>\n  )\n}\n"],"names":["DeleteBankAccountDialog","pendingDeleteAccount","isPrimaryActionLoading","onClose","onConfirm","title","description","confirmLabel","cancelLabel","Components","useComponentContext","jsx"],"mappings":";;AAQO,SAASA,EAAwB;AAAA,EACtC,sBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,GASG;AACD,QAAMC,IAAaC,EAAA;AACnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,QAAQR,MAAyB;AAAA,MACjC,SAAAE;AAAA,MACA,sBAAsBC;AAAA,MACtB,wBAAAF;AAAA,MACA,eAAa;AAAA,MACb,OAAAG;AAAA,MACA,oBAAoBE;AAAA,MACpB,kBAAkBC;AAAA,MAEjB,UAAAP,KAAwBK;AAAA,IAAA;AAAA,EAAA;AAG/B;"}
+{"version":3,"file":"DeleteBankAccountDialog.js","sources":["../../../../../src/components/Employee/PaymentMethod/shared/DeleteBankAccountDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Presentational confirm dialog for deleting a bank account. All copy is\n * passed in by the caller so each consumer owns its own translation strings\n * — partner overrides on one flow's namespace won't leak into another.\n *\n * @internal\n */\nexport function DeleteBankAccountDialog({\n  pendingDeleteAccount,\n  isPrimaryActionLoading,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n}: {\n  pendingDeleteAccount: { uuid: string; hiddenAccountNumber: string | undefined } | null\n  isPrimaryActionLoading: boolean\n  onClose: () => void\n  onConfirm: () => void\n  title: string\n  description: ReactNode\n  confirmLabel: string\n  cancelLabel: string\n}) {\n  const Components = useComponentContext()\n  return (\n    <Components.Dialog\n      isOpen={pendingDeleteAccount !== null}\n      onClose={onClose}\n      onPrimaryActionClick={onConfirm}\n      isPrimaryActionLoading={isPrimaryActionLoading}\n      isDestructive\n      title={title}\n      primaryActionLabel={confirmLabel}\n      closeActionLabel={cancelLabel}\n    >\n      {pendingDeleteAccount && description}\n    </Components.Dialog>\n  )\n}\n"],"names":["DeleteBankAccountDialog","pendingDeleteAccount","isPrimaryActionLoading","onClose","onConfirm","title","description","confirmLabel","cancelLabel","Components","useComponentContext","jsx"],"mappings":";;AAUO,SAASA,EAAwB;AAAA,EACtC,sBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,GASG;AACD,QAAMC,IAAaC,EAAA;AACnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,QAAQR,MAAyB;AAAA,MACjC,SAAAE;AAAA,MACA,sBAAsBC;AAAA,MACtB,wBAAAF;AAAA,MACA,eAAa;AAAA,MACb,OAAAG;AAAA,MACA,oBAAoBE;AAAA,MACpB,kBAAkBC;AAAA,MAEjB,UAAAP,KAAwBK;AAAA,IAAA;AAAA,EAAA;AAG/B;"}

package/dist/components/Employee/PaymentMethod/shared/SplitPaymentsFormBody/SplitPaymentsFormBody.d.ts

@@ -1,7 +1,9 @@
 import { EmployeePaymentMethod } from '@gusto/embedded-api-v-2025-11-15/models/components/employeepaymentmethod';
 import { UseSplitPaymentsFormProps } from '../useSplitPaymentsForm';
 import { ResourceDictionary } from '../../../../../types/Helpers';
+/** @internal */
 export type SplitPaymentsFormBodyDictionary = ResourceDictionary<'Employee.SplitPaymentsFormBody'>;
+/** @internal */
 export interface SplitPaymentsFormBodyProps extends UseSplitPaymentsFormProps {
     /**
      * Translation overrides for the form's strings. Each consuming surface passes
@@ -19,5 +21,7 @@ export interface SplitPaymentsFormBodyProps extends UseSplitPaymentsFormProps {
  * Reads its copy from the internal `Employee.SplitPaymentsFormBody` namespace;
  * consuming surfaces inject their own copy via the `dictionary` prop and map the
  * `onSaved`/`onCancel` callbacks onto their surface-specific events.
+ *
+ * @internal
  */
 export declare function SplitPaymentsFormBody({ dictionary, onSaved, onCancel, ...hookProps }: SplitPaymentsFormBodyProps): import("react").JSX.Element;

package/dist/components/Employee/PaymentMethod/shared/SplitPaymentsFormBody/SplitPaymentsFormBody.js

@@ -2,15 +2,16 @@ import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import { useTranslation as I, Trans as S } from "react-i18next";
 import c from "dompurify";
 import { useSplitPaymentsForm as B } from "../useSplitPaymentsForm/useSplitPaymentsForm.js";
-import { SPLIT_BY as p } from "../../../../../shared/constants.js";
 import { ActionsLayout as P } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as v } from "../../../../Common/Form/Form.js";
-import { ReorderableList as R } from "../../../../Common/ReorderableList/ReorderableList.js";
+import { useComponentContext as v } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { Form as R } from "../../../../Common/Form/Form.js";
+import { ReorderableList as D } from "../../../../Common/ReorderableList/ReorderableList.js";
 import { BaseLayout as b } from "../../../../Base/Base.js";
-import { SDKFormProvider as D } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as T } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SDKFormProvider as T } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useI18n as C, useComponentDictionary as N } from "../../../../../i18n/I18n.js";
-function G({
+import { SPLIT_BY as p } from "../../../../../shared/constants.js";
+function K({
   dictionary: i,
   onSaved: l,
   onCancel: r,
@@ -25,7 +26,7 @@ function F({
   onCancel: l,
   splitForm: r
 }) {
-  const { t: e } = I("Employee.SplitPaymentsFormBody"), n = T(), { Fields: a } = r.form, { remainderId: y, bankAccounts: f } = r.data, { splitBy: m, percentageTotal: g, hasPercentageImbalance: E } = r.status, L = async () => {
+  const { t: e } = I("Employee.SplitPaymentsFormBody"), n = v(), { Fields: a } = r.form, { remainderId: y, bankAccounts: f } = r.data, { splitBy: m, percentageTotal: g, hasPercentageImbalance: E } = r.status, L = async () => {
     const t = await r.actions.onSubmit();
     t && i(t.data);
   };
@@ -38,7 +39,7 @@ function F({
     const h = t.map((s) => a.splits[s]?.uuid).filter((s) => !!s);
     r.actions.reorderSplits(h);
   };
-  return /* @__PURE__ */ o(b, { error: r.errorHandling.errors, children: /* @__PURE__ */ o(D, { formHookResult: r, children: /* @__PURE__ */ u(v, { onSubmit: L, children: [
+  return /* @__PURE__ */ o(b, { error: r.errorHandling.errors, children: /* @__PURE__ */ o(T, { formHookResult: r, children: /* @__PURE__ */ u(R, { onSubmit: L, children: [
     E && /* @__PURE__ */ o(
       n.Alert,
       {
@@ -57,7 +58,7 @@ function F({
       }
     ),
     m === p.amount ? /* @__PURE__ */ o(
-      R,
+      D,
       {
         label: e("draggableListLabel"),
         items: a.splits.map((t) => ({
@@ -100,6 +101,6 @@ function F({
   ] }) }) });
 }
 export {
-  G as SplitPaymentsFormBody
+  K as SplitPaymentsFormBody
 };
 //# sourceMappingURL=SplitPaymentsFormBody.js.map

package/dist/components/Employee/PaymentMethod/shared/SplitPaymentsFormBody/SplitPaymentsFormBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitPaymentsFormBody.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/SplitPaymentsFormBody/SplitPaymentsFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport DOMPurify from 'dompurify'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api-v-2025-11-15/models/components/employeepaymentmethod'\nimport {\n  useSplitPaymentsForm,\n  type SplitByValue,\n  type SplitFieldEntry,\n  type UseSplitPaymentsFormProps,\n  type UseSplitPaymentsFormReady,\n} from '../useSplitPaymentsForm'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { ReorderableList } from '@/components/Common/ReorderableList'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { SPLIT_BY } from '@/shared/constants'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\nexport type SplitPaymentsFormBodyDictionary = ResourceDictionary<'Employee.SplitPaymentsFormBody'>\n\nexport interface SplitPaymentsFormBodyProps extends UseSplitPaymentsFormProps {\n  /**\n   * Translation overrides for the form's strings. Each consuming surface passes\n   * the dictionary it resolved from its own namespace so partner overrides on\n   * that namespace flow into the shared form text.\n   */\n  dictionary?: SplitPaymentsFormBodyDictionary\n  /** Called with the updated payment method after a successful submit. */\n  onSaved: (paymentMethod: EmployeePaymentMethod) => void\n  onCancel: () => void\n}\n\n/**\n * Shared split-paycheck form body. Owns the `useSplitPaymentsForm` composition,\n * the reorderable-list/percentage field JSX, and the submit/cancel actions.\n * Reads its copy from the internal `Employee.SplitPaymentsFormBody` namespace;\n * consuming surfaces inject their own copy via the `dictionary` prop and map the\n * `onSaved`/`onCancel` callbacks onto their surface-specific events.\n */\nexport function SplitPaymentsFormBody({\n  dictionary,\n  onSaved,\n  onCancel,\n  ...hookProps\n}: SplitPaymentsFormBodyProps) {\n  useI18n('Employee.SplitPaymentsFormBody')\n  useComponentDictionary('Employee.SplitPaymentsFormBody', dictionary)\n  const splitForm = useSplitPaymentsForm(hookProps)\n\n  if (splitForm.isLoading) {\n    return <BaseLayout isLoading error={splitForm.errorHandling.errors} />\n  }\n\n  return <SplitPaymentsFormBodyReady onSaved={onSaved} onCancel={onCancel} splitForm={splitForm} />\n}\n\ninterface SplitPaymentsFormBodyReadyProps {\n  onSaved: (paymentMethod: EmployeePaymentMethod) => void\n  onCancel: () => void\n  splitForm: UseSplitPaymentsFormReady\n}\n\nfunction SplitPaymentsFormBodyReady({\n  onSaved,\n  onCancel,\n  splitForm,\n}: SplitPaymentsFormBodyReadyProps) {\n  const { t } = useTranslation('Employee.SplitPaymentsFormBody')\n  const Components = useComponentContext()\n  const { Fields } = splitForm.form\n  const { remainderId, bankAccounts } = splitForm.data\n  const { splitBy, percentageTotal, hasPercentageImbalance } = splitForm.status\n\n  const handleSubmit = async () => {\n    const result = await splitForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  if (bankAccounts.length < 2) return null\n\n  const labelForSplit = (split: SplitFieldEntry) =>\n    t('splitAmountLabel', {\n      name: DOMPurify.sanitize(split.name ?? ''),\n      account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n      interpolation: { escapeValue: false },\n    })\n\n  const handleReorder = (indices: number[]) => {\n    const orderedUuids = indices\n      .map(index => Fields.splits[index]?.uuid)\n      .filter((uuid): uuid is string => Boolean(uuid))\n    splitForm.actions.reorderSplits(orderedUuids)\n  }\n\n  return (\n    <BaseLayout error={splitForm.errorHandling.errors}>\n      <SDKFormProvider formHookResult={splitForm}>\n        <Form onSubmit={handleSubmit}>\n          {hasPercentageImbalance && (\n            <Components.Alert\n              status=\"error\"\n              label={t('validations.percentageErrorWithTotal', { total: percentageTotal })}\n              disableScrollIntoView\n            />\n          )}\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Trans t={t} i18nKey=\"splitDescription\" components={{ p: <Components.Text /> }} />\n          <Fields.SplitBy\n            label={t('splitByLabel')}\n            getOptionLabel={(value: SplitByValue) =>\n              value === SPLIT_BY.percentage ? t('percentageLabel') : t('amountLabel')\n            }\n          />\n          {splitBy === SPLIT_BY.amount ? (\n            <ReorderableList\n              key={`reorderable-amount-list-${splitBy}`}\n              label={t('draggableListLabel')}\n              items={Fields.splits.map(split => ({\n                label: split.name ?? '',\n                content: (\n                  <split.Field\n                    key={`amount-${split.uuid}`}\n                    label={labelForSplit(split)}\n                    min={0}\n                    validationMessages={{\n                      REQUIRED: t('validations.amountError'),\n                      INVALID_AMOUNT: t('validations.amountError'),\n                      INVALID_PERCENTAGE: t('validations.amountError'),\n                    }}\n                    placeholder={remainderId === split.uuid ? t('remainderLabel') : ''}\n                  />\n                ),\n              }))}\n              onReorder={handleReorder}\n            />\n          ) : (\n            Fields.splits.map(split => (\n              <split.Field\n                key={`percentage-${split.uuid}`}\n                label={labelForSplit(split)}\n                min={0}\n                validationMessages={{\n                  REQUIRED: t('validations.percentageAmountError'),\n                  INVALID_AMOUNT: t('validations.percentageAmountError'),\n                  INVALID_PERCENTAGE: t('validations.percentageAmountError'),\n                }}\n              />\n            ))\n          )}\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button type=\"submit\" isLoading={splitForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["SplitPaymentsFormBody","dictionary","onSaved","onCancel","hookProps","useI18n","useComponentDictionary","splitForm","useSplitPaymentsForm","BaseLayout","jsx","SplitPaymentsFormBodyReady","t","useTranslation","Components","useComponentContext","Fields","remainderId","bankAccounts","splitBy","percentageTotal","hasPercentageImbalance","handleSubmit","result","labelForSplit","split","DOMPurify","handleReorder","indices","orderedUuids","index","uuid","SDKFormProvider","jsxs","Form","Trans","value","SPLIT_BY","ReorderableList","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SplitPaymentsFormBody.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/SplitPaymentsFormBody/SplitPaymentsFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport DOMPurify from 'dompurify'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api-v-2025-11-15/models/components/employeepaymentmethod'\nimport {\n  useSplitPaymentsForm,\n  type SplitByValue,\n  type SplitFieldEntry,\n  type UseSplitPaymentsFormProps,\n  type UseSplitPaymentsFormReady,\n} from '../useSplitPaymentsForm'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { ReorderableList } from '@/components/Common/ReorderableList'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { SPLIT_BY } from '@/shared/constants'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\n/** @internal */\nexport type SplitPaymentsFormBodyDictionary = ResourceDictionary<'Employee.SplitPaymentsFormBody'>\n\n/** @internal */\nexport interface SplitPaymentsFormBodyProps extends UseSplitPaymentsFormProps {\n  /**\n   * Translation overrides for the form's strings. Each consuming surface passes\n   * the dictionary it resolved from its own namespace so partner overrides on\n   * that namespace flow into the shared form text.\n   */\n  dictionary?: SplitPaymentsFormBodyDictionary\n  /** Called with the updated payment method after a successful submit. */\n  onSaved: (paymentMethod: EmployeePaymentMethod) => void\n  onCancel: () => void\n}\n\n/**\n * Shared split-paycheck form body. Owns the `useSplitPaymentsForm` composition,\n * the reorderable-list/percentage field JSX, and the submit/cancel actions.\n * Reads its copy from the internal `Employee.SplitPaymentsFormBody` namespace;\n * consuming surfaces inject their own copy via the `dictionary` prop and map the\n * `onSaved`/`onCancel` callbacks onto their surface-specific events.\n *\n * @internal\n */\nexport function SplitPaymentsFormBody({\n  dictionary,\n  onSaved,\n  onCancel,\n  ...hookProps\n}: SplitPaymentsFormBodyProps) {\n  useI18n('Employee.SplitPaymentsFormBody')\n  useComponentDictionary('Employee.SplitPaymentsFormBody', dictionary)\n  const splitForm = useSplitPaymentsForm(hookProps)\n\n  if (splitForm.isLoading) {\n    return <BaseLayout isLoading error={splitForm.errorHandling.errors} />\n  }\n\n  return <SplitPaymentsFormBodyReady onSaved={onSaved} onCancel={onCancel} splitForm={splitForm} />\n}\n\ninterface SplitPaymentsFormBodyReadyProps {\n  onSaved: (paymentMethod: EmployeePaymentMethod) => void\n  onCancel: () => void\n  splitForm: UseSplitPaymentsFormReady\n}\n\nfunction SplitPaymentsFormBodyReady({\n  onSaved,\n  onCancel,\n  splitForm,\n}: SplitPaymentsFormBodyReadyProps) {\n  const { t } = useTranslation('Employee.SplitPaymentsFormBody')\n  const Components = useComponentContext()\n  const { Fields } = splitForm.form\n  const { remainderId, bankAccounts } = splitForm.data\n  const { splitBy, percentageTotal, hasPercentageImbalance } = splitForm.status\n\n  const handleSubmit = async () => {\n    const result = await splitForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  if (bankAccounts.length < 2) return null\n\n  const labelForSplit = (split: SplitFieldEntry) =>\n    t('splitAmountLabel', {\n      name: DOMPurify.sanitize(split.name ?? ''),\n      account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n      interpolation: { escapeValue: false },\n    })\n\n  const handleReorder = (indices: number[]) => {\n    const orderedUuids = indices\n      .map(index => Fields.splits[index]?.uuid)\n      .filter((uuid): uuid is string => Boolean(uuid))\n    splitForm.actions.reorderSplits(orderedUuids)\n  }\n\n  return (\n    <BaseLayout error={splitForm.errorHandling.errors}>\n      <SDKFormProvider formHookResult={splitForm}>\n        <Form onSubmit={handleSubmit}>\n          {hasPercentageImbalance && (\n            <Components.Alert\n              status=\"error\"\n              label={t('validations.percentageErrorWithTotal', { total: percentageTotal })}\n              disableScrollIntoView\n            />\n          )}\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Trans t={t} i18nKey=\"splitDescription\" components={{ p: <Components.Text /> }} />\n          <Fields.SplitBy\n            label={t('splitByLabel')}\n            getOptionLabel={(value: SplitByValue) =>\n              value === SPLIT_BY.percentage ? t('percentageLabel') : t('amountLabel')\n            }\n          />\n          {splitBy === SPLIT_BY.amount ? (\n            <ReorderableList\n              key={`reorderable-amount-list-${splitBy}`}\n              label={t('draggableListLabel')}\n              items={Fields.splits.map(split => ({\n                label: split.name ?? '',\n                content: (\n                  <split.Field\n                    key={`amount-${split.uuid}`}\n                    label={labelForSplit(split)}\n                    min={0}\n                    validationMessages={{\n                      REQUIRED: t('validations.amountError'),\n                      INVALID_AMOUNT: t('validations.amountError'),\n                      INVALID_PERCENTAGE: t('validations.amountError'),\n                    }}\n                    placeholder={remainderId === split.uuid ? t('remainderLabel') : ''}\n                  />\n                ),\n              }))}\n              onReorder={handleReorder}\n            />\n          ) : (\n            Fields.splits.map(split => (\n              <split.Field\n                key={`percentage-${split.uuid}`}\n                label={labelForSplit(split)}\n                min={0}\n                validationMessages={{\n                  REQUIRED: t('validations.percentageAmountError'),\n                  INVALID_AMOUNT: t('validations.percentageAmountError'),\n                  INVALID_PERCENTAGE: t('validations.percentageAmountError'),\n                }}\n              />\n            ))\n          )}\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button type=\"submit\" isLoading={splitForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["SplitPaymentsFormBody","dictionary","onSaved","onCancel","hookProps","useI18n","useComponentDictionary","splitForm","useSplitPaymentsForm","BaseLayout","jsx","SplitPaymentsFormBodyReady","t","useTranslation","Components","useComponentContext","Fields","remainderId","bankAccounts","splitBy","percentageTotal","hasPercentageImbalance","handleSubmit","result","labelForSplit","split","DOMPurify","handleReorder","indices","orderedUuids","index","uuid","SDKFormProvider","jsxs","Form","Trans","value","SPLIT_BY","ReorderableList","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/shared/SplitPaymentsFormBody/index.d.ts

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export { SplitPaymentsFormBody, type SplitPaymentsFormBodyProps, type SplitPaymentsFormBodyDictionary, } from './SplitPaymentsFormBody';
+export { SplitPaymentsFormBody, type SplitPaymentsFormBodyDictionary, } from './SplitPaymentsFormBody';

package/dist/components/Employee/PaymentMethod/shared/useBankForm/fields.d.ts

@@ -2,14 +2,94 @@ import { AccountType, BankFormErrorCodes } from './useBankFormSchema';
 import { TextInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/TextInputHookField';
 import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
 import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+/**
+ * Validation error codes emitted by {@link useBankForm} fields that only emit `REQUIRED`.
+ *
+ * @public
+ */
 export type RequiredValidation = typeof BankFormErrorCodes.REQUIRED;
+/**
+ * Validation error codes emitted by the `routingNumber` field of {@link useBankForm}.
+ *
+ * @public
+ */
 export type RoutingNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<typeof BankFormErrorCodes, 'REQUIRED' | 'INVALID_ROUTING_NUMBER'>];
+/**
+ * Validation error codes emitted by the `accountNumber` field of {@link useBankForm}.
+ *
+ * @public
+ */
 export type AccountNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<typeof BankFormErrorCodes, 'REQUIRED' | 'INVALID_ACCOUNT_NUMBER'>];
+/**
+ * Props accepted by {@link useBankForm}'s `Fields.Name` component.
+ *
+ * @public
+ */
 export type NameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+/**
+ * Text input bound to the `name` field of {@link useBankForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.Name`. Captures the account
+ * nickname.
+ *
+ * @param props - See {@link NameFieldProps}.
+ * @returns The rendered text input bound to `name`.
+ * @public
+ */
 export declare function NameField(props: NameFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useBankForm}'s `Fields.RoutingNumber` component.
+ *
+ * @public
+ */
 export type RoutingNumberFieldProps = HookFieldProps<TextInputHookFieldProps<RoutingNumberValidation>>;
+/**
+ * Text input bound to the `routingNumber` field of {@link useBankForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.RoutingNumber`. Validates the
+ * value against a 9-digit numeric pattern.
+ *
+ * @param props - See {@link RoutingNumberFieldProps}.
+ * @returns The rendered text input bound to `routingNumber`.
+ * @public
+ */
 export declare function RoutingNumberField(props: RoutingNumberFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useBankForm}'s `Fields.AccountNumber` component.
+ *
+ * @public
+ */
 export type AccountNumberFieldProps = HookFieldProps<TextInputHookFieldProps<AccountNumberValidation>>;
+/**
+ * Text input bound to the `accountNumber` field of {@link useBankForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.AccountNumber`. Validates the
+ * value against a 1–17 digit numeric pattern.
+ *
+ * @param props - See {@link AccountNumberFieldProps}.
+ * @returns The rendered text input bound to `accountNumber`.
+ * @public
+ */
 export declare function AccountNumberField(props: AccountNumberFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useBankForm}'s `Fields.AccountType` component.
+ *
+ * @public
+ */
 export type AccountTypeFieldProps = HookFieldProps<RadioGroupHookFieldProps<RequiredValidation, AccountType>>;
+/**
+ * Radio group bound to the `accountType` field of {@link useBankForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.AccountType`. Options are
+ * `Checking` and `Savings`; defaults to `Checking` when no value is supplied.
+ * Supply `getOptionLabel` to translate the option labels.
+ *
+ * @param props - See {@link AccountTypeFieldProps}.
+ * @returns The rendered radio group bound to `accountType`.
+ * @public
+ */
 export declare function AccountTypeField(props: AccountTypeFieldProps): import("react").JSX.Element;

package/dist/components/Employee/PaymentMethod/shared/useBankForm/fields.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 import { TextInputHookField as o } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function m(e) {
   return /* @__PURE__ */ n(o, { ...e, name: "name" });
 }

package/dist/components/Employee/PaymentMethod/shared/useBankForm/fields.js.map

@@ -1 +1 @@
-{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/fields.tsx"],"sourcesContent":["import type { AccountType, BankFormErrorCodes } from './useBankFormSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport { TextInputHookField, RadioGroupHookField } from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\nexport type RequiredValidation = typeof BankFormErrorCodes.REQUIRED\nexport type RoutingNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ROUTING_NUMBER'\n>]\nexport type AccountNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ACCOUNT_NUMBER'\n>]\n\nexport type NameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function NameField(props: NameFieldProps) {\n  return <TextInputHookField {...props} name=\"name\" />\n}\n\nexport type RoutingNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<RoutingNumberValidation>\n>\n\nexport function RoutingNumberField(props: RoutingNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"routingNumber\" />\n}\n\nexport type AccountNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<AccountNumberValidation>\n>\n\nexport function AccountNumberField(props: AccountNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"accountNumber\" />\n}\n\nexport type AccountTypeFieldProps = HookFieldProps<\n  RadioGroupHookFieldProps<RequiredValidation, AccountType>\n>\n\nexport function AccountTypeField(props: AccountTypeFieldProps) {\n  return <RadioGroupHookField {...props} name=\"accountType\" />\n}\n"],"names":["NameField","props","jsx","TextInputHookField","RoutingNumberField","AccountNumberField","AccountTypeField","RadioGroupHookField"],"mappings":";;;AAkBO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,QAAO;AACpD;AAMO,SAASG,EAAmBH,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAMO,SAASI,EAAmBJ,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAMO,SAASK,EAAiBL,GAA8B;AAC7D,SAAO,gBAAAC,EAACK,GAAA,EAAqB,GAAGN,GAAO,MAAK,eAAc;AAC5D;"}
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/fields.tsx"],"sourcesContent":["import type { AccountType, BankFormErrorCodes } from './useBankFormSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport { TextInputHookField, RadioGroupHookField } from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\n/**\n * Validation error codes emitted by {@link useBankForm} fields that only emit `REQUIRED`.\n *\n * @public\n */\nexport type RequiredValidation = typeof BankFormErrorCodes.REQUIRED\n\n/**\n * Validation error codes emitted by the `routingNumber` field of {@link useBankForm}.\n *\n * @public\n */\nexport type RoutingNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ROUTING_NUMBER'\n>]\n\n/**\n * Validation error codes emitted by the `accountNumber` field of {@link useBankForm}.\n *\n * @public\n */\nexport type AccountNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ACCOUNT_NUMBER'\n>]\n\n/**\n * Props accepted by {@link useBankForm}'s `Fields.Name` component.\n *\n * @public\n */\nexport type NameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\n/**\n * Text input bound to the `name` field of {@link useBankForm}.\n *\n * @remarks\n * Available on the hook result as `form.Fields.Name`. Captures the account\n * nickname.\n *\n * @param props - See {@link NameFieldProps}.\n * @returns The rendered text input bound to `name`.\n * @public\n */\nexport function NameField(props: NameFieldProps) {\n  return <TextInputHookField {...props} name=\"name\" />\n}\n\n/**\n * Props accepted by {@link useBankForm}'s `Fields.RoutingNumber` component.\n *\n * @public\n */\nexport type RoutingNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<RoutingNumberValidation>\n>\n\n/**\n * Text input bound to the `routingNumber` field of {@link useBankForm}.\n *\n * @remarks\n * Available on the hook result as `form.Fields.RoutingNumber`. Validates the\n * value against a 9-digit numeric pattern.\n *\n * @param props - See {@link RoutingNumberFieldProps}.\n * @returns The rendered text input bound to `routingNumber`.\n * @public\n */\nexport function RoutingNumberField(props: RoutingNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"routingNumber\" />\n}\n\n/**\n * Props accepted by {@link useBankForm}'s `Fields.AccountNumber` component.\n *\n * @public\n */\nexport type AccountNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<AccountNumberValidation>\n>\n\n/**\n * Text input bound to the `accountNumber` field of {@link useBankForm}.\n *\n * @remarks\n * Available on the hook result as `form.Fields.AccountNumber`. Validates the\n * value against a 1–17 digit numeric pattern.\n *\n * @param props - See {@link AccountNumberFieldProps}.\n * @returns The rendered text input bound to `accountNumber`.\n * @public\n */\nexport function AccountNumberField(props: AccountNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"accountNumber\" />\n}\n\n/**\n * Props accepted by {@link useBankForm}'s `Fields.AccountType` component.\n *\n * @public\n */\nexport type AccountTypeFieldProps = HookFieldProps<\n  RadioGroupHookFieldProps<RequiredValidation, AccountType>\n>\n\n/**\n * Radio group bound to the `accountType` field of {@link useBankForm}.\n *\n * @remarks\n * Available on the hook result as `form.Fields.AccountType`. Options are\n * `Checking` and `Savings`; defaults to `Checking` when no value is supplied.\n * Supply `getOptionLabel` to translate the option labels.\n *\n * @param props - See {@link AccountTypeFieldProps}.\n * @returns The rendered radio group bound to `accountType`.\n * @public\n */\nexport function AccountTypeField(props: AccountTypeFieldProps) {\n  return <RadioGroupHookField {...props} name=\"accountType\" />\n}\n"],"names":["NameField","props","jsx","TextInputHookField","RoutingNumberField","AccountNumberField","AccountTypeField","RadioGroupHookField"],"mappings":";;;AAmDO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,QAAO;AACpD;AAsBO,SAASG,EAAmBH,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAsBO,SAASI,EAAmBJ,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAuBO,SAASK,EAAiBL,GAA8B;AAC7D,SAAO,gBAAAC,EAACK,GAAA,EAAqB,GAAGN,GAAO,MAAK,eAAc;AAC5D;"}

package/dist/components/Employee/PaymentMethod/shared/useBankForm/index.d.ts

@@ -1,5 +1,5 @@
 import "./types/i18next.d.ts"
 export { useBankForm } from './useBankForm';
-export type { BankFormSubmitOptions, UseBankFormProps, UseBankFormResult, UseBankFormReady, BankFormFields, BankFormFieldsMetadata, BankFormFieldsType, } from './useBankForm';
+export type { BankFormSubmitOptions, UseBankFormProps, UseBankFormResult, UseBankFormReady, BankFormFields, BankFormFieldsMetadata, } from './useBankForm';
 export { ACCOUNT_TYPES, BankFormErrorCodes, createBankFormSchema, type AccountType, type BankFormErrorCode, type BankFormData, type BankFormField, type BankFormOptionalFieldsToRequire, type BankFormOutputs, } from './useBankFormSchema';
 export { NameField, RoutingNumberField, AccountNumberField, AccountTypeField, type NameFieldProps, type RoutingNumberFieldProps, type AccountNumberFieldProps, type AccountTypeFieldProps, type RequiredValidation as BankFormRequiredValidation, type RoutingNumberValidation, type AccountNumberValidation, } from './fields';

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankForm.d.ts

@@ -3,35 +3,118 @@ import { EmployeeBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/com
 import { BankFormData, BankFormOptionalFieldsToRequire } from './useBankFormSchema';
 import { AccountNumberField, AccountTypeField, NameField, RoutingNumberField } from './fields';
 import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+/**
+ * Optional submit-time overrides for {@link useBankForm}'s `onSubmit`.
+ *
+ * @public
+ */
 export interface BankFormSubmitOptions {
     /** Override the `employeeId` configured at hook construction. Useful when the employee is created in the same submit chain. */
     employeeId?: string;
 }
+/**
+ * Props for {@link useBankForm}.
+ *
+ * @public
+ */
 export interface UseBankFormProps {
     /** Employee for whom to create the bank account. May be supplied later via `BankFormSubmitOptions.employeeId`. */
     employeeId?: string;
+    /** Override optional fields to be required. Reserved for future schema expansion — every field is required by default. */
     optionalFieldsToRequire?: BankFormOptionalFieldsToRequire;
+    /** Pre-fill form values. `accountType` defaults to `'Checking'` when not supplied. */
     defaultValues?: Partial<BankFormData>;
+    /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */
     validationMode?: UseFormProps['mode'];
+    /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */
     shouldFocusError?: boolean;
 }
+/**
+ * Field components exposed by {@link useBankForm} on `form.Fields`.
+ *
+ * @public
+ */
 export interface BankFormFields {
+    /** Bound to `name` — see {@link NameField}. */
     Name: typeof NameField;
+    /** Bound to `routingNumber` — see {@link RoutingNumberField}. */
     RoutingNumber: typeof RoutingNumberField;
+    /** Bound to `accountNumber` — see {@link AccountNumberField}. */
     AccountNumber: typeof AccountNumberField;
+    /** Bound to `accountType` — see {@link AccountTypeField}. */
     AccountType: typeof AccountTypeField;
 }
+/**
+ * Ready-state return value of {@link useBankForm}.
+ *
+ * @public
+ */
 export interface UseBankFormReady extends BaseFormHookReady<FieldsMetadata, BankFormData, BankFormFields> {
+    /** No server-fetched data — the create form derives everything from user input. */
     data: Record<string, never>;
+    /** `isPending` reflects the in-flight create mutation; `mode` is always `'create'`. */
     status: {
         isPending: boolean;
         mode: 'create';
     };
+    /** Submit the form. Optional {@link BankFormSubmitOptions} can override the `employeeId` supplied to the hook. */
     actions: {
         onSubmit: (options?: BankFormSubmitOptions) => Promise<HookSubmitResult<EmployeeBankAccount> | undefined>;
     };
 }
+/**
+ * Headless React Hook Form hook for creating an employee bank account.
+ *
+ * @remarks
+ * Captures the account nickname, routing number, account number, and account
+ * type. Creating a bank account also updates the employee's payment method on
+ * the Gusto API. Returns the standard `HookLoadingResult | UseBankFormReady`
+ * discriminated union; in practice the hook transitions to the ready state
+ * immediately because it does not fetch any server data.
+ *
+ * @param props - See {@link UseBankFormProps}.
+ * @returns A loading-state result while the hook is initializing, or a {@link UseBankFormReady} ready to render.
+ * @public
+ *
+ * @example
+ * ```tsx
+ * import { useBankForm, SDKFormProvider } from '@gusto/embedded-react-sdk'
+ *
+ * function AddBankAccount({ employeeId }: { employeeId: string }) {
+ *   const bankForm = useBankForm({ employeeId })
+ *
+ *   if (bankForm.isLoading) return null
+ *   const { Fields } = bankForm.form
+ *
+ *   return (
+ *     <SDKFormProvider formHookResult={bankForm}>
+ *       <form
+ *         onSubmit={e => {
+ *           e.preventDefault()
+ *           void bankForm.actions.onSubmit()
+ *         }}
+ *       >
+ *         <Fields.Name label="Account nickname" />
+ *         <Fields.RoutingNumber label="Routing number" />
+ *         <Fields.AccountNumber label="Account number" />
+ *         <Fields.AccountType label="Account type" />
+ *         <button type="submit" disabled={bankForm.status.isPending}>Save</button>
+ *       </form>
+ *     </SDKFormProvider>
+ *   )
+ * }
+ * ```
+ */
 export declare function useBankForm({ employeeId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseBankFormProps): HookLoadingResult | UseBankFormReady;
+/**
+ * Return type of {@link useBankForm} — a discriminated union on `isLoading`.
+ *
+ * @public
+ */
 export type UseBankFormResult = HookLoadingResult | UseBankFormReady;
+/**
+ * Per-field metadata exposed on `form.fieldsMetadata` for {@link useBankForm}.
+ *
+ * @public
+ */
 export type BankFormFieldsMetadata = UseBankFormReady['form']['fieldsMetadata'];
-export type BankFormFieldsType = UseBankFormReady['form']['Fields'];