@gusto/embedded-react-sdk 0.41.0 → 0.42.0

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

@@ -1,29 +1,28 @@
-import { jsxs as x, Fragment as E, jsx as n } from "react/jsx-runtime";
+import { jsxs as _, 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 { useTranslation as y, 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 g from "dompurify";
+import { useMemo as D, useEffect as j } from "react";
 import { usePaymentMethod as N } from "./usePaymentMethod.js";
-import { SPLIT_BY as h } from "../../../shared/constants.js";
-import "classnames";
 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 { SPLIT_BY as h } from "../../../shared/constants.js";
 import { RadioGroupField as W } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as F } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-function ie() {
+function oe() {
   const { paymentMethod: r, bankAccounts: m, mode: c } = N(), {
     control: s,
     setValue: o,
     resetField: S,
     watch: A,
     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(
+  } = 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();
-  D(() => {
+  j(() => {
     if (a.length)
       if (d === h.amount) {
         const e = a.reduce((t, i) => (t[i.uuid] = i.uuid === l ? null : 0, t), {});
@@ -38,18 +37,18 @@ function ie() {
   o("isSplit", !0);
   const b = (e, t) => {
     o(`splitAmount.${e}`, t);
-  }, C = (e) => {
+  }, x = (e) => {
     const t = e.reduce(
-      (M, T, _) => {
-        const P = a[T];
-        return P ? { ...M, [P.uuid]: _ + 1 } : M;
+      (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));
-  }, R = () => d === h.amount ? /* @__PURE__ */ n(
+  }, C = () => d === h.amount ? /* @__PURE__ */ n(
     I,
     {
       label: u("draggableListLabel"),
@@ -67,7 +66,7 @@ function ie() {
           `amount-${e.uuid}`
         )
       })),
-      onReorder: C
+      onReorder: x
     },
     `reorderable-amount-list-${d}`
   ) : a.map((e) => /* @__PURE__ */ n(
@@ -82,7 +81,7 @@ function ie() {
     },
     `percentage-${e.uuid}`
   ));
-  return /* @__PURE__ */ x(E, { children: [
+  return /* @__PURE__ */ _(E, { children: [
     /* @__PURE__ */ n(
       z,
       {
@@ -116,7 +115,7 @@ function ie() {
         ]
       }
     ),
-    r.splits && R()
+    r.splits && C()
   ] });
 }
 function k({
@@ -124,14 +123,14 @@ function k({
   remainderId: m,
   onChange: c
 }) {
-  const { t: s } = g("Employee.PaymentMethod");
+  const { t: s } = y("Employee.PaymentMethod");
   return /* @__PURE__ */ n(
     F,
     {
       name: `splitAmount.${r.uuid}`,
       label: s("splitAmountLabel", {
-        name: y.sanitize(r.name ?? ""),
-        account_number: y.sanitize(r.hiddenAccountNumber ?? ""),
+        name: g.sanitize(r.name ?? ""),
+        account_number: g.sanitize(r.hiddenAccountNumber ?? ""),
         interpolation: { escapeValue: !1 }
       }),
       format: "currency",
@@ -150,25 +149,26 @@ function G({
   onChange: c,
   currency: s
 }) {
-  const { t: o } = g("Employee.PaymentMethod");
+  const { t: o } = y("Employee.PaymentMethod");
   return /* @__PURE__ */ n(E, { children: /* @__PURE__ */ n(
     F,
     {
       name: `splitAmount.${r.uuid}`,
       label: o("splitAmountLabel", {
-        name: y.sanitize(r.name ?? ""),
-        account_number: y.sanitize(r.hiddenAccountNumber ?? ""),
+        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.amountError"),
+      errorMessage: o("validations.percentageAmountError"),
       onChange: c
     }
   ) }, r.uuid);
 }
 export {
-  ie as Split
+  oe as Split
 };
 //# sourceMappingURL=Split.js.map

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 { 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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"}
+{"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":";;;;;;;;;;;;;AAiBO,SAASA,KAAQ;AACtB,QAAM,EAAE,eAAAC,GAAe,cAAAC,GAAc,MAAAC,EAAA,IAASC,EAAA,GACxC;AAAA,IACJ,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,EAAO,IAClBC,EAAA,GACE,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAUL,EAAM,SAAS,GACzBM,IAAaN,EAAM,UAAU,GAE7BO,IAASC,EAAQ,MAAMf,EAAc,UAAU,IAAI,CAACA,EAAc,MAAM,CAAC,GAEzEgB,IAAc,OAAO,QAAQH,CAAU,EAAE;AAAA,IAC7C,CAACI,GAAO,CAACC,GAAMC,CAAQ,MAAO,CAACF,MAAUJ,EAAWI,CAAK,KAAK,KAAKE,IAAWD,IAAOD;AAAA,IACrF;AAAA,EAAA,GAGI,EAAE,UAAAG,EAAA,IAAaC,EAAA;AAGrB,EAAAC,EAAU,MAAM;AAEd,QAAKR,EAAO;AAGZ,UAAIF,MAAYW,EAAS,QAAQ;AAE/B,cAAMC,IAAkBV,EAAO,OAAsC,CAACW,GAAKC,OACzED,EAAIC,EAAK,IAAI,IAAIA,EAAK,SAASV,IAAc,OAAO,GAC7CS,IACN,CAAA,CAAE;AACL,QAAApB,EAAS,eAAemB,CAAe;AAAA,MACzC,OAAO;AAEL,cAAMG,IAAsBb,EAAO,OAA+B,CAACW,GAAKC,GAAME,OAC5EH,EAAIC,EAAK,IAAI,IAAIE,MAAU,IAAI,MAAM,GAC9BH,IACN,CAAA,CAAE;AACL,QAAApB,EAAS,eAAesB,CAAmB;AAAA,MAC7C;AAAA,EACF,GAAG,CAACf,GAASE,GAAQE,GAAaX,CAAQ,CAAC;AAE3C,QAAMwB,IAAaC,EAAA;AAEnB,MAAI5B,MAAS,WAAWD,EAAa,SAAS,KAAKD,EAAc,WAAW,KAAM,QAAO;AAEzF,EAAAK,EAAS,WAAW,EAAI;AAExB,QAAM0B,IAAoB,CAACb,GAAcc,MAAyB;AAChE,IAAA3B,EAAS,eAAea,CAAI,IAAIc,CAAK;AAAA,EACvC,GAEMC,IAAgB,CAACC,MAAuB;AAE5C,UAAMC,IAAgBD,EAAS;AAAA,MAC7B,CAACT,GAA6BC,GAAcU,MAAsB;AAChE,cAAMC,IAAQvB,EAAOY,CAAI;AACzB,eAAOW,IAAQ,EAAE,GAAGZ,GAAK,CAACY,EAAM,IAAI,GAAGD,IAAY,EAAA,IAAMX;AAAA,MAC3D;AAAA,MACA,CAAA;AAAA,IAAC,GAIGa,IAAiBJ,EAASA,EAAS,SAAS,CAAC;AACnD,QAAII,MAAmB,OAAW;AAElC,UAAMC,IAAYzB,EAAOwB,CAAc;AACvC,IAAKC,MAGLlC,EAAS,YAAY8B,CAAa,GAG9BnB,KAAeA,MAAgBuB,EAAU,SAC3CjC,EAAW,eAAeU,CAAW,EAAE,GACvCe,EAAkBf,GAAa,CAAC,IAIlCe,EAAkBQ,EAAU,MAAM,IAAI;AAAA,EACxC,GAEMC,IAAmB,MACnB5B,MAAYW,EAAS,SAErB,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAOhC,EAAE,oBAAoB;AAAA,MAC7B,OAAOI,EAAO,IAAI,CAAAuB,OAAU;AAAA,QAC1B,OAAOA,EAAM;AAAA,QACb,SACE,gBAAAI;AAAA,UAACE;AAAA,UAAA;AAAA,YAEC,OAAAN;AAAA,YACA,UAAU,CAAAL,MAAS;AACjB,cAAAD,EAAkBM,EAAM,MAAML,CAAK;AAAA,YACrC;AAAA,YACA,aAAAhB;AAAA,UAAA;AAAA,UALK,UAAUqB,EAAM,IAAI;AAAA,QAAA;AAAA,MAM3B,EAEF;AAAA,MACF,WAAWJ;AAAA,IAAA;AAAA,IAfN,2BAA2BrB,CAAO;AAAA,EAAA,IAoBtCE,EAAO,IAAI,CAAAuB,MAChB,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,OAAAP;AAAA,MACA,SAAAjC;AAAA,MACA,UAAU,CAAA4B,MAAS;AACjB,QAAAD,EAAkBM,EAAM,MAAML,CAAK;AAAA,MACrC;AAAA,MACA,UAAAZ;AAAA,IAAA;AAAA,IANK,cAAciB,EAAM,IAAI;AAAA,EAAA,CAQhC;AAGH,SACE,gBAAAQ,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,QAAAvC;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,SAAAwC,QAAc;AAEvB,cAAIA,KAAWA,EAAQ,WAAW,+BAA+B,GAAG;AAClE,kBAAMC,IAAQD,EAAQ,MAAM,GAAG,EAAE,CAAC,KAAK;AACvC,mBACE,gBAAAP;AAAA,cAACZ,EAAW;AAAA,cAAX;AAAA,gBACC,QAAO;AAAA,gBACP,OAAOnB,EAAE,wCAAwC,EAAE,OAAAuC,GAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UAGhE;AAEA,iBAAO,gBAAAR,EAACZ,EAAW,OAAX,EAAiB,QAAO,SAAQ,OAAOnB,EAAE,6BAA6B,GAAG;AAAA,QACnF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAA+B,EAACZ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAnB,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAA+B,EAACS,GAAA,EAAM,GAAAxC,GAAM,SAAQ,oBAAmB,YAAY,EAAE,GAAG,gBAAA+B,EAACZ,EAAW,MAAX,CAAA,CAAgB,IAAG,CAAG;AAAA,IAChF,gBAAAY;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOzC,EAAE,cAAc;AAAA,QACvB,SAAS;AAAA,UACP,EAAE,OAAOa,EAAS,YAAY,OAAOb,EAAE,iBAAiB,EAAA;AAAA,UACxD,EAAE,OAAOa,EAAS,QAAQ,OAAOb,EAAE,aAAa,EAAA;AAAA,QAAE;AAAA,MACpD;AAAA,IAAA;AAAA,IAEDV,EAAc,UAAUwC,EAAA;AAAA,EAAiB,GAC5C;AAEJ;AAEA,SAASG,EAAY;AAAA,EACnB,OAAAN;AAAA,EACA,aAAArB;AAAA,EACA,UAAAoC;AACF,GAIG;AACD,QAAM,EAAE,GAAA1C,EAAA,IAAMC,EAAe,wBAAwB;AACrD,SACE,gBAAA8B;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,MAAM,eAAehB,EAAM,IAAI;AAAA,MAC/B,OAAO3B,EAAE,oBAAoB;AAAA,QAC3B,MAAM4C,EAAU,SAASjB,EAAM,QAAQ,EAAE;AAAA,QACzC,gBAAgBiB,EAAU,SAASjB,EAAM,uBAAuB,EAAE;AAAA,QAClE,eAAe,EAAE,aAAa,GAAA;AAAA,MAAM,CACrC;AAAA,MACD,QAAO;AAAA,MACP,KAAK;AAAA,MACL,YAAU;AAAA,MACV,cAAc3B,EAAE,yBAAyB;AAAA,MACzC,aAAaM,MAAgBqB,EAAM,OAAO3B,EAAE,gBAAgB,IAAI;AAAA,MAChE,YAAYM,MAAgBqB,EAAM;AAAA,MAClC,UAAAe;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASR,EAAgB;AAAA,EACvB,OAAAP;AAAA,EACA,SAAAjC;AAAA,EACA,UAAAgD;AAAA,EACA,UAAAhC;AACF,GAKG;AACD,QAAM,EAAE,GAAAV,EAAA,IAAMC,EAAe,wBAAwB;AACrD,SACE,gBAAA8B,EAACK,GAAA,EACC,UAAA,gBAAAL;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,MAAM,eAAehB,EAAM,IAAI;AAAA,MAC/B,OAAO3B,EAAE,oBAAoB;AAAA,QAC3B,MAAM4C,EAAU,SAASjB,EAAM,QAAQ,EAAE;AAAA,QACzC,gBAAgBiB,EAAU,SAASjB,EAAM,uBAAuB,EAAE;AAAA,QAClE,eAAe,EAAE,aAAa,GAAA;AAAA,MAAM,CACrC;AAAA,MACD,QAAO;AAAA,MACP,KAAK;AAAA,MACL,uBAAuB;AAAA,MACvB,YAAU;AAAA,MACV,cAAc3B,EAAE,mCAAmC;AAAA,MACnD,UAAA0C;AAAA,IAAA;AAAA,EAAA,EACF,GAdaf,EAAM,IAerB;AAEJ;"}

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

@@ -12,10 +12,9 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
-import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as n } from "../../Base/createCompoundContext.js";
-const S = t.union([
+const C = t.union([
   a.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -34,7 +33,7 @@ const S = t.union([
       isSplit: t.literal(!0),
       hasBankPayload: t.literal(!1),
       splitBy: t.literal("Percentage"),
-      splitAmount: t.record(t.string(), t.number().max(100).min(0)).superRefine((i, e) => {
+      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,
@@ -56,10 +55,10 @@ const S = t.union([
       remainder: t.string()
     })
   ])
-]), [k, A] = n("PaymentMethodContext");
+]), [S, k] = n("PaymentMethodContext");
 export {
-  S as CombinedSchema,
-  A as PaymentMethodProvider,
-  k as usePaymentMethod
+  C as CombinedSchema,
+  k as PaymentMethodProvider,
+  S 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.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)).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,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE,YAAY,CAACE,GAAOC,MAAQ;AACxF,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,MACD,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;"}
+{"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;"}

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

@@ -5,19 +5,19 @@ import { useTranslation as H, Trans as T } from "react-i18next";
 import V from "classnames";
 import C from "./AdminProfile.module.scss.js";
 import { useEmployeeDetailsForm as Z } from "./shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import { useHomeAddressForm as $ } from "./shared/useHomeAddressForm/useHomeAddressForm.js";
-import { useWorkAddressForm as J } from "./shared/useWorkAddressForm/useWorkAddressForm.js";
+import { useCurrentHomeAddressForm as $ } from "./shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
+import { useCurrentWorkAddressForm as J } from "./shared/useWorkAddressForm/useCurrentWorkAddressForm.js";
 import { SDKFormProvider as k } from "../../../partner-hook-utils/form/SDKFormProvider.js";
 import { composeSubmitHandler as X } from "../../../partner-hook-utils/form/composeSubmitHandler.js";
 import { composeErrorHandler as ee } from "../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as M } from "../../Common/Grid/Grid.js";
-import { componentEvents as E, STATES_ABBR as oe, EmployeeOnboardingStatus as N } from "../../../shared/constants.js";
-import { ActionsLayout as te } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as ie } from "../../Common/Form/Form.js";
+import { ActionsLayout as oe } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as te } from "../../Common/Form/Form.js";
 import { BaseLayout as w } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useI18n as U, useComponentDictionary as se } from "../../../i18n/I18n.js";
-import { useComponentContext as re } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as U, useComponentDictionary as ie } from "../../../i18n/I18n.js";
+import { componentEvents as E, STATES_ABBR as re, EmployeeOnboardingStatus as N } from "../../../shared/constants.js";
+import { useComponentContext as se } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { SelectField as ae } from "../../Common/Fields/SelectField/SelectField.js";
 import { DatePickerField as ne } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 const le = (t) => t?.onboarded === !0 || t?.onboardingStatus === N.ONBOARDING_COMPLETED || t?.onboardingStatus === N.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === N.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;
@@ -33,22 +33,22 @@ function de(t) {
 function Te({
   companyId: t,
   employeeId: l,
-  defaultValues: s,
+  defaultValues: r,
   isSelfOnboardingEnabled: D = !0,
   className: I = "",
   dictionary: g,
   onEvent: R
 }) {
-  U("Employee.Profile"), U("Employee.HomeAddress"), se("Employee.Profile", g);
-  const [f, n] = P(l), p = !f, e = p && D && (s?.inviteEmployeeDefault ?? !1), [i, d] = P(e), b = y(
+  U("Employee.Profile"), U("Employee.HomeAddress"), ie("Employee.Profile", g);
+  const [f, n] = P(l), p = !f, e = p && D && (r?.inviteEmployeeDefault ?? !1), [i, d] = P(e), b = y(
     () => de(i),
     [i]
   ), O = y(
     () => ({
-      ...s?.employee,
+      ...r?.employee,
       ...p && { selfOnboarding: e }
     }),
-    [s, p, e]
+    [r, p, e]
   ), u = Z({
     companyId: t,
     employeeId: f,
@@ -57,19 +57,19 @@ function Te({
     defaultValues: O,
     shouldFocusError: !1
   }), a = $({
-    employeeId: f,
+    employeeId: f ?? "",
     withEffectiveDateField: !1,
     defaultValues: {
-      street1: s?.homeAddress?.street1,
-      street2: s?.homeAddress?.street2,
-      city: s?.homeAddress?.city,
-      state: s?.homeAddress?.state,
-      zip: s?.homeAddress?.zip
+      street1: r?.homeAddress?.street1,
+      street2: r?.homeAddress?.street2,
+      city: r?.homeAddress?.city,
+      state: r?.homeAddress?.state,
+      zip: r?.homeAddress?.zip
     },
     shouldFocusError: !1
   }), m = J({
     companyId: t,
-    employeeId: f,
+    employeeId: f ?? "",
     withEffectiveDateField: !1,
     shouldFocusError: !1
   });
@@ -96,7 +96,7 @@ function Te({
 function me({
   employeeDetails: t,
   homeAddress: l,
-  workAddress: s,
+  workAddress: r,
   isSelfOnboardingEnabled: D,
   isCreateMode: I,
   employeeId: g,
@@ -105,11 +105,11 @@ function me({
   onEvent: n,
   className: p
 }) {
-  const { t: e } = H("Employee.Profile"), { t: i } = H("Employee.HomeAddress"), d = re(), b = t.data.employee ?? void 0, O = le(b), u = z({
+  const { t: e } = H("Employee.Profile"), { t: i } = H("Employee.HomeAddress"), d = se(), b = t.data.employee ?? void 0, O = le(b), u = z({
     defaultValues: { startDate: b?.jobs?.[0]?.hireDate ?? "" },
     mode: "onSubmit",
     shouldFocusError: !1
-  }), a = t.form.Fields, m = l.form.Fields, L = s.form.Fields, S = K({
+  }), a = t.form.Fields, m = l.form.Fields, L = r.form.Fields, S = K({
     control: t.form.hookFormInternals.formMethods.control,
     name: "selfOnboarding"
   });
@@ -119,39 +119,39 @@ function me({
   const _ = !S || O, W = !S || O, B = [
     t,
     ..._ ? [l] : [],
-    s,
+    r,
     u
   ], { handleSubmit: Q, errorHandling: Y } = X(B, async () => {
     const h = await t.actions.onSubmit({
-      onEmployeeCreated: (r) => {
-        n(E.EMPLOYEE_CREATED, r);
+      onEmployeeCreated: (s) => {
+        n(E.EMPLOYEE_CREATED, s);
       },
-      onEmployeeUpdated: (r) => {
-        n(E.EMPLOYEE_UPDATED, r);
+      onEmployeeUpdated: (s) => {
+        n(E.EMPLOYEE_UPDATED, s);
       },
-      onOnboardingStatusUpdated: (r) => {
-        n(E.EMPLOYEE_ONBOARDING_STATUS_UPDATED, r);
+      onOnboardingStatusUpdated: (s) => {
+        n(E.EMPLOYEE_ONBOARDING_STATUS_UPDATED, s);
       }
     });
     if (!h) return;
     const A = h.data.uuid, v = u.getValues("startDate");
     if (_) {
-      const r = await l.actions.onSubmit({
+      const s = await l.actions.onSubmit({
         employeeId: A
       });
-      if (!r) {
+      if (!s) {
         g || R(A);
         return;
       }
-      r.mode === "create" ? n(E.EMPLOYEE_HOME_ADDRESS_CREATED, r.data) : n(E.EMPLOYEE_HOME_ADDRESS_UPDATED, r.data);
+      s.mode === "create" ? n(E.EMPLOYEE_HOME_ADDRESS_CREATED, s.data) : n(E.EMPLOYEE_HOME_ADDRESS_UPDATED, s.data);
     }
-    if (!await s.actions.onSubmit(
+    if (!await r.actions.onSubmit(
       {
-        onWorkAddressCreated: (r) => {
-          n(E.EMPLOYEE_WORK_ADDRESS_CREATED, r);
+        onWorkAddressCreated: (s) => {
+          n(E.EMPLOYEE_WORK_ADDRESS_CREATED, s);
         },
-        onWorkAddressUpdated: (r) => {
-          n(E.EMPLOYEE_WORK_ADDRESS_UPDATED, r);
+        onWorkAddressUpdated: (s) => {
+          n(E.EMPLOYEE_WORK_ADDRESS_UPDATED, s);
         }
       },
       {
@@ -166,8 +166,8 @@ function me({
       ...h.data,
       startDate: v
     });
-  }), G = t.status.isPending || l.status.isPending || s.status.isPending, x = l.form.hookFormInternals.formMethods.watch("courtesyWithholding");
-  return /* @__PURE__ */ o("section", { className: V(C.container, p), children: /* @__PURE__ */ o(w, { error: Y.errors, children: /* @__PURE__ */ c(ie, { onSubmit: Q, children: [
+  }), G = t.status.isPending || l.status.isPending || r.status.isPending, x = l.form.hookFormInternals.formMethods.watch("courtesyWithholding");
+  return /* @__PURE__ */ o("section", { className: V(C.container, p), children: /* @__PURE__ */ o(w, { error: Y.errors, children: /* @__PURE__ */ c(te, { onSubmit: Q, children: [
     /* @__PURE__ */ c(M, { gridTemplateColumns: "1fr", gap: 24, children: [
       /* @__PURE__ */ c("div", { children: [
         /* @__PURE__ */ o(d.Heading, { as: "h2", children: e("title") }),
@@ -219,7 +219,7 @@ function me({
           }
         }
       ),
-      /* @__PURE__ */ o(k, { formHookResult: s, children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(k, { formHookResult: r, children: /* @__PURE__ */ o(
         L.Location,
         {
           label: e("workAddress"),
@@ -304,7 +304,7 @@ function me({
                 ae,
                 {
                   name: "state",
-                  options: oe.map((h) => ({
+                  options: re.map((h) => ({
                     label: i(`statesHash.${h}`, { ns: "common" }),
                     value: h
                   })),
@@ -349,7 +349,7 @@ function me({
         x && /* @__PURE__ */ o(d.Alert, { label: i("withholdingTitle"), status: "warning", children: /* @__PURE__ */ o(T, { t: i, i18nKey: "withholdingNote" }) })
       ] })
     ] }),
-    /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(d.Button, { type: "submit", isLoading: G, children: e("submitCta") }) })
+    /* @__PURE__ */ o(oe, { children: /* @__PURE__ */ o(d.Button, { type: "submit", isLoading: G, children: e("submitCta") }) })
   ] }) }) });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"AdminProfile.js","sources":["../../../../src/components/Employee/Profile/AdminProfile.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { ProfileProps } from './Profile'\nimport styles from './AdminProfile.module.scss'\nimport { useEmployeeDetailsForm } from './shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from './shared/useEmployeeDetailsForm'\nimport { useHomeAddressForm } from './shared/useHomeAddressForm'\nimport { useWorkAddressForm } from './shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from './shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from './shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from './shared/useWorkAddressForm'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, DatePickerField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SelectField } from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeOnboardingStatus,\n  STATES_ABBR,\n  type EventType,\n} from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst checkHasCompletedSelfOnboarding = (employee?: Employee) => {\n  return (\n    employee?.onboarded === true ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  )\n}\n\nfunction computeOptionalFieldsToRequire(\n  selfOnboardingActive: boolean,\n): EmployeeDetailsOptionalFieldsToRequire {\n  if (selfOnboardingActive) {\n    return {\n      create: ['email'],\n      update: ['firstName', 'lastName', 'email'],\n    }\n  }\n  return {\n    create: ['email', 'dateOfBirth', 'ssn'],\n    update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n  }\n}\n\nexport function AdminProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n  const isCreateMode = !resolvedEmployeeId\n\n  const createModeSelfOnboarding =\n    isCreateMode && isSelfOnboardingEnabled && (defaultValues?.inviteEmployeeDefault ?? false)\n\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(createModeSelfOnboarding)\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeOptionalFieldsToRequire(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const employeeDetailsDefaults = useMemo(\n    () => ({\n      ...defaultValues?.employee,\n      ...(isCreateMode && { selfOnboarding: createModeSelfOnboarding }),\n    }),\n    [defaultValues, isCreateMode, createModeSelfOnboarding],\n  )\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: true,\n    optionalFieldsToRequire,\n    defaultValues: employeeDetailsDefaults,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useHomeAddressForm({\n    employeeId: resolvedEmployeeId,\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddress = useWorkAddressForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withEffectiveDateField: false,\n    shouldFocusError: false,\n  })\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddress.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([employeeDetails, homeAddress, workAddress])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  return (\n    <AdminProfileReady\n      employeeDetails={employeeDetails}\n      homeAddress={homeAddress}\n      workAddress={workAddress}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      isCreateMode={isCreateMode}\n      employeeId={employeeId}\n      setResolvedEmployeeId={setResolvedEmployeeId}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n\ninterface AdminProfileReadyProps {\n  employeeDetails: UseEmployeeDetailsFormReady\n  homeAddress: UseHomeAddressFormReady\n  workAddress: UseWorkAddressFormReady\n  isSelfOnboardingEnabled: boolean\n  isCreateMode: boolean\n  employeeId?: string\n  setResolvedEmployeeId: (id: string) => void\n  setSelfOnboardingActive: (active: boolean) => void\n  onEvent: (event: EventType, data?: unknown) => void\n  className: string\n}\n\nfunction AdminProfileReady({\n  employeeDetails,\n  homeAddress,\n  workAddress,\n  isSelfOnboardingEnabled,\n  isCreateMode,\n  employeeId,\n  setResolvedEmployeeId,\n  setSelfOnboardingActive,\n  onEvent,\n  className,\n}: AdminProfileReadyProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n\n  const employee = employeeDetails.data.employee ?? undefined\n  const completedSelfOnboarding = checkHasCompletedSelfOnboarding(employee)\n\n  const startDateForm = useForm<{ startDate: string }>({\n    defaultValues: { startDate: employee?.jobs?.[0]?.hireDate ?? '' },\n    mode: 'onSubmit',\n    shouldFocusError: false,\n  })\n\n  const EmployeeFields = employeeDetails.form.Fields\n  const HomeAddressFields = homeAddress.form.Fields\n  const WorkAddressFields = workAddress.form.Fields\n\n  const watchedSelfOnboarding = useWatch({\n    control: employeeDetails.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const shouldShowHomeAddress = !watchedSelfOnboarding || completedSelfOnboarding\n  const shouldShowSsnDob = !watchedSelfOnboarding || completedSelfOnboarding\n\n  const activeForms = [\n    employeeDetails,\n    ...(shouldShowHomeAddress ? [homeAddress] : []),\n    workAddress,\n    startDateForm,\n  ]\n\n  const { handleSubmit, errorHandling } = composeSubmitHandler(activeForms, async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n    const enteredStartDate = startDateForm.getValues('startDate')\n\n    if (shouldShowHomeAddress) {\n      const homeResult = await homeAddress.actions.onSubmit({\n        employeeId: newEmployeeId,\n      })\n      if (!homeResult) {\n        if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n        return\n      }\n      if (homeResult.mode === 'create') {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n      }\n    }\n\n    const workResult = await workAddress.actions.onSubmit(\n      {\n        onWorkAddressCreated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, wa)\n        },\n        onWorkAddressUpdated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, wa)\n        },\n      },\n      {\n        employeeId: newEmployeeId,\n        effectiveDate: isCreateMode ? enteredStartDate || undefined : undefined,\n      },\n    )\n    if (!workResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n      ...employeeResult.data,\n      startDate: enteredStartDate,\n    })\n  })\n\n  const isPending =\n    employeeDetails.status.isPending || homeAddress.status.isPending || workAddress.status.isPending\n\n  const watchedCourtesyWithholding =\n    homeAddress.form.hookFormInternals.formMethods.watch('courtesyWithholding')\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            {isSelfOnboardingEnabled && EmployeeFields.SelfOnboarding && (\n              <div className={styles.switchFieldContainer}>\n                <EmployeeFields.SelfOnboarding\n                  label={t('selfOnboardingLabel')}\n                  description={t('selfOnboardingDescription')}\n                  formHookResult={employeeDetails}\n                />\n              </div>\n            )}\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <EmployeeFields.FirstName\n                label={t('firstName')}\n                formHookResult={employeeDetails}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <EmployeeFields.MiddleInitial\n                label={t('middleInitial')}\n                formHookResult={employeeDetails}\n              />\n            </Grid>\n            <EmployeeFields.LastName\n              label={t('lastName')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n\n            <SDKFormProvider formHookResult={workAddress}>\n              <WorkAddressFields.Location\n                label={t('workAddress')}\n                description={t('workAddressDescription')}\n                validationMessages={{ REQUIRED: t('validations.location', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <FormProvider {...startDateForm}>\n              <DatePickerField\n                name=\"startDate\"\n                label={t('startDateLabel')}\n                description={t('startDateDescription')}\n                isRequired\n                errorMessage={t('validations.startDate')}\n              />\n            </FormProvider>\n\n            <EmployeeFields.Email\n              label={t('email')}\n              description={t('emailDescription')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.email'),\n                INVALID_EMAIL: t('validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('validations.email'),\n              }}\n            />\n\n            {shouldShowSsnDob && (\n              <>\n                <EmployeeFields.Ssn\n                  label={t('ssnLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{\n                    INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                    REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                  }}\n                />\n                <EmployeeFields.DateOfBirth\n                  label={t('dobLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n                />\n              </>\n            )}\n\n            {shouldShowHomeAddress && (\n              <SDKFormProvider formHookResult={homeAddress}>\n                <div>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text>{tHome('desc')}</Components.Text>\n                </div>\n                <Grid\n                  gridTemplateColumns={{\n                    base: '1fr',\n                    small: ['1fr', '1fr'],\n                  }}\n                  gap={20}\n                >\n                  <HomeAddressFields.Street1\n                    label={tHome('street1')}\n                    validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                  />\n                  <HomeAddressFields.Street2 label={tHome('street2')} />\n                  <HomeAddressFields.City\n                    label={tHome('city')}\n                    validationMessages={{ REQUIRED: tHome('validations.city') }}\n                  />\n                  <SelectField\n                    name=\"state\"\n                    options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                      label: tHome(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                      value: stateAbbr,\n                    }))}\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    errorMessage={tHome('validations.state')}\n                    isRequired\n                  />\n                  <HomeAddressFields.Zip\n                    label={tHome('zip')}\n                    validationMessages={{\n                      REQUIRED: tHome('validations.zip'),\n                      INVALID_ZIP: tHome('validations.zip'),\n                    }}\n                  />\n                </Grid>\n                <HomeAddressFields.CourtesyWithholding\n                  label={tHome('courtesyWithholdingLabel')}\n                  description={\n                    <>\n                      {tHome('courtesyWithholdingDescription')}\n                      <Trans\n                        t={tHome}\n                        i18nKey=\"learnMoreCta\"\n                        components={{\n                          LearnMoreLink: <Components.Link />,\n                        }}\n                      />\n                    </>\n                  }\n                />\n                {watchedCourtesyWithholding && (\n                  <Components.Alert label={tHome('withholdingTitle')} status=\"warning\">\n                    <Trans t={tHome} i18nKey=\"withholdingNote\" />\n                  </Components.Alert>\n                )}\n              </SDKFormProvider>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["checkHasCompletedSelfOnboarding","employee","EmployeeOnboardingStatus","computeOptionalFieldsToRequire","selfOnboardingActive","AdminProfile","companyId","employeeId","defaultValues","isSelfOnboardingEnabled","className","dictionary","onEvent","useI18n","useComponentDictionary","resolvedEmployeeId","setResolvedEmployeeId","useState","isCreateMode","createModeSelfOnboarding","setSelfOnboardingActive","optionalFieldsToRequire","useMemo","employeeDetailsDefaults","employeeDetails","useEmployeeDetailsForm","homeAddress","useHomeAddressForm","workAddress","useWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","Components","useComponentContext","completedSelfOnboarding","startDateForm","useForm","EmployeeFields","HomeAddressFields","WorkAddressFields","watchedSelfOnboarding","useWatch","useEffect","shouldShowHomeAddress","shouldShowSsnDob","activeForms","handleSubmit","errorHandling","composeSubmitHandler","employeeResult","emp","componentEvents","status","newEmployeeId","enteredStartDate","homeResult","wa","isPending","watchedCourtesyWithholding","classNames","styles","jsxs","Form","Grid","SDKFormProvider","FormProvider","DatePickerField","Fragment","SelectField","STATES_ABBR","stateAbbr","Trans","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"AdminProfile.js","sources":["../../../../src/components/Employee/Profile/AdminProfile.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { ProfileProps } from './Profile'\nimport styles from './AdminProfile.module.scss'\nimport { useEmployeeDetailsForm } from './shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from './shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from './shared/useHomeAddressForm'\nimport { useCurrentWorkAddressForm } from './shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from './shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from './shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from './shared/useWorkAddressForm'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, DatePickerField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SelectField } from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeOnboardingStatus,\n  STATES_ABBR,\n  type EventType,\n} from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst checkHasCompletedSelfOnboarding = (employee?: Employee) => {\n  return (\n    employee?.onboarded === true ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  )\n}\n\nfunction computeOptionalFieldsToRequire(\n  selfOnboardingActive: boolean,\n): EmployeeDetailsOptionalFieldsToRequire {\n  if (selfOnboardingActive) {\n    return {\n      create: ['email'],\n      update: ['firstName', 'lastName', 'email'],\n    }\n  }\n  return {\n    create: ['email', 'dateOfBirth', 'ssn'],\n    update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n  }\n}\n\nexport function AdminProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n  const isCreateMode = !resolvedEmployeeId\n\n  const createModeSelfOnboarding =\n    isCreateMode && isSelfOnboardingEnabled && (defaultValues?.inviteEmployeeDefault ?? false)\n\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(createModeSelfOnboarding)\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeOptionalFieldsToRequire(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const employeeDetailsDefaults = useMemo(\n    () => ({\n      ...defaultValues?.employee,\n      ...(isCreateMode && { selfOnboarding: createModeSelfOnboarding }),\n    }),\n    [defaultValues, isCreateMode, createModeSelfOnboarding],\n  )\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: true,\n    optionalFieldsToRequire,\n    defaultValues: employeeDetailsDefaults,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddress = useCurrentWorkAddressForm({\n    companyId,\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    shouldFocusError: false,\n  })\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddress.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([employeeDetails, homeAddress, workAddress])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  return (\n    <AdminProfileReady\n      employeeDetails={employeeDetails}\n      homeAddress={homeAddress}\n      workAddress={workAddress}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      isCreateMode={isCreateMode}\n      employeeId={employeeId}\n      setResolvedEmployeeId={setResolvedEmployeeId}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n\ninterface AdminProfileReadyProps {\n  employeeDetails: UseEmployeeDetailsFormReady\n  homeAddress: UseHomeAddressFormReady\n  workAddress: UseWorkAddressFormReady\n  isSelfOnboardingEnabled: boolean\n  isCreateMode: boolean\n  employeeId?: string\n  setResolvedEmployeeId: (id: string) => void\n  setSelfOnboardingActive: (active: boolean) => void\n  onEvent: (event: EventType, data?: unknown) => void\n  className: string\n}\n\nfunction AdminProfileReady({\n  employeeDetails,\n  homeAddress,\n  workAddress,\n  isSelfOnboardingEnabled,\n  isCreateMode,\n  employeeId,\n  setResolvedEmployeeId,\n  setSelfOnboardingActive,\n  onEvent,\n  className,\n}: AdminProfileReadyProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n\n  const employee = employeeDetails.data.employee ?? undefined\n  const completedSelfOnboarding = checkHasCompletedSelfOnboarding(employee)\n\n  const startDateForm = useForm<{ startDate: string }>({\n    defaultValues: { startDate: employee?.jobs?.[0]?.hireDate ?? '' },\n    mode: 'onSubmit',\n    shouldFocusError: false,\n  })\n\n  const EmployeeFields = employeeDetails.form.Fields\n  const HomeAddressFields = homeAddress.form.Fields\n  const WorkAddressFields = workAddress.form.Fields\n\n  const watchedSelfOnboarding = useWatch({\n    control: employeeDetails.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const shouldShowHomeAddress = !watchedSelfOnboarding || completedSelfOnboarding\n  const shouldShowSsnDob = !watchedSelfOnboarding || completedSelfOnboarding\n\n  const activeForms = [\n    employeeDetails,\n    ...(shouldShowHomeAddress ? [homeAddress] : []),\n    workAddress,\n    startDateForm,\n  ]\n\n  const { handleSubmit, errorHandling } = composeSubmitHandler(activeForms, async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n    const enteredStartDate = startDateForm.getValues('startDate')\n\n    if (shouldShowHomeAddress) {\n      const homeResult = await homeAddress.actions.onSubmit({\n        employeeId: newEmployeeId,\n      })\n      if (!homeResult) {\n        if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n        return\n      }\n      if (homeResult.mode === 'create') {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n      }\n    }\n\n    const workResult = await workAddress.actions.onSubmit(\n      {\n        onWorkAddressCreated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, wa)\n        },\n        onWorkAddressUpdated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, wa)\n        },\n      },\n      {\n        employeeId: newEmployeeId,\n        effectiveDate: isCreateMode ? enteredStartDate || undefined : undefined,\n      },\n    )\n    if (!workResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n      ...employeeResult.data,\n      startDate: enteredStartDate,\n    })\n  })\n\n  const isPending =\n    employeeDetails.status.isPending || homeAddress.status.isPending || workAddress.status.isPending\n\n  const watchedCourtesyWithholding =\n    homeAddress.form.hookFormInternals.formMethods.watch('courtesyWithholding')\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            {isSelfOnboardingEnabled && EmployeeFields.SelfOnboarding && (\n              <div className={styles.switchFieldContainer}>\n                <EmployeeFields.SelfOnboarding\n                  label={t('selfOnboardingLabel')}\n                  description={t('selfOnboardingDescription')}\n                  formHookResult={employeeDetails}\n                />\n              </div>\n            )}\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <EmployeeFields.FirstName\n                label={t('firstName')}\n                formHookResult={employeeDetails}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <EmployeeFields.MiddleInitial\n                label={t('middleInitial')}\n                formHookResult={employeeDetails}\n              />\n            </Grid>\n            <EmployeeFields.LastName\n              label={t('lastName')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n\n            <SDKFormProvider formHookResult={workAddress}>\n              <WorkAddressFields.Location\n                label={t('workAddress')}\n                description={t('workAddressDescription')}\n                validationMessages={{ REQUIRED: t('validations.location', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <FormProvider {...startDateForm}>\n              <DatePickerField\n                name=\"startDate\"\n                label={t('startDateLabel')}\n                description={t('startDateDescription')}\n                isRequired\n                errorMessage={t('validations.startDate')}\n              />\n            </FormProvider>\n\n            <EmployeeFields.Email\n              label={t('email')}\n              description={t('emailDescription')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.email'),\n                INVALID_EMAIL: t('validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('validations.email'),\n              }}\n            />\n\n            {shouldShowSsnDob && (\n              <>\n                <EmployeeFields.Ssn\n                  label={t('ssnLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{\n                    INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                    REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                  }}\n                />\n                <EmployeeFields.DateOfBirth\n                  label={t('dobLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n                />\n              </>\n            )}\n\n            {shouldShowHomeAddress && (\n              <SDKFormProvider formHookResult={homeAddress}>\n                <div>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text>{tHome('desc')}</Components.Text>\n                </div>\n                <Grid\n                  gridTemplateColumns={{\n                    base: '1fr',\n                    small: ['1fr', '1fr'],\n                  }}\n                  gap={20}\n                >\n                  <HomeAddressFields.Street1\n                    label={tHome('street1')}\n                    validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                  />\n                  <HomeAddressFields.Street2 label={tHome('street2')} />\n                  <HomeAddressFields.City\n                    label={tHome('city')}\n                    validationMessages={{ REQUIRED: tHome('validations.city') }}\n                  />\n                  <SelectField\n                    name=\"state\"\n                    options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                      label: tHome(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                      value: stateAbbr,\n                    }))}\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    errorMessage={tHome('validations.state')}\n                    isRequired\n                  />\n                  <HomeAddressFields.Zip\n                    label={tHome('zip')}\n                    validationMessages={{\n                      REQUIRED: tHome('validations.zip'),\n                      INVALID_ZIP: tHome('validations.zip'),\n                    }}\n                  />\n                </Grid>\n                <HomeAddressFields.CourtesyWithholding\n                  label={tHome('courtesyWithholdingLabel')}\n                  description={\n                    <>\n                      {tHome('courtesyWithholdingDescription')}\n                      <Trans\n                        t={tHome}\n                        i18nKey=\"learnMoreCta\"\n                        components={{\n                          LearnMoreLink: <Components.Link />,\n                        }}\n                      />\n                    </>\n                  }\n                />\n                {watchedCourtesyWithholding && (\n                  <Components.Alert label={tHome('withholdingTitle')} status=\"warning\">\n                    <Trans t={tHome} i18nKey=\"withholdingNote\" />\n                  </Components.Alert>\n                )}\n              </SDKFormProvider>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["checkHasCompletedSelfOnboarding","employee","EmployeeOnboardingStatus","computeOptionalFieldsToRequire","selfOnboardingActive","AdminProfile","companyId","employeeId","defaultValues","isSelfOnboardingEnabled","className","dictionary","onEvent","useI18n","useComponentDictionary","resolvedEmployeeId","setResolvedEmployeeId","useState","isCreateMode","createModeSelfOnboarding","setSelfOnboardingActive","optionalFieldsToRequire","useMemo","employeeDetailsDefaults","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddress","useCurrentWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","Components","useComponentContext","completedSelfOnboarding","startDateForm","useForm","EmployeeFields","HomeAddressFields","WorkAddressFields","watchedSelfOnboarding","useWatch","useEffect","shouldShowHomeAddress","shouldShowSsnDob","activeForms","handleSubmit","errorHandling","composeSubmitHandler","employeeResult","emp","componentEvents","status","newEmployeeId","enteredStartDate","homeResult","wa","isPending","watchedCourtesyWithholding","classNames","styles","jsxs","Form","Grid","SDKFormProvider","FormProvider","DatePickerField","Fragment","SelectField","STATES_ABBR","stateAbbr","Trans","ActionsLayout"],"mappings":"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"}