@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodEditForm.js

@@ -0,0 +1,57 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import C from "classnames";
+import { useManagementBankAccountFieldsDictionary as A } from "./useFormDictionary.js";
+import N from "./PaymentMethodEditForm.module.scss.js";
+import { BaseBoundaries as f } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useI18n as u, useComponentDictionary as E } from "../../../../i18n/I18n.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ContractorBankAccountFormBody as y } from "../shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js";
+function H({
+  FallbackComponent: n,
+  LoaderComponent: o,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    f,
+    {
+      componentName: "Contractor.Management.PaymentMethod",
+      FallbackComponent: n,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ t(_, { LoaderComponent: o, ...e })
+    }
+  );
+}
+function _({
+  contractorId: n,
+  className: o,
+  dictionary: e,
+  onEvent: r,
+  LoaderComponent: a
+}) {
+  u("Contractor.Management.PaymentMethod"), E("Contractor.Management.PaymentMethod", e);
+  const { t: i } = p("Contractor.Management.PaymentMethod"), c = T(), s = A();
+  return /* @__PURE__ */ d("section", { className: C(N.container, o), children: [
+    /* @__PURE__ */ t(c.Heading, { as: "h2", children: i("form.title") }),
+    /* @__PURE__ */ t(
+      y,
+      {
+        contractorId: n,
+        dictionary: s,
+        LoaderComponent: a,
+        onSaved: (M) => {
+          r(m.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED, M);
+        },
+        onCancel: () => {
+          r(m.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED);
+        }
+      }
+    )
+  ] });
+}
+export {
+  H as PaymentMethodEditForm
+};
+//# sourceMappingURL=PaymentMethodEditForm.js.map

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodEditForm.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/PaymentMethodEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { ContractorBankAccountFormBody } from '../shared/ContractorBankAccountFormBody'\nimport { useManagementBankAccountFieldsDictionary } from './useFormDictionary'\nimport styles from './PaymentMethodEditForm.module.scss'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link PaymentMethodEditForm}.\n *\n * @public\n */\nexport interface PaymentMethodEditFormProps extends BaseComponentInterface<'Contractor.Management.PaymentMethod'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\n/**\n * Standalone bank-account form for a contractor's payment method.\n *\n * @remarks\n * Renders fields for the account nickname, routing number, account number,\n * and account type. Saving creates the bank account, which updates the\n * contractor's payment method to Direct Deposit as a server-side effect. Save\n * and Cancel both emit events so the parent can return to the read view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank account is successfully saved | The created `ContractorBankAccount` entity |\n * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link PaymentMethodEditFormProps}.\n * @returns The contractor payment method bank-account form.\n * @public\n */\nexport function PaymentMethodEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PaymentMethodEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaymentMethodEditFormRoot({\n  contractorId,\n  className,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: PaymentMethodEditFormProps) {\n  useI18n('Contractor.Management.PaymentMethod')\n  useComponentDictionary('Contractor.Management.PaymentMethod', dictionary)\n  const { t } = useTranslation('Contractor.Management.PaymentMethod')\n  const Components = useComponentContext()\n  const bankAccountFieldsDictionary = useManagementBankAccountFieldsDictionary()\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <Components.Heading as=\"h2\">{t('form.title')}</Components.Heading>\n      <ContractorBankAccountFormBody\n        contractorId={contractorId}\n        dictionary={bankAccountFieldsDictionary}\n        LoaderComponent={LoaderComponent}\n        onSaved={data => {\n          onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED, data)\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED)\n        }}\n      />\n    </section>\n  )\n}\n"],"names":["PaymentMethodEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","PaymentMethodEditFormRoot","contractorId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","bankAccountFieldsDictionary","useManagementBankAccountFieldsDictionary","classNames","styles","ContractorBankAccountFormBody","data","componentEvents"],"mappings":";;;;;;;;;;;AAuCO,SAASA,EAAsB;AAAA,EACpC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA+B;AAC7B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAA0B,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9E;AAEA,SAASG,EAA0B;AAAA,EACjC,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AACF,GAA+B;AAC7B,EAAAS,EAAQ,qCAAqC,GAC7CC,EAAuB,uCAAuCH,CAAU;AACxE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,qCAAqC,GAC5DC,IAAaC,EAAA,GACbC,IAA8BC,EAAA;AAEpC,2BACG,WAAA,EAAQ,WAAWC,EAAWC,EAAO,WAAWZ,CAAS,GACxD,UAAA;AAAA,IAAA,gBAAAJ,EAACW,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,YAAY,GAAE;AAAA,IAC7C,gBAAAT;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,cAAAd;AAAA,QACA,YAAYU;AAAA,QACZ,iBAAAf;AAAA,QACA,SAAS,CAAAoB,MAAQ;AACf,UAAAZ,EAAQa,EAAgB,0DAA0DD,CAAI;AAAA,QACxF;AAAA,QACA,UAAU,MAAM;AACd,UAAAZ,EAAQa,EAAgB,wDAAwD;AAAA,QAClF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodEditForm.module.scss.js

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=PaymentMethodEditForm.module.scss.js.map

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodEditForm.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodEditForm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Contractor/PaymentMethod/management/index.d.ts

@@ -0,0 +1,3 @@
+export { PaymentMethod, type PaymentMethodProps } from './PaymentMethod';
+export { PaymentMethodCard, type PaymentMethodCardProps } from './PaymentMethodCard';
+export { PaymentMethodEditForm, type PaymentMethodEditFormProps } from './PaymentMethodEditForm';

package/dist/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.d.ts

@@ -0,0 +1,5 @@
+/** @internal */
+export declare const paymentMethodStateMachine: {
+    card: import('../../../../lib/state-machine').StateDefinition;
+    editPaymentMethod: import('../../../../lib/state-machine').StateDefinition;
+};

package/dist/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.js

@@ -0,0 +1,62 @@
+import { PaymentMethodEditFormContextual as T, CardContextual as n } from "./PaymentMethodComponents.js";
+import "react";
+import { state as o, transition as e, reduce as E } from "../../../../lib/state-machine/core.js";
+import { componentEvents as A } from "../../../../shared/constants.js";
+const M = E(
+  (t) => ({
+    ...t,
+    component: n,
+    successAlert: null
+  })
+), _ = (t) => E((r) => ({
+  ...r,
+  component: n,
+  successAlert: t
+})), R = {
+  card: o(
+    e(
+      A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,
+      "editPaymentMethod",
+      E((t) => ({
+        ...t,
+        component: T,
+        successAlert: null
+      }))
+    ),
+    e(
+      A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,
+      "editPaymentMethod",
+      E((t) => ({
+        ...t,
+        component: T,
+        successAlert: null
+      }))
+    ),
+    e(
+      A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,
+      "card",
+      _("bankAccountRemoved")
+    ),
+    e(
+      A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,
+      "card",
+      M
+    )
+  ),
+  editPaymentMethod: o(
+    e(
+      A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,
+      "card",
+      _("bankAccountAdded")
+    ),
+    e(
+      A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,
+      "card",
+      M
+    )
+  )
+};
+export {
+  R as paymentMethodStateMachine
+};
+//# sourceMappingURL=paymentMethodStateMachine.js.map

package/dist/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { CardContextual, PaymentMethodEditFormContextual } from './PaymentMethodComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: PaymentMethodContextInterface['successAlert']) =>\n  reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,\n      'card',\n      returnToCardWithAlert('bankAccountRemoved'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editPaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAuE;AAAA,EAC7E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,oBAAoB;AAAA,IAAA;AAAA,IAE5CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,mBAAmBO;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Contractor/PaymentMethod/management/useFormDictionary.d.ts

@@ -0,0 +1,11 @@
+import { ContractorBankAccountFieldsDictionary } from '../shared/ContractorBankAccountFields';
+/**
+ * Resolves the shared `ContractorBankAccountFields`/`ContractorBankAccountFormBody`
+ * text against management's existing `Contractor.Management.PaymentMethod`
+ * namespace (`form.*`). Management's `form.validations.accountNumber` covers both
+ * required and invalid-format cases today, so both shared validation keys map
+ * onto it here to keep the displayed message unchanged.
+ *
+ * @internal
+ */
+export declare function useManagementBankAccountFieldsDictionary(): ContractorBankAccountFieldsDictionary;

package/dist/components/Contractor/PaymentMethod/management/useFormDictionary.js

@@ -0,0 +1,33 @@
+import { useMemo as o } from "react";
+import { useTranslation as e } from "react-i18next";
+import { useI18n as n } from "../../../../i18n/I18n.js";
+function c() {
+  n("Contractor.Management.PaymentMethod");
+  const { t: a } = e("Contractor.Management.PaymentMethod");
+  return o(
+    () => ({
+      en: {
+        nameLabel: a("form.nameLabel"),
+        routingNumberLabel: a("form.routingNumberLabel"),
+        routingNumberDescription: a("form.routingNumberDescription"),
+        accountNumberLabel: a("form.accountNumberLabel"),
+        accountTypeLabel: a("form.accountTypeLabel"),
+        accountTypeChecking: a("form.accountTypeChecking"),
+        accountTypeSavings: a("form.accountTypeSavings"),
+        cancelCta: a("form.cancelCta"),
+        saveCta: a("form.saveCta"),
+        validations: {
+          accountName: a("form.validations.name"),
+          routingNumber: a("form.validations.routingNumber"),
+          accountNumber: a("form.validations.accountNumber"),
+          accountNumberFormat: a("form.validations.accountNumber")
+        }
+      }
+    }),
+    [a]
+  );
+}
+export {
+  c as useManagementBankAccountFieldsDictionary
+};
+//# sourceMappingURL=useFormDictionary.js.map

package/dist/components/Contractor/PaymentMethod/management/useFormDictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorBankAccountFieldsDictionary } from '../shared/ContractorBankAccountFields'\nimport { useI18n } from '@/i18n'\n\n/**\n * Resolves the shared `ContractorBankAccountFields`/`ContractorBankAccountFormBody`\n * text against management's existing `Contractor.Management.PaymentMethod`\n * namespace (`form.*`). Management's `form.validations.accountNumber` covers both\n * required and invalid-format cases today, so both shared validation keys map\n * onto it here to keep the displayed message unchanged.\n *\n * @internal\n */\nexport function useManagementBankAccountFieldsDictionary(): ContractorBankAccountFieldsDictionary {\n  useI18n('Contractor.Management.PaymentMethod')\n  const { t } = useTranslation('Contractor.Management.PaymentMethod')\n\n  return useMemo<ContractorBankAccountFieldsDictionary>(\n    () => ({\n      en: {\n        nameLabel: t('form.nameLabel'),\n        routingNumberLabel: t('form.routingNumberLabel'),\n        routingNumberDescription: t('form.routingNumberDescription'),\n        accountNumberLabel: t('form.accountNumberLabel'),\n        accountTypeLabel: t('form.accountTypeLabel'),\n        accountTypeChecking: t('form.accountTypeChecking'),\n        accountTypeSavings: t('form.accountTypeSavings'),\n        cancelCta: t('form.cancelCta'),\n        saveCta: t('form.saveCta'),\n        validations: {\n          accountName: t('form.validations.name'),\n          routingNumber: t('form.validations.routingNumber'),\n          accountNumber: t('form.validations.accountNumber'),\n          accountNumberFormat: t('form.validations.accountNumber'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useManagementBankAccountFieldsDictionary","useI18n","t","useTranslation","useMemo"],"mappings":";;;AAcO,SAASA,IAAkF;AAChG,EAAAC,EAAQ,qCAAqC;AAC7C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qCAAqC;AAElE,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,WAAWF,EAAE,gBAAgB;AAAA,QAC7B,oBAAoBA,EAAE,yBAAyB;AAAA,QAC/C,0BAA0BA,EAAE,+BAA+B;AAAA,QAC3D,oBAAoBA,EAAE,yBAAyB;AAAA,QAC/C,kBAAkBA,EAAE,uBAAuB;AAAA,QAC3C,qBAAqBA,EAAE,0BAA0B;AAAA,QACjD,oBAAoBA,EAAE,yBAAyB;AAAA,QAC/C,WAAWA,EAAE,gBAAgB;AAAA,QAC7B,SAASA,EAAE,cAAc;AAAA,QACzB,aAAa;AAAA,UACX,aAAaA,EAAE,uBAAuB;AAAA,UACtC,eAAeA,EAAE,gCAAgC;AAAA,UACjD,eAAeA,EAAE,gCAAgC;AAAA,UACjD,qBAAqBA,EAAE,gCAAgC;AAAA,QAAA;AAAA,MACzD;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}

package/dist/components/Contractor/PaymentMethod/{PaymentMethod.d.ts → onboarding/PaymentMethod.d.ts}

@@ -32,4 +32,4 @@ import { PaymentMethodProps } from './types';
  * }
  * ```
  */
-export declare function PaymentMethod({ dictionary, ...props }: PaymentMethodProps): import("react").JSX.Element;
+export declare function PaymentMethod({ dictionary, LoaderComponent, ...props }: PaymentMethodProps): import("react").JSX.Element;

package/dist/components/Contractor/PaymentMethod/onboarding/PaymentMethod.js

@@ -0,0 +1,87 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useTranslation as F } from "react-i18next";
+import N from "classnames";
+import { useContractorPaymentMethodForm as P } from "../shared/useContractorPaymentMethodForm/useContractorPaymentMethodForm.js";
+import { useContractorBankAccountForm as _ } from "../shared/useContractorBankAccountForm/useContractorBankAccountForm.js";
+import { useOnboardingBankAccountFieldsDictionary as R } from "./useFormDictionary.js";
+import H from "./PaymentMethod.module.scss.js";
+import { useComponentDictionary as k, useI18n as B } from "../../../../i18n/I18n.js";
+import { BaseBoundaries as L, BaseLayout as D } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as S } from "../../../Common/Form/Form.js";
+import { PAYMENT_METHODS as h, componentEvents as a } from "../../../../shared/constants.js";
+import { composeErrorHandler as Y } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as C } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { ActionsLayout as j } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Flex as y } from "../../../Common/Flex/Flex.js";
+import { ContractorBankAccountFields as w } from "../shared/ContractorBankAccountFields/ContractorBankAccountFields.js";
+function io({ dictionary: s, LoaderComponent: c, ...e }) {
+  return k("Contractor.PaymentMethod", s), /* @__PURE__ */ t(L, { componentName: "Contractor.PaymentMethod", LoaderComponent: c, children: /* @__PURE__ */ t(U, { LoaderComponent: c, ...e }) });
+}
+function U({
+  contractorId: s,
+  className: c,
+  onEvent: e,
+  LoaderComponent: u
+}) {
+  B("Contractor.PaymentMethod");
+  const { t: n } = F("Contractor.PaymentMethod"), m = x(), r = P({
+    contractorId: s,
+    shouldFocusError: !1
+  }), i = _({
+    contractorId: s,
+    shouldFocusError: !1
+  }), T = R();
+  if (r.isLoading || i.isLoading) {
+    const o = Y([r, i]);
+    return /* @__PURE__ */ t(D, { isLoading: !0, error: o.errors, LoaderComponent: u });
+  }
+  const d = r.status.isDirectDeposit, { Type: A } = r.form.Fields, b = async () => {
+    const o = await i.actions.onSubmit();
+    o && (e(a.CONTRACTOR_BANK_ACCOUNT_CREATED, {
+      contractorBankAccount: o.data
+    }), e(a.CONTRACTOR_PAYMENT_METHOD_DONE));
+  }, O = async () => {
+    const o = await r.actions.onSubmit();
+    o && (e(a.CONTRACTOR_PAYMENT_METHOD_UPDATED, {
+      contractorPaymentMethod: o.data
+    }), e(a.CONTRACTOR_PAYMENT_METHOD_DONE));
+  }, { handleSubmit: g, errorHandling: M } = d ? C([r, i], b) : C([r], O), l = r.status.isPending || i.status.isPending, E = (o) => /* @__PURE__ */ t(
+    m.RadioGroup,
+    {
+      ...o,
+      shouldVisuallyHideLabel: !0,
+      options: o.options.map((p) => ({
+        ...p,
+        description: p.value === h.directDeposit ? n("directDepositDescription") : n("checkDescription")
+      }))
+    }
+  );
+  return /* @__PURE__ */ t("section", { className: N(H.root, c), children: /* @__PURE__ */ t(D, { error: M.errors, LoaderComponent: u, children: /* @__PURE__ */ t(S, { onSubmit: g, children: /* @__PURE__ */ f(y, { gap: 32, flexDirection: "column", children: [
+    /* @__PURE__ */ t(m.Heading, { as: "h2", children: n("title") }),
+    /* @__PURE__ */ f(y, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ t(
+        A,
+        {
+          label: n("paymentFieldsetLegend"),
+          getOptionLabel: (o) => o === h.directDeposit ? n("directDepositLabel") : n("checkLabel"),
+          FieldComponent: E,
+          formHookResult: r
+        }
+      ),
+      d && /* @__PURE__ */ t(
+        w,
+        {
+          bankAccountForm: i,
+          dictionary: T
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(m.Button, { type: "submit", variant: "primary", isDisabled: l, children: n(l ? "submittingCta" : "continueCta") }) })
+  ] }) }) }) });
+}
+export {
+  io as PaymentMethod
+};
+//# sourceMappingURL=PaymentMethod.js.map

package/dist/components/Contractor/PaymentMethod/onboarding/PaymentMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Contractor/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorPaymentMethodForm,\n  type ContractorPaymentMethodFormType,\n} from '../shared/useContractorPaymentMethodForm'\nimport { useContractorBankAccountForm } from '../shared/useContractorBankAccountForm'\nimport { ContractorBankAccountFields } from '../shared/ContractorBankAccountFields'\nimport type { PaymentMethodProps } from './types'\nimport { useOnboardingBankAccountFieldsDictionary } from './useFormDictionary'\nimport styles from './PaymentMethod.module.scss'\nimport { useI18n } from '@/i18n'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, PAYMENT_METHODS } from '@/shared/constants'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Manages a contractor's payment method, capturing a bank account for direct deposit or recording check as the payment method.\n *\n * Displays the current payment type, lets the user switch between direct deposit and check, and\n * collects bank account details (account holder name, routing number, account number, and account\n * type) when direct deposit is selected. Direct deposit creates the bank account (which updates the\n * payment method server-side); check updates the contractor's payment method type directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/bankAccount/created` | Fired on the direct deposit path after the bank account is created | The created bank account at `.contractorBankAccount` |\n * | `contractor/paymentMethod/updated` | Fired on the check path after the payment method type is updated | The updated payment method at `.contractorPaymentMethod` |\n * | `contractor/paymentMethod/done` | Fired when the payment method step completes | — |\n *\n * @param props - Component configuration; see {@link PaymentMethodProps}.\n * @returns The rendered payment method form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function PaymentMethodStep() {\n *   return (\n *     <ContractorOnboarding.PaymentMethod\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({ dictionary, LoaderComponent, ...props }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Contractor.PaymentMethod\" LoaderComponent={LoaderComponent}>\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  contractorId,\n  className,\n  onEvent,\n  LoaderComponent,\n}: Omit<PaymentMethodProps, 'dictionary'>) {\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const Components = useComponentContext()\n\n  const paymentMethodForm = useContractorPaymentMethodForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountForm = useContractorBankAccountForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountFieldsDictionary = useOnboardingBankAccountFieldsDictionary()\n\n  if (paymentMethodForm.isLoading || bankAccountForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([paymentMethodForm, bankAccountForm])\n    return (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const isDirectDeposit = paymentMethodForm.status.isDirectDeposit\n  const { Type } = paymentMethodForm.form.Fields\n\n  // Direct Deposit always submits the bank account (which sets the payment\n  // method server-side); Check updates the payment method type directly. The\n  // account number is pre-filled with the masked token, which the API treats as\n  // \"keep the existing account,\" so an unchanged submit preserves it while a\n  // newly typed number replaces it.\n  const submitDirectDeposit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, {\n      contractorBankAccount: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const submitCheck = async () => {\n    const result = await paymentMethodForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, {\n      contractorPaymentMethod: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const { handleSubmit, errorHandling } = isDirectDeposit\n    ? composeSubmitHandler([paymentMethodForm, bankAccountForm], submitDirectDeposit)\n    : composeSubmitHandler([paymentMethodForm], submitCheck)\n\n  const isPending = paymentMethodForm.status.isPending || bankAccountForm.status.isPending\n\n  const TypeFieldComponent = (radioProps: RadioGroupProps) => (\n    <Components.RadioGroup\n      {...radioProps}\n      shouldVisuallyHideLabel\n      options={radioProps.options.map(option => ({\n        ...option,\n        description:\n          option.value === PAYMENT_METHODS.directDeposit\n            ? t('directDepositDescription')\n            : t('checkDescription'),\n      }))}\n    />\n  )\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Form onSubmit={handleSubmit}>\n          <Flex gap={32} flexDirection=\"column\">\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Type\n                label={t('paymentFieldsetLegend')}\n                getOptionLabel={(value: ContractorPaymentMethodFormType) =>\n                  value === PAYMENT_METHODS.directDeposit\n                    ? t('directDepositLabel')\n                    : t('checkLabel')\n                }\n                FieldComponent={TypeFieldComponent}\n                formHookResult={paymentMethodForm}\n              />\n              {isDirectDeposit && (\n                <ContractorBankAccountFields\n                  bankAccountForm={bankAccountForm}\n                  dictionary={bankAccountFieldsDictionary}\n                />\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button type=\"submit\" variant=\"primary\" isDisabled={isPending}>\n                {isPending ? t('submittingCta') : t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["PaymentMethod","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","contractorId","className","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paymentMethodForm","useContractorPaymentMethodForm","bankAccountForm","useContractorBankAccountForm","bankAccountFieldsDictionary","useOnboardingBankAccountFieldsDictionary","loadingErrorHandling","composeErrorHandler","BaseLayout","isDirectDeposit","Type","submitDirectDeposit","result","componentEvents","submitCheck","handleSubmit","errorHandling","composeSubmitHandler","isPending","TypeFieldComponent","radioProps","option","PAYMENT_METHODS","classNames","styles","Form","Flex","jsxs","value","ContractorBankAccountFields","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/PaymentMethod/{types.d.ts → onboarding/types.d.ts}

@@ -1,4 +1,4 @@
-import { BaseComponentInterface } from '../../Base';
+import { BaseComponentInterface } from '../../../Base';
 /**
  * Props for the {@link PaymentMethod} component.
  *

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

@@ -0,0 +1,12 @@
+import { ContractorBankAccountFieldsDictionary } from '../shared/ContractorBankAccountFields';
+/**
+ * Resolves the shared `ContractorBankAccountFields`' text against onboarding's
+ * existing `Contractor.PaymentMethod` namespace (`bankAccountForm.*`), preserving
+ * backward compatibility for partners overriding the onboarding keys through the
+ * block's `dictionary` prop. Onboarding's `bankAccountForm.validations.accountNumber`
+ * covers both required and invalid-format cases today, so both shared validation
+ * keys map onto it here to keep the displayed message unchanged.
+ *
+ * @internal
+ */
+export declare function useOnboardingBankAccountFieldsDictionary(): ContractorBankAccountFieldsDictionary;

package/dist/components/Contractor/PaymentMethod/onboarding/useFormDictionary.js

@@ -0,0 +1,31 @@
+import { useMemo as o } from "react";
+import { useTranslation as c } from "react-i18next";
+import { useI18n as a } from "../../../../i18n/I18n.js";
+function e() {
+  a("Contractor.PaymentMethod");
+  const { t: n } = c("Contractor.PaymentMethod");
+  return o(
+    () => ({
+      en: {
+        nameLabel: n("bankAccountForm.nameLabel"),
+        routingNumberLabel: n("bankAccountForm.routingNumberLabel"),
+        routingNumberDescription: n("bankAccountForm.routingNumberDescription"),
+        accountNumberLabel: n("bankAccountForm.accountNumberLabel"),
+        accountTypeLabel: n("bankAccountForm.accountTypeLabel"),
+        accountTypeChecking: n("bankAccountForm.accountTypeChecking"),
+        accountTypeSavings: n("bankAccountForm.accountTypeSavings"),
+        validations: {
+          accountName: n("bankAccountForm.validations.accountName"),
+          routingNumber: n("bankAccountForm.validations.routingNumber"),
+          accountNumber: n("bankAccountForm.validations.accountNumber"),
+          accountNumberFormat: n("bankAccountForm.validations.accountNumber")
+        }
+      }
+    }),
+    [n]
+  );
+}
+export {
+  e as useOnboardingBankAccountFieldsDictionary
+};
+//# sourceMappingURL=useFormDictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Contractor/PaymentMethod/onboarding/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorBankAccountFieldsDictionary } from '../shared/ContractorBankAccountFields'\nimport { useI18n } from '@/i18n'\n\n/**\n * Resolves the shared `ContractorBankAccountFields`' text against onboarding's\n * existing `Contractor.PaymentMethod` namespace (`bankAccountForm.*`), preserving\n * backward compatibility for partners overriding the onboarding keys through the\n * block's `dictionary` prop. Onboarding's `bankAccountForm.validations.accountNumber`\n * covers both required and invalid-format cases today, so both shared validation\n * keys map onto it here to keep the displayed message unchanged.\n *\n * @internal\n */\nexport function useOnboardingBankAccountFieldsDictionary(): ContractorBankAccountFieldsDictionary {\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n\n  return useMemo<ContractorBankAccountFieldsDictionary>(\n    () => ({\n      en: {\n        nameLabel: t('bankAccountForm.nameLabel'),\n        routingNumberLabel: t('bankAccountForm.routingNumberLabel'),\n        routingNumberDescription: t('bankAccountForm.routingNumberDescription'),\n        accountNumberLabel: t('bankAccountForm.accountNumberLabel'),\n        accountTypeLabel: t('bankAccountForm.accountTypeLabel'),\n        accountTypeChecking: t('bankAccountForm.accountTypeChecking'),\n        accountTypeSavings: t('bankAccountForm.accountTypeSavings'),\n        validations: {\n          accountName: t('bankAccountForm.validations.accountName'),\n          routingNumber: t('bankAccountForm.validations.routingNumber'),\n          accountNumber: t('bankAccountForm.validations.accountNumber'),\n          accountNumberFormat: t('bankAccountForm.validations.accountNumber'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useOnboardingBankAccountFieldsDictionary","useI18n","t","useTranslation","useMemo"],"mappings":";;;AAeO,SAASA,IAAkF;AAChG,EAAAC,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B;AAEvD,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,WAAWF,EAAE,2BAA2B;AAAA,QACxC,oBAAoBA,EAAE,oCAAoC;AAAA,QAC1D,0BAA0BA,EAAE,0CAA0C;AAAA,QACtE,oBAAoBA,EAAE,oCAAoC;AAAA,QAC1D,kBAAkBA,EAAE,kCAAkC;AAAA,QACtD,qBAAqBA,EAAE,qCAAqC;AAAA,QAC5D,oBAAoBA,EAAE,oCAAoC;AAAA,QAC1D,aAAa;AAAA,UACX,aAAaA,EAAE,yCAAyC;AAAA,UACxD,eAAeA,EAAE,2CAA2C;AAAA,UAC5D,eAAeA,EAAE,2CAA2C;AAAA,UAC5D,qBAAqBA,EAAE,2CAA2C;AAAA,QAAA;AAAA,MACpE;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFields/ContractorBankAccountFields.d.ts

@@ -0,0 +1,29 @@
+import { UseContractorBankAccountFormReady } from '../useContractorBankAccountForm';
+import { ResourceDictionary } from '../../../../../types/Helpers';
+/** @internal */
+export type ContractorBankAccountFieldsDictionary = ResourceDictionary<'Contractor.BankAccountFields'>;
+/** @internal */
+export interface ContractorBankAccountFieldsProps {
+    /** The `useContractorBankAccountForm` result to bind the fields to. */
+    bankAccountForm: UseContractorBankAccountFormReady;
+    /**
+     * Translation overrides for the fields' strings. Each consuming surface
+     * passes the dictionary it resolved from its own namespace so a partner
+     * override on one surface doesn't leak into the other.
+     */
+    dictionary?: ContractorBankAccountFieldsDictionary;
+}
+/**
+ * Shared bank-account field set (nickname, routing number, account number,
+ * account type) used by both the onboarding `PaymentMethod` step and the
+ * management `PaymentMethodEditForm`. Owns only the fields — not a `<Form>`,
+ * `SDKFormProvider`, or submit actions — since onboarding renders these
+ * fields inline within a combined form alongside a payment-type selector,
+ * while management renders them inside its own standalone form via
+ * {@link ContractorBankAccountFormBody}. Binds explicitly via
+ * `formHookResult` on each field rather than relying on an ambient
+ * `SDKFormProvider`, so it works in both contexts.
+ *
+ * @internal
+ */
+export declare function ContractorBankAccountFields({ bankAccountForm, dictionary, }: ContractorBankAccountFieldsProps): import("react").JSX.Element;

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFields/ContractorBankAccountFields.js

@@ -0,0 +1,55 @@
+import { jsxs as u, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { useI18n as N, useComponentDictionary as d } from "../../../../../i18n/I18n.js";
+function p({
+  bankAccountForm: e,
+  dictionary: a
+}) {
+  N("Contractor.BankAccountFields"), d("Contractor.BankAccountFields", a);
+  const { t: o } = m("Contractor.BankAccountFields"), { Name: n, RoutingNumber: i, AccountNumber: r, AccountType: s } = e.form.Fields;
+  return /* @__PURE__ */ u(c, { children: [
+    /* @__PURE__ */ t(
+      n,
+      {
+        label: o("nameLabel"),
+        validationMessages: { REQUIRED: o("validations.accountName") },
+        formHookResult: e
+      }
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        label: o("routingNumberLabel"),
+        description: o("routingNumberDescription"),
+        validationMessages: {
+          REQUIRED: o("validations.routingNumber"),
+          INVALID_ROUTING_NUMBER: o("validations.routingNumber")
+        },
+        formHookResult: e
+      }
+    ),
+    /* @__PURE__ */ t(
+      r,
+      {
+        label: o("accountNumberLabel"),
+        validationMessages: {
+          REQUIRED: o("validations.accountNumber"),
+          INVALID_ACCOUNT_NUMBER: o("validations.accountNumberFormat")
+        },
+        formHookResult: e
+      }
+    ),
+    /* @__PURE__ */ t(
+      s,
+      {
+        label: o("accountTypeLabel"),
+        getOptionLabel: (l) => o(l === "Checking" ? "accountTypeChecking" : "accountTypeSavings"),
+        formHookResult: e
+      }
+    )
+  ] });
+}
+export {
+  p as ContractorBankAccountFields
+};
+//# sourceMappingURL=ContractorBankAccountFields.js.map

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFields/ContractorBankAccountFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractorBankAccountFields.js","sources":["../../../../../../src/components/Contractor/PaymentMethod/shared/ContractorBankAccountFields/ContractorBankAccountFields.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { UseContractorBankAccountFormReady } from '../useContractorBankAccountForm'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\n/** @internal */\nexport type ContractorBankAccountFieldsDictionary =\n  ResourceDictionary<'Contractor.BankAccountFields'>\n\n/** @internal */\nexport interface ContractorBankAccountFieldsProps {\n  /** The `useContractorBankAccountForm` result to bind the fields to. */\n  bankAccountForm: UseContractorBankAccountFormReady\n  /**\n   * Translation overrides for the fields' strings. Each consuming surface\n   * passes the dictionary it resolved from its own namespace so a partner\n   * override on one surface doesn't leak into the other.\n   */\n  dictionary?: ContractorBankAccountFieldsDictionary\n}\n\n/**\n * Shared bank-account field set (nickname, routing number, account number,\n * account type) used by both the onboarding `PaymentMethod` step and the\n * management `PaymentMethodEditForm`. Owns only the fields — not a `<Form>`,\n * `SDKFormProvider`, or submit actions — since onboarding renders these\n * fields inline within a combined form alongside a payment-type selector,\n * while management renders them inside its own standalone form via\n * {@link ContractorBankAccountFormBody}. Binds explicitly via\n * `formHookResult` on each field rather than relying on an ambient\n * `SDKFormProvider`, so it works in both contexts.\n *\n * @internal\n */\nexport function ContractorBankAccountFields({\n  bankAccountForm,\n  dictionary,\n}: ContractorBankAccountFieldsProps) {\n  useI18n('Contractor.BankAccountFields')\n  useComponentDictionary('Contractor.BankAccountFields', dictionary)\n  const { t } = useTranslation('Contractor.BankAccountFields')\n  const { Name, RoutingNumber, AccountNumber, AccountType } = bankAccountForm.form.Fields\n\n  return (\n    <>\n      <Name\n        label={t('nameLabel')}\n        validationMessages={{ REQUIRED: t('validations.accountName') }}\n        formHookResult={bankAccountForm}\n      />\n      <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        formHookResult={bankAccountForm}\n      />\n      <AccountNumber\n        label={t('accountNumberLabel')}\n        validationMessages={{\n          REQUIRED: t('validations.accountNumber'),\n          INVALID_ACCOUNT_NUMBER: t('validations.accountNumberFormat'),\n        }}\n        formHookResult={bankAccountForm}\n      />\n      <AccountType\n        label={t('accountTypeLabel')}\n        getOptionLabel={(value: string) =>\n          value === 'Checking' ? t('accountTypeChecking') : t('accountTypeSavings')\n        }\n        formHookResult={bankAccountForm}\n      />\n    </>\n  )\n}\n"],"names":["ContractorBankAccountFields","bankAccountForm","dictionary","useI18n","useComponentDictionary","t","useTranslation","Name","RoutingNumber","AccountNumber","AccountType","jsxs","Fragment","jsx","value"],"mappings":";;;AAkCO,SAASA,EAA4B;AAAA,EAC1C,iBAAAC;AAAA,EACA,YAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCF,CAAU;AACjE,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,MAAAC,GAAM,eAAAC,GAAe,eAAAC,GAAe,aAAAC,MAAgBT,EAAgB,KAAK;AAEjF,SACE,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,OAAOF,EAAE,WAAW;AAAA,QACpB,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,QAC3D,gBAAgBJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAElB,gBAAAY;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAOH,EAAE,oBAAoB;AAAA,QAC7B,aAAaA,EAAE,0BAA0B;AAAA,QACzC,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,2BAA2B;AAAA,QAAA;AAAA,QAEvD,gBAAgBJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAElB,gBAAAY;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,oBAAoB;AAAA,QAC7B,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,iCAAiC;AAAA,QAAA;AAAA,QAE7D,gBAAgBJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAElB,gBAAAY;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,OAAOL,EAAE,kBAAkB;AAAA,QAC3B,gBAAgB,CAACS,MACQT,EAAvBS,MAAU,aAAe,wBAA2B,oBAAN;AAAA,QAEhD,gBAAgBb;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACF;AAEJ;"}

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFields/index.d.ts

@@ -0,0 +1 @@
+export { ContractorBankAccountFields, type ContractorBankAccountFieldsProps, type ContractorBankAccountFieldsDictionary, } from './ContractorBankAccountFields';

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.d.ts

@@ -0,0 +1,30 @@
+import { ContractorBankAccount } from '@gusto/embedded-api/models/components/contractorbankaccount';
+import { UseContractorBankAccountFormProps } from '../useContractorBankAccountForm';
+import { ContractorBankAccountFieldsDictionary } from '../ContractorBankAccountFields';
+import { LoaderComponentType } from '../../../../Base';
+/** @internal */
+export interface ContractorBankAccountFormBodyProps extends Omit<UseContractorBankAccountFormProps, 'contractorId'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /**
+     * Translation overrides for the form's strings. Each consuming surface
+     * passes the dictionary it resolved from its own namespace so a partner
+     * override on one surface doesn't leak into the other.
+     */
+    dictionary?: ContractorBankAccountFieldsDictionary;
+    /** Called with the created bank account after a successful submit. */
+    onSaved: (bankAccount: ContractorBankAccount) => void;
+    onCancel?: () => void;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
+}
+/**
+ * Shared bank-account form body. Owns the `useContractorBankAccountForm`
+ * composition, the shared field set, and the submit/cancel actions. Reads
+ * its copy from the internal `Contractor.BankAccountFields` 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 ContractorBankAccountFormBody({ contractorId, dictionary, onSaved, onCancel, LoaderComponent, ...hookProps }: ContractorBankAccountFormBodyProps): import("react").JSX.Element;

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js

@@ -0,0 +1,46 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { useContractorBankAccountForm as C } from "../useContractorBankAccountForm/useContractorBankAccountForm.js";
+import { ActionsLayout as B } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as k } from "../../../../Common/Form/Form.js";
+import { BaseLayout as m } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
+import { SDKFormProvider as F } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as A, useComponentDictionary as h } from "../../../../../i18n/I18n.js";
+import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ContractorBankAccountFields as b } from "../ContractorBankAccountFields/ContractorBankAccountFields.js";
+function K({
+  contractorId: u,
+  dictionary: t,
+  onSaved: d,
+  onCancel: n,
+  LoaderComponent: i,
+  ...l
+}) {
+  A("Contractor.BankAccountFields"), h("Contractor.BankAccountFields", t);
+  const o = C({ contractorId: u, ...l }), { t: c } = f("Contractor.BankAccountFields"), e = y();
+  if (o.isLoading)
+    return /* @__PURE__ */ r(
+      m,
+      {
+        isLoading: !0,
+        error: o.errorHandling.errors,
+        LoaderComponent: i
+      }
+    );
+  const p = async () => {
+    const a = await o.actions.onSubmit();
+    a && d(a.data);
+  };
+  return /* @__PURE__ */ r(m, { error: o.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(F, { formHookResult: o, children: /* @__PURE__ */ s(k, { onSubmit: p, children: [
+    /* @__PURE__ */ r(b, { bankAccountForm: o, dictionary: t }),
+    /* @__PURE__ */ s(B, { children: [
+      n && /* @__PURE__ */ r(e.Button, { variant: "secondary", type: "button", onClick: n, children: c("cancelCta") }),
+      /* @__PURE__ */ r(e.Button, { type: "submit", isLoading: o.status.isPending, children: c("saveCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  K as ContractorBankAccountFormBody
+};
+//# sourceMappingURL=ContractorBankAccountFormBody.js.map

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractorBankAccountFormBody.js","sources":["../../../../../../src/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorBankAccount } from '@gusto/embedded-api/models/components/contractorbankaccount'\nimport { useContractorBankAccountForm } from '../useContractorBankAccountForm'\nimport type { UseContractorBankAccountFormProps } from '../useContractorBankAccountForm'\nimport {\n  ContractorBankAccountFields,\n  type ContractorBankAccountFieldsDictionary,\n} from '../ContractorBankAccountFields'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/** @internal */\nexport interface ContractorBankAccountFormBodyProps extends Omit<\n  UseContractorBankAccountFormProps,\n  'contractorId'\n> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /**\n   * Translation overrides for the form's strings. Each consuming surface\n   * passes the dictionary it resolved from its own namespace so a partner\n   * override on one surface doesn't leak into the other.\n   */\n  dictionary?: ContractorBankAccountFieldsDictionary\n  /** Called with the created bank account after a successful submit. */\n  onSaved: (bankAccount: ContractorBankAccount) => void\n  onCancel?: () => void\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Shared bank-account form body. Owns the `useContractorBankAccountForm`\n * composition, the shared field set, and the submit/cancel actions. Reads\n * its copy from the internal `Contractor.BankAccountFields` namespace;\n * consuming surfaces inject their own copy via the `dictionary` prop and map\n * the `onSaved`/`onCancel` callbacks onto their surface-specific events.\n *\n * @internal\n */\nexport function ContractorBankAccountFormBody({\n  contractorId,\n  dictionary,\n  onSaved,\n  onCancel,\n  LoaderComponent,\n  ...hookProps\n}: ContractorBankAccountFormBodyProps) {\n  useI18n('Contractor.BankAccountFields')\n  useComponentDictionary('Contractor.BankAccountFields', dictionary)\n  const bankAccountForm = useContractorBankAccountForm({ contractorId, ...hookProps })\n  const { t } = useTranslation('Contractor.BankAccountFields')\n  const Components = useComponentContext()\n\n  if (bankAccountForm.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={bankAccountForm.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={bankAccountForm.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <SDKFormProvider formHookResult={bankAccountForm}>\n        <Form onSubmit={handleSubmit}>\n          <ContractorBankAccountFields bankAccountForm={bankAccountForm} dictionary={dictionary} />\n          <ActionsLayout>\n            {onCancel && (\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n            )}\n            <Components.Button type=\"submit\" isLoading={bankAccountForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["ContractorBankAccountFormBody","contractorId","dictionary","onSaved","onCancel","LoaderComponent","hookProps","useI18n","useComponentDictionary","bankAccountForm","useContractorBankAccountForm","t","useTranslation","Components","useComponentContext","jsx","BaseLayout","handleSubmit","result","SDKFormProvider","jsxs","Form","ContractorBankAccountFields","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCN,CAAU;AACjE,QAAMO,IAAkBC,EAA6B,EAAE,cAAAT,GAAc,GAAGK,GAAW,GAC7E,EAAE,GAAAK,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,MAAIL,EAAgB;AAClB,WACE,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOP,EAAgB,cAAc;AAAA,QACrC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMY,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAgB,QAAQ,SAAA;AAC7C,IAAIS,KACFf,EAAQe,EAAO,IAAI;AAAA,EAEvB;AAEA,SACE,gBAAAH,EAACC,GAAA,EAAW,OAAOP,EAAgB,cAAc,QAAQ,iBAAAJ,GACvD,UAAA,gBAAAU,EAACI,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,GAAA,EAAK,UAAUJ,GACd,UAAA;AAAA,IAAA,gBAAAF,EAACO,GAAA,EAA4B,iBAAAb,GAAkC,YAAAP,EAAA,CAAwB;AAAA,sBACtFqB,GAAA,EACE,UAAA;AAAA,MAAAnB,KACC,gBAAAW,EAACF,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,WAAW,EAAA,CAChB;AAAA,MAEF,gBAAAI,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAgB,OAAO,WAChE,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/index.d.ts

@@ -0,0 +1 @@
+export { ContractorBankAccountFormBody, type ContractorBankAccountFormBodyProps, } from './ContractorBankAccountFormBody';