@gusto/embedded-react-sdk 0.44.1 → 0.45.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/ListView.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 { DataView, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\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\ninterface ListViewProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function ListView({ employeeId, onEvent }: ListViewProps) {\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n\n  const errorHandling = composeErrorHandler([paymentMethodList])\n\n  if (paymentMethodList.isLoading) {\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  return (\n    <ListViewReady\n      employeeId={employeeId}\n      onEvent={onEvent}\n      paymentMethodList={paymentMethodList}\n      errorHandling={errorHandling}\n    />\n  )\n}\n\ninterface ListViewReadyProps extends ListViewProps {\n  paymentMethodList: UsePaymentMethodListReady\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction ListViewReady({ onEvent, paymentMethodList, errorHandling }: ListViewReadyProps) {\n  const { paymentMethod, bankAccounts } = paymentMethodList.data\n  const { deletePendingBankAccountUuid } = paymentMethodList.status\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\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      {\n        key: 'name',\n        title: t('nicknameColumn'),\n        render: bankAccount => (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text>{bankAccount.name}</Components.Text>\n            <Components.Text variant=\"supporting\">\n              {bankAccount.hiddenAccountNumber}\n            </Components.Text>\n          </Flex>\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    <Flex gap={8} alignItems=\"center\">\n      {isDirectDeposit && bankAccounts.length > 1 && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.EMPLOYEE_SPLIT_PAYCHECK)\n          }}\n          icon={<PercentCircleIcon />}\n        >\n          {t('splitCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE)\n        }}\n        icon={<PlusCircleIcon />}\n      >\n        {bankAccounts.length > 0 ? t('addAnotherCta') : t('addBankAccountCta')}\n      </Components.Button>\n    </Flex>\n  )\n\n  return (\n    <>\n      <BaseLayout error={errorHandling.errors}>\n        <Components.Box\n          header={<Components.BoxHeader title={t('managementTitle')} action={headerAction} />}\n        >\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          {isDirectDeposit && bankAccounts.length > 0 ? (\n            <DataView label={t('bankAccountsListLabel')} {...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      />\n    </>\n  )\n}\n"],"names":["ListView","employeeId","onEvent","paymentMethodList","usePaymentMethodList","errorHandling","composeErrorHandler","BaseLayout","jsx","ListViewReady","paymentMethod","bankAccounts","deletePendingBankAccountUuid","useTranslation","Components","useComponentContext","pendingDeleteAccount","setPendingDeleteAccount","deletedAccountNumber","setDeletedAccountNumber","handleConfirmDelete","useDeleteBankAccount","uuid","result","componentEvents","dataViewProps","useDataView","bankAccount","jsxs","Flex","HamburgerMenu","TrashCanSvg","isDirectDeposit","PAYMENT_METHODS","headerAction","PercentCircleIcon","PlusCircleIcon","Fragment","DataView","DeleteBankAccountDialog"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+import { EventType } from '../../../../shared/constants';
+import { OnEventType } from '../../../Base/useBase';
+export interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {
+    employeeId: string;
+    defaultValues?: never;
+    isAdmin?: boolean;
+    initialState?: 'list' | 'add' | 'split';
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function PaymentMethod({ dictionary, FallbackComponent, ...props }: PaymentMethodProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,49 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createMachine as i } from "robot3";
+import { useMemo as c } from "react";
+import { BankFormContextual as u, SplitViewContextual as f, ListViewContextual as h } from "./PaymentMethodComponents.js";
+import { paymentMethodStateMachine as s } from "./paymentMethodStateMachine.js";
+import { Flow as M } from "../../../Flow/Flow.js";
+import { BaseBoundaries as l } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentDictionary as y, useI18n as d } from "../../../../i18n/I18n.js";
+function x({
+  employeeId: e,
+  isAdmin: t = !0,
+  initialState: o = "list",
+  onEvent: r
+}) {
+  d("Employee.PaymentMethod");
+  const n = o === "add" ? u : o === "split" ? f : h, p = c(
+    () => i(
+      o,
+      s,
+      (a) => ({
+        ...a,
+        component: n,
+        employeeId: e,
+        isAdmin: t
+      })
+    ),
+    [e, t, o, n]
+  );
+  return /* @__PURE__ */ m(M, { machine: p, onEvent: r });
+}
+function k({
+  dictionary: e,
+  FallbackComponent: t,
+  ...o
+}) {
+  return y("Employee.PaymentMethod", e), /* @__PURE__ */ m(
+    l,
+    {
+      componentName: "Employee.PaymentMethod.Management",
+      FallbackComponent: t,
+      children: /* @__PURE__ */ m(x, { ...o })
+    }
+  );
+}
+export {
+  k as PaymentMethod
+};
+//# sourceMappingURL=PaymentMethod.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  ListViewContextual,\n  BankFormContextual,\n  SplitViewContextual,\n} from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\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 type { OnEventType } from '@/components/Base/useBase'\n\nexport interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\n  isAdmin?: boolean\n  initialState?: 'list' | 'add' | 'split'\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = true,\n  initialState = 'list',\n  onEvent,\n}: PaymentMethodProps) {\n  useI18n('Employee.PaymentMethod')\n\n  const initialComponent =\n    initialState === 'add'\n      ? BankFormContextual\n      : initialState === 'split'\n        ? SplitViewContextual\n        : ListViewContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        paymentMethodStateMachine,\n        (ctx: PaymentMethodContextInterface) => ({\n          ...ctx,\n          component: initialComponent,\n          employeeId,\n          isAdmin,\n        }),\n      ),\n    [employeeId, isAdmin, initialState, initialComponent],\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\n      componentName=\"Employee.PaymentMethod.Management\"\n      FallbackComponent={FallbackComponent}\n    >\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","initialState","onEvent","useI18n","initialComponent","BankFormContextual","SplitViewContextual","ListViewContextual","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA4BA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,wBAAwB;AAEhC,QAAMC,IACJH,MAAiB,QACbI,IACAJ,MAAiB,UACfK,IACAC,GAEFC,IAAUC;AAAA,IACd,MACEC;AAAA,MACET;AAAA,MACAU;AAAA,MACA,CAACC,OAAwC;AAAA,QACvC,GAAGA;AAAA,QACH,WAAWR;AAAA,QACX,YAAAL;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAYC,GAASC,GAAcG,CAAgB;AAAA,EAAA;AAGtD,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;AAEO,SAASa,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgD;AAC9C,SAAAC,EAAuB,0BAA0BH,CAAU,GAEzD,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACf,GAAA,EAAmB,GAAGoB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpC;"}

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { BankForm as r } from "../onboarding/BankForm.js";
+import { SplitView as i } from "../onboarding/SplitView.js";
+import { ListView as m } from "./ListView.js";
+import { useFlow as n } from "../../../Flow/useFlow.js";
+function c() {
+  const { employeeId: o, onEvent: t } = n();
+  return /* @__PURE__ */ e(m, { employeeId: o, onEvent: t });
+}
+function a() {
+  const { employeeId: o, onEvent: t } = n();
+  return /* @__PURE__ */ e(r, { employeeId: o, onEvent: t });
+}
+function w() {
+  const { employeeId: o, onEvent: t } = n();
+  return /* @__PURE__ */ e(i, { employeeId: o, onEvent: t });
+}
+export {
+  a as BankFormContextual,
+  c as ListViewContextual,
+  w as SplitViewContextual
+};
+//# sourceMappingURL=PaymentMethodComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodComponents.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethodComponents.tsx"],"sourcesContent":["import { BankForm } from '../onboarding/BankForm'\nimport { SplitView } from '../onboarding/SplitView'\nimport { ListView } from './ListView'\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, onEvent } = useFlow<PaymentMethodContextInterface>()\n  return <ListView employeeId={employeeId} 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","onEvent","useFlow","jsx","ListView","BankFormContextual","BankForm","SplitViewContextual","SplitView"],"mappings":";;;;;AAWO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,SAAO,gBAAAC,EAACC,GAAA,EAAS,YAAAJ,GAAwB,SAAAC,EAAA,CAAkB;AAC7D;AAEO,SAASI,IAAqB;AACnC,QAAM,EAAE,YAAAL,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,SAAO,gBAAAC,EAACG,GAAA,EAAS,YAAAN,GAAwB,SAAAC,EAAA,CAAkB;AAC7D;AAEO,SAASM,IAAsB;AACpC,QAAM,EAAE,YAAAP,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,SAAO,gBAAAC,EAACK,GAAA,EAAU,YAAAR,GAAwB,SAAAC,EAAA,CAAkB;AAC9D;"}

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

@@ -0,0 +1,4 @@
+import "./types/i18next.d.ts"
+export { ListView } from './ListView';
+export { PaymentMethod } from './PaymentMethod';
+export type { PaymentMethodProps } from './PaymentMethod';

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

@@ -0,0 +1,5 @@
+export declare const paymentMethodStateMachine: {
+    list: import('robot3').MachineState<any>;
+    add: import('robot3').MachineState<any>;
+    split: import('robot3').MachineState<any>;
+};

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

@@ -0,0 +1,75 @@
+import { state as i, transition as o, reduce as n } from "robot3";
+import { ListViewContextual as e, BankFormContextual as m, SplitViewContextual as p } from "./PaymentMethodComponents.js";
+import { componentEvents as E } from "../../../../shared/constants.js";
+const l = {
+  list: i(
+    o(
+      E.EMPLOYEE_BANK_ACCOUNT_CREATE,
+      "add",
+      n(
+        (t) => ({
+          ...t,
+          component: m
+        })
+      )
+    ),
+    o(
+      E.EMPLOYEE_SPLIT_PAYCHECK,
+      "split",
+      n(
+        (t) => ({
+          ...t,
+          component: p
+        })
+      )
+    )
+  ),
+  add: i(
+    o(
+      E.EMPLOYEE_BANK_ACCOUNT_CREATED,
+      "list",
+      n(
+        (t) => ({
+          ...t,
+          component: e
+        })
+      )
+    ),
+    o(
+      E.CANCEL,
+      "list",
+      n(
+        (t) => ({
+          ...t,
+          component: e
+        })
+      )
+    )
+  ),
+  split: i(
+    o(
+      E.EMPLOYEE_PAYMENT_METHOD_UPDATED,
+      "list",
+      n(
+        (t) => ({
+          ...t,
+          component: e
+        })
+      )
+    ),
+    o(
+      E.CANCEL,
+      "list",
+      n(
+        (t) => ({
+          ...t,
+          component: e
+        })
+      )
+    )
+  )
+};
+export {
+  l as paymentMethodStateMachine
+};
+//# sourceMappingURL=paymentMethodStateMachine.js.map

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

@@ -0,0 +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 { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  ListViewContextual,\n  BankFormContextual,\n  SplitViewContextual,\n} from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE,\n      'add',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: BankFormContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SPLIT_PAYCHECK,\n      'split',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: SplitViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce(\n        (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n          ...ctx,\n          component: ListViewContextual as ComponentType,\n        }),\n      ),\n    ),\n  ),\n}\n"],"names":["paymentMethodStateMachine","state","transition","componentEvents","reduce","ctx","BankFormContextual","SplitViewContextual","ListViewContextual"],"mappings":";;;AAWO,MAAMA,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,KAAKN;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOP;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}

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

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

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

@@ -0,0 +1,66 @@
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { useBankForm as N } from "../shared/useBankForm/useBankForm.js";
+import "classnames";
+import { componentEvents as m } from "../../../../shared/constants.js";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as C } from "../../../Common/Form/Form.js";
+import { BaseLayout as c } from "../../../Base/Base.js";
+import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function U({ employeeId: u, onEvent: a, ...l }) {
+  const t = N({ employeeId: u, ...l }), { t: o } = p("Employee.PaymentMethod"), i = f();
+  if (t.isLoading)
+    return /* @__PURE__ */ n(c, { isLoading: !0, error: t.errorHandling.errors });
+  const { Fields: e } = t.form, d = async () => {
+    const r = await t.actions.onSubmit();
+    r && a(m.EMPLOYEE_BANK_ACCOUNT_CREATED, r.data);
+  }, b = () => {
+    a(m.CANCEL);
+  };
+  return /* @__PURE__ */ n(c, { error: t.errorHandling.errors, children: /* @__PURE__ */ n(E, { formHookResult: t, children: /* @__PURE__ */ s(C, { onSubmit: d, children: [
+    /* @__PURE__ */ n(
+      e.Name,
+      {
+        label: o("nameLabel"),
+        validationMessages: { REQUIRED: o("validations.accountName") }
+      }
+    ),
+    /* @__PURE__ */ n(
+      e.RoutingNumber,
+      {
+        label: o("routingNumberLabel"),
+        description: o("routingNumberDescription"),
+        validationMessages: {
+          REQUIRED: o("validations.routingNumber"),
+          INVALID_ROUTING_NUMBER: o("validations.routingNumber")
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      e.AccountNumber,
+      {
+        label: o("accountNumberLabel"),
+        validationMessages: {
+          REQUIRED: o("validations.accountNumber"),
+          INVALID_ACCOUNT_NUMBER: o("validations.accountNumber")
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      e.AccountType,
+      {
+        label: o("accountTypeLabel"),
+        getOptionLabel: (r) => o(r === "Checking" ? "accountTypeChecking" : "accountTypeSavings")
+      }
+    ),
+    /* @__PURE__ */ s(g, { children: [
+      /* @__PURE__ */ n(i.Button, { variant: "secondary", type: "button", onClick: b, children: o("cancelAddCta") }),
+      /* @__PURE__ */ n(i.Button, { type: "submit", isLoading: t.status.isPending, children: o("saveCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  U as BankForm
+};
+//# sourceMappingURL=BankForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BankForm.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/BankForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankForm, type AccountType, type UseBankFormProps } from '../shared/useBankForm'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { 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 bankForm = useBankForm({ employeeId, ...hookProps })\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n\n  if (bankForm.isLoading) {\n    return <BaseLayout isLoading error={bankForm.errorHandling.errors} />\n  }\n\n  const { Fields } = bankForm.form\n\n  const handleSubmit = async () => {\n    const result = await bankForm.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, result.data)\n    }\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <BaseLayout error={bankForm.errorHandling.errors}>\n      <SDKFormProvider formHookResult={bankForm}>\n        <Form onSubmit={handleSubmit}>\n          <Fields.Name\n            label={t('nameLabel')}\n            validationMessages={{ REQUIRED: t('validations.accountName') }}\n          />\n          <Fields.RoutingNumber\n            label={t('routingNumberLabel')}\n            description={t('routingNumberDescription')}\n            validationMessages={{\n              REQUIRED: t('validations.routingNumber'),\n              INVALID_ROUTING_NUMBER: t('validations.routingNumber'),\n            }}\n          />\n          <Fields.AccountNumber\n            label={t('accountNumberLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.accountNumber'),\n              INVALID_ACCOUNT_NUMBER: t('validations.accountNumber'),\n            }}\n          />\n          <Fields.AccountType\n            label={t('accountTypeLabel')}\n            getOptionLabel={(type: AccountType) =>\n              type === 'Checking' ? t('accountTypeChecking') : t('accountTypeSavings')\n            }\n          />\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" type=\"button\" onClick={handleCancel}>\n              {t('cancelAddCta')}\n            </Components.Button>\n            <Components.Button type=\"submit\" isLoading={bankForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["BankForm","employeeId","onEvent","hookProps","bankForm","useBankForm","t","useTranslation","Components","useComponentContext","BaseLayout","Fields","handleSubmit","result","componentEvents","handleCancel","jsx","SDKFormProvider","jsxs","Form","type","ActionsLayout"],"mappings":";;;;;;;;;;AAeO,SAASA,EAAS,EAAE,YAAAC,GAAY,SAAAC,GAAS,GAAGC,KAA4B;AAC7E,QAAMC,IAAWC,EAAY,EAAE,YAAAJ,GAAY,GAAGE,GAAW,GACnD,EAAE,GAAAG,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAaC,EAAA;AAEnB,MAAIL,EAAS;AACX,6BAAQM,GAAA,EAAW,WAAS,IAAC,OAAON,EAAS,cAAc,QAAQ;AAGrE,QAAM,EAAE,QAAAO,MAAWP,EAAS,MAEtBQ,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAS,QAAQ,SAAA;AACtC,IAAIS,KACFX,EAAQY,EAAgB,+BAA+BD,EAAO,IAAI;AAAA,EAEtE,GAEME,IAAe,MAAM;AACzB,IAAAb,EAAQY,EAAgB,MAAM;AAAA,EAChC;AAEA,SACE,gBAAAE,EAACN,GAAA,EAAW,OAAON,EAAS,cAAc,QACxC,UAAA,gBAAAY,EAACC,GAAA,EAAgB,gBAAgBb,GAC/B,UAAA,gBAAAc,EAACC,GAAA,EAAK,UAAUP,GACd,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACL,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,WAAW;AAAA,QACpB,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAE/D,gBAAAU;AAAA,MAACL,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,aAAaA,EAAE,0BAA0B;AAAA,QACzC,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MACvD;AAAA,IAAA;AAAA,IAEF,gBAAAU;AAAA,MAACL,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,wBAAwBA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MACvD;AAAA,IAAA;AAAA,IAEF,gBAAAU;AAAA,MAACL,EAAO;AAAA,MAAP;AAAA,QACC,OAAOL,EAAE,kBAAkB;AAAA,QAC3B,gBAAgB,CAACc,MACOd,EAAtBc,MAAS,aAAe,wBAA2B,oBAAN;AAAA,MAA0B;AAAA,IAAA;AAAA,sBAG1EC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASO,GAC3D,UAAAT,EAAE,cAAc,EAAA,CACnB;AAAA,MACA,gBAAAU,EAACR,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAS,OAAO,WACzD,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -0,0 +1,9 @@
+import { EventType } from '../../../../shared/constants';
+import { OnEventType } from '../../../Base/useBase';
+interface ListViewProps {
+    employeeId: string;
+    isAdmin: boolean;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function ListView({ employeeId, isAdmin, onEvent }: ListViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,168 @@
+import { jsx as e, jsxs as p, Fragment as M } from "react/jsx-runtime";
+import { useTranslation as O } from "react-i18next";
+import { useWatch as S } from "react-hook-form";
+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 "classnames";
+import { SPLIT_BY as V, PAYMENT_METHODS as f, componentEvents as m } from "../../../../shared/constants.js";
+import { ActionsLayout as x } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as R } from "../../../Common/Form/Form.js";
+import { BaseLayout as E } from "../../../Base/Base.js";
+import { SDKFormProvider as U } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeErrorHandler as v } from "../../../../partner-hook-utils/composeErrorHandler.js";
+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 { useDataView as q } from "../../../Common/DataView/useDataView.js";
+import { DataView as z } from "../../../Common/DataView/DataView.js";
+function ht({ employeeId: c, isAdmin: r, onEvent: u }) {
+  const n = Y({ employeeId: c }), l = w({ employeeId: c }), s = v([n, l]);
+  return n.isLoading || l.isLoading ? /* @__PURE__ */ e(E, { isLoading: !0, error: s.errors }) : /* @__PURE__ */ e(
+    J,
+    {
+      employeeId: c,
+      isAdmin: r,
+      onEvent: u,
+      paymentMethodList: n,
+      paymentMethodForm: l,
+      errorHandling: s
+    }
+  );
+}
+function J({
+  isAdmin: c,
+  onEvent: r,
+  paymentMethodList: u,
+  paymentMethodForm: n,
+  errorHandling: l
+}) {
+  const { paymentMethod: s, bankAccounts: d } = u.data, { deletePendingBankAccountUuid: b } = u.status, { t } = O("Employee.PaymentMethod"), a = K(), g = I(s.splitBy === "Amount" ? "currency" : "percent"), { Fields: y } = n.form, C = S({
+    control: n.form.hookFormInternals.formMethods.control,
+    name: "type"
+  }), {
+    pendingDeleteAccount: A,
+    setPendingDeleteAccount: D,
+    deletedAccountNumber: h,
+    setDeletedAccountNumber: L,
+    handleConfirmDelete: T
+  } = H(async (o) => {
+    const i = await u.actions.onDelete(o);
+    i && r(m.EMPLOYEE_BANK_ACCOUNT_DELETED, i.data);
+  }), { ...P } = q({
+    data: d,
+    columns: [
+      { key: "name", title: t("nicknameColumn") },
+      { key: "routingNumber", title: t("routingNumberColumn") },
+      { key: "accountType", title: t("accountTypeColumn") },
+      {
+        key: "splitAmount",
+        title: t("allocationColumn"),
+        render: (o) => {
+          const i = s.splits?.find((B) => B.uuid === o.uuid)?.splitAmount ?? 0, _ = s.splitBy === V.amount ? j(i) ?? 0 : i;
+          return g(_);
+        }
+      }
+    ],
+    itemMenu: (o) => /* @__PURE__ */ e(
+      W,
+      {
+        items: [
+          {
+            label: t("deleteBankAccountCta"),
+            onClick: () => {
+              D({
+                uuid: o.uuid,
+                hiddenAccountNumber: o.hiddenAccountNumber
+              });
+            },
+            icon: /* @__PURE__ */ e(G, { "aria-hidden": !0 })
+          }
+        ],
+        triggerLabel: t("hamburgerTitle")
+      }
+    )
+  }), k = (o) => /* @__PURE__ */ e(
+    a.RadioGroup,
+    {
+      ...o,
+      options: o.options.map((i) => ({
+        ...i,
+        description: i.value === f.directDeposit ? t(c ? "directDepositDescription" : "directDepositDescriptionSelf") : t(c ? "checkDescription" : "checkDescriptionSelf")
+      }))
+    }
+  ), N = async () => {
+    const o = await n.actions.onSubmit();
+    o && (r(m.EMPLOYEE_PAYMENT_METHOD_UPDATED, o.data), r(m.EMPLOYEE_PAYMENT_METHOD_DONE));
+  };
+  return /* @__PURE__ */ p(M, { children: [
+    /* @__PURE__ */ e(E, { error: l.errors, children: /* @__PURE__ */ e(U, { formHookResult: n, children: /* @__PURE__ */ p(R, { onSubmit: N, children: [
+      h !== null && /* @__PURE__ */ e(
+        a.Alert,
+        {
+          status: "success",
+          label: t("deleteBankAccountSuccessAlert", { account: h }),
+          onDismiss: () => {
+            L(null);
+          },
+          disableScrollIntoView: !0
+        }
+      ),
+      /* @__PURE__ */ e(a.Heading, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ e(
+        y.Type,
+        {
+          label: t("paymentFieldsetLegend"),
+          getOptionLabel: (o) => o === f.directDeposit ? t("directDepositLabel") : t("checkLabel"),
+          FieldComponent: k
+        }
+      ),
+      d.length > 0 && /* @__PURE__ */ e(z, { label: t("bankAccountsListLabel"), ...P }),
+      /* @__PURE__ */ p(x, { children: [
+        d.length > 1 && /* @__PURE__ */ e(
+          a.Button,
+          {
+            variant: "secondary",
+            type: "button",
+            onClick: () => {
+              r(m.EMPLOYEE_SPLIT_PAYMENT);
+            },
+            children: t("splitCta")
+          }
+        ),
+        C === f.directDeposit && /* @__PURE__ */ e(
+          a.Button,
+          {
+            variant: "secondary",
+            type: "button",
+            onClick: () => {
+              r(m.EMPLOYEE_BANK_ACCOUNT_CREATE);
+            },
+            children: d.length > 0 ? t("addAnotherCta") : t("addBankAccountCta")
+          }
+        ),
+        /* @__PURE__ */ e(a.Button, { type: "submit", isLoading: n.status.isPending, children: t("submitCta") })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ e(
+      F,
+      {
+        pendingDeleteAccount: A,
+        isPrimaryActionLoading: b === A?.uuid,
+        onClose: () => {
+          D(null);
+        },
+        onConfirm: () => {
+          T();
+        }
+      }
+    )
+  ] });
+}
+export {
+  ht as ListView
+};
+//# sourceMappingURL=ListView.js.map

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

@@ -0,0 +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      />\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":";;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,GAAS,EAAE,YAAAC,GAAY,SAAAC,GAAS,SAAAC,KAA0B;AACxE,QAAMC,IAAoBC,EAAqB,EAAE,YAAAJ,GAAY,GACvDK,IAAoBC,EAAqB,EAAE,YAAAN,GAAY,GAEvDO,IAAgBC,EAAoB,CAACL,GAAmBE,CAAiB,CAAC;AAEhF,SAAIF,EAAkB,aAAaE,EAAkB,8BAC3CI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ,IAI1D,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAX;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAE;AAAA,MACA,eAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAQA,SAASI,EAAc;AAAA,EACrB,SAAAV;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,mBAAAE;AAAA,EACA,eAAAE;AACF,GAAuB;AACrB,QAAM,EAAE,eAAAK,GAAe,cAAAC,EAAA,IAAiBV,EAAkB,MACpD,EAAE,8BAAAW,MAAiCX,EAAkB,QACrD,EAAE,EAAA,IAAMY,EAAe,wBAAwB,GAC/CC,IAAaC,EAAA,GACbC,IAASC,EAAmBP,EAAc,YAAY,WAAW,aAAa,SAAS,GAEvF,EAAE,QAAAQ,MAAWf,EAAkB,MAC/BgB,IAAcC,EAAS;AAAA,IAC3B,SAASjB,EAAkB,KAAK,kBAAkB,YAAY;AAAA,IAC9D,MAAM;AAAA,EAAA,CACP,GAEK;AAAA,IACJ,sBAAAkB;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACEC,EAAqB,OAAMC,MAAQ;AACrC,UAAMC,IAAS,MAAM3B,EAAkB,QAAQ,SAAS0B,CAAI;AAC5D,IAAIC,KACF5B,EAAQ6B,EAAgB,+BAA+BD,EAAO,IAAI;AAAA,EAEtE,CAAC,GAEK,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMpB;AAAA,IACN,SAAS;AAAA,MACP,EAAE,KAAK,QAAQ,OAAO,EAAE,gBAAgB,EAAA;AAAA,MACxC,EAAE,KAAK,iBAAiB,OAAO,EAAE,qBAAqB,EAAA;AAAA,MACtD,EAAE,KAAK,eAAe,OAAO,EAAE,mBAAmB,EAAA;AAAA,MAClD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAqB,MAAe;AACrB,gBAAMC,IACJvB,EAAc,QAAQ,KAAK,CAAAwB,MAASA,EAAM,SAASF,EAAY,IAAI,GAAG,eAAe,GACjFG,IACJzB,EAAc,YAAY0B,EAAS,SAC9BC,EAAeJ,CAAW,KAAK,IAChCA;AACN,iBAAOjB,EAAOmB,CAAY;AAAA,QAC5B;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,UAAU,CAAAH,MACR,gBAAAxB;AAAA,MAAC8B;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAhB,EAAwB;AAAA,gBACtB,MAAMU,EAAY;AAAA,gBAClB,qBAAqBA,EAAY;AAAA,cAAA,CAClC;AAAA,YACH;AAAA,YACA,MAAM,gBAAAxB,EAAC+B,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,QAEF,cAAc,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAClC,CAEH,GAEKC,IAAqB,CAACC,MAC1B,gBAAAjC;AAAA,IAACM,EAAW;AAAA,IAAX;AAAA,MACE,GAAG2B;AAAA,MACJ,SAASA,EAAM,QAAQ,IAAI,CAAAC,OAAW;AAAA,QACpC,GAAGA;AAAA,QACH,aACEA,EAAO,UAAUC,EAAgB,gBAE3B,EADF5C,IACI,6BACA,8BAD0B,IAG5B,EADFA,IACI,qBACA,sBADkB;AAAA,MACI,EAChC;AAAA,IAAA;AAAA,EAAA,GAIA6C,IAAe,YAAY;AAC/B,UAAMhB,IAAS,MAAMzB,EAAkB,QAAQ,SAAA;AAC/C,IAAIyB,MACF5B,EAAQ6B,EAAgB,iCAAiCD,EAAO,IAAI,GACpE5B,EAAQ6B,EAAgB,4BAA4B;AAAA,EAExD;AAEA,SACE,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAtC,EAACD,GAAA,EAAW,OAAOF,EAAc,QAC/B,UAAA,gBAAAG,EAACuC,GAAA,EAAgB,gBAAgB5C,GAC/B,UAAA,gBAAA0C,EAACG,GAAA,EAAK,UAAUJ,GACb,UAAA;AAAA,MAAArB,MAAyB,QACxB,gBAAAf;AAAA,QAACM,EAAW;AAAA,QAAX;AAAA,UACC,QAAO;AAAA,UACP,OAAO,EAAE,iCAAiC,EAAE,SAASS,GAAsB;AAAA,UAC3E,WAAW,MAAM;AACf,YAAAC,EAAwB,IAAI;AAAA,UAC9B;AAAA,UACA,uBAAqB;AAAA,QAAA;AAAA,MAAA;AAAA,MAGzB,gBAAAhB,EAACM,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,MACxC,gBAAAN;AAAA,QAACU,EAAO;AAAA,QAAP;AAAA,UACC,OAAO,EAAE,uBAAuB;AAAA,UAChC,gBAAgB,CAAC+B,MACfA,MAAUN,EAAgB,gBAAgB,EAAE,oBAAoB,IAAI,EAAE,YAAY;AAAA,UAEpF,gBAAgBH;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB7B,EAAa,SAAS,KACrB,gBAAAH,EAAC0C,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGpB,EAAA,CAAe;AAAA,wBAEjEqB,GAAA,EACE,UAAA;AAAA,QAAAxC,EAAa,SAAS,KACrB,gBAAAH;AAAA,UAACM,EAAW;AAAA,UAAX;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,MAAM;AACb,cAAAd,EAAQ6B,EAAgB,sBAAsB;AAAA,YAChD;AAAA,YAEC,YAAE,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBV,MAAgBwB,EAAgB,iBAC/B,gBAAAnC;AAAA,UAACM,EAAW;AAAA,UAAX;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,MAAM;AACb,cAAAd,EAAQ6B,EAAgB,4BAA4B;AAAA,YACtD;AAAA,YAEC,YAAa,SAAS,IAAI,EAAE,eAAe,IAAI,EAAE,mBAAmB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGzE,gBAAArB,EAACM,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWX,EAAkB,OAAO,WAClE,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,GACF,GACF;AAAA,IACA,gBAAAK;AAAA,MAAC4C;AAAA,MAAA;AAAA,QACC,sBAAA/B;AAAA,QACA,wBAAwBT,MAAiCS,GAAsB;AAAA,QAC/E,SAAS,MAAM;AACb,UAAAC,EAAwB,IAAI;AAAA,QAC9B;AAAA,QACA,WAAW,MAAM;AACf,UAAKG,EAAA;AAAA,QACP;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -0,0 +1,11 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+import { EventType } from '../../../../shared/constants';
+import { OnEventType } from '../../../Base/useBase';
+export interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {
+    employeeId: string;
+    defaultValues?: never;
+    isAdmin?: boolean;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function PaymentMethod({ dictionary, FallbackComponent, ...props }: PaymentMethodProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentMethodContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createMachine as i } from "robot3";
+import { useMemo as p } from "react";
+import { ListViewContextual as a } from "./PaymentMethodComponents.js";
+import { paymentMethodStateMachine as u } from "./paymentMethodStateMachine.js";
+import { Flow as f } from "../../../Flow/Flow.js";
+import { useFlow as c } from "../../../Flow/useFlow.js";
+import { BaseBoundaries as s } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentDictionary as l, useI18n as y } from "../../../../i18n/I18n.js";
+import { ensureRequired as d } from "../../../../helpers/ensureRequired.js";
+function h({ employeeId: e, isAdmin: o = !1, onEvent: t }) {
+  y("Employee.PaymentMethod");
+  const n = p(
+    () => i(
+      "list",
+      u,
+      (r) => ({
+        ...r,
+        component: a,
+        employeeId: e,
+        isAdmin: o
+      })
+    ),
+    [e, o]
+  );
+  return /* @__PURE__ */ m(f, { machine: n, onEvent: t });
+}
+function M({
+  dictionary: e,
+  FallbackComponent: o,
+  ...t
+}) {
+  return l("Employee.PaymentMethod", e), /* @__PURE__ */ m(s, { componentName: "Employee.PaymentMethod", FallbackComponent: o, children: /* @__PURE__ */ m(h, { ...t }) });
+}
+function D() {
+  const { employeeId: e, onEvent: o, isAdmin: t } = c();
+  return /* @__PURE__ */ m(M, { employeeId: d(e), onEvent: o, isAdmin: t });
+}
+export {
+  M as PaymentMethod,
+  D as PaymentMethodContextual
+};
+//# sourceMappingURL=PaymentMethod.js.map

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

@@ -0,0 +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;"}

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

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