@gusto/embedded-react-sdk 0.9.0 → 0.10.0

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

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

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

@@ -1 +1 @@
-{"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 { SPLIT_BY } from './Constants'\nimport { NumberInputField, RadioGroupField } from '@/components/Common'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ReorderableList } from '@/components/Common/ReorderableList'\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=\"split_amount.root\"\n        render={() => <Components.Alert status=\"error\" label={t('validations.percentageError')} />}\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        isRequired\n        errorMessage={t('validations.amountError')}\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","Trans","RadioGroupField","onChange","NumberInputField","DOMPurify"],"mappings":"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"}
+{"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        isRequired\n        errorMessage={t('validations.amountError')}\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

@@ -44,7 +44,7 @@ export declare const CombinedSchema: z.ZodUnion<[z.ZodObject<{
     type: "Check";
 }, {
     type: "Check";
-}>, z.ZodObject<{
+}>, z.ZodDiscriminatedUnion<"splitBy", [z.ZodObject<{
     type: z.ZodLiteral<"Direct Deposit">;
     isSplit: z.ZodLiteral<true>;
     hasBankPayload: z.ZodLiteral<false>;
@@ -89,7 +89,7 @@ export declare const CombinedSchema: z.ZodUnion<[z.ZodObject<{
     splitBy: "Amount";
     splitAmount: Record<string, number | null>;
     remainder: string;
-}>]>;
+}>]>]>;
 export type CombinedSchemaInputs = z.input<typeof CombinedSchema>;
 export type CombinedSchemaOutputs = z.output<typeof CombinedSchema>;
 type PaymentMethodContextType = {

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

@@ -25,33 +25,37 @@ const j = t.union([
   t.object({
     type: t.literal("Check")
   }),
-  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().max(100).min(0)).refine(
-      (r) => Object.values(r).reduce((e, i) => e + i, 0) === 100,
-      "Must be 100"
-    ),
-    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((r) => {
-      const e = Object.values(r);
-      return e.filter((i, o) => e.indexOf(i) !== o).length === 0;
+  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().max(100).min(0)).refine(
+        (e) => Object.values(e).reduce((r, i) => r + i, 0) === 100,
+        (e) => ({
+          message: `percentage_split_total_error:${Object.values(e).reduce((i, o) => i + o, 0)}`
+        })
+      ),
+      priority: t.record(t.string(), t.number())
     }),
-    splitAmount: t.record(t.string(), t.number().min(0).nullable()),
-    remainder: t.string()
-  })
-]), [x, B] = a("PaymentMethodContext");
+    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((e) => {
+        const r = Object.values(e);
+        return r.filter((i, o) => r.indexOf(i) !== o).length === 0;
+      }),
+      splitAmount: t.record(t.string(), t.number().min(0).nullable()),
+      remainder: t.string()
+    })
+  ])
+]), [B, x] = a("PaymentMethodContext");
 export {
   j as CombinedSchema,
-  B as PaymentMethodProvider,
-  x as usePaymentMethod
+  x as PaymentMethodProvider,
+  B 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.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.record(z.string(), z.number().max(100).min(0)).refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        input => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          return {\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  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,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,EAAE,OAAOA,EAAE,OAAU,GAAAA,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE;AAAA,QAC5D,CAASE,MAAA,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,QACvE,CAASF,OAEA;AAAA,UACL,SAAS,gCAFG,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,CAEtB;AAAA,QAChD;AAAA,MAEJ;AAAA,MACA,UAAUJ,EAAE,OAAOA,EAAE,OAAU,GAAAA,EAAE,OAAQ,CAAA;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,OAAQ,CAAA,EAAE,OAAO,CAASE,MAAA;AACnD,cAAAG,IAAM,OAAO,OAAOH,CAAK;AACxB,eAAAG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAAA,CAC5E;AAAA,MACD,aAAaP,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,OAAS,EAAA,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAO;AAAA,IACrB,CAAA;AAAA,EACF,CAAA;AACH,CAAC,GAmBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/Profile/Actions.js

@@ -1,13 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useProfile as e } from "./useProfile.js";
-import { ActionsLayout as s } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const a = () => {
-  const { t } = r("Employee.Profile"), { isPending: n } = e(), i = m();
-  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
+import "../../../shared/constants.js";
+import { ActionsLayout as m } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const d = () => {
+  const { t } = r("Employee.Profile"), { isPending: n } = e(), i = s();
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
 };
 export {
-  a as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/Profile/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Profile/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useProfile } from './useProfile'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Profile')\n  const { isPending } = useProfile()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useProfile","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,WAAAC,EAAU,IAAIC,EAAW,GAC3BC,IAAaC,EAAoB;AAEvC,SACG,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAE,EAAA,WAAW,EAChB,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Profile/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useProfile } from './useProfile'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Profile')\n  const { isPending } = useProfile()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useProfile","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,WAAAC,EAAU,IAAIC,EAAW,GAC3BC,IAAaC,EAAoB;AAEvC,SACG,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAE,EAAA,WAAW,EAChB,CAAA,GACF;AAEJ;"}

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

@@ -1,69 +1,98 @@
 import { z } from 'zod';
-export declare const AdminPersonalDetailsSchema: z.ZodDiscriminatedUnion<"selfOnboarding", [z.ZodObject<{
+export declare const AdminSelfOnboardingPersonalDetailsSchema: z.ZodObject<{
+    workAddress: z.ZodString;
+    startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+    email: z.ZodString;
+} & {
     firstName: z.ZodString;
     middleInitial: z.ZodOptional<z.ZodString>;
     lastName: z.ZodString;
 } & {
+    selfOnboarding: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+    startDate?: string | undefined;
+}, {
+    email: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    startDate: Date;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+}>;
+export declare const AdminPersonalDetailsSchema: z.ZodDiscriminatedUnion<"enableSsn", [z.ZodObject<{
     workAddress: z.ZodString;
     startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
     email: z.ZodString;
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+    selfOnboarding: z.ZodBoolean;
+    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+    dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
 } & {
-    selfOnboarding: z.ZodLiteral<true>;
-    enableSsn: z.ZodOptional<z.ZodBoolean>;
+    enableSsn: z.ZodLiteral<true>;
 }, "strip", z.ZodTypeAny, {
     email: string;
+    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
-    selfOnboarding: true;
+    enableSsn: true;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
     startDate?: string | undefined;
-    enableSsn?: boolean | undefined;
+    dateOfBirth?: string | undefined;
 }, {
     email: string;
+    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
     startDate: Date;
-    selfOnboarding: true;
+    enableSsn: true;
+    dateOfBirth: Date;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
-    enableSsn?: boolean | undefined;
 }>, z.ZodObject<{
-    firstName: z.ZodString;
-    middleInitial: z.ZodOptional<z.ZodString>;
-    lastName: z.ZodString;
-} & {
     workAddress: z.ZodString;
     startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
     email: z.ZodString;
 } & {
-    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
-    enableSsn: z.ZodBoolean;
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+} & {
+    selfOnboarding: z.ZodBoolean;
 } & {
     dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
 } & {
-    selfOnboarding: z.ZodLiteral<false>;
+    enableSsn: z.ZodLiteral<false>;
 }, "strip", z.ZodTypeAny, {
     email: string;
-    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
-    enableSsn: boolean;
-    selfOnboarding: false;
+    enableSsn: false;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
     startDate?: string | undefined;
     dateOfBirth?: string | undefined;
 }, {
     email: string;
-    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
     startDate: Date;
-    enableSsn: boolean;
+    enableSsn: false;
     dateOfBirth: Date;
-    selfOnboarding: false;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
 }>]>;
 export declare const AdminPersonalDetails: () => import("react/jsx-runtime").JSX.Element | null;