@gusto/embedded-react-sdk 0.47.0 → 0.48.0

package/dist/components/Employee/PaymentMethod/management/PaymentMethodCard.js

@@ -6,23 +6,23 @@ import { DeleteBankAccountDialog as b } from "../shared/DeleteBankAccountDialog.
 import M from "./PaymentMethodCard.module.scss.js";
 import { Flex as k } from "../../../Common/Flex/Flex.js";
 import { Loading as L } from "../../../Common/Loading/Loading.js";
-import { BaseBoundaries as x, BaseLayout as C } from "../../../Base/Base.js";
-import { composeErrorHandler as v } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { HamburgerMenu as x } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { BaseBoundaries as v, BaseLayout as C } from "../../../Base/Base.js";
+import { composeErrorHandler as H } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as H } from "../../../../i18n/I18n.js";
-import { PAYMENT_METHODS as O, componentEvents as h } from "../../../../shared/constants.js";
+import { useI18n as O } from "../../../../i18n/I18n.js";
+import { PAYMENT_METHODS as S, componentEvents as h } from "../../../../shared/constants.js";
 import y from "../../../../assets/icons/plus-circle.svg.js";
-import S from "../../../../assets/icons/percent-circle.svg.js";
-import Y from "../../../../assets/icons/trashcan.svg.js";
-import { HamburgerMenu as w } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import Y from "../../../../assets/icons/percent-circle.svg.js";
+import w from "../../../../assets/icons/trashcan.svg.js";
 import { useDataView as R } from "../../../Common/DataView/useDataView.js";
 import { DataView as U } from "../../../Common/DataView/DataView.js";
 function ce(n) {
-  return /* @__PURE__ */ e(x, { componentName: "Employee.Management.PaymentMethod", children: /* @__PURE__ */ e(G, { ...n }) });
+  return /* @__PURE__ */ e(v, { componentName: "Employee.Management.PaymentMethod", children: /* @__PURE__ */ e(G, { ...n }) });
 }
 function G({ employeeId: n, onEvent: a }) {
-  H("Employee.Management.PaymentMethod");
-  const { t: d } = D("Employee.Management.PaymentMethod"), c = f(), o = N({ employeeId: n }), l = v([o]);
+  O("Employee.Management.PaymentMethod");
+  const { t: d } = D("Employee.Management.PaymentMethod"), c = f(), o = N({ employeeId: n }), l = H([o]);
   return o.isLoading ? /* @__PURE__ */ e(C, { error: l.errors, children: /* @__PURE__ */ e(
     c.Box,
     {
@@ -71,7 +71,7 @@ function V({
       { key: "accountType", title: t("accountTypeColumn") }
     ],
     itemMenu: (i) => /* @__PURE__ */ e(
-      w,
+      x,
       {
         items: [
           {
@@ -82,13 +82,13 @@ function V({
                 hiddenAccountNumber: i.hiddenAccountNumber
               });
             },
-            icon: /* @__PURE__ */ e(Y, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(w, { "aria-hidden": !0 })
           }
         ],
         triggerLabel: t("hamburgerTitle")
       }
     )
-  }), u = c.type === O.directDeposit, P = /* @__PURE__ */ m("div", { className: M.headerAction, children: [
+  }), u = c.type === S.directDeposit, P = /* @__PURE__ */ m("div", { className: M.headerAction, children: [
     u && o.length > 1 && /* @__PURE__ */ e(
       r.Button,
       {
@@ -96,7 +96,7 @@ function V({
         onClick: () => {
           n(h.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED);
         },
-        icon: /* @__PURE__ */ e(S, {}),
+        icon: /* @__PURE__ */ e(Y, {}),
         children: t("splitCta")
       }
     ),

package/dist/components/Employee/PaymentMethod/management/PaymentMethodCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethodCard.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethodCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListReady,\n} from '../shared/usePaymentMethodList'\nimport { useDeleteBankAccount } from '../shared/useDeleteBankAccount'\nimport { DeleteBankAccountDialog } from '../shared/DeleteBankAccountDialog'\nimport styles from './PaymentMethodCard.module.scss'\nimport { DataView, useDataView, Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport PercentCircleIcon from '@/assets/icons/percent-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\nexport interface PaymentMethodCardProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Payment\" card. Owns its own data fetch via\n * {@link usePaymentMethodList} and emits the management block's scoped events\n * (`EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_*`) when the user clicks the card's\n * CTAs or confirms a bank-account deletion. The card has no alert API — alert\n * rendering is the orchestrator's responsibility (the block's\n * `PaymentMethodCardContextual` for standalone consumption; the dashboard\n * chrome for dashboard consumption).\n */\nexport function PaymentMethodCard(props: PaymentMethodCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.PaymentMethod\">\n      <PaymentMethodCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaymentMethodCardContent({ employeeId, onEvent }: PaymentMethodCardProps) {\n  useI18n('Employee.Management.PaymentMethod')\n  const { t } = useTranslation('Employee.Management.PaymentMethod')\n  const Components = useComponentContext()\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n\n  const errorHandling = composeErrorHandler([paymentMethodList])\n\n  if (paymentMethodList.isLoading) {\n    return (\n      <BaseLayout error={errorHandling.errors}>\n        <Components.Box\n          header={\n            <Components.BoxHeader\n              title={t('title')}\n              action={\n                <div className={styles.headerAction}>\n                  <Components.Button variant=\"secondary\" icon={<PlusCircleIcon />} isDisabled>\n                    {t('addBankAccountCta')}\n                  </Components.Button>\n                </div>\n              }\n            />\n          }\n        >\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <PaymentMethodCardReady\n      employeeId={employeeId}\n      onEvent={onEvent}\n      paymentMethodList={paymentMethodList}\n      errorHandling={errorHandling}\n    />\n  )\n}\n\ninterface PaymentMethodCardReadyProps extends PaymentMethodCardProps {\n  paymentMethodList: UsePaymentMethodListReady\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction PaymentMethodCardReady({\n  onEvent,\n  paymentMethodList,\n  errorHandling,\n}: PaymentMethodCardReadyProps) {\n  const { paymentMethod, bankAccounts } = paymentMethodList.data\n  const { deletePendingBankAccountUuid } = paymentMethodList.status\n  const { t } = useTranslation('Employee.Management.PaymentMethod')\n  const Components = useComponentContext()\n\n  const { pendingDeleteAccount, setPendingDeleteAccount, handleConfirmDelete } =\n    useDeleteBankAccount(async uuid => {\n      const result = await paymentMethodList.actions.onDelete(uuid)\n      if (result) {\n        onEvent(\n          componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n          result.data,\n        )\n      }\n    })\n\n  const { ...dataViewProps } = useDataView({\n    data: bankAccounts,\n    columns: [\n      {\n        key: 'name',\n        title: t('nicknameColumn'),\n        render: bankAccount => (\n          <>\n            {bankAccount.name}\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {bankAccount.hiddenAccountNumber}\n            </Components.Text>\n          </>\n        ),\n      },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n    ],\n    itemMenu: bankAccount => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('deleteBankAccountCta'),\n            onClick: () => {\n              setPendingDeleteAccount({\n                uuid: bankAccount.uuid,\n                hiddenAccountNumber: bankAccount.hiddenAccountNumber,\n              })\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n  })\n\n  const isDirectDeposit = paymentMethod.type === PAYMENT_METHODS.directDeposit\n\n  const headerAction = (\n    <div className={styles.headerAction}>\n      {isDirectDeposit && bankAccounts.length > 1 && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED)\n          }}\n          icon={<PercentCircleIcon />}\n        >\n          {t('splitCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED)\n        }}\n        icon={<PlusCircleIcon />}\n      >\n        {bankAccounts.length > 0 ? t('addAnotherCta') : t('addBankAccountCta')}\n      </Components.Button>\n    </div>\n  )\n\n  const isShowingBankAccountTable = isDirectDeposit && bankAccounts.length > 0\n\n  return (\n    <>\n      <BaseLayout error={errorHandling.errors}>\n        <Components.Box\n          withPadding={!isShowingBankAccountTable}\n          header={<Components.BoxHeader title={t('title')} action={headerAction} />}\n        >\n          {isShowingBankAccountTable ? (\n            <DataView label={t('bankAccountsListLabel')} isWithinBox {...dataViewProps} />\n          ) : (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text variant=\"supporting\">{t('paymentMethodLabel')}</Components.Text>\n              <Components.Text>\n                {isDirectDeposit ? t('directDepositLabel') : t('checkLabel')}\n              </Components.Text>\n            </Flex>\n          )}\n        </Components.Box>\n      </BaseLayout>\n      <DeleteBankAccountDialog\n        pendingDeleteAccount={pendingDeleteAccount}\n        isPrimaryActionLoading={deletePendingBankAccountUuid === pendingDeleteAccount?.uuid}\n        onClose={() => {\n          setPendingDeleteAccount(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDelete()\n        }}\n        title={t('deleteBankAccountDialog.title')}\n        description={t('deleteBankAccountDialog.description', {\n          account: pendingDeleteAccount?.hiddenAccountNumber ?? '',\n        })}\n        confirmLabel={t('deleteBankAccountDialog.confirmCta')}\n        cancelLabel={t('deleteBankAccountDialog.cancelCta')}\n      />\n    </>\n  )\n}\n"],"names":["PaymentMethodCard","props","jsx","BaseBoundaries","PaymentMethodCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paymentMethodList","usePaymentMethodList","errorHandling","composeErrorHandler","BaseLayout","styles","PlusCircleIcon","Loading","PaymentMethodCardReady","paymentMethod","bankAccounts","deletePendingBankAccountUuid","pendingDeleteAccount","setPendingDeleteAccount","handleConfirmDelete","useDeleteBankAccount","uuid","result","componentEvents","dataViewProps","useDataView","jsxs","Fragment","bankAccount","HamburgerMenu","TrashCanSvg","isDirectDeposit","PAYMENT_METHODS","headerAction","PercentCircleIcon","isShowingBankAccountTable","DataView","Flex","DeleteBankAccountDialog"],"mappings":"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"}
+{"version":3,"file":"PaymentMethodCard.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethodCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListReady,\n} from '../shared/usePaymentMethodList'\nimport { useDeleteBankAccount } from '../shared/useDeleteBankAccount'\nimport { DeleteBankAccountDialog } from '../shared/DeleteBankAccountDialog'\nimport styles from './PaymentMethodCard.module.scss'\nimport { DataView, useDataView, Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport PercentCircleIcon from '@/assets/icons/percent-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\n/**\n * Props for {@link PaymentMethodCard}.\n *\n * @public\n */\nexport interface PaymentMethodCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on card interactions. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Payment\" card.\n *\n * @remarks\n * Owns its own data fetch and emits the management block's scoped events\n * when the user clicks the card's CTAs or confirms a bank-account deletion.\n * The card has no alert API — alert rendering is the orchestrator's\n * responsibility.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/paymentMethod/card/addRequested` | Fired when the user clicks the add-account CTA | — |\n * | `employee/management/paymentMethod/card/splitRequested` | Fired when the user clicks the split-paycheck CTA | — |\n * | `employee/management/paymentMethod/card/bankAccountDeleted` | Fired after a bank account is successfully deleted | The delete response payload |\n *\n * @param props - See {@link PaymentMethodCardProps}.\n * @returns The \"Payment\" card.\n * @public\n */\nexport function PaymentMethodCard(props: PaymentMethodCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.PaymentMethod\">\n      <PaymentMethodCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaymentMethodCardContent({ employeeId, onEvent }: PaymentMethodCardProps) {\n  useI18n('Employee.Management.PaymentMethod')\n  const { t } = useTranslation('Employee.Management.PaymentMethod')\n  const Components = useComponentContext()\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n\n  const errorHandling = composeErrorHandler([paymentMethodList])\n\n  if (paymentMethodList.isLoading) {\n    return (\n      <BaseLayout error={errorHandling.errors}>\n        <Components.Box\n          header={\n            <Components.BoxHeader\n              title={t('title')}\n              action={\n                <div className={styles.headerAction}>\n                  <Components.Button variant=\"secondary\" icon={<PlusCircleIcon />} isDisabled>\n                    {t('addBankAccountCta')}\n                  </Components.Button>\n                </div>\n              }\n            />\n          }\n        >\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <PaymentMethodCardReady\n      employeeId={employeeId}\n      onEvent={onEvent}\n      paymentMethodList={paymentMethodList}\n      errorHandling={errorHandling}\n    />\n  )\n}\n\ninterface PaymentMethodCardReadyProps extends PaymentMethodCardProps {\n  paymentMethodList: UsePaymentMethodListReady\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction PaymentMethodCardReady({\n  onEvent,\n  paymentMethodList,\n  errorHandling,\n}: PaymentMethodCardReadyProps) {\n  const { paymentMethod, bankAccounts } = paymentMethodList.data\n  const { deletePendingBankAccountUuid } = paymentMethodList.status\n  const { t } = useTranslation('Employee.Management.PaymentMethod')\n  const Components = useComponentContext()\n\n  const { pendingDeleteAccount, setPendingDeleteAccount, handleConfirmDelete } =\n    useDeleteBankAccount(async uuid => {\n      const result = await paymentMethodList.actions.onDelete(uuid)\n      if (result) {\n        onEvent(\n          componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n          result.data,\n        )\n      }\n    })\n\n  const { ...dataViewProps } = useDataView({\n    data: bankAccounts,\n    columns: [\n      {\n        key: 'name',\n        title: t('nicknameColumn'),\n        render: bankAccount => (\n          <>\n            {bankAccount.name}\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {bankAccount.hiddenAccountNumber}\n            </Components.Text>\n          </>\n        ),\n      },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n    ],\n    itemMenu: bankAccount => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('deleteBankAccountCta'),\n            onClick: () => {\n              setPendingDeleteAccount({\n                uuid: bankAccount.uuid,\n                hiddenAccountNumber: bankAccount.hiddenAccountNumber,\n              })\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n  })\n\n  const isDirectDeposit = paymentMethod.type === PAYMENT_METHODS.directDeposit\n\n  const headerAction = (\n    <div className={styles.headerAction}>\n      {isDirectDeposit && bankAccounts.length > 1 && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED)\n          }}\n          icon={<PercentCircleIcon />}\n        >\n          {t('splitCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED)\n        }}\n        icon={<PlusCircleIcon />}\n      >\n        {bankAccounts.length > 0 ? t('addAnotherCta') : t('addBankAccountCta')}\n      </Components.Button>\n    </div>\n  )\n\n  const isShowingBankAccountTable = isDirectDeposit && bankAccounts.length > 0\n\n  return (\n    <>\n      <BaseLayout error={errorHandling.errors}>\n        <Components.Box\n          withPadding={!isShowingBankAccountTable}\n          header={<Components.BoxHeader title={t('title')} action={headerAction} />}\n        >\n          {isShowingBankAccountTable ? (\n            <DataView label={t('bankAccountsListLabel')} isWithinBox {...dataViewProps} />\n          ) : (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text variant=\"supporting\">{t('paymentMethodLabel')}</Components.Text>\n              <Components.Text>\n                {isDirectDeposit ? t('directDepositLabel') : t('checkLabel')}\n              </Components.Text>\n            </Flex>\n          )}\n        </Components.Box>\n      </BaseLayout>\n      <DeleteBankAccountDialog\n        pendingDeleteAccount={pendingDeleteAccount}\n        isPrimaryActionLoading={deletePendingBankAccountUuid === pendingDeleteAccount?.uuid}\n        onClose={() => {\n          setPendingDeleteAccount(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDelete()\n        }}\n        title={t('deleteBankAccountDialog.title')}\n        description={t('deleteBankAccountDialog.description', {\n          account: pendingDeleteAccount?.hiddenAccountNumber ?? '',\n        })}\n        confirmLabel={t('deleteBankAccountDialog.confirmCta')}\n        cancelLabel={t('deleteBankAccountDialog.cancelCta')}\n      />\n    </>\n  )\n}\n"],"names":["PaymentMethodCard","props","jsx","BaseBoundaries","PaymentMethodCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paymentMethodList","usePaymentMethodList","errorHandling","composeErrorHandler","BaseLayout","styles","PlusCircleIcon","Loading","PaymentMethodCardReady","paymentMethod","bankAccounts","deletePendingBankAccountUuid","pendingDeleteAccount","setPendingDeleteAccount","handleConfirmDelete","useDeleteBankAccount","uuid","result","componentEvents","dataViewProps","useDataView","jsxs","Fragment","bankAccount","HamburgerMenu","TrashCanSvg","isDirectDeposit","PAYMENT_METHODS","headerAction","PercentCircleIcon","isShowingBankAccountTable","DataView","Flex","DeleteBankAccountDialog"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/management/PaymentMethodComponents.d.ts

@@ -1,10 +1,15 @@
 import { FlowContextInterface } from '../../../Flow/useFlow';
+/** @internal */
 export type PaymentMethodSuccessAlertCode = 'bankAccountAdded' | 'bankAccountDeleted' | 'splitUpdated';
+/** @internal */
 export interface PaymentMethodContextInterface extends FlowContextInterface {
     employeeId: string;
     isAdmin: boolean;
     successAlert?: PaymentMethodSuccessAlertCode | null;
 }
+/** @internal */
 export declare function PaymentMethodCardContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PaymentMethodBankFormContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PaymentMethodSplitFormContextual(): import("react").JSX.Element;

package/dist/components/Employee/PaymentMethod/management/PaymentMethodComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethodComponents.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethodComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { PaymentMethodBankForm } from './PaymentMethodBankForm'\nimport { PaymentMethodSplitForm } from './PaymentMethodSplitForm'\nimport { PaymentMethodCard } from './PaymentMethodCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nexport type PaymentMethodSuccessAlertCode =\n  | 'bankAccountAdded'\n  | 'bankAccountDeleted'\n  | 'splitUpdated'\n\nexport interface PaymentMethodContextInterface extends FlowContextInterface {\n  employeeId: string\n  isAdmin: boolean\n  successAlert?: PaymentMethodSuccessAlertCode | null\n}\n\nexport function PaymentMethodCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<PaymentMethodContextInterface>()\n  const { t } = useTranslation('Employee.Management.PaymentMethod')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <PaymentMethodCard employeeId={employeeId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\nexport function PaymentMethodBankFormContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <PaymentMethodBankForm employeeId={employeeId} onEvent={onEvent} />\n}\n\nexport function PaymentMethodSplitFormContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <PaymentMethodSplitForm employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["PaymentMethodCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","PaymentMethodCard","PaymentMethodBankFormContextual","PaymentMethodBankForm","PaymentMethodSplitFormContextual","PaymentMethodSplitForm"],"mappings":";;;;;;;;;AAoBO,SAASA,IAA8B;AAC5C,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1DC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,oDAAoD,IAAI;AAAA,QAClF;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD,EAACE,GAAA,EAAkB,YAAAZ,GAAwB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC/D;AAEJ;AAEO,SAASY,IAAkC;AAChD,QAAM,EAAE,YAAAb,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,SAAO,gBAAAO,EAACI,GAAA,EAAsB,YAAAd,GAAwB,SAAAC,EAAA,CAAkB;AAC1E;AAEO,SAASc,IAAmC;AACjD,QAAM,EAAE,YAAAf,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,SAAO,gBAAAO,EAACM,GAAA,EAAuB,YAAAhB,GAAwB,SAAAC,EAAA,CAAkB;AAC3E;"}
+{"version":3,"file":"PaymentMethodComponents.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethodComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { PaymentMethodBankForm } from './PaymentMethodBankForm'\nimport { PaymentMethodSplitForm } from './PaymentMethodSplitForm'\nimport { PaymentMethodCard } from './PaymentMethodCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport type PaymentMethodSuccessAlertCode =\n  | 'bankAccountAdded'\n  | 'bankAccountDeleted'\n  | 'splitUpdated'\n\n/** @internal */\nexport interface PaymentMethodContextInterface extends FlowContextInterface {\n  employeeId: string\n  isAdmin: boolean\n  successAlert?: PaymentMethodSuccessAlertCode | null\n}\n\n/** @internal */\nexport function PaymentMethodCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<PaymentMethodContextInterface>()\n  const { t } = useTranslation('Employee.Management.PaymentMethod')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <PaymentMethodCard employeeId={employeeId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PaymentMethodBankFormContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <PaymentMethodBankForm employeeId={employeeId} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function PaymentMethodSplitFormContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <PaymentMethodSplitForm employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["PaymentMethodCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","PaymentMethodCard","PaymentMethodBankFormContextual","PaymentMethodBankForm","PaymentMethodSplitFormContextual","PaymentMethodSplitForm"],"mappings":";;;;;;;;;AAuBO,SAASA,IAA8B;AAC5C,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1DC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,oDAAoD,IAAI;AAAA,QAClF;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD,EAACE,GAAA,EAAkB,YAAAZ,GAAwB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC/D;AAEJ;AAGO,SAASY,IAAkC;AAChD,QAAM,EAAE,YAAAb,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,SAAO,gBAAAO,EAACI,GAAA,EAAsB,YAAAd,GAAwB,SAAAC,EAAA,CAAkB;AAC1E;AAGO,SAASc,IAAmC;AACjD,QAAM,EAAE,YAAAf,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,SAAO,gBAAAO,EAACM,GAAA,EAAuB,YAAAhB,GAAwB,SAAAC,EAAA,CAAkB;AAC3E;"}

package/dist/components/Employee/PaymentMethod/management/PaymentMethodSplitForm.d.ts

@@ -1,16 +1,33 @@
 import { UseSplitPaymentsFormProps } from '../shared/useSplitPaymentsForm';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/**
+ * Props for {@link PaymentMethodSplitForm}.
+ *
+ * @public
+ */
 export interface PaymentMethodSplitFormProps extends Omit<UseSplitPaymentsFormProps, 'employeeId'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired on split-form lifecycle events. */
     onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Standalone split-paycheck form for the management flow. Renders the shared
- * {@link SplitPaymentsFormBody} and emits the per-component scoped events
- * `EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED` and
- * `EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED`. Reads its copy from
- * the dedicated `Employee.Management.PaymentMethodSplitForm` namespace so partner
- * overrides on the management split form don't leak into the onboarding form.
+ * Standalone split-paycheck form for the management flow.
+ *
+ * @remarks
+ * Renders the shared split-payments form and emits per-component scoped events
+ * when the form is submitted or cancelled. Reads its copy from the dedicated
+ * `Employee.Management.PaymentMethodSplitForm` namespace so partner overrides
+ * on the management split form don't leak into the onboarding form.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/paymentMethod/splitForm/submitted` | Fired after the splits are successfully saved | The updated payment method |
+ * | `employee/management/paymentMethod/splitForm/cancelled` | Fired when the user cancels the form | — |
+ *
+ * @param props - See {@link PaymentMethodSplitFormProps}.
+ * @returns The split-paycheck form.
+ * @public
  */
 export declare function PaymentMethodSplitForm({ employeeId, onEvent, ...hookProps }: PaymentMethodSplitFormProps): import("react").JSX.Element;

package/dist/components/Employee/PaymentMethod/management/PaymentMethodSplitForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethodSplitForm.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethodSplitForm.tsx"],"sourcesContent":["import { SplitPaymentsFormBody } from '../shared/SplitPaymentsFormBody'\nimport type { UseSplitPaymentsFormProps } from '../shared/useSplitPaymentsForm'\nimport { useManagementSplitFormDictionary } from './useFormDictionary'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface PaymentMethodSplitFormProps extends Omit<UseSplitPaymentsFormProps, 'employeeId'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone split-paycheck form for the management flow. Renders the shared\n * {@link SplitPaymentsFormBody} and emits the per-component scoped events\n * `EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED` and\n * `EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED`. Reads its copy from\n * the dedicated `Employee.Management.PaymentMethodSplitForm` namespace so partner\n * overrides on the management split form don't leak into the onboarding form.\n */\nexport function PaymentMethodSplitForm({\n  employeeId,\n  onEvent,\n  ...hookProps\n}: PaymentMethodSplitFormProps) {\n  const dictionary = useManagementSplitFormDictionary()\n\n  return (\n    <SplitPaymentsFormBody\n      employeeId={employeeId}\n      dictionary={dictionary}\n      onSaved={data => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED, data)\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED)\n      }}\n      {...hookProps}\n    />\n  )\n}\n"],"names":["PaymentMethodSplitForm","employeeId","onEvent","hookProps","dictionary","useManagementSplitFormDictionary","jsx","SplitPaymentsFormBody","data","componentEvents"],"mappings":";;;;AAmBO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,QAAMC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAN;AAAA,MACA,YAAAG;AAAA,MACA,SAAS,CAAAI,MAAQ;AACf,QAAAN,EAAQO,EAAgB,yDAAyDD,CAAI;AAAA,MACvF;AAAA,MACA,UAAU,MAAM;AACd,QAAAN,EAAQO,EAAgB,uDAAuD;AAAA,MACjF;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"PaymentMethodSplitForm.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethodSplitForm.tsx"],"sourcesContent":["import { SplitPaymentsFormBody } from '../shared/SplitPaymentsFormBody'\nimport type { UseSplitPaymentsFormProps } from '../shared/useSplitPaymentsForm'\nimport { useManagementSplitFormDictionary } from './useFormDictionary'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PaymentMethodSplitForm}.\n *\n * @public\n */\nexport interface PaymentMethodSplitFormProps extends Omit<UseSplitPaymentsFormProps, 'employeeId'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on split-form lifecycle events. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone split-paycheck form for the management flow.\n *\n * @remarks\n * Renders the shared split-payments form and emits per-component scoped events\n * when the form is submitted or cancelled. Reads its copy from the dedicated\n * `Employee.Management.PaymentMethodSplitForm` namespace so partner overrides\n * on the management split form don't leak into the onboarding form.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/paymentMethod/splitForm/submitted` | Fired after the splits are successfully saved | The updated payment method |\n * | `employee/management/paymentMethod/splitForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param props - See {@link PaymentMethodSplitFormProps}.\n * @returns The split-paycheck form.\n * @public\n */\nexport function PaymentMethodSplitForm({\n  employeeId,\n  onEvent,\n  ...hookProps\n}: PaymentMethodSplitFormProps) {\n  const dictionary = useManagementSplitFormDictionary()\n\n  return (\n    <SplitPaymentsFormBody\n      employeeId={employeeId}\n      dictionary={dictionary}\n      onSaved={data => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED, data)\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED)\n      }}\n      {...hookProps}\n    />\n  )\n}\n"],"names":["PaymentMethodSplitForm","employeeId","onEvent","hookProps","dictionary","useManagementSplitFormDictionary","jsx","SplitPaymentsFormBody","data","componentEvents"],"mappings":";;;;AAoCO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,QAAMC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAN;AAAA,MACA,YAAAG;AAAA,MACA,SAAS,CAAAI,MAAQ;AACf,QAAAN,EAAQO,EAAgB,yDAAyDD,CAAI;AAAA,MACvF;AAAA,MACA,UAAU,MAAM;AACd,QAAAN,EAAQO,EAAgB,uDAAuD;AAAA,MACjF;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Employee/PaymentMethod/management/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/management/paymentMethodStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type {\n  PaymentMethodContextInterface,\n  PaymentMethodSuccessAlertCode,\n} from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToList = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: PaymentMethodCardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToListWithAlert = (alert: PaymentMethodSuccessAlertCode) =>\n  reduce(\n    (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n      ...ctx,\n      component: PaymentMethodCardContextual as ComponentType,\n      successAlert: alert,\n    }),\n  )\n\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'add',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: PaymentMethodBankFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED,\n      'split',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: PaymentMethodSplitFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n      'list',\n      returnToListWithAlert('bankAccountDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'list',\n      returnToList,\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('splitUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n}\n"],"names":["returnToList","reduce","ctx","PaymentMethodCardContextual","returnToListWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual"],"mappings":";;;AAcA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,EAAA;AAElB,GAEWC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWS;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFH;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,KAAKO;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,OAAOO;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,cAAc;AAAA,IAAA;AAAA,IAEtCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type {\n  PaymentMethodContextInterface,\n  PaymentMethodSuccessAlertCode,\n} from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToList = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: PaymentMethodCardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToListWithAlert = (alert: PaymentMethodSuccessAlertCode) =>\n  reduce(\n    (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n      ...ctx,\n      component: PaymentMethodCardContextual as ComponentType,\n      successAlert: alert,\n    }),\n  )\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'add',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: PaymentMethodBankFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED,\n      'split',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: PaymentMethodSplitFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n      'list',\n      returnToListWithAlert('bankAccountDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'list',\n      returnToList,\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('splitUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n}\n"],"names":["returnToList","reduce","ctx","PaymentMethodCardContextual","returnToListWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual"],"mappings":";;;AAcA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,EAAA;AAElB,GAGWC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWS;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFH;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,KAAKO;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,OAAOO;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,cAAc;AAAA,IAAA;AAAA,IAEtCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -4,6 +4,8 @@ import { SplitPaymentsFormBodyDictionary } from '../shared/SplitPaymentsFormBody
  * Resolves the shared `BankFormBody`'s text against management's dedicated
  * `Employee.Management.PaymentMethodBankForm` namespace, so partner overrides on
  * the management bank form don't leak into the onboarding form.
+ *
+ * @internal
  */
 export declare function useManagementBankFormDictionary(): BankFormBodyDictionary;
 /**
@@ -13,5 +15,7 @@ export declare function useManagementBankFormDictionary(): BankFormBodyDictionar
  * Interpolated templates (`splitAmountLabel`,
  * `validations.percentageErrorWithTotal`) are passed through unresolved so the
  * body interpolates them at render time.
+ *
+ * @internal
  */
 export declare function useManagementSplitFormDictionary(): SplitPaymentsFormBodyDictionary;

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

@@ -1 +1 @@
-{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/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 management's dedicated\n * `Employee.Management.PaymentMethodBankForm` namespace, so partner overrides on\n * the management bank form don't leak into the onboarding form.\n */\nexport function useManagementBankFormDictionary(): BankFormBodyDictionary {\n  useI18n('Employee.Management.PaymentMethodBankForm')\n  const { t } = useTranslation('Employee.Management.PaymentMethodBankForm')\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('cancelCta'),\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 management's\n * dedicated `Employee.Management.PaymentMethodSplitForm` namespace, so partner\n * overrides on the management split form don't leak into the onboarding form.\n * Interpolated templates (`splitAmountLabel`,\n * `validations.percentageErrorWithTotal`) are passed through unresolved so the\n * body interpolates them at render time.\n */\nexport function useManagementSplitFormDictionary(): SplitPaymentsFormBodyDictionary {\n  useI18n('Employee.Management.PaymentMethodSplitForm')\n  const { t } = useTranslation('Employee.Management.PaymentMethodSplitForm')\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('cancelCta'),\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":["useManagementBankFormDictionary","useI18n","t","useTranslation","useMemo","useManagementSplitFormDictionary"],"mappings":";;;AAWO,SAASA,IAA0D;AACxE,EAAAC,EAAQ,2CAA2C;AACnD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2CAA2C;AAExE,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,WAAW;AAAA,QACxB,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;AAUO,SAASG,IAAoE;AAClF,EAAAJ,EAAQ,4CAA4C;AACpD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4CAA4C;AAEzE,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,WAAW;AAAA,QACxB,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/management/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 management's dedicated\n * `Employee.Management.PaymentMethodBankForm` namespace, so partner overrides on\n * the management bank form don't leak into the onboarding form.\n *\n * @internal\n */\nexport function useManagementBankFormDictionary(): BankFormBodyDictionary {\n  useI18n('Employee.Management.PaymentMethodBankForm')\n  const { t } = useTranslation('Employee.Management.PaymentMethodBankForm')\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('cancelCta'),\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 management's\n * dedicated `Employee.Management.PaymentMethodSplitForm` namespace, so partner\n * overrides on the management split form don't leak into the onboarding form.\n * Interpolated templates (`splitAmountLabel`,\n * `validations.percentageErrorWithTotal`) are passed through unresolved so the\n * body interpolates them at render time.\n *\n * @internal\n */\nexport function useManagementSplitFormDictionary(): SplitPaymentsFormBodyDictionary {\n  useI18n('Employee.Management.PaymentMethodSplitForm')\n  const { t } = useTranslation('Employee.Management.PaymentMethodSplitForm')\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('cancelCta'),\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":["useManagementBankFormDictionary","useI18n","t","useTranslation","useMemo","useManagementSplitFormDictionary"],"mappings":";;;AAaO,SAASA,IAA0D;AACxE,EAAAC,EAAQ,2CAA2C;AACnD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2CAA2C;AAExE,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,WAAW;AAAA,QACxB,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;AAYO,SAASG,IAAoE;AAClF,EAAAJ,EAAQ,4CAA4C;AACpD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4CAA4C;AAEzE,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,WAAW;AAAA,QACxB,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/onboarding/BankForm.d.ts

@@ -1,8 +1,10 @@
 import { UseBankFormProps } from '../shared/useBankForm';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/** @internal */
 export interface BankFormProps extends Omit<UseBankFormProps, 'employeeId'> {
     employeeId: string;
     onEvent: OnEventType<EventType, unknown>;
 }
+/** @internal */
 export declare function BankForm({ employeeId, onEvent, ...hookProps }: BankFormProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"BankForm.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/BankForm.tsx"],"sourcesContent":["import { BankFormBody } from '../shared/BankFormBody'\nimport type { UseBankFormProps } from '../shared/useBankForm'\nimport { useOnboardingBankFormDictionary } from './useFormDictionary'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface BankFormProps extends Omit<UseBankFormProps, 'employeeId'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function BankForm({ employeeId, onEvent, ...hookProps }: BankFormProps) {\n  const dictionary = useOnboardingBankFormDictionary()\n\n  return (\n    <BankFormBody\n      employeeId={employeeId}\n      dictionary={dictionary}\n      onSaved={data => {\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, data)\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n      {...hookProps}\n    />\n  )\n}\n"],"names":["BankForm","employeeId","onEvent","hookProps","dictionary","useOnboardingBankFormDictionary","jsx","BankFormBody","data","componentEvents"],"mappings":";;;;AAWO,SAASA,EAAS,EAAE,YAAAC,GAAY,SAAAC,GAAS,GAAGC,KAA4B;AAC7E,QAAMC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAN;AAAA,MACA,YAAAG;AAAA,MACA,SAAS,CAAAI,MAAQ;AACf,QAAAN,EAAQO,EAAgB,+BAA+BD,CAAI;AAAA,MAC7D;AAAA,MACA,UAAU,MAAM;AACd,QAAAN,EAAQO,EAAgB,MAAM;AAAA,MAChC;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"BankForm.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/BankForm.tsx"],"sourcesContent":["import { BankFormBody } from '../shared/BankFormBody'\nimport type { UseBankFormProps } from '../shared/useBankForm'\nimport { useOnboardingBankFormDictionary } from './useFormDictionary'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/** @internal */\nexport interface BankFormProps extends Omit<UseBankFormProps, 'employeeId'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function BankForm({ employeeId, onEvent, ...hookProps }: BankFormProps) {\n  const dictionary = useOnboardingBankFormDictionary()\n\n  return (\n    <BankFormBody\n      employeeId={employeeId}\n      dictionary={dictionary}\n      onSaved={data => {\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, data)\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n      {...hookProps}\n    />\n  )\n}\n"],"names":["BankForm","employeeId","onEvent","hookProps","dictionary","useOnboardingBankFormDictionary","jsx","BankFormBody","data","componentEvents"],"mappings":";;;;AAaO,SAASA,EAAS,EAAE,YAAAC,GAAY,SAAAC,GAAS,GAAGC,KAA4B;AAC7E,QAAMC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAN;AAAA,MACA,YAAAG;AAAA,MACA,SAAS,CAAAI,MAAQ;AACf,QAAAN,EAAQO,EAAgB,+BAA+BD,CAAI;AAAA,MAC7D;AAAA,MACA,UAAU,MAAM;AACd,QAAAN,EAAQO,EAAgB,MAAM;AAAA,MAChC;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -5,5 +5,6 @@ interface ListViewProps {
     isAdmin: boolean;
     onEvent: OnEventType<EventType, unknown>;
 }
+/** @internal */
 export declare function ListView({ employeeId, isAdmin, onEvent }: ListViewProps): import("react").JSX.Element;
 export {};

package/dist/components/Employee/PaymentMethod/onboarding/ListView.js

@@ -5,8 +5,8 @@ import { usePaymentMethodList as Y } from "../shared/usePaymentMethodList.js";
 import { usePaymentMethodForm as w } from "../shared/usePaymentMethodForm/usePaymentMethodForm.js";
 import { useDeleteBankAccount as H } from "../shared/useDeleteBankAccount.js";
 import { DeleteBankAccountDialog as F } from "../shared/DeleteBankAccountDialog.js";
-import { SPLIT_BY as V, PAYMENT_METHODS as A, componentEvents as m } from "../../../../shared/constants.js";
-import { ActionsLayout as x } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { ActionsLayout as V } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { HamburgerMenu as x } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { Form as R } from "../../../Common/Form/Form.js";
 import { BaseLayout as g } from "../../../Base/Base.js";
 import { SDKFormProvider as U } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
@@ -14,8 +14,8 @@ import { composeErrorHandler as v } from "../../../../partner-hook-utils/compose
 import { useComponentContext as K } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { centsToDollars as j } from "../../../../helpers/currencyHelpers.js";
 import I from "../../../../hooks/useNumberFormatter.js";
-import G from "../../../../assets/icons/trashcan.svg.js";
-import { HamburgerMenu as W } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { componentEvents as m, SPLIT_BY as G, PAYMENT_METHODS as A } from "../../../../shared/constants.js";
+import W from "../../../../assets/icons/trashcan.svg.js";
 import { useDataView as q } from "../../../Common/DataView/useDataView.js";
 import { DataView as z } from "../../../Common/DataView/DataView.js";
 function Dt({ employeeId: c, isAdmin: r, onEvent: l }) {
@@ -61,13 +61,13 @@ function J({
         key: "splitAmount",
         title: t("allocationColumn"),
         render: (o) => {
-          const i = a.splits?.find((_) => _.uuid === o.uuid)?.splitAmount ?? 0, N = a.splitBy === V.amount ? j(i) ?? 0 : i;
+          const i = a.splits?.find((_) => _.uuid === o.uuid)?.splitAmount ?? 0, N = a.splitBy === G.amount ? j(i) ?? 0 : i;
           return E(N);
         }
       }
     ],
     itemMenu: (o) => /* @__PURE__ */ e(
-      W,
+      x,
       {
         items: [
           {
@@ -78,7 +78,7 @@ function J({
                 hiddenAccountNumber: o.hiddenAccountNumber
               });
             },
-            icon: /* @__PURE__ */ e(G, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(W, { "aria-hidden": !0 })
           }
         ],
         triggerLabel: t("hamburgerTitle")
@@ -120,7 +120,7 @@ function J({
         }
       ),
       d.length > 0 && /* @__PURE__ */ e(z, { label: t("bankAccountsListLabel"), ...T }),
-      /* @__PURE__ */ f(x, { children: [
+      /* @__PURE__ */ f(V, { children: [
         d.length > 1 && /* @__PURE__ */ e(
           s.Button,
           {

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/ListView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListReady,\n} from '../shared/usePaymentMethodList'\nimport {\n  usePaymentMethodForm,\n  type PaymentMethodType,\n  type UsePaymentMethodFormReady,\n} from '../shared/usePaymentMethodForm'\nimport { useDeleteBankAccount } from '../shared/useDeleteBankAccount'\nimport { DeleteBankAccountDialog } from '../shared/DeleteBankAccountDialog'\nimport { ActionsLayout, DataView, useDataView } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { centsToDollars } from '@/helpers/currencyHelpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { componentEvents, PAYMENT_METHODS, SPLIT_BY, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\ninterface ListViewProps {\n  employeeId: string\n  isAdmin: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function ListView({ employeeId, isAdmin, onEvent }: ListViewProps) {\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n  const paymentMethodForm = usePaymentMethodForm({ employeeId })\n\n  const errorHandling = composeErrorHandler([paymentMethodList, paymentMethodForm])\n\n  if (paymentMethodList.isLoading || paymentMethodForm.isLoading) {\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  return (\n    <ListViewReady\n      employeeId={employeeId}\n      isAdmin={isAdmin}\n      onEvent={onEvent}\n      paymentMethodList={paymentMethodList}\n      paymentMethodForm={paymentMethodForm}\n      errorHandling={errorHandling}\n    />\n  )\n}\n\ninterface ListViewReadyProps extends ListViewProps {\n  paymentMethodList: UsePaymentMethodListReady\n  paymentMethodForm: UsePaymentMethodFormReady\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction ListViewReady({\n  isAdmin,\n  onEvent,\n  paymentMethodList,\n  paymentMethodForm,\n  errorHandling,\n}: ListViewReadyProps) {\n  const { paymentMethod, bankAccounts } = paymentMethodList.data\n  const { deletePendingBankAccountUuid } = paymentMethodList.status\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n  const format = useNumberFormatter(paymentMethod.splitBy === 'Amount' ? 'currency' : 'percent')\n\n  const { Fields } = paymentMethodForm.form\n  const watchedType = useWatch({\n    control: paymentMethodForm.form.hookFormInternals.formMethods.control,\n    name: 'type',\n  })\n\n  const {\n    pendingDeleteAccount,\n    setPendingDeleteAccount,\n    deletedAccountNumber,\n    setDeletedAccountNumber,\n    handleConfirmDelete,\n  } = useDeleteBankAccount(async uuid => {\n    const result = await paymentMethodList.actions.onDelete(uuid)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, result.data)\n    }\n  })\n\n  const { ...dataViewProps } = useDataView({\n    data: bankAccounts,\n    columns: [\n      { key: 'name', title: t('nicknameColumn') },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n      {\n        key: 'splitAmount',\n        title: t('allocationColumn'),\n        render: bankAccount => {\n          const splitAmount =\n            paymentMethod.splits?.find(split => split.uuid === bankAccount.uuid)?.splitAmount ?? 0\n          const displayValue =\n            paymentMethod.splitBy === SPLIT_BY.amount\n              ? (centsToDollars(splitAmount) ?? 0)\n              : splitAmount\n          return format(displayValue)\n        },\n      },\n    ],\n    itemMenu: bankAccount => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('deleteBankAccountCta'),\n            onClick: () => {\n              setPendingDeleteAccount({\n                uuid: bankAccount.uuid,\n                hiddenAccountNumber: bankAccount.hiddenAccountNumber,\n              })\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n  })\n\n  const TypeFieldComponent = (props: RadioGroupProps) => (\n    <Components.RadioGroup\n      {...props}\n      options={props.options.map(option => ({\n        ...option,\n        description:\n          option.value === PAYMENT_METHODS.directDeposit\n            ? isAdmin\n              ? t('directDepositDescription')\n              : t('directDepositDescriptionSelf')\n            : isAdmin\n              ? t('checkDescription')\n              : t('checkDescriptionSelf'),\n      }))}\n    />\n  )\n\n  const handleSubmit = async () => {\n    const result = await paymentMethodForm.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, result.data)\n      onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n    }\n  }\n\n  return (\n    <>\n      <BaseLayout error={errorHandling.errors}>\n        <SDKFormProvider formHookResult={paymentMethodForm}>\n          <Form onSubmit={handleSubmit}>\n            {deletedAccountNumber !== null && (\n              <Components.Alert\n                status=\"success\"\n                label={t('deleteBankAccountSuccessAlert', { account: deletedAccountNumber })}\n                onDismiss={() => {\n                  setDeletedAccountNumber(null)\n                }}\n                disableScrollIntoView\n              />\n            )}\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Fields.Type\n              label={t('paymentFieldsetLegend')}\n              getOptionLabel={(value: PaymentMethodType) =>\n                value === PAYMENT_METHODS.directDeposit ? t('directDepositLabel') : t('checkLabel')\n              }\n              FieldComponent={TypeFieldComponent}\n            />\n            {bankAccounts.length > 0 && (\n              <DataView label={t('bankAccountsListLabel')} {...dataViewProps} />\n            )}\n            <ActionsLayout>\n              {bankAccounts.length > 1 && (\n                <Components.Button\n                  variant=\"secondary\"\n                  type=\"button\"\n                  onClick={() => {\n                    onEvent(componentEvents.EMPLOYEE_SPLIT_PAYMENT)\n                  }}\n                >\n                  {t('splitCta')}\n                </Components.Button>\n              )}\n              {watchedType === PAYMENT_METHODS.directDeposit && (\n                <Components.Button\n                  variant=\"secondary\"\n                  type=\"button\"\n                  onClick={() => {\n                    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE)\n                  }}\n                >\n                  {bankAccounts.length > 0 ? t('addAnotherCta') : t('addBankAccountCta')}\n                </Components.Button>\n              )}\n              <Components.Button type=\"submit\" isLoading={paymentMethodForm.status.isPending}>\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n      <DeleteBankAccountDialog\n        pendingDeleteAccount={pendingDeleteAccount}\n        isPrimaryActionLoading={deletePendingBankAccountUuid === pendingDeleteAccount?.uuid}\n        onClose={() => {\n          setPendingDeleteAccount(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDelete()\n        }}\n        title={t('deleteBankAccountDialog.title')}\n        description={t('deleteBankAccountDialog.description', {\n          account: pendingDeleteAccount?.hiddenAccountNumber ?? '',\n        })}\n        confirmLabel={t('deleteBankAccountDialog.confirmCta')}\n        cancelLabel={t('deleteBankAccountDialog.cancelCta')}\n      />\n    </>\n  )\n}\n"],"names":["ListView","employeeId","isAdmin","onEvent","paymentMethodList","usePaymentMethodList","paymentMethodForm","usePaymentMethodForm","errorHandling","composeErrorHandler","BaseLayout","jsx","ListViewReady","paymentMethod","bankAccounts","deletePendingBankAccountUuid","useTranslation","Components","useComponentContext","format","useNumberFormatter","Fields","watchedType","useWatch","pendingDeleteAccount","setPendingDeleteAccount","deletedAccountNumber","setDeletedAccountNumber","handleConfirmDelete","useDeleteBankAccount","uuid","result","componentEvents","dataViewProps","useDataView","bankAccount","splitAmount","split","displayValue","SPLIT_BY","centsToDollars","HamburgerMenu","TrashCanSvg","TypeFieldComponent","props","option","PAYMENT_METHODS","handleSubmit","jsxs","Fragment","SDKFormProvider","Form","value","DataView","ActionsLayout","DeleteBankAccountDialog"],"mappings":"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"}
+{"version":3,"file":"ListView.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/ListView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListReady,\n} from '../shared/usePaymentMethodList'\nimport {\n  usePaymentMethodForm,\n  type PaymentMethodType,\n  type UsePaymentMethodFormReady,\n} from '../shared/usePaymentMethodForm'\nimport { useDeleteBankAccount } from '../shared/useDeleteBankAccount'\nimport { DeleteBankAccountDialog } from '../shared/DeleteBankAccountDialog'\nimport { ActionsLayout, DataView, useDataView } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { centsToDollars } from '@/helpers/currencyHelpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { componentEvents, PAYMENT_METHODS, SPLIT_BY, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\ninterface ListViewProps {\n  employeeId: string\n  isAdmin: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function ListView({ employeeId, isAdmin, onEvent }: ListViewProps) {\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n  const paymentMethodForm = usePaymentMethodForm({ employeeId })\n\n  const errorHandling = composeErrorHandler([paymentMethodList, paymentMethodForm])\n\n  if (paymentMethodList.isLoading || paymentMethodForm.isLoading) {\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  return (\n    <ListViewReady\n      employeeId={employeeId}\n      isAdmin={isAdmin}\n      onEvent={onEvent}\n      paymentMethodList={paymentMethodList}\n      paymentMethodForm={paymentMethodForm}\n      errorHandling={errorHandling}\n    />\n  )\n}\n\ninterface ListViewReadyProps extends ListViewProps {\n  paymentMethodList: UsePaymentMethodListReady\n  paymentMethodForm: UsePaymentMethodFormReady\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction ListViewReady({\n  isAdmin,\n  onEvent,\n  paymentMethodList,\n  paymentMethodForm,\n  errorHandling,\n}: ListViewReadyProps) {\n  const { paymentMethod, bankAccounts } = paymentMethodList.data\n  const { deletePendingBankAccountUuid } = paymentMethodList.status\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n  const format = useNumberFormatter(paymentMethod.splitBy === 'Amount' ? 'currency' : 'percent')\n\n  const { Fields } = paymentMethodForm.form\n  const watchedType = useWatch({\n    control: paymentMethodForm.form.hookFormInternals.formMethods.control,\n    name: 'type',\n  })\n\n  const {\n    pendingDeleteAccount,\n    setPendingDeleteAccount,\n    deletedAccountNumber,\n    setDeletedAccountNumber,\n    handleConfirmDelete,\n  } = useDeleteBankAccount(async uuid => {\n    const result = await paymentMethodList.actions.onDelete(uuid)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, result.data)\n    }\n  })\n\n  const { ...dataViewProps } = useDataView({\n    data: bankAccounts,\n    columns: [\n      { key: 'name', title: t('nicknameColumn') },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n      {\n        key: 'splitAmount',\n        title: t('allocationColumn'),\n        render: bankAccount => {\n          const splitAmount =\n            paymentMethod.splits?.find(split => split.uuid === bankAccount.uuid)?.splitAmount ?? 0\n          const displayValue =\n            paymentMethod.splitBy === SPLIT_BY.amount\n              ? (centsToDollars(splitAmount) ?? 0)\n              : splitAmount\n          return format(displayValue)\n        },\n      },\n    ],\n    itemMenu: bankAccount => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('deleteBankAccountCta'),\n            onClick: () => {\n              setPendingDeleteAccount({\n                uuid: bankAccount.uuid,\n                hiddenAccountNumber: bankAccount.hiddenAccountNumber,\n              })\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n  })\n\n  const TypeFieldComponent = (props: RadioGroupProps) => (\n    <Components.RadioGroup\n      {...props}\n      options={props.options.map(option => ({\n        ...option,\n        description:\n          option.value === PAYMENT_METHODS.directDeposit\n            ? isAdmin\n              ? t('directDepositDescription')\n              : t('directDepositDescriptionSelf')\n            : isAdmin\n              ? t('checkDescription')\n              : t('checkDescriptionSelf'),\n      }))}\n    />\n  )\n\n  const handleSubmit = async () => {\n    const result = await paymentMethodForm.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, result.data)\n      onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n    }\n  }\n\n  return (\n    <>\n      <BaseLayout error={errorHandling.errors}>\n        <SDKFormProvider formHookResult={paymentMethodForm}>\n          <Form onSubmit={handleSubmit}>\n            {deletedAccountNumber !== null && (\n              <Components.Alert\n                status=\"success\"\n                label={t('deleteBankAccountSuccessAlert', { account: deletedAccountNumber })}\n                onDismiss={() => {\n                  setDeletedAccountNumber(null)\n                }}\n                disableScrollIntoView\n              />\n            )}\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Fields.Type\n              label={t('paymentFieldsetLegend')}\n              getOptionLabel={(value: PaymentMethodType) =>\n                value === PAYMENT_METHODS.directDeposit ? t('directDepositLabel') : t('checkLabel')\n              }\n              FieldComponent={TypeFieldComponent}\n            />\n            {bankAccounts.length > 0 && (\n              <DataView label={t('bankAccountsListLabel')} {...dataViewProps} />\n            )}\n            <ActionsLayout>\n              {bankAccounts.length > 1 && (\n                <Components.Button\n                  variant=\"secondary\"\n                  type=\"button\"\n                  onClick={() => {\n                    onEvent(componentEvents.EMPLOYEE_SPLIT_PAYMENT)\n                  }}\n                >\n                  {t('splitCta')}\n                </Components.Button>\n              )}\n              {watchedType === PAYMENT_METHODS.directDeposit && (\n                <Components.Button\n                  variant=\"secondary\"\n                  type=\"button\"\n                  onClick={() => {\n                    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE)\n                  }}\n                >\n                  {bankAccounts.length > 0 ? t('addAnotherCta') : t('addBankAccountCta')}\n                </Components.Button>\n              )}\n              <Components.Button type=\"submit\" isLoading={paymentMethodForm.status.isPending}>\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n      <DeleteBankAccountDialog\n        pendingDeleteAccount={pendingDeleteAccount}\n        isPrimaryActionLoading={deletePendingBankAccountUuid === pendingDeleteAccount?.uuid}\n        onClose={() => {\n          setPendingDeleteAccount(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDelete()\n        }}\n        title={t('deleteBankAccountDialog.title')}\n        description={t('deleteBankAccountDialog.description', {\n          account: pendingDeleteAccount?.hiddenAccountNumber ?? '',\n        })}\n        confirmLabel={t('deleteBankAccountDialog.confirmCta')}\n        cancelLabel={t('deleteBankAccountDialog.cancelCta')}\n      />\n    </>\n  )\n}\n"],"names":["ListView","employeeId","isAdmin","onEvent","paymentMethodList","usePaymentMethodList","paymentMethodForm","usePaymentMethodForm","errorHandling","composeErrorHandler","BaseLayout","jsx","ListViewReady","paymentMethod","bankAccounts","deletePendingBankAccountUuid","useTranslation","Components","useComponentContext","format","useNumberFormatter","Fields","watchedType","useWatch","pendingDeleteAccount","setPendingDeleteAccount","deletedAccountNumber","setDeletedAccountNumber","handleConfirmDelete","useDeleteBankAccount","uuid","result","componentEvents","dataViewProps","useDataView","bankAccount","splitAmount","split","displayValue","SPLIT_BY","centsToDollars","HamburgerMenu","TrashCanSvg","TypeFieldComponent","props","option","PAYMENT_METHODS","handleSubmit","jsxs","Fragment","SDKFormProvider","Form","value","DataView","ActionsLayout","DeleteBankAccountDialog"],"mappings":"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"}

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

@@ -1,11 +1,54 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/**
+ * Props for {@link PaymentMethod}.
+ *
+ * @public
+ */
 export interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Not used — onboarding payment method editing operates on live data. */
     defaultValues?: never;
+    /** Whether the current viewer is an admin. Defaults to `false`. */
     isAdmin?: boolean;
+    /** Event handler fired on flow state changes. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Onboarding step for setting up an employee's payment method.
+ *
+ * @remarks
+ * Lets the employee (or admin acting on their behalf) choose between Direct
+ * Deposit and Check, add bank accounts, and configure split-paycheck
+ * allocations across multiple accounts.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/paymentMethod/updated` | Fired after the payment method is saved | The updated payment method |
+ * | `employee/paymentMethod/done` | Fired when payment method setup is complete and the parent flow can advance | — |
+ * | `employee/bankAccount/created` | Fired after a bank account is successfully added | The created bank account |
+ * | `employee/bankAccount/deleted` | Fired after a bank account is successfully removed | — |
+ *
+ * @param props - See {@link PaymentMethodProps}.
+ * @returns The payment method onboarding step.
+ * @public
+ *
+ * @example
+ * ```tsx
+ * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'
+ *
+ * function MyComponent() {
+ *   return (
+ *     <EmployeeOnboarding.PaymentMethod
+ *       employeeId="4b3f930f-82cd-48a8-b797-798686e12e5e"
+ *       onEvent={() => {}}
+ *     />
+ *   )
+ * }
+ * ```
+ */
 export declare function PaymentMethod({ dictionary, FallbackComponent, ...props }: PaymentMethodProps & BaseComponentInterface): import("react").JSX.Element;
+/** @internal */
 export declare function PaymentMethodContextual(): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { ListViewContextual } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\n  isAdmin?: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction PaymentMethodFlow({ employeeId, isAdmin = false, onEvent }: PaymentMethodProps) {\n  useI18n('Employee.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        paymentMethodStateMachine,\n        (initialContext: PaymentMethodContextInterface) => ({\n          ...initialContext,\n          component: ListViewContextual,\n          employeeId,\n          isAdmin,\n        }),\n      ),\n    [employeeId, isAdmin],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: PaymentMethodProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.PaymentMethod\" FallbackComponent={FallbackComponent}>\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n\nexport function PaymentMethodContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return (\n    <PaymentMethod employeeId={ensureRequired(employeeId)} onEvent={onEvent} isAdmin={isAdmin} />\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","onEvent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","initialContext","ListViewContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries","PaymentMethodContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AA0BA,SAASA,EAAkB,EAAE,YAAAC,GAAY,SAAAC,IAAU,IAAO,SAAAC,KAA+B;AACvF,EAAAC,EAAQ,wBAAwB;AAEhC,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAAT;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAYC,CAAO;AAAA,EAAA;AAGtB,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAEO,SAASU,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgD;AAC9C,SAAAC,EAAuB,0BAA0BH,CAAU,GAEzD,gBAAAH,EAACO,KAAe,eAAc,0BAAyB,mBAAAH,GACrD,UAAA,gBAAAJ,EAACX,GAAA,EAAmB,GAAGgB,EAAA,CAAO,EAAA,CAChC;AAEJ;AAEO,SAASG,IAA0B;AACxC,QAAM,EAAE,YAAAlB,GAAY,SAAAE,GAAS,SAAAD,EAAA,IAAYkB,EAAA;AACzC,2BACGP,GAAA,EAAc,YAAYQ,EAAepB,CAAU,GAAG,SAAAE,GAAkB,SAAAD,GAAkB;AAE/F;"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { ListViewContextual } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — onboarding payment method editing operates on live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `false`. */\n  isAdmin?: boolean\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction PaymentMethodFlow({ employeeId, isAdmin = false, onEvent }: PaymentMethodProps) {\n  useI18n('Employee.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        paymentMethodStateMachine,\n        (initialContext: PaymentMethodContextInterface) => ({\n          ...initialContext,\n          component: ListViewContextual,\n          employeeId,\n          isAdmin,\n        }),\n      ),\n    [employeeId, isAdmin],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Onboarding step for setting up an employee's payment method.\n *\n * @remarks\n * Lets the employee (or admin acting on their behalf) choose between Direct\n * Deposit and Check, add bank accounts, and configure split-paycheck\n * allocations across multiple accounts.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/paymentMethod/updated` | Fired after the payment method is saved | The updated payment method |\n * | `employee/paymentMethod/done` | Fired when payment method setup is complete and the parent flow can advance | — |\n * | `employee/bankAccount/created` | Fired after a bank account is successfully added | The created bank account |\n * | `employee/bankAccount/deleted` | Fired after a bank account is successfully removed | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method onboarding step.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: PaymentMethodProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.PaymentMethod\" FallbackComponent={FallbackComponent}>\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport function PaymentMethodContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return (\n    <PaymentMethod employeeId={ensureRequired(employeeId)} onEvent={onEvent} isAdmin={isAdmin} />\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","onEvent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","initialContext","ListViewContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries","PaymentMethodContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AAmCA,SAASA,EAAkB,EAAE,YAAAC,GAAY,SAAAC,IAAU,IAAO,SAAAC,KAA+B;AACvF,EAAAC,EAAQ,wBAAwB;AAEhC,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAAT;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAYC,CAAO;AAAA,EAAA;AAGtB,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmCO,SAASU,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgD;AAC9C,SAAAC,EAAuB,0BAA0BH,CAAU,GAEzD,gBAAAH,EAACO,KAAe,eAAc,0BAAyB,mBAAAH,GACrD,UAAA,gBAAAJ,EAACX,GAAA,EAAmB,GAAGgB,EAAA,CAAO,EAAA,CAChC;AAEJ;AAGO,SAASG,IAA0B;AACxC,QAAM,EAAE,YAAAlB,GAAY,SAAAE,GAAS,SAAAD,EAAA,IAAYkB,EAAA;AACzC,2BACGP,GAAA,EAAc,YAAYQ,EAAepB,CAAU,GAAG,SAAAE,GAAkB,SAAAD,GAAkB;AAE/F;"}

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

@@ -1,8 +1,12 @@
 import { FlowContextInterface } from '../../../Flow/useFlow';
+/** @internal */
 export interface PaymentMethodContextInterface extends FlowContextInterface {
     employeeId: string;
     isAdmin: boolean;
 }
+/** @internal */
 export declare function ListViewContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function BankFormContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function SplitViewContextual(): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethodComponents.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethodComponents.tsx"],"sourcesContent":["import { BankForm } from './BankForm'\nimport { ListView } from './ListView'\nimport { SplitView } from './SplitView'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport interface PaymentMethodContextInterface extends FlowContextInterface {\n  employeeId: string\n  isAdmin: boolean\n}\n\nexport function ListViewContextual() {\n  const { employeeId, isAdmin, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <ListView employeeId={employeeId} isAdmin={isAdmin} onEvent={onEvent} />\n}\n\nexport function BankFormContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <BankForm employeeId={employeeId} onEvent={onEvent} />\n}\n\nexport function SplitViewContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <SplitView employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["ListViewContextual","employeeId","isAdmin","onEvent","useFlow","jsx","ListView","BankFormContextual","BankForm","SplitViewContextual","SplitView"],"mappings":";;;;;AAWO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAA;AACzC,SAAO,gBAAAC,EAACC,GAAA,EAAS,YAAAL,GAAwB,SAAAC,GAAkB,SAAAC,EAAA,CAAkB;AAC/E;AAEO,SAASI,IAAqB;AACnC,QAAM,EAAE,YAAAN,GAAY,SAAAE,EAAA,IAAYC,EAAA;AAChC,SAAO,gBAAAC,EAACG,GAAA,EAAS,YAAAP,GAAwB,SAAAE,EAAA,CAAkB;AAC7D;AAEO,SAASM,IAAsB;AACpC,QAAM,EAAE,YAAAR,GAAY,SAAAE,EAAA,IAAYC,EAAA;AAChC,SAAO,gBAAAC,EAACK,GAAA,EAAU,YAAAT,GAAwB,SAAAE,EAAA,CAAkB;AAC9D;"}
+{"version":3,"file":"PaymentMethodComponents.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethodComponents.tsx"],"sourcesContent":["import { BankForm } from './BankForm'\nimport { ListView } from './ListView'\nimport { SplitView } from './SplitView'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\n/** @internal */\nexport interface PaymentMethodContextInterface extends FlowContextInterface {\n  employeeId: string\n  isAdmin: boolean\n}\n\n/** @internal */\nexport function ListViewContextual() {\n  const { employeeId, isAdmin, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <ListView employeeId={employeeId} isAdmin={isAdmin} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function BankFormContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <BankForm employeeId={employeeId} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function SplitViewContextual() {\n  const { employeeId, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <SplitView employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["ListViewContextual","employeeId","isAdmin","onEvent","useFlow","jsx","ListView","BankFormContextual","BankForm","SplitViewContextual","SplitView"],"mappings":";;;;;AAaO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAA;AACzC,SAAO,gBAAAC,EAACC,GAAA,EAAS,YAAAL,GAAwB,SAAAC,GAAkB,SAAAC,EAAA,CAAkB;AAC/E;AAGO,SAASI,IAAqB;AACnC,QAAM,EAAE,YAAAN,GAAY,SAAAE,EAAA,IAAYC,EAAA;AAChC,SAAO,gBAAAC,EAACG,GAAA,EAAS,YAAAP,GAAwB,SAAAE,EAAA,CAAkB;AAC7D;AAGO,SAASM,IAAsB;AACpC,QAAM,EAAE,YAAAR,GAAY,SAAAE,EAAA,IAAYC,EAAA;AAChC,SAAO,gBAAAC,EAACK,GAAA,EAAU,YAAAT,GAAwB,SAAAE,EAAA,CAAkB;AAC9D;"}

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

@@ -1,8 +1,10 @@
 import { UseSplitPaymentsFormProps } from '../shared/useSplitPaymentsForm';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/** @internal */
 export interface SplitViewProps extends Omit<UseSplitPaymentsFormProps, 'employeeId'> {
     employeeId: string;
     onEvent: OnEventType<EventType, unknown>;
 }
+/** @internal */
 export declare function SplitView({ employeeId, onEvent, ...hookProps }: SplitViewProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SplitView.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/SplitView.tsx"],"sourcesContent":["import { SplitPaymentsFormBody } from '../shared/SplitPaymentsFormBody'\nimport type { UseSplitPaymentsFormProps } from '../shared/useSplitPaymentsForm'\nimport { useOnboardingSplitFormDictionary } from './useFormDictionary'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface SplitViewProps extends Omit<UseSplitPaymentsFormProps, 'employeeId'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function SplitView({ employeeId, onEvent, ...hookProps }: SplitViewProps) {\n  const dictionary = useOnboardingSplitFormDictionary()\n\n  return (\n    <SplitPaymentsFormBody\n      employeeId={employeeId}\n      dictionary={dictionary}\n      onSaved={data => {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, data)\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n      {...hookProps}\n    />\n  )\n}\n"],"names":["SplitView","employeeId","onEvent","hookProps","dictionary","useOnboardingSplitFormDictionary","jsx","SplitPaymentsFormBody","data","componentEvents"],"mappings":";;;;AAWO,SAASA,EAAU,EAAE,YAAAC,GAAY,SAAAC,GAAS,GAAGC,KAA6B;AAC/E,QAAMC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAN;AAAA,MACA,YAAAG;AAAA,MACA,SAAS,CAAAI,MAAQ;AACf,QAAAN,EAAQO,EAAgB,iCAAiCD,CAAI;AAAA,MAC/D;AAAA,MACA,UAAU,MAAM;AACd,QAAAN,EAAQO,EAAgB,MAAM;AAAA,MAChC;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"SplitView.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/SplitView.tsx"],"sourcesContent":["import { SplitPaymentsFormBody } from '../shared/SplitPaymentsFormBody'\nimport type { UseSplitPaymentsFormProps } from '../shared/useSplitPaymentsForm'\nimport { useOnboardingSplitFormDictionary } from './useFormDictionary'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/** @internal */\nexport interface SplitViewProps extends Omit<UseSplitPaymentsFormProps, 'employeeId'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function SplitView({ employeeId, onEvent, ...hookProps }: SplitViewProps) {\n  const dictionary = useOnboardingSplitFormDictionary()\n\n  return (\n    <SplitPaymentsFormBody\n      employeeId={employeeId}\n      dictionary={dictionary}\n      onSaved={data => {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, data)\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n      {...hookProps}\n    />\n  )\n}\n"],"names":["SplitView","employeeId","onEvent","hookProps","dictionary","useOnboardingSplitFormDictionary","jsx","SplitPaymentsFormBody","data","componentEvents"],"mappings":";;;;AAaO,SAASA,EAAU,EAAE,YAAAC,GAAY,SAAAC,GAAS,GAAGC,KAA6B;AAC/E,QAAMC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAN;AAAA,MACA,YAAAG;AAAA,MACA,SAAS,CAAAI,MAAQ;AACf,QAAAN,EAAQO,EAAgB,iCAAiCD,CAAI;AAAA,MAC/D;AAAA,MACA,UAAU,MAAM;AACd,QAAAN,EAAQO,EAAgB,MAAM;AAAA,MAChC;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}