@gusto/embedded-react-sdk 0.44.1 → 0.45.0

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

@@ -1,183 +0,0 @@
-import { jsx as n, jsxs as H } from "react/jsx-runtime";
-import { zodResolver as V } from "@hookform/resolvers/zod";
-import { useEmployeePaymentMethodCreateMutation as j } from "@gusto/embedded-api/react-query/employeePaymentMethodCreate";
-import { useEmployeePaymentMethodDeleteBankAccountMutation as G } from "@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount";
-import { useEmployeePaymentMethodsGetBankAccountsSuspense as K } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
-import { useEmployeePaymentMethodGetSuspense as z } from "@gusto/embedded-api/react-query/employeePaymentMethodGet";
-import { useEmployeePaymentMethodUpdateBankAccountMutation as Q } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount";
-import { useEmployeePaymentMethodUpdateMutation as J } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdate";
-import { useQueryClient as W } from "@tanstack/react-query";
-import { useState as X, useMemo as b, useEffect as N } from "react";
-import { useForm as Z, FormProvider as $ } from "react-hook-form";
-import { useTranslation as tt } from "react-i18next";
-import { CombinedSchema as et, PaymentMethodProvider as ot } from "./usePaymentMethod.js";
-import { BaseComponent as nt } from "../../Base/Base.js";
-import { useBase as st } from "../../Base/useBase.js";
-import { Form as it } from "../../Common/Form/Form.js";
-import { Actions as rt } from "./Actions.js";
-import { BankAccountForm as mt } from "./BankAccountEdit.js";
-import { BankAccountsList as ut } from "./BankAccountsList.js";
-import { Head as at } from "./Head.js";
-import { PaymentTypeForm as ct } from "./PaymentTypeForm.js";
-import { Split as pt } from "./Split.js";
-import { useI18n as lt, useComponentDictionary as dt } from "../../../i18n/I18n.js";
-import { SPLIT_BY as A, componentEvents as h, PAYMENT_METHODS as g } from "../../../shared/constants.js";
-import { useFlow as yt } from "../../Flow/useFlow.js";
-import { centsToDollars as At, dollarsToCents as ht } from "../../../helpers/currencyHelpers.js";
-function ft(o) {
-  return /* @__PURE__ */ n(nt, { ...o, children: /* @__PURE__ */ n(Pt, { ...o, children: o.children }) });
-}
-const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) => {
-  lt("Employee.PaymentMethod"), dt("Employee.PaymentMethod", P);
-  const { baseSubmitHandler: L, onEvent: p } = st(), C = W(), {
-    data: { employeePaymentMethod: I }
-  } = z({ employeeId: o }), t = I, { data: _ } = K({
-    employeeId: o
-  }), l = _.employeeBankAccounts, M = J(), d = G(), T = j(), w = Q(), [u, a] = X(l.length < 1 ? "INITIAL" : "LIST");
-  u !== "INITIAL" && l.length < 1 && a("INITIAL");
-  const S = b(() => ({
-    type: "Direct Deposit",
-    isSplit: !1,
-    hasBankPayload: !1,
-    name: "",
-    routingNumber: "",
-    accountNumber: "",
-    accountType: "Checking",
-    splitBy: void 0,
-    splitAmount: {},
-    priority: {}
-  }), []), c = b(() => {
-    const i = t.splitBy === A.amount;
-    return {
-      ...S,
-      type: t.type ?? "Direct Deposit",
-      splitBy: t.splitBy ?? void 0,
-      ...t.splits?.reduce(
-        (e, { uuid: s, splitAmount: m, priority: B }) => ({
-          splitAmount: {
-            ...e.splitAmount,
-            [s]: i ? At(m ?? null) : m ?? null
-          },
-          priority: { ...e.priority, [s]: Number(B) }
-        }),
-        { splitAmount: {}, priority: {} }
-      ),
-      remainder: t.type === "Direct Deposit" && t.splits ? t.splits.reduce(
-        (e, s) => s.splitAmount === null ? s.uuid : t.splits?.at(-1)?.uuid ?? e,
-        ""
-      ) : void 0
-    };
-  }, [S, t.type, t.splitBy, t.splits]), r = Z({
-    resolver: V(et),
-    defaultValues: c
-  }), O = r.watch("type"), { reset: y } = r, { mutateAsync: k } = M;
-  N(() => {
-    (async () => t.splits?.length === 1 && t.type === "Direct Deposit" && await k({
-      request: {
-        employeeId: o,
-        requestBody: {
-          splitBy: A.percentage,
-          splits: t.splits.map((i) => ({
-            ...i,
-            splitAmount: 100,
-            priority: 1
-          })),
-          version: t.version,
-          type: "Direct Deposit"
-        }
-      }
-    }))();
-  }, [o, t, C, k]), N(() => {
-    y(c);
-  }, [l.length, t, c, y]);
-  const q = async (i) => {
-    await L(i, async (e) => {
-      const { type: s } = e;
-      if (s === "Direct Deposit" && e.hasBankPayload && (u === "ADD" || u === "INITIAL")) {
-        const m = await T.mutateAsync({
-          request: {
-            employeeId: o,
-            employeeBankAccountRequest: {
-              name: e.name,
-              routingNumber: e.routingNumber,
-              accountNumber: e.accountNumber,
-              accountType: e.accountType
-            }
-          }
-        });
-        p(h.EMPLOYEE_BANK_ACCOUNT_CREATED, m);
-      } else {
-        const m = s === g.check ? { version: t.version } : {
-          ...t,
-          version: t.version,
-          splitBy: e.isSplit ? e.splitBy : t.splitBy ?? A.percentage,
-          splits: e.isSplit && t.splits ? t.splits.map((D) => {
-            const v = e.splitAmount[D.uuid] ?? null, x = e.splitBy === A.amount;
-            return {
-              ...D,
-              splitAmount: x ? ht(v) : v,
-              priority: e.priority[D.uuid]
-            };
-          }) : t.splits ?? []
-        }, B = await M.mutateAsync({
-          request: { employeeId: o, requestBody: { ...m, type: s } }
-        });
-        p(h.EMPLOYEE_PAYMENT_METHOD_UPDATED, B);
-      }
-      r.setValue("isSplit", !1), r.setValue("hasBankPayload", !1), u === "LIST" || s === g.check ? p(h.EMPLOYEE_PAYMENT_METHOD_DONE) : a("LIST");
-    });
-  }, F = async (i) => {
-    const e = await d.mutateAsync({
-      request: { employeeId: o, bankAccountUuid: i }
-    });
-    p(h.EMPLOYEE_BANK_ACCOUNT_DELETED, e);
-  }, U = () => {
-    a("ADD"), y(c);
-  }, Y = () => {
-    a("LIST"), y(c);
-  }, R = () => {
-    a("SPLIT");
-  };
-  return /* @__PURE__ */ n("section", { className: f, children: /* @__PURE__ */ n(
-    ot,
-    {
-      value: {
-        bankAccounts: l,
-        isPending: d.isPending || M.isPending || T.isPending || w.isPending,
-        deletePendingBankAccountUuid: d.isPending ? d.variables.request.bankAccountUuid : void 0,
-        watchedType: O,
-        mode: u,
-        paymentMethod: t,
-        handleCancel: Y,
-        handleAdd: U,
-        handleDelete: F,
-        handleSplit: R,
-        isAdmin: E
-      },
-      children: /* @__PURE__ */ n($, { ...r, children: /* @__PURE__ */ H(it, { onSubmit: r.handleSubmit(q), children: [
-        /* @__PURE__ */ n(at, {}),
-        /* @__PURE__ */ n(ct, {}),
-        /* @__PURE__ */ n(ut, {}),
-        /* @__PURE__ */ n(mt, {}),
-        /* @__PURE__ */ n(pt, {}),
-        /* @__PURE__ */ n(rt, {})
-      ] }) })
-    }
-  ) });
-}, Gt = () => {
-  const { employeeId: o, onEvent: f, isAdmin: P } = yt(), { t: E } = tt("common");
-  if (!o)
-    throw new Error(
-      E("errors.missingParamsOrContext", {
-        component: "PaymentMethod",
-        param: "employeeId",
-        provider: "FlowProvider"
-      })
-    );
-  return /* @__PURE__ */ n(ft, { employeeId: o, onEvent: f, isAdmin: P });
-};
-export {
-  ft as PaymentMethod,
-  Gt as PaymentMethodContextual
-};
-//# sourceMappingURL=PaymentMethod.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport { useEmployeePaymentMethodDeleteBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEmployeePaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodUpdateBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type DefaultValues, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Actions } from '@/components/Employee/PaymentMethod/Actions'\nimport { BankAccountForm } from '@/components/Employee/PaymentMethod/BankAccountEdit'\nimport { BankAccountsList } from '@/components/Employee/PaymentMethod/BankAccountsList'\nimport { Head } from '@/components/Employee/PaymentMethod/Head'\nimport { PaymentTypeForm } from '@/components/Employee/PaymentMethod/PaymentTypeForm'\nimport { Split } from '@/components/Employee/PaymentMethod/Split'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { centsToDollars, dollarsToCents } from '@/helpers/currencyHelpers'\n\ninterface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\n  isAdmin?: boolean\n}\n\nexport function PaymentMethod(props: PaymentMethodProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, dictionary, isAdmin = false }: PaymentMethodProps) => {\n  useI18n('Employee.PaymentMethod')\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  const { baseSubmitHandler, onEvent } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { employeePaymentMethod },\n  } = useEmployeePaymentMethodGetSuspense({ employeeId })\n  const paymentMethod = employeePaymentMethod!\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const bankAccounts = bankAccountsList.employeeBankAccounts!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const [mode, setMode] = useState<MODE>(bankAccounts.length < 1 ? 'INITIAL' : 'LIST')\n  if (mode !== 'INITIAL' && bankAccounts.length < 1) {\n    setMode('INITIAL')\n  }\n\n  const baseDefaultValues: Partial<CombinedSchemaOutputs> = useMemo(() => {\n    return {\n      type: 'Direct Deposit',\n      isSplit: false,\n      hasBankPayload: false,\n      name: '',\n      routingNumber: '',\n      accountNumber: '',\n      accountType: 'Checking',\n      splitBy: undefined,\n      splitAmount: {},\n      priority: {},\n    } as Partial<CombinedSchemaOutputs>\n  }, [])\n\n  const defaultValues: CombinedSchemaOutputs = useMemo(() => {\n    const isAmountSplit = paymentMethod.splitBy === SPLIT_BY.amount\n    return {\n      ...baseDefaultValues,\n      type: paymentMethod.type ?? 'Direct Deposit',\n      splitBy: paymentMethod.splitBy ?? undefined,\n      ...paymentMethod.splits?.reduce(\n        (acc, { uuid, splitAmount, priority }) => ({\n          splitAmount: {\n            ...acc.splitAmount,\n            [uuid]: isAmountSplit ? centsToDollars(splitAmount ?? null) : (splitAmount ?? null),\n          },\n          priority: { ...acc.priority, [uuid]: Number(priority) },\n        }),\n        { splitAmount: {}, priority: {} },\n      ),\n      remainder:\n        paymentMethod.type === 'Direct Deposit' && paymentMethod.splits\n          ? paymentMethod.splits.reduce(\n              (acc, curr) =>\n                curr.splitAmount === null ? curr.uuid : (paymentMethod.splits?.at(-1)?.uuid ?? acc),\n              '',\n            )\n          : undefined,\n    } as CombinedSchemaOutputs\n  }, [baseDefaultValues, paymentMethod.type, paymentMethod.splitBy, paymentMethod.splits])\n\n  const formMethods = useForm<CombinedSchemaInputs>({\n    resolver: zodResolver(CombinedSchema),\n    defaultValues: defaultValues as DefaultValues<CombinedSchemaInputs>,\n  })\n\n  const watchedType = formMethods.watch('type')\n\n  const { reset: resetForm } = formMethods\n  const { mutateAsync: mutatePaymentMethod } = paymentMethodMutation\n\n  useEffect(() => {\n    void (async () => {\n      if (paymentMethod.splits?.length === 1 && paymentMethod.type === 'Direct Deposit') {\n        await mutatePaymentMethod({\n          request: {\n            employeeId,\n            requestBody: {\n              splitBy: SPLIT_BY.percentage,\n              splits: paymentMethod.splits.map(split => ({\n                ...split,\n                splitAmount: 100,\n                priority: 1,\n              })),\n              version: paymentMethod.version as string,\n              type: 'Direct Deposit',\n            },\n          },\n        })\n      }\n    })()\n  }, [employeeId, paymentMethod, queryClient, mutatePaymentMethod])\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [bankAccounts.length, paymentMethod, defaultValues, resetForm])\n\n  const onSubmit: SubmitHandler<CombinedSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { type } = payload\n      if (\n        type === 'Direct Deposit' &&\n        payload.hasBankPayload &&\n        (mode === 'ADD' || mode === 'INITIAL')\n      ) {\n        const bankAccountResponse = await addBankAccountMutation.mutateAsync({\n          request: {\n            employeeId,\n            employeeBankAccountRequest: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, bankAccountResponse)\n      } else {\n        //Adding bank account updates payment method\n        const body =\n          type === PAYMENT_METHODS.check\n            ? { version: paymentMethod.version as string }\n            : {\n                ...paymentMethod,\n                version: paymentMethod.version as string,\n                splitBy: payload.isSplit\n                  ? payload.splitBy\n                  : (paymentMethod.splitBy ?? SPLIT_BY.percentage),\n                splits:\n                  payload.isSplit && paymentMethod.splits\n                    ? paymentMethod.splits.map(split => {\n                        const splitAmountValue = payload.splitAmount[split.uuid] ?? null\n                        const isAmountSplit = payload.splitBy === SPLIT_BY.amount\n                        return {\n                          ...split,\n                          splitAmount: isAmountSplit\n                            ? dollarsToCents(splitAmountValue)\n                            : splitAmountValue,\n                          priority: payload.priority[split.uuid],\n                        }\n                      })\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      }\n      //Cleanup after submission bank/split submission\n      formMethods.setValue('isSplit', false)\n      formMethods.setValue('hasBankPayload', false)\n      //Notify that this component is ready to proceed\n      if (mode === 'LIST' || type === PAYMENT_METHODS.check) {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n      } else {\n        setMode('LIST')\n      }\n    })\n  }\n\n  const handleDelete = async (uuid: string) => {\n    const data = await deleteBankAccountMutation.mutateAsync({\n      request: { employeeId, bankAccountUuid: uuid },\n    })\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, data)\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n    resetForm(defaultValues)\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    resetForm(defaultValues)\n  }\n  const handleSplit = () => {\n    setMode('SPLIT')\n  }\n\n  return (\n    <section className={className}>\n      <PaymentMethodProvider\n        value={{\n          bankAccounts,\n          isPending:\n            deleteBankAccountMutation.isPending ||\n            paymentMethodMutation.isPending ||\n            addBankAccountMutation.isPending ||\n            updateBankAccountMutation.isPending,\n          deletePendingBankAccountUuid: deleteBankAccountMutation.isPending\n            ? deleteBankAccountMutation.variables.request.bankAccountUuid\n            : undefined,\n          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\n          isAdmin,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Head />\n            <PaymentTypeForm />\n            <BankAccountsList />\n            <BankAccountForm />\n            <Split />\n            <Actions />\n          </Form>\n        </FormProvider>\n      </PaymentMethodProvider>\n    </section>\n  )\n}\n\nexport const PaymentMethodContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'PaymentMethod',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <PaymentMethod employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","dictionary","isAdmin","useI18n","useComponentDictionary","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","isAmountSplit","SPLIT_BY","acc","uuid","splitAmount","priority","centsToDollars","curr","formMethods","useForm","zodResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","splitAmountValue","dollarsToCents","paymentMethodResponse","handleDelete","handleAdd","handleCancel","handleSplit","PaymentMethodProvider","FormProvider","jsxs","Form","Head","PaymentTypeForm","BankAccountsList","BankAccountForm","Split","Actions","PaymentMethodContextual","useFlow","t","useTranslation"],"mappings":"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"}

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

@@ -1,10 +0,0 @@
-import { z } from 'zod';
-export declare const PaymentTypeSchema: z.ZodObject<{
-    type: z.ZodEnum<{
-        Check: "Check";
-        "Direct Deposit": "Direct Deposit";
-    }>;
-}, z.core.$strip>;
-export type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>;
-export type PaymentTypePayload = z.output<typeof PaymentTypeSchema>;
-export declare function PaymentTypeForm(): import("react/jsx-runtime").JSX.Element | undefined;

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

@@ -1,38 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { z as o } from "zod";
-import { usePaymentMethod as m } from "./usePaymentMethod.js";
-import "classnames";
-import { PAYMENT_METHODS as r } from "../../../shared/constants.js";
-import { RadioGroupField as n } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-o.object({
-  type: o.enum(["Check", "Direct Deposit"])
-});
-function y() {
-  const { mode: t, isAdmin: i } = m(), { t: e } = c("Employee.PaymentMethod");
-  if (!(t !== "INITIAL" && t !== "LIST"))
-    return /* @__PURE__ */ p(
-      n,
-      {
-        name: "type",
-        label: e("paymentFieldsetLegend"),
-        shouldVisuallyHideLabel: !0,
-        options: [
-          {
-            value: r.directDeposit,
-            label: e("directDepositLabel"),
-            description: e(i ? "directDepositDescription" : "directDepositDescriptionSelf")
-          },
-          {
-            value: r.check,
-            label: e("checkLabel"),
-            description: e(i ? "checkDescription" : "checkDescriptionSelf")
-          }
-        ]
-      }
-    );
-}
-export {
-  y as PaymentTypeForm
-};
-//# sourceMappingURL=PaymentTypeForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentTypeForm.js","sources":["../../../../src/components/Employee/PaymentMethod/PaymentTypeForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { RadioGroupField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const PaymentTypeSchema = z.object({\n  type: z.enum(['Check', 'Direct Deposit']),\n})\nexport type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>\nexport type PaymentTypePayload = z.output<typeof PaymentTypeSchema>\n\nexport function PaymentTypeForm() {\n  const { mode, isAdmin } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  if (mode !== 'INITIAL' && mode !== 'LIST') return\n  return (\n    <RadioGroupField\n      name=\"type\"\n      label={t('paymentFieldsetLegend')}\n      shouldVisuallyHideLabel\n      options={[\n        {\n          value: PAYMENT_METHODS.directDeposit,\n          label: t('directDepositLabel'),\n          description: isAdmin ? t('directDepositDescription') : t('directDepositDescriptionSelf'),\n        },\n        {\n          value: PAYMENT_METHODS.check,\n          label: t('checkLabel'),\n          description: isAdmin ? t('checkDescription') : t('checkDescriptionSelf'),\n        },\n      ]}\n    />\n  )\n}\n"],"names":["z","PaymentTypeForm","mode","isAdmin","usePaymentMethod","t","useTranslation","jsx","RadioGroupField","PAYMENT_METHODS"],"mappings":";;;;;;;AAMiCA,EAAE,OAAO;AAAA,EACxC,MAAMA,EAAE,KAAK,CAAC,SAAS,gBAAgB,CAAC;AAC1C,CAAC;AAIM,SAASC,IAAkB;AAChC,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GACpB,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB;AACrD,MAAI,EAAAJ,MAAS,aAAaA,MAAS;AACnC,WACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOH,EAAE,uBAAuB;AAAA,QAChC,yBAAuB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,YACE,OAAOI,EAAgB;AAAA,YACvB,OAAOJ,EAAE,oBAAoB;AAAA,YAC7B,aAAuBA,EAAVF,IAAY,6BAAgC,8BAAN;AAAA,UAAoC;AAAA,UAEzF;AAAA,YACE,OAAOM,EAAgB;AAAA,YACvB,OAAOJ,EAAE,YAAY;AAAA,YACrB,aAAuBA,EAAVF,IAAY,qBAAwB,sBAAN;AAAA,UAA4B;AAAA,QACzE;AAAA,MACF;AAAA,IAAA;AAGN;"}

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

@@ -1 +0,0 @@
-export declare function Split(): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,175 +0,0 @@
-import { jsxs as _, Fragment as E, jsx as n } from "react/jsx-runtime";
-import { useFormContext as B } from "react-hook-form";
-import { useTranslation as y, Trans as V } from "react-i18next";
-import { ErrorMessage as z } from "@hookform/error-message";
-import g from "dompurify";
-import { useMemo as D, useEffect as j } from "react";
-import { usePaymentMethod as N } from "./usePaymentMethod.js";
-import "classnames";
-import { SPLIT_BY as h } from "../../../shared/constants.js";
-import { useLocale as q } from "../../../contexts/LocaleProvider/useLocale.js";
-import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ReorderableList as I } from "../../Common/ReorderableList/ReorderableList.js";
-import { RadioGroupField as W } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as F } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-function ie() {
-  const { paymentMethod: r, bankAccounts: m, mode: c } = N(), {
-    control: s,
-    setValue: o,
-    resetField: S,
-    watch: A,
-    formState: { errors: v }
-  } = B(), { t: u } = y("Employee.PaymentMethod"), d = A("splitBy"), L = A("priority"), a = D(() => r.splits ?? [], [r.splits]), l = Object.entries(L).reduce(
-    (e, [t, i]) => !e || (L[e] ?? 0) < i ? t : e,
-    ""
-  ), { currency: $ } = q();
-  j(() => {
-    if (a.length)
-      if (d === h.amount) {
-        const e = a.reduce((t, i) => (t[i.uuid] = i.uuid === l ? null : 0, t), {});
-        o("splitAmount", e);
-      } else {
-        const e = a.reduce((t, i, p) => (t[i.uuid] = p === 0 ? 100 : 0, t), {});
-        o("splitAmount", e);
-      }
-  }, [d, a, l, o]);
-  const f = w();
-  if (c !== "SPLIT" || m.length < 2 || r.splits === null) return null;
-  o("isSplit", !0);
-  const b = (e, t) => {
-    o(`splitAmount.${e}`, t);
-  }, x = (e) => {
-    const t = e.reduce(
-      (M, R, T) => {
-        const P = a[R];
-        return P ? { ...M, [P.uuid]: T + 1 } : M;
-      },
-      {}
-    ), i = e[e.length - 1];
-    if (i === void 0) return;
-    const p = a[i];
-    p && (o("priority", t), l && l !== p.uuid && (S(`splitAmount.${l}`), b(l, 0)), b(p.uuid, null));
-  }, C = () => d === h.amount ? /* @__PURE__ */ n(
-    I,
-    {
-      label: u("draggableListLabel"),
-      items: a.map((e) => ({
-        label: e.name,
-        content: /* @__PURE__ */ n(
-          k,
-          {
-            split: e,
-            onChange: (t) => {
-              b(e.uuid, t);
-            },
-            remainderId: l
-          },
-          `amount-${e.uuid}`
-        )
-      })),
-      onReorder: x
-    },
-    `reorderable-amount-list-${d}`
-  ) : a.map((e) => /* @__PURE__ */ n(
-    G,
-    {
-      split: e,
-      control: s,
-      onChange: (t) => {
-        b(e.uuid, t);
-      },
-      currency: $
-    },
-    `percentage-${e.uuid}`
-  ));
-  return /* @__PURE__ */ _(E, { children: [
-    /* @__PURE__ */ n(
-      z,
-      {
-        errors: v,
-        name: "splitAmount.root",
-        render: ({ message: e }) => {
-          if (e && e.startsWith("percentage_split_total_error:")) {
-            const t = e.split(":")[1] || "0";
-            return /* @__PURE__ */ n(
-              f.Alert,
-              {
-                status: "error",
-                label: u("validations.percentageErrorWithTotal", { total: t })
-              }
-            );
-          }
-          return /* @__PURE__ */ n(f.Alert, { status: "error", label: u("validations.percentageError") });
-        }
-      }
-    ),
-    /* @__PURE__ */ n(f.Heading, { as: "h2", children: u("title") }),
-    /* @__PURE__ */ n(V, { t: u, i18nKey: "splitDescription", components: { p: /* @__PURE__ */ n(f.Text, {}) } }),
-    /* @__PURE__ */ n(
-      W,
-      {
-        name: "splitBy",
-        label: u("splitByLabel"),
-        options: [
-          { value: h.percentage, label: u("percentageLabel") },
-          { value: h.amount, label: u("amountLabel") }
-        ]
-      }
-    ),
-    r.splits && C()
-  ] });
-}
-function k({
-  split: r,
-  remainderId: m,
-  onChange: c
-}) {
-  const { t: s } = y("Employee.PaymentMethod");
-  return /* @__PURE__ */ n(
-    F,
-    {
-      name: `splitAmount.${r.uuid}`,
-      label: s("splitAmountLabel", {
-        name: g.sanitize(r.name ?? ""),
-        account_number: g.sanitize(r.hiddenAccountNumber ?? ""),
-        interpolation: { escapeValue: !1 }
-      }),
-      format: "currency",
-      min: 0,
-      isRequired: !0,
-      errorMessage: s("validations.amountError"),
-      placeholder: m === r.uuid ? s("remainderLabel") : "",
-      isDisabled: m === r.uuid,
-      onChange: c
-    }
-  );
-}
-function G({
-  split: r,
-  control: m,
-  onChange: c,
-  currency: s
-}) {
-  const { t: o } = y("Employee.PaymentMethod");
-  return /* @__PURE__ */ n(E, { children: /* @__PURE__ */ n(
-    F,
-    {
-      name: `splitAmount.${r.uuid}`,
-      label: o("splitAmountLabel", {
-        name: g.sanitize(r.name ?? ""),
-        account_number: g.sanitize(r.hiddenAccountNumber ?? ""),
-        interpolation: { escapeValue: !1 }
-      }),
-      format: "percent",
-      min: 0,
-      maximumFractionDigits: 0,
-      isRequired: !0,
-      errorMessage: o("validations.percentageAmountError"),
-      onChange: c
-    }
-  ) }, r.uuid);
-}
-export {
-  ie as Split
-};
-//# sourceMappingURL=Split.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Split.js","sources":["../../../../src/components/Employee/PaymentMethod/Split.tsx"],"sourcesContent":["import type { Control } from 'react-hook-form'\nimport { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { ErrorMessage } from '@hookform/error-message'\nimport { Fragment } from 'react/jsx-runtime'\nimport DOMPurify from 'dompurify'\nimport { useEffect, useMemo } from 'react'\nimport { usePaymentMethod, type CombinedSchemaInputs } from './usePaymentMethod'\nimport { NumberInputField, RadioGroupField } from '@/components/Common'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ReorderableList } from '@/components/Common/ReorderableList'\nimport { SPLIT_BY } from '@/shared/constants'\n\ntype Split = NonNullable<EmployeePaymentMethod['splits']>[number]\n\nexport function Split() {\n  const { paymentMethod, bankAccounts, mode } = usePaymentMethod()\n  const {\n    control,\n    setValue,\n    resetField,\n    watch,\n    formState: { errors },\n  } = useFormContext<CombinedSchemaInputs>()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const splitBy = watch('splitBy')\n  const priorities = watch('priority')\n\n  const splits = useMemo(() => paymentMethod.splits ?? [], [paymentMethod.splits])\n\n  const remainderId = Object.entries(priorities).reduce(\n    (maxId, [uuid, priority]) => (!maxId || (priorities[maxId] ?? 0) < priority ? uuid : maxId),\n    '',\n  )\n\n  const { currency } = useLocale()\n\n  // Handle splitBy value changes\n  useEffect(() => {\n    // Only run cleanup if splits exist\n    if (!splits.length) return\n\n    // Clean up when switching modes\n    if (splitBy === SPLIT_BY.amount) {\n      // When switching to amount mode, set the last item as remainder (null) and others to 0\n      const newAmountValues = splits.reduce<Record<string, number | null>>((acc, curr) => {\n        acc[curr.uuid] = curr.uuid === remainderId ? null : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newAmountValues)\n    } else {\n      // When switching to percentage mode, set the first item to 100% and others to 0\n      const newPercentageValues = splits.reduce<Record<string, number>>((acc, curr, index) => {\n        acc[curr.uuid] = index === 0 ? 100 : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newPercentageValues)\n    }\n  }, [splitBy, splits, remainderId, setValue])\n\n  const Components = useComponentContext()\n\n  if (mode !== 'SPLIT' || bankAccounts.length < 2 || paymentMethod.splits === null) return null\n  //Used by form schema to determine variant\n  setValue('isSplit', true)\n\n  const updateSplitAmount = (uuid: string, value: number | null) => {\n    setValue(`splitAmount.${uuid}`, value)\n  }\n\n  const handleReorder = (newOrder: number[]) => {\n    // Calculate new priorities based on new order\n    const newPriorities = newOrder.reduce(\n      (acc: Record<string, number>, curr: number, currIndex: number) => {\n        const split = splits[curr]\n        return split ? { ...acc, [split.uuid]: currIndex + 1 } : acc\n      },\n      {},\n    )\n\n    // Get the last split in the new order\n    const lastSplitIndex = newOrder[newOrder.length - 1]\n    if (lastSplitIndex === undefined) return\n\n    const lastSplit = splits[lastSplitIndex]\n    if (!lastSplit) return\n\n    // Update priorities\n    setValue('priority', newPriorities)\n\n    // Clear the previous remainder if different from the new one\n    if (remainderId && remainderId !== lastSplit.uuid) {\n      resetField(`splitAmount.${remainderId}`)\n      updateSplitAmount(remainderId, 0)\n    }\n\n    // Set the new last item to null (remainder)\n    updateSplitAmount(lastSplit.uuid, null)\n  }\n\n  const renderFieldsList = () => {\n    if (splitBy === SPLIT_BY.amount) {\n      return (\n        <ReorderableList\n          key={`reorderable-amount-list-${splitBy}`}\n          label={t('draggableListLabel')}\n          items={splits.map(split => ({\n            label: split.name as string,\n            content: (\n              <AmountField\n                key={`amount-${split.uuid}`}\n                split={split}\n                onChange={value => {\n                  updateSplitAmount(split.uuid, value)\n                }}\n                remainderId={remainderId}\n              />\n            ),\n          }))}\n          onReorder={handleReorder}\n        />\n      )\n    }\n\n    return splits.map(split => (\n      <PercentageField\n        key={`percentage-${split.uuid}`}\n        split={split}\n        control={control}\n        onChange={value => {\n          updateSplitAmount(split.uuid, value)\n        }}\n        currency={currency}\n      />\n    ))\n  }\n\n  return (\n    <>\n      <ErrorMessage\n        errors={errors}\n        name=\"splitAmount.root\"\n        render={({ message }) => {\n          // Handle enhanced error messages with current total\n          if (message && message.startsWith('percentage_split_total_error:')) {\n            const total = message.split(':')[1] || '0'\n            return (\n              <Components.Alert\n                status=\"error\"\n                label={t('validations.percentageErrorWithTotal', { total })}\n              />\n            )\n          }\n          // Fallback to original error message\n          return <Components.Alert status=\"error\" label={t('validations.percentageError')} />\n        }}\n      />\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <Trans t={t} i18nKey=\"splitDescription\" components={{ p: <Components.Text /> }} />\n      <RadioGroupField\n        name=\"splitBy\"\n        label={t('splitByLabel')}\n        options={[\n          { value: SPLIT_BY.percentage, label: t('percentageLabel') },\n          { value: SPLIT_BY.amount, label: t('amountLabel') },\n        ]}\n      />\n      {paymentMethod.splits && renderFieldsList()}\n    </>\n  )\n}\n\nfunction AmountField({\n  split,\n  remainderId,\n  onChange,\n}: {\n  split: Split\n  remainderId: string\n  onChange: (value: number | null) => void\n}) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  return (\n    <NumberInputField\n      name={`splitAmount.${split.uuid}`}\n      label={t('splitAmountLabel', {\n        name: DOMPurify.sanitize(split.name ?? ''),\n        account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n        interpolation: { escapeValue: false },\n      })}\n      format=\"currency\"\n      min={0}\n      isRequired\n      errorMessage={t('validations.amountError')}\n      placeholder={remainderId === split.uuid ? t('remainderLabel') : ''}\n      isDisabled={remainderId === split.uuid}\n      onChange={onChange}\n    />\n  )\n}\n\nfunction PercentageField({\n  split,\n  control,\n  onChange,\n  currency,\n}: {\n  split: Split\n  control: Control<CombinedSchemaInputs>\n  onChange: (value: number) => void\n  currency?: string\n}) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  return (\n    <Fragment key={split.uuid}>\n      <NumberInputField\n        name={`splitAmount.${split.uuid}`}\n        label={t('splitAmountLabel', {\n          name: DOMPurify.sanitize(split.name ?? ''),\n          account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n          interpolation: { escapeValue: false },\n        })}\n        format=\"percent\"\n        min={0}\n        maximumFractionDigits={0}\n        isRequired\n        errorMessage={t('validations.percentageAmountError')}\n        onChange={onChange}\n      />\n    </Fragment>\n  )\n}\n"],"names":["Split","paymentMethod","bankAccounts","mode","usePaymentMethod","control","setValue","resetField","watch","errors","useFormContext","t","useTranslation","splitBy","priorities","splits","useMemo","remainderId","maxId","uuid","priority","currency","useLocale","useEffect","SPLIT_BY","newAmountValues","acc","curr","newPercentageValues","index","Components","useComponentContext","updateSplitAmount","value","handleReorder","newOrder","newPriorities","currIndex","split","lastSplitIndex","lastSplit","renderFieldsList","jsx","ReorderableList","AmountField","PercentageField","jsxs","Fragment","ErrorMessage","message","total","Trans","RadioGroupField","onChange","NumberInputField","DOMPurify"],"mappings":"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"}

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

@@ -1,54 +0,0 @@
-import { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount';
-import { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod';
-import { z } from 'zod';
-export declare const CombinedSchema: z.ZodUnion<readonly [z.ZodObject<{
-    name: z.ZodString;
-    routingNumber: z.ZodString;
-    accountNumber: z.ZodString;
-    accountType: z.ZodEnum<{
-        Checking: "Checking";
-        Savings: "Savings";
-    }>;
-    hasBankPayload: z.ZodLiteral<true>;
-    type: z.ZodLiteral<"Direct Deposit">;
-    isSplit: z.ZodLiteral<false>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"Direct Deposit">;
-    isSplit: z.ZodLiteral<false>;
-    hasBankPayload: z.ZodLiteral<false>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"Check">;
-}, z.core.$strip>, z.ZodDiscriminatedUnion<[z.ZodObject<{
-    type: z.ZodLiteral<"Direct Deposit">;
-    isSplit: z.ZodLiteral<true>;
-    hasBankPayload: z.ZodLiteral<false>;
-    splitBy: z.ZodLiteral<"Percentage">;
-    splitAmount: z.ZodRecord<z.ZodString, z.ZodNumber>;
-    priority: z.ZodRecord<z.ZodString, z.ZodNumber>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"Direct Deposit">;
-    isSplit: z.ZodLiteral<true>;
-    hasBankPayload: z.ZodLiteral<false>;
-    splitBy: z.ZodLiteral<"Amount">;
-    priority: z.ZodRecord<z.ZodString, z.ZodNumber>;
-    splitAmount: z.ZodRecord<z.ZodString, z.ZodNullable<z.ZodNumber>>;
-    remainder: z.ZodString;
-}, z.core.$strip>], "splitBy">]>;
-export type CombinedSchemaInputs = z.input<typeof CombinedSchema>;
-export type CombinedSchemaOutputs = z.output<typeof CombinedSchema>;
-type PaymentMethodContextType = {
-    bankAccounts: EmployeeBankAccount[];
-    isPending: boolean;
-    deletePendingBankAccountUuid?: string;
-    watchedType?: string;
-    mode: MODE;
-    paymentMethod: EmployeePaymentMethod;
-    handleAdd: () => void;
-    handleSplit: () => void;
-    handleCancel: () => void;
-    handleDelete: (uuid: string) => void;
-    isAdmin: boolean;
-};
-export type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL';
-declare const usePaymentMethod: () => PaymentMethodContextType, PaymentMethodProvider: import('react').Provider<PaymentMethodContextType | null>;
-export { usePaymentMethod, PaymentMethodProvider };

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

@@ -1,68 +0,0 @@
-import { z as t } from "zod";
-import { BankAccountSchema as a } from "./BankAccount.js";
-import "react/jsx-runtime";
-import "react";
-import "react-error-boundary";
-import "react-i18next";
-import "@tanstack/react-query";
-import "../../Base/useBase.js";
-import "@gusto/embedded-api/models/errors/apierror";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerror";
-import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
-import "../../../shared/constants.js";
-import "classnames";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { createCompoundContext as n } from "../../Base/createCompoundContext.js";
-const v = t.union([
-  a.extend({
-    type: t.literal("Direct Deposit"),
-    isSplit: t.literal(!1)
-  }),
-  t.object({
-    type: t.literal("Direct Deposit"),
-    isSplit: t.literal(!1),
-    hasBankPayload: t.literal(!1)
-  }),
-  t.object({
-    type: t.literal("Check")
-  }),
-  t.discriminatedUnion("splitBy", [
-    t.object({
-      type: t.literal("Direct Deposit"),
-      isSplit: t.literal(!0),
-      hasBankPayload: t.literal(!1),
-      splitBy: t.literal("Percentage"),
-      splitAmount: t.record(t.string(), t.number().int().max(100).min(0)).superRefine((i, e) => {
-        const r = Object.values(i).reduce((o, l) => o + l, 0);
-        r !== 100 && e.addIssue({
-          code: t.ZodIssueCode.custom,
-          message: `percentage_split_total_error:${r}`
-        });
-      }),
-      priority: t.record(t.string(), t.number())
-    }),
-    t.object({
-      type: t.literal("Direct Deposit"),
-      isSplit: t.literal(!0),
-      hasBankPayload: t.literal(!1),
-      splitBy: t.literal("Amount"),
-      priority: t.record(t.string(), t.number()).refine((i) => {
-        const e = Object.values(i);
-        return e.filter((r, o) => e.indexOf(r) !== o).length === 0;
-      }),
-      splitAmount: t.record(t.string(), t.number().min(0).nullable()),
-      remainder: t.string()
-    })
-  ])
-]), [M, O] = n("PaymentMethodContext");
-export {
-  v as CombinedSchema,
-  O as PaymentMethodProvider,
-  M as usePaymentMethod
-};
-//# sourceMappingURL=usePaymentMethod.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z\n        .record(z.string(), z.number().int().max(100).min(0))\n        .superRefine((input, ctx) => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          if (total !== 100) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: `percentage_split_total_error:${total}`,\n            })\n          }\n        }),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  deletePendingBankAccountUuid?: string\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n  isAdmin: boolean\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","ctx","total","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EACV,OAAOA,EAAE,UAAUA,EAAE,SAAS,IAAA,EAAM,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EACnD,YAAY,CAACE,GAAOC,MAAQ;AAC3B,cAAMC,IAAQ,OAAO,OAAOF,CAAK,EAAE,OAAO,CAACG,GAAKC,MAASD,IAAMC,GAAM,CAAC;AACtE,QAAIF,MAAU,OACZD,EAAI,SAAS;AAAA,UACX,MAAMH,EAAE,aAAa;AAAA,UACrB,SAAS,gCAAgCI,CAAK;AAAA,QAAA,CAC/C;AAAA,MAEL,CAAC;AAAA,MACH,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMK,IAAM,OAAO,OAAOL,CAAK;AAC/B,eAAOK,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaT,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAqBK,CAACU,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}