@gusto/embedded-react-sdk 0.44.1 → 0.45.0

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

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

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

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

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

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

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

@@ -0,0 +1,97 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as T, Trans as v } from "react-i18next";
+import c from "dompurify";
+import { useSplitPaymentsForm as D } from "../shared/useSplitPaymentsForm/useSplitPaymentsForm.js";
+import "classnames";
+import { SPLIT_BY as u, componentEvents as p } from "../../../../shared/constants.js";
+import { ActionsLayout as P } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as S } from "../../../Common/Form/Form.js";
+import { ReorderableList as C } from "../../../Common/ReorderableList/ReorderableList.js";
+import { BaseLayout as b } from "../../../Base/Base.js";
+import { SDKFormProvider as N } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function z({ employeeId: a, onEvent: n, ...e }) {
+  const o = D({ employeeId: a, ...e });
+  return o.isLoading ? /* @__PURE__ */ r(b, { isLoading: !0, error: o.errorHandling.errors }) : /* @__PURE__ */ r(M, { onEvent: n, splitForm: o });
+}
+function M({ onEvent: a, splitForm: n }) {
+  const { t: e } = T("Employee.PaymentMethod"), o = R(), { Fields: i } = n.form, { remainderId: E, bankAccounts: g } = n.data, { splitBy: s, percentageTotal: f, hasPercentageImbalance: L } = n.status, A = async () => {
+    const t = await n.actions.onSubmit();
+    t && a(p.EMPLOYEE_PAYMENT_METHOD_UPDATED, t.data);
+  }, h = () => {
+    a(p.CANCEL);
+  };
+  if (g.length < 2) return null;
+  const m = (t) => e("splitAmountLabel", {
+    name: c.sanitize(t.name ?? ""),
+    account_number: c.sanitize(t.hiddenAccountNumber ?? ""),
+    interpolation: { escapeValue: !1 }
+  }), y = (t) => {
+    const I = t.map((l) => i.splits[l]?.uuid).filter((l) => !!l);
+    n.actions.reorderSplits(I);
+  };
+  return /* @__PURE__ */ r(b, { error: n.errorHandling.errors, children: /* @__PURE__ */ r(N, { formHookResult: n, children: /* @__PURE__ */ d(S, { onSubmit: A, children: [
+    L && /* @__PURE__ */ r(
+      o.Alert,
+      {
+        status: "error",
+        label: e("validations.percentageErrorWithTotal", { total: f }),
+        disableScrollIntoView: !0
+      }
+    ),
+    /* @__PURE__ */ r(o.Heading, { as: "h2", children: e("title") }),
+    /* @__PURE__ */ r(v, { t: e, i18nKey: "splitDescription", components: { p: /* @__PURE__ */ r(o.Text, {}) } }),
+    /* @__PURE__ */ r(
+      i.SplitBy,
+      {
+        label: e("splitByLabel"),
+        getOptionLabel: (t) => t === u.percentage ? e("percentageLabel") : e("amountLabel")
+      }
+    ),
+    s === u.amount ? /* @__PURE__ */ r(
+      C,
+      {
+        label: e("draggableListLabel"),
+        items: i.splits.map((t) => ({
+          label: t.name ?? "",
+          content: /* @__PURE__ */ r(
+            t.Field,
+            {
+              label: m(t),
+              min: 0,
+              validationMessages: {
+                REQUIRED: e("validations.amountError"),
+                INVALID_AMOUNT: e("validations.amountError"),
+                INVALID_PERCENTAGE: e("validations.amountError")
+              },
+              placeholder: E === t.uuid ? e("remainderLabel") : ""
+            },
+            `amount-${t.uuid}`
+          )
+        })),
+        onReorder: y
+      },
+      `reorderable-amount-list-${s}`
+    ) : i.splits.map((t) => /* @__PURE__ */ r(
+      t.Field,
+      {
+        label: m(t),
+        min: 0,
+        validationMessages: {
+          REQUIRED: e("validations.percentageAmountError"),
+          INVALID_AMOUNT: e("validations.percentageAmountError"),
+          INVALID_PERCENTAGE: e("validations.percentageAmountError")
+        }
+      },
+      `percentage-${t.uuid}`
+    )),
+    /* @__PURE__ */ d(P, { children: [
+      /* @__PURE__ */ r(o.Button, { variant: "secondary", type: "button", onClick: h, children: e("cancelAddCta") }),
+      /* @__PURE__ */ r(o.Button, { type: "submit", isLoading: n.status.isPending, children: e("saveCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  z as SplitView
+};
+//# sourceMappingURL=SplitView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitView.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/SplitView.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport DOMPurify from 'dompurify'\nimport {\n  useSplitPaymentsForm,\n  type SplitByValue,\n  type SplitFieldEntry,\n  type UseSplitPaymentsFormProps,\n  type UseSplitPaymentsFormReady,\n} from '../shared/useSplitPaymentsForm'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { ReorderableList } from '@/components/Common/ReorderableList'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents, SPLIT_BY, 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 splitForm = useSplitPaymentsForm({ employeeId, ...hookProps })\n\n  if (splitForm.isLoading) {\n    return <BaseLayout isLoading error={splitForm.errorHandling.errors} />\n  }\n\n  return <SplitViewReady onEvent={onEvent} splitForm={splitForm} />\n}\n\ninterface SplitViewReadyProps {\n  onEvent: OnEventType<EventType, unknown>\n  splitForm: UseSplitPaymentsFormReady\n}\n\nfunction SplitViewReady({ onEvent, splitForm }: SplitViewReadyProps) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n  const { Fields } = splitForm.form\n  const { remainderId, bankAccounts } = splitForm.data\n  const { splitBy, percentageTotal, hasPercentageImbalance } = splitForm.status\n\n  const handleSubmit = async () => {\n    const result = await splitForm.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, result.data)\n    }\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  if (bankAccounts.length < 2) return null\n\n  const labelForSplit = (split: SplitFieldEntry) =>\n    t('splitAmountLabel', {\n      name: DOMPurify.sanitize(split.name ?? ''),\n      account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n      interpolation: { escapeValue: false },\n    })\n\n  const handleReorder = (indices: number[]) => {\n    const orderedUuids = indices\n      .map(index => Fields.splits[index]?.uuid)\n      .filter((uuid): uuid is string => Boolean(uuid))\n    splitForm.actions.reorderSplits(orderedUuids)\n  }\n\n  return (\n    <BaseLayout error={splitForm.errorHandling.errors}>\n      <SDKFormProvider formHookResult={splitForm}>\n        <Form onSubmit={handleSubmit}>\n          {hasPercentageImbalance && (\n            <Components.Alert\n              status=\"error\"\n              label={t('validations.percentageErrorWithTotal', { total: percentageTotal })}\n              disableScrollIntoView\n            />\n          )}\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Trans t={t} i18nKey=\"splitDescription\" components={{ p: <Components.Text /> }} />\n          <Fields.SplitBy\n            label={t('splitByLabel')}\n            getOptionLabel={(value: SplitByValue) =>\n              value === SPLIT_BY.percentage ? t('percentageLabel') : t('amountLabel')\n            }\n          />\n          {splitBy === SPLIT_BY.amount ? (\n            <ReorderableList\n              key={`reorderable-amount-list-${splitBy}`}\n              label={t('draggableListLabel')}\n              items={Fields.splits.map(split => ({\n                label: split.name ?? '',\n                content: (\n                  <split.Field\n                    key={`amount-${split.uuid}`}\n                    label={labelForSplit(split)}\n                    min={0}\n                    validationMessages={{\n                      REQUIRED: t('validations.amountError'),\n                      INVALID_AMOUNT: t('validations.amountError'),\n                      INVALID_PERCENTAGE: t('validations.amountError'),\n                    }}\n                    placeholder={remainderId === split.uuid ? t('remainderLabel') : ''}\n                  />\n                ),\n              }))}\n              onReorder={handleReorder}\n            />\n          ) : (\n            Fields.splits.map(split => (\n              <split.Field\n                key={`percentage-${split.uuid}`}\n                label={labelForSplit(split)}\n                min={0}\n                validationMessages={{\n                  REQUIRED: t('validations.percentageAmountError'),\n                  INVALID_AMOUNT: t('validations.percentageAmountError'),\n                  INVALID_PERCENTAGE: t('validations.percentageAmountError'),\n                }}\n              />\n            ))\n          )}\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" type=\"button\" onClick={handleCancel}>\n              {t('cancelAddCta')}\n            </Components.Button>\n            <Components.Button type=\"submit\" isLoading={splitForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["SplitView","employeeId","onEvent","hookProps","splitForm","useSplitPaymentsForm","BaseLayout","jsx","SplitViewReady","t","useTranslation","Components","useComponentContext","Fields","remainderId","bankAccounts","splitBy","percentageTotal","hasPercentageImbalance","handleSubmit","result","componentEvents","handleCancel","labelForSplit","split","DOMPurify","handleReorder","indices","orderedUuids","index","uuid","SDKFormProvider","jsxs","Form","Trans","value","SPLIT_BY","ReorderableList","ActionsLayout"],"mappings":"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"}

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

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

package/dist/components/Employee/PaymentMethod/onboarding/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/onboarding/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_PAYMENT,
+      "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/onboarding/paymentMethodStateMachine.js.map

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

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

@@ -0,0 +1,9 @@
+export declare function DeleteBankAccountDialog({ pendingDeleteAccount, isPrimaryActionLoading, onClose, onConfirm, }: {
+    pendingDeleteAccount: {
+        uuid: string;
+        hiddenAccountNumber: string | undefined;
+    } | null;
+    isPrimaryActionLoading: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { useComponentContext as r } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function p({
+  pendingDeleteAccount: o,
+  isPrimaryActionLoading: e,
+  onClose: n,
+  onConfirm: i
+}) {
+  const { t } = l("Employee.PaymentMethod"), c = r();
+  return /* @__PURE__ */ a(
+    c.Dialog,
+    {
+      isOpen: o !== null,
+      onClose: n,
+      onPrimaryActionClick: i,
+      isPrimaryActionLoading: e,
+      isDestructive: !0,
+      title: t("deleteBankAccountDialog.title"),
+      primaryActionLabel: t("deleteBankAccountDialog.confirmCta"),
+      closeActionLabel: t("deleteBankAccountDialog.cancelCta"),
+      children: o && t("deleteBankAccountDialog.description", {
+        account: o.hiddenAccountNumber ?? ""
+      })
+    }
+  );
+}
+export {
+  p as DeleteBankAccountDialog
+};
+//# sourceMappingURL=DeleteBankAccountDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteBankAccountDialog.js","sources":["../../../../../src/components/Employee/PaymentMethod/shared/DeleteBankAccountDialog.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function DeleteBankAccountDialog({\n  pendingDeleteAccount,\n  isPrimaryActionLoading,\n  onClose,\n  onConfirm,\n}: {\n  pendingDeleteAccount: { uuid: string; hiddenAccountNumber: string | undefined } | null\n  isPrimaryActionLoading: boolean\n  onClose: () => void\n  onConfirm: () => void\n}) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n  return (\n    <Components.Dialog\n      isOpen={pendingDeleteAccount !== null}\n      onClose={onClose}\n      onPrimaryActionClick={onConfirm}\n      isPrimaryActionLoading={isPrimaryActionLoading}\n      isDestructive\n      title={t('deleteBankAccountDialog.title')}\n      primaryActionLabel={t('deleteBankAccountDialog.confirmCta')}\n      closeActionLabel={t('deleteBankAccountDialog.cancelCta')}\n    >\n      {pendingDeleteAccount &&\n        t('deleteBankAccountDialog.description', {\n          account: pendingDeleteAccount.hiddenAccountNumber ?? '',\n        })}\n    </Components.Dialog>\n  )\n}\n"],"names":["DeleteBankAccountDialog","pendingDeleteAccount","isPrimaryActionLoading","onClose","onConfirm","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,EAAwB;AAAA,EACtC,sBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAKG;AACD,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAaC,EAAA;AACnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,QAAQL,MAAyB;AAAA,MACjC,SAAAE;AAAA,MACA,sBAAsBC;AAAA,MACtB,wBAAAF;AAAA,MACA,eAAa;AAAA,MACb,OAAO,EAAE,+BAA+B;AAAA,MACxC,oBAAoB,EAAE,oCAAoC;AAAA,MAC1D,kBAAkB,EAAE,mCAAmC;AAAA,MAEtD,UAAAD,KACC,EAAE,uCAAuC;AAAA,QACvC,SAASA,EAAqB,uBAAuB;AAAA,MAAA,CACtD;AAAA,IAAA;AAAA,EAAA;AAGT;"}

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

@@ -0,0 +1,7 @@
+import "./types/i18next.d.ts"
+export * from './useDeleteBankAccount';
+export * from './DeleteBankAccountDialog';
+export * from './usePaymentMethodList';
+export * from './usePaymentMethodForm';
+export * from './useBankForm';
+export * from './useSplitPaymentsForm';

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

@@ -0,0 +1,15 @@
+import { AccountType, BankFormErrorCodes } from './useBankFormSchema';
+import { TextInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/TextInputHookField';
+import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
+import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+export type RequiredValidation = typeof BankFormErrorCodes.REQUIRED;
+export type RoutingNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<typeof BankFormErrorCodes, 'REQUIRED' | 'INVALID_ROUTING_NUMBER'>];
+export type AccountNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<typeof BankFormErrorCodes, 'REQUIRED' | 'INVALID_ACCOUNT_NUMBER'>];
+export type NameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+export declare function NameField(props: NameFieldProps): import("react/jsx-runtime").JSX.Element;
+export type RoutingNumberFieldProps = HookFieldProps<TextInputHookFieldProps<RoutingNumberValidation>>;
+export declare function RoutingNumberField(props: RoutingNumberFieldProps): import("react/jsx-runtime").JSX.Element;
+export type AccountNumberFieldProps = HookFieldProps<TextInputHookFieldProps<AccountNumberValidation>>;
+export declare function AccountNumberField(props: AccountNumberFieldProps): import("react/jsx-runtime").JSX.Element;
+export type AccountTypeFieldProps = HookFieldProps<RadioGroupHookFieldProps<RequiredValidation, AccountType>>;
+export declare function AccountTypeField(props: AccountTypeFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { TextInputHookField as o } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+function m(e) {
+  return /* @__PURE__ */ n(o, { ...e, name: "name" });
+}
+function c(e) {
+  return /* @__PURE__ */ n(o, { ...e, name: "routingNumber" });
+}
+function a(e) {
+  return /* @__PURE__ */ n(o, { ...e, name: "accountNumber" });
+}
+function p(e) {
+  return /* @__PURE__ */ n(r, { ...e, name: "accountType" });
+}
+export {
+  a as AccountNumberField,
+  p as AccountTypeField,
+  m as NameField,
+  c as RoutingNumberField
+};
+//# sourceMappingURL=fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/fields.tsx"],"sourcesContent":["import type { AccountType, BankFormErrorCodes } from './useBankFormSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport { TextInputHookField, RadioGroupHookField } from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\nexport type RequiredValidation = typeof BankFormErrorCodes.REQUIRED\nexport type RoutingNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ROUTING_NUMBER'\n>]\nexport type AccountNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ACCOUNT_NUMBER'\n>]\n\nexport type NameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function NameField(props: NameFieldProps) {\n  return <TextInputHookField {...props} name=\"name\" />\n}\n\nexport type RoutingNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<RoutingNumberValidation>\n>\n\nexport function RoutingNumberField(props: RoutingNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"routingNumber\" />\n}\n\nexport type AccountNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<AccountNumberValidation>\n>\n\nexport function AccountNumberField(props: AccountNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"accountNumber\" />\n}\n\nexport type AccountTypeFieldProps = HookFieldProps<\n  RadioGroupHookFieldProps<RequiredValidation, AccountType>\n>\n\nexport function AccountTypeField(props: AccountTypeFieldProps) {\n  return <RadioGroupHookField {...props} name=\"accountType\" />\n}\n"],"names":["NameField","props","jsx","TextInputHookField","RoutingNumberField","AccountNumberField","AccountTypeField","RadioGroupHookField"],"mappings":";;;AAkBO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,QAAO;AACpD;AAMO,SAASG,EAAmBH,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAMO,SAASI,EAAmBJ,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAMO,SAASK,EAAiBL,GAA8B;AAC7D,SAAO,gBAAAC,EAACK,GAAA,EAAqB,GAAGN,GAAO,MAAK,eAAc;AAC5D;"}

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

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

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

@@ -0,0 +1,37 @@
+import { UseFormProps } from 'react-hook-form';
+import { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount';
+import { BankFormData, BankFormOptionalFieldsToRequire } from './useBankFormSchema';
+import { AccountNumberField, AccountTypeField, NameField, RoutingNumberField } from './fields';
+import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+export interface BankFormSubmitOptions {
+    /** Override the `employeeId` configured at hook construction. Useful when the employee is created in the same submit chain. */
+    employeeId?: string;
+}
+export interface UseBankFormProps {
+    /** Employee for whom to create the bank account. May be supplied later via `BankFormSubmitOptions.employeeId`. */
+    employeeId?: string;
+    optionalFieldsToRequire?: BankFormOptionalFieldsToRequire;
+    defaultValues?: Partial<BankFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export interface BankFormFields {
+    Name: typeof NameField;
+    RoutingNumber: typeof RoutingNumberField;
+    AccountNumber: typeof AccountNumberField;
+    AccountType: typeof AccountTypeField;
+}
+export interface UseBankFormReady extends BaseFormHookReady<FieldsMetadata, BankFormData, BankFormFields> {
+    data: Record<string, never>;
+    status: {
+        isPending: boolean;
+        mode: 'create';
+    };
+    actions: {
+        onSubmit: (options?: BankFormSubmitOptions) => Promise<HookSubmitResult<EmployeeBankAccount> | undefined>;
+    };
+}
+export declare function useBankForm({ employeeId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseBankFormProps): HookLoadingResult | UseBankFormReady;
+export type UseBankFormResult = HookLoadingResult | UseBankFormReady;
+export type BankFormFieldsMetadata = UseBankFormReady['form']['fieldsMetadata'];
+export type BankFormFieldsType = UseBankFormReady['form']['Fields'];

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

@@ -0,0 +1,105 @@
+import { useMemo as l } from "react";
+import { useForm as v } from "react-hook-form";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+import { useEmployeePaymentMethodCreateMutation as C } from "@gusto/embedded-api/react-query/employeePaymentMethodCreate";
+import { createBankFormSchema as O, ACCOUNT_TYPES as p } from "./useBankFormSchema.js";
+import { AccountTypeField as V, AccountNumberField as H, RoutingNumberField as R, NameField as q } from "./fields.js";
+import { useDeriveFieldsMetadata as x } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as z } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as G } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as K } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as L } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as U } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as f } from "../../../../../types/sdkError.js";
+function re({
+  employeeId: y,
+  optionalFieldsToRequire: m,
+  defaultValues: e,
+  validationMode: N = "onSubmit",
+  shouldFocusError: g = !0
+}) {
+  const [a, F] = l(
+    () => O({ optionalFieldsToRequire: m }),
+    [m]
+  ), u = l(
+    () => ({
+      name: e?.name ?? "",
+      routingNumber: e?.routingNumber ?? "",
+      accountNumber: e?.accountNumber ?? "",
+      accountType: e?.accountType ?? "Checking"
+    }),
+    [e]
+  ), o = v({
+    resolver: P(a),
+    mode: N,
+    shouldFocusError: g,
+    defaultValues: u,
+    values: u,
+    resetOptions: { keepDirtyValues: !0 }
+  }), c = C(), k = c.isPending, {
+    baseSubmitHandler: S,
+    error: h,
+    setError: B
+  } = U("BankForm"), T = L([], { submitError: h, setSubmitError: B }), w = p.map((r) => ({ value: r, label: r })), t = x(F, o.control), A = {
+    name: t.name,
+    routingNumber: t.routingNumber,
+    accountNumber: t.accountNumber,
+    accountType: K(t.accountType, w, [
+      ...p
+    ])
+  }, E = async (r) => {
+    let i;
+    return await new Promise((s) => {
+      o.handleSubmit(
+        async (I) => {
+          await S(I, async (n) => {
+            const d = r?.employeeId ?? y;
+            if (!d)
+              throw new f(
+                "employeeId is required to submit a bank account. Pass it to useBankForm or via BankFormSubmitOptions."
+              );
+            const b = await c.mutateAsync({
+              request: {
+                employeeId: d,
+                employeeBankAccountRequest: {
+                  name: n.name,
+                  routingNumber: n.routingNumber,
+                  accountNumber: n.accountNumber,
+                  accountType: n.accountType
+                }
+              }
+            });
+            if (!b.employeeBankAccount)
+              throw new f("Bank account creation failed");
+            i = { mode: "create", data: b.employeeBankAccount };
+          }), s();
+        },
+        () => {
+          s();
+        }
+      )();
+    }), i;
+  }, M = z(o);
+  return {
+    isLoading: !1,
+    data: {},
+    status: { isPending: k, mode: "create" },
+    actions: { onSubmit: E },
+    errorHandling: T,
+    form: {
+      Fields: {
+        Name: q,
+        RoutingNumber: R,
+        AccountNumber: H,
+        AccountType: V
+      },
+      fieldsMetadata: A,
+      hookFormInternals: M,
+      getFormSubmissionValues: G(o, a)
+    }
+  };
+}
+export {
+  re as useBankForm
+};
+//# sourceMappingURL=useBankForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBankForm.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/useBankForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport {\n  ACCOUNT_TYPES,\n  type AccountType,\n  createBankFormSchema,\n  type BankFormData,\n  type BankFormOptionalFieldsToRequire,\n  type BankFormOutputs,\n} from './useBankFormSchema'\nimport { AccountNumberField, AccountTypeField, NameField, RoutingNumberField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nexport interface BankFormSubmitOptions {\n  /** Override the `employeeId` configured at hook construction. Useful when the employee is created in the same submit chain. */\n  employeeId?: string\n}\n\nexport interface UseBankFormProps {\n  /** Employee for whom to create the bank account. May be supplied later via `BankFormSubmitOptions.employeeId`. */\n  employeeId?: string\n  optionalFieldsToRequire?: BankFormOptionalFieldsToRequire\n  defaultValues?: Partial<BankFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface BankFormFields {\n  Name: typeof NameField\n  RoutingNumber: typeof RoutingNumberField\n  AccountNumber: typeof AccountNumberField\n  AccountType: typeof AccountTypeField\n}\n\nexport interface UseBankFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  BankFormData,\n  BankFormFields\n> {\n  data: Record<string, never>\n  status: { isPending: boolean; mode: 'create' }\n  actions: {\n    onSubmit: (\n      options?: BankFormSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeBankAccount> | undefined>\n  }\n}\n\nexport function useBankForm({\n  employeeId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseBankFormProps): HookLoadingResult | UseBankFormReady {\n  const [schema, metadataConfig] = useMemo(\n    () => createBankFormSchema({ optionalFieldsToRequire }),\n    [optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: BankFormData = useMemo(\n    () => ({\n      name: partnerDefaults?.name ?? '',\n      routingNumber: partnerDefaults?.routingNumber ?? '',\n      accountNumber: partnerDefaults?.accountNumber ?? '',\n      accountType: (partnerDefaults?.accountType ?? 'Checking') as AccountType,\n    }),\n    [partnerDefaults],\n  )\n\n  const formMethods = useForm<BankFormData, unknown, BankFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createMutation = useEmployeePaymentMethodCreateMutation()\n  const isPending = createMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('BankForm')\n\n  const errorHandling = composeErrorHandler([], { submitError, setSubmitError })\n\n  const accountTypeOptions = ACCOUNT_TYPES.map(value => ({ value, label: value }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    name: baseMetadata.name,\n    routingNumber: baseMetadata.routingNumber,\n    accountNumber: baseMetadata.accountNumber,\n    accountType: withOptions<AccountType>(baseMetadata.accountType, accountTypeOptions, [\n      ...ACCOUNT_TYPES,\n    ]),\n  }\n\n  const onSubmit = async (\n    options?: BankFormSubmitOptions,\n  ): Promise<HookSubmitResult<EmployeeBankAccount> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeBankAccount> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: BankFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError(\n                'employeeId is required to submit a bank account. Pass it to useBankForm or via BankFormSubmitOptions.',\n              )\n            }\n\n            const response = await createMutation.mutateAsync({\n              request: {\n                employeeId: resolvedEmployeeId,\n                employeeBankAccountRequest: {\n                  name: payload.name,\n                  routingNumber: payload.routingNumber,\n                  accountNumber: payload.accountNumber,\n                  accountType: payload.accountType,\n                },\n              },\n            })\n\n            if (!response.employeeBankAccount) {\n              throw new SDKInternalError('Bank account creation failed')\n            }\n\n            submitResult = { mode: 'create' as const, data: response.employeeBankAccount }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  return {\n    isLoading: false as const,\n    data: {} as Record<string, never>,\n    status: { isPending, mode: 'create' as const },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Name: NameField,\n        RoutingNumber: RoutingNumberField,\n        AccountNumber: AccountNumberField,\n        AccountType: AccountTypeField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseBankFormResult = HookLoadingResult | UseBankFormReady\nexport type BankFormFieldsMetadata = UseBankFormReady['form']['fieldsMetadata']\nexport type BankFormFieldsType = UseBankFormReady['form']['Fields']\n"],"names":["useBankForm","employeeId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","schema","metadataConfig","useMemo","createBankFormSchema","resolvedDefaults","formMethods","useForm","zodResolver","createMutation","useEmployeePaymentMethodCreateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","accountTypeOptions","ACCOUNT_TYPES","value","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","response","hookFormInternals","useHookFormInternals","NameField","RoutingNumberField","AccountNumberField","AccountTypeField","createGetFormSubmissionValues"],"mappings":";;;;;;;;;;;;;AAgEO,SAASA,GAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,GAA2D;AACzD,QAAM,CAACC,GAAQC,CAAc,IAAIC;AAAA,IAC/B,MAAMC,EAAqB,EAAE,yBAAAP,GAAyB;AAAA,IACtD,CAACA,CAAuB;AAAA,EAAA,GAGpBQ,IAAiCF;AAAA,IACrC,OAAO;AAAA,MACL,MAAML,GAAiB,QAAQ;AAAA,MAC/B,eAAeA,GAAiB,iBAAiB;AAAA,MACjD,eAAeA,GAAiB,iBAAiB;AAAA,MACjD,aAAcA,GAAiB,eAAe;AAAA,IAAA;AAAA,IAEhD,CAACA,CAAe;AAAA,EAAA,GAGZQ,IAAcC,EAAgD;AAAA,IAClE,UAAUC,EAAYP,CAAM;AAAA,IAC5B,MAAMF;AAAA,IACN,kBAAAC;AAAA,IACA,eAAeK;AAAA,IACf,QAAQA;AAAA,IACR,cAAc,EAAE,iBAAiB,GAAA;AAAA,EAAK,CACvC,GAEKI,IAAiBC,EAAA,GACjBC,IAAYF,EAAe,WAE3B;AAAA,IACJ,mBAAAG;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,UAAU,GAEtBC,IAAgBC,EAAoB,CAAA,GAAI,EAAE,aAAAJ,GAAa,gBAAAC,GAAgB,GAEvEI,IAAqBC,EAAc,IAAI,CAAAC,OAAU,EAAE,OAAAA,GAAO,OAAOA,IAAQ,GAEzEC,IAAeC,EAAwBpB,GAAgBI,EAAY,OAAO,GAC1EiB,IAAiB;AAAA,IACrB,MAAMF,EAAa;AAAA,IACnB,eAAeA,EAAa;AAAA,IAC5B,eAAeA,EAAa;AAAA,IAC5B,aAAaG,EAAyBH,EAAa,aAAaH,GAAoB;AAAA,MAClF,GAAGC;AAAA,IAAA,CACJ;AAAA,EAAA,GAGGM,IAAW,OACfC,MAC+D;AAC/D,QAAIC;AAEJ,iBAAM,IAAI,QAAc,CAAAC,MAAW;AACjC,MAAKtB,EAAY;AAAA,QACf,OAAOuB,MAA0B;AAC/B,gBAAMjB,EAAkBiB,GAAM,OAAMC,MAAW;AAC7C,kBAAMC,IAAqBL,GAAS,cAAc9B;AAClD,gBAAI,CAACmC;AACH,oBAAM,IAAIC;AAAA,gBACR;AAAA,cAAA;AAIJ,kBAAMC,IAAW,MAAMxB,EAAe,YAAY;AAAA,cAChD,SAAS;AAAA,gBACP,YAAYsB;AAAA,gBACZ,4BAA4B;AAAA,kBAC1B,MAAMD,EAAQ;AAAA,kBACd,eAAeA,EAAQ;AAAA,kBACvB,eAAeA,EAAQ;AAAA,kBACvB,aAAaA,EAAQ;AAAA,gBAAA;AAAA,cACvB;AAAA,YACF,CACD;AAED,gBAAI,CAACG,EAAS;AACZ,oBAAM,IAAID,EAAiB,8BAA8B;AAG3D,YAAAL,IAAe,EAAE,MAAM,UAAmB,MAAMM,EAAS,oBAAA;AAAA,UAC3D,CAAC,GACDL,EAAA;AAAA,QACF;AAAA,QACA,MAAM;AACJ,UAAAA,EAAA;AAAA,QACF;AAAA,MAAA,EACF;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMO,IAAoBC,EAAqB7B,CAAW;AAE1D,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM,CAAA;AAAA,IACN,QAAQ,EAAE,WAAAK,GAAW,MAAM,SAAA;AAAA,IAC3B,SAAS,EAAE,UAAAc,EAAA;AAAA,IACX,eAAAT;AAAA,IACA,MAAM;AAAA,MACJ,QAAQ;AAAA,QACN,MAAMoB;AAAA,QACN,eAAeC;AAAA,QACf,eAAeC;AAAA,QACf,aAAaC;AAAA,MAAA;AAAA,MAEf,gBAAAhB;AAAA,MACA,mBAAAW;AAAA,MACA,yBAAyBM,EAA8BlC,GAAaL,CAAM;AAAA,IAAA;AAAA,EAC5E;AAEJ;"}

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

@@ -0,0 +1,39 @@
+import { z } from 'zod';
+import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
+export declare const BankFormErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+    readonly INVALID_ROUTING_NUMBER: "INVALID_ROUTING_NUMBER";
+    readonly INVALID_ACCOUNT_NUMBER: "INVALID_ACCOUNT_NUMBER";
+};
+export type BankFormErrorCode = (typeof BankFormErrorCodes)[keyof typeof BankFormErrorCodes];
+export declare const ACCOUNT_TYPES: readonly ["Checking", "Savings"];
+export type AccountType = (typeof ACCOUNT_TYPES)[number];
+declare const fieldValidators: {
+    name: z.ZodString;
+    routingNumber: z.ZodString;
+    accountNumber: z.ZodString;
+    accountType: z.ZodEnum<{
+        Checking: "Checking";
+        Savings: "Savings";
+    }>;
+};
+export type BankFormField = keyof typeof fieldValidators;
+export type BankFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type BankFormOutputs = BankFormData;
+declare const requiredFieldsConfig: {};
+export type BankFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+interface BankFormSchemaOptions {
+    optionalFieldsToRequire?: BankFormOptionalFieldsToRequire;
+}
+export declare function createBankFormSchema(options?: BankFormSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+    name: z.ZodString;
+    routingNumber: z.ZodString;
+    accountNumber: z.ZodString;
+    accountType: z.ZodEnum<{
+        Checking: "Checking";
+        Savings: "Savings";
+    }>;
+}>;
+export {};

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

@@ -0,0 +1,26 @@
+import { z as e } from "zod";
+import { buildFormSchema as N } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+const r = {
+  REQUIRED: "REQUIRED",
+  INVALID_ROUTING_NUMBER: "INVALID_ROUTING_NUMBER",
+  INVALID_ACCOUNT_NUMBER: "INVALID_ACCOUNT_NUMBER"
+}, n = /^[0-9]{9}$/, i = /^[0-9]{1,17}$/, t = ["Checking", "Savings"], R = {
+  name: e.string(),
+  routingNumber: e.string().regex(n, { message: r.INVALID_ROUTING_NUMBER }),
+  accountNumber: e.string().regex(i, { message: r.INVALID_ACCOUNT_NUMBER }),
+  accountType: e.enum(t)
+}, E = {};
+function I(o = {}) {
+  return N(R, {
+    requiredFieldsConfig: E,
+    requiredErrorCode: r.REQUIRED,
+    mode: "create",
+    optionalFieldsToRequire: o.optionalFieldsToRequire
+  });
+}
+export {
+  t as ACCOUNT_TYPES,
+  r as BankFormErrorCodes,
+  I as createBankFormSchema
+};
+//# sourceMappingURL=useBankFormSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBankFormSchema.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/useBankFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type OptionalFieldsToRequire,\n  type RequiredFieldConfig,\n} from '@/partner-hook-utils/form/buildFormSchema'\n\nexport const BankFormErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_ROUTING_NUMBER: 'INVALID_ROUTING_NUMBER',\n  INVALID_ACCOUNT_NUMBER: 'INVALID_ACCOUNT_NUMBER',\n} as const\n\nexport type BankFormErrorCode = (typeof BankFormErrorCodes)[keyof typeof BankFormErrorCodes]\n\nconst ROUTING_NUMBER_REGEX = /^[0-9]{9}$/\nconst ACCOUNT_NUMBER_REGEX = /^[0-9]{1,17}$/\n\nexport const ACCOUNT_TYPES = ['Checking', 'Savings'] as const\nexport type AccountType = (typeof ACCOUNT_TYPES)[number]\n\nconst fieldValidators = {\n  name: z.string(),\n  routingNumber: z\n    .string()\n    .regex(ROUTING_NUMBER_REGEX, { message: BankFormErrorCodes.INVALID_ROUTING_NUMBER }),\n  accountNumber: z\n    .string()\n    .regex(ACCOUNT_NUMBER_REGEX, { message: BankFormErrorCodes.INVALID_ACCOUNT_NUMBER }),\n  accountType: z.enum(ACCOUNT_TYPES),\n}\n\nexport type BankFormField = keyof typeof fieldValidators\n\nexport type BankFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type BankFormOutputs = BankFormData\n\nconst requiredFieldsConfig = {} satisfies RequiredFieldConfig<typeof fieldValidators>\n\nexport type BankFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>\n\ninterface BankFormSchemaOptions {\n  optionalFieldsToRequire?: BankFormOptionalFieldsToRequire\n}\n\nexport function createBankFormSchema(options: BankFormSchemaOptions = {}) {\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: BankFormErrorCodes.REQUIRED,\n    mode: 'create',\n    optionalFieldsToRequire: options.optionalFieldsToRequire,\n  })\n}\n"],"names":["BankFormErrorCodes","ROUTING_NUMBER_REGEX","ACCOUNT_NUMBER_REGEX","ACCOUNT_TYPES","fieldValidators","z","requiredFieldsConfig","createBankFormSchema","options","buildFormSchema"],"mappings":";;AAOO,MAAMA,IAAqB;AAAA,EAChC,UAAU;AAAA,EACV,wBAAwB;AAAA,EACxB,wBAAwB;AAC1B,GAIMC,IAAuB,cACvBC,IAAuB,iBAEhBC,IAAgB,CAAC,YAAY,SAAS,GAG7CC,IAAkB;AAAA,EACtB,MAAMC,EAAE,OAAA;AAAA,EACR,eAAeA,EACZ,OAAA,EACA,MAAMJ,GAAsB,EAAE,SAASD,EAAmB,wBAAwB;AAAA,EACrF,eAAeK,EACZ,OAAA,EACA,MAAMH,GAAsB,EAAE,SAASF,EAAmB,wBAAwB;AAAA,EACrF,aAAaK,EAAE,KAAKF,CAAa;AACnC,GASMG,IAAuB,CAAA;AAQtB,SAASC,EAAqBC,IAAiC,IAAI;AACxE,SAAOC,EAAgBL,GAAiB;AAAA,IACtC,sBAAAE;AAAA,IACA,mBAAmBN,EAAmB;AAAA,IACtC,MAAM;AAAA,IACN,yBAAyBQ,EAAQ;AAAA,EAAA,CAClC;AACH;"}

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

@@ -0,0 +1,13 @@
+export declare function useDeleteBankAccount(handleDelete: (uuid: string) => Promise<void>): {
+    pendingDeleteAccount: {
+        uuid: string;
+        hiddenAccountNumber: string | undefined;
+    } | null;
+    setPendingDeleteAccount: import('react').Dispatch<import('react').SetStateAction<{
+        uuid: string;
+        hiddenAccountNumber: string | undefined;
+    } | null>>;
+    deletedAccountNumber: string | null;
+    setDeletedAccountNumber: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    handleConfirmDelete: () => Promise<void>;
+};