@gusto/embedded-react-sdk 0.8.1 → 0.8.2

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

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

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

@@ -1 +1 @@
-{"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 {\n  useEmployeePaymentMethodsGetBankAccountsSuspense,\n  invalidateAllEmployeePaymentMethodsGetBankAccounts,\n} from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport {\n  useEmployeePaymentMethodGetSuspense,\n  invalidateAllEmployeePaymentMethodGet,\n} 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 { useCallback, useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type DefaultValues, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport { PAYMENT_METHODS, SPLIT_BY } from './Constants'\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 } from '@/shared/constants'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface PaymentMethodProps extends CommonComponentInterface {\n  employeeId: string\n  defaultValues?: never\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 }: PaymentMethodProps) => {\n  useI18n('Employee.PaymentMethod')\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.employeeBankAccountList!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const invalidateAll = useCallback(async () => {\n    await invalidateAllEmployeePaymentMethodGet(queryClient)\n    await invalidateAllEmployeePaymentMethodsGetBankAccounts(queryClient)\n  }, [queryClient])\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    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: { ...acc.splitAmount, [uuid]: splitAmount ?? null },\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        await invalidateAll()\n      }\n    })()\n  }, [employeeId, invalidateAll, 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            requestBody: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n        await invalidateAll()\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                        ...split,\n                        splitAmount: payload.splitAmount[split.uuid],\n                        priority: payload.priority[split.uuid],\n                      }))\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        await invalidateAll()\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    await invalidateAll()\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          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\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 } = useFlow<EmployeeOnboardingContextInterface>()\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} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","useI18n","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","invalidateAll","useCallback","invalidateAllEmployeePaymentMethodGet","invalidateAllEmployeePaymentMethodsGetBankAccounts","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","acc","uuid","splitAmount","priority","curr","formMethods","useForm","zodResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","SPLIT_BY","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","paymentMethodResponse","handleDelete","handleAdd","handleCancel","handleSplit","PaymentMethodProvider","FormProvider","jsxs","Form","Head","PaymentTypeForm","BankAccountsList","BankAccountForm","Split","Actions","PaymentMethodContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"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 {\n  useEmployeePaymentMethodsGetBankAccountsSuspense,\n  invalidateAllEmployeePaymentMethodsGetBankAccounts,\n} from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport {\n  useEmployeePaymentMethodGetSuspense,\n  invalidateAllEmployeePaymentMethodGet,\n} 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 { useCallback, 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/OnboardingFlow'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport { PAYMENT_METHODS, SPLIT_BY } from './Constants'\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 } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\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 }: 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.employeeBankAccountList!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const invalidateAll = useCallback(async () => {\n    await invalidateAllEmployeePaymentMethodGet(queryClient)\n    await invalidateAllEmployeePaymentMethodsGetBankAccounts(queryClient)\n  }, [queryClient])\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    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: { ...acc.splitAmount, [uuid]: splitAmount ?? null },\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        await invalidateAll()\n      }\n    })()\n  }, [employeeId, invalidateAll, 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            requestBody: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n        await invalidateAll()\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                        ...split,\n                        splitAmount: payload.splitAmount[split.uuid],\n                        priority: payload.priority[split.uuid],\n                      }))\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        await invalidateAll()\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    await invalidateAll()\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          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\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 } = 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} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","dictionary","useI18n","useComponentDictionary","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","invalidateAll","useCallback","invalidateAllEmployeePaymentMethodGet","invalidateAllEmployeePaymentMethodsGetBankAccounts","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","acc","uuid","splitAmount","priority","curr","formMethods","useForm","zodResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","SPLIT_BY","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","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/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './PaymentMethod';

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

@@ -9,9 +9,8 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../Base/useBase.js";
 import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as a } from "../../Base/createCompoundContext.js";
-const g = t.union([
+const P = t.union([
   o.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -47,10 +46,10 @@ const g = t.union([
     splitAmount: t.record(t.string(), t.number().min(0).nullable()),
     remainder: t.string()
   })
-]), [j, x] = a("PaymentMethodContext");
+]), [g, j] = a("PaymentMethodContext");
 export {
-  g as CombinedSchema,
-  x as PaymentMethodProvider,
-  j as usePaymentMethod
+  P as CombinedSchema,
+  j as PaymentMethodProvider,
+  g as usePaymentMethod
 };
 //# sourceMappingURL=usePaymentMethod.js.map

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

@@ -1 +1 @@
-{"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.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().max(100).min(0))\n      .refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        'Must be 100',\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\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\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","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAMa,MAAAA,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,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,IACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,IAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,IAC/B,aAAaA,EACV,OAAOA,EAAE,OAAU,GAAAA,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAC7C;AAAA,MACC,CAASE,MAAA,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,MACvE;AAAA,IACF;AAAA,IACF,UAAUJ,EAAE,OAAOA,EAAE,OAAU,GAAAA,EAAE,OAAQ,CAAA;AAAA,EAAA,CAC1C;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,IACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,IAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,IAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAQ,CAAA,EAAE,OAAO,CAASE,MAAA;AACnD,YAAAG,IAAM,OAAO,OAAOH,CAAK;AACxB,aAAAG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,IAAA,CAC5E;AAAA,IACD,aAAaP,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,OAAS,EAAA,IAAI,CAAC,EAAE,UAAU;AAAA,IAC9D,WAAWA,EAAE,OAAO;AAAA,EACrB,CAAA;AACH,CAAC,GAmBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"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.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().max(100).min(0))\n      .refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        'Must be 100',\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\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\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","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;AAMa,MAAAA,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,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,IACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,IAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,IAC/B,aAAaA,EACV,OAAOA,EAAE,OAAU,GAAAA,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAC7C;AAAA,MACC,CAASE,MAAA,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,MACvE;AAAA,IACF;AAAA,IACF,UAAUJ,EAAE,OAAOA,EAAE,OAAU,GAAAA,EAAE,OAAQ,CAAA;AAAA,EAAA,CAC1C;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,IACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,IAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,IAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAQ,CAAA,EAAE,OAAO,CAASE,MAAA;AACnD,YAAAG,IAAM,OAAO,OAAOH,CAAK;AACxB,aAAAG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,IAAA,CAC5E;AAAA,IACD,aAAaP,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,OAAS,EAAA,IAAI,CAAC,EAAE,UAAU;AAAA,IAC9D,WAAWA,EAAE,OAAO;AAAA,EACrB,CAAA;AACH,CAAC,GAmBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/Profile/AdminPersonalDetails.d.ts

@@ -61,8 +61,8 @@ export declare const AdminPersonalDetailsSchema: z.ZodDiscriminatedUnion<"selfOn
     lastName: string;
     workAddress: string;
     startDate: Date;
-    dateOfBirth: Date;
     enableSsn: boolean;
+    dateOfBirth: Date;
     selfOnboarding: false;
     middleInitial?: string | undefined;
 }>]>;

package/dist/components/Employee/Profile/PersonalDetailsInputs.d.ts

@@ -85,8 +85,8 @@ declare const PersonalDetailsTotalSchema: z.ZodObject<{
     lastName: string;
     workAddress: string;
     startDate: Date;
-    dateOfBirth: Date;
     enableSsn: boolean;
+    dateOfBirth: Date;
     selfOnboarding: boolean;
     middleInitial?: string | undefined;
 }>;

package/dist/components/Employee/Profile/Profile.d.ts

@@ -16,7 +16,7 @@ export type ProfileDefaultValues = RequireAtLeastOne<{
         zip?: string;
     }>;
 }>;
-interface ProfileProps extends CommonComponentInterface {
+interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {
     employeeId?: string;
     companyId: string;
     defaultValues?: ProfileDefaultValues;