@gusto/embedded-react-sdk 0.40.0 → 0.42.0

package/dist/components/Employee/HomeAddress/management/useHomeAddressManagement.js

@@ -0,0 +1,112 @@
+import { useState as R, useMemo as U } from "react";
+import { useEmployeeAddressesDeleteMutation as _ } from "@gusto/embedded-api/react-query/employeeAddressesDelete";
+import { useEmployeeAddressesGet as N } from "@gusto/embedded-api/react-query/employeeAddressesGet";
+import { useEmployeesGet as T } from "@gusto/embedded-api/react-query/employeesGet";
+import { useBaseSubmit as C } from "../../../Base/useBaseSubmit.js";
+import { useHomeAddressForm as y } from "../../Profile/shared/useHomeAddressForm/useHomeAddressForm.js";
+import { composeErrorHandler as G } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { firstLastName as O } from "../../../../helpers/formattedStrings.js";
+import { SDKInternalError as m } from "../../../../types/sdkError.js";
+import { componentEvents as Q } from "../../../../shared/constants.js";
+function I(e) {
+  return e.isLoading ? !1 : !e.status.isEmployeeError;
+}
+function q(e, o) {
+  if (e.isLoading)
+    throw new m("Edit home address form is still loading");
+  if (o.isLoading)
+    throw new m("Create home address form is still loading");
+  return {
+    editHomeAddressForm: e,
+    createHomeAddressForm: o
+  };
+}
+function ee({
+  employeeId: e,
+  onEvent: o
+}) {
+  const {
+    baseSubmitHandler: H,
+    error: h,
+    setError: L
+  } = C("Employee.HomeAddress.Management"), u = _(), [D, w] = R(void 0), f = N({ employeeId: e }, { enabled: !!e }), r = f.data?.employeeAddressList, F = r?.find((s) => s.active) ?? r?.[0], c = D ?? F?.uuid, i = y({
+    employeeId: e,
+    homeAddressUuid: c,
+    withEffectiveDateField: !1
+  }), d = y({
+    employeeId: e,
+    homeAddressUuid: void 0,
+    withEffectiveDateField: !0
+  }), t = T({ employeeId: e }, { enabled: !!e }), l = U(() => {
+    const s = t.data?.employee;
+    return s ? O({
+      first_name: s.firstName,
+      last_name: s.lastName
+    }).trim() : "";
+  }, [t.data?.employee]), n = G(
+    [t, f, i, d],
+    { submitError: h, setSubmitError: L }
+  ), E = {
+    setEditAddressTarget: w,
+    confirmDeleteHomeAddress: async (s) => {
+      const v = r?.find((a) => a.uuid === s) ?? null;
+      let g = !1;
+      return await H(
+        { homeAddressUuid: s, snapshot: v },
+        async ({ homeAddressUuid: a, snapshot: A }) => {
+          const p = r?.find((P) => P.uuid === a);
+          if (!p)
+            throw new m("Home address not found");
+          if (p.active === !0)
+            throw new m("Cannot delete the active home address");
+          await u.mutateAsync({
+            request: { homeAddressUuid: a }
+          }), g = !0, A && o(Q.EMPLOYEE_HOME_ADDRESS_DELETED, A);
+        }
+      ), g;
+    }
+  }, S = {
+    employeeDisplayName: l,
+    employeeHomeAddresses: r,
+    editingHomeAddressUuid: c,
+    editHomeAddressForm: i,
+    createHomeAddressForm: d
+  };
+  if (t.isLoading)
+    return { isLoading: !0, errorHandling: n };
+  if (t.isError)
+    return {
+      isLoading: !1,
+      data: S,
+      status: {
+        isDeletePending: u.isPending,
+        isEmployeeError: !0
+      },
+      errorHandling: n,
+      actions: E
+    };
+  if (i.isLoading || d.isLoading)
+    return { isLoading: !0, errorHandling: n };
+  const { editHomeAddressForm: b, createHomeAddressForm: M } = q(i, d);
+  return {
+    isLoading: !1,
+    data: {
+      employeeDisplayName: l,
+      employeeHomeAddresses: r,
+      editingHomeAddressUuid: c,
+      editHomeAddressForm: b,
+      createHomeAddressForm: M
+    },
+    status: {
+      isDeletePending: u.isPending,
+      isEmployeeError: !1
+    },
+    errorHandling: n,
+    actions: E
+  };
+}
+export {
+  I as isUseHomeAddressManagementSuccess,
+  ee as useHomeAddressManagement
+};
+//# sourceMappingURL=useHomeAddressManagement.js.map

package/dist/components/Employee/HomeAddress/management/useHomeAddressManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHomeAddressManagement.js","sources":["../../../../../src/components/Employee/HomeAddress/management/useHomeAddressManagement.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { useEmployeeAddressesDeleteMutation } from '@gusto/embedded-api/react-query/employeeAddressesDelete'\nimport { useEmployeeAddressesGet } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { useHomeAddressForm } from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport type {\n  UseHomeAddressFormReady,\n  UseHomeAddressFormResult,\n} from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseHookReady,\n  HookErrorHandling,\n  HookLoadingResult,\n} from '@/partner-hook-utils/types'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface UseHomeAddressManagementParams {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport interface UseHomeAddressManagementDataPendingForms extends Record<string, unknown> {\n  employeeDisplayName: string\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  editingHomeAddressUuid: string | undefined\n  editHomeAddressForm: UseHomeAddressFormResult\n  createHomeAddressForm: UseHomeAddressFormResult\n}\n\nexport interface UseHomeAddressManagementDataReady extends Record<string, unknown> {\n  employeeDisplayName: string\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  editingHomeAddressUuid: string | undefined\n  editHomeAddressForm: UseHomeAddressFormReady\n  createHomeAddressForm: UseHomeAddressFormReady\n}\n\nexport interface UseHomeAddressManagementStatusEmployeeError extends Record<string, unknown> {\n  isDeletePending: boolean\n  isEmployeeError: true\n}\n\nexport interface UseHomeAddressManagementStatusSuccess extends Record<string, unknown> {\n  isDeletePending: boolean\n  isEmployeeError: false\n}\n\nexport interface UseHomeAddressManagementActions {\n  setEditAddressTarget: (homeAddressUuid: string | undefined) => void\n  confirmDeleteHomeAddress: (homeAddressUuid: string) => Promise<boolean>\n}\n\nexport interface UseHomeAddressManagementReadyEmployeeError extends BaseHookReady<\n  UseHomeAddressManagementDataPendingForms,\n  UseHomeAddressManagementStatusEmployeeError\n> {\n  actions: UseHomeAddressManagementActions\n}\n\nexport interface UseHomeAddressManagementReadySuccess extends BaseHookReady<\n  UseHomeAddressManagementDataReady,\n  UseHomeAddressManagementStatusSuccess\n> {\n  actions: UseHomeAddressManagementActions\n}\n\nexport type UseHomeAddressManagementReady =\n  | UseHomeAddressManagementReadyEmployeeError\n  | UseHomeAddressManagementReadySuccess\n\nexport type UseHomeAddressManagementResult = HookLoadingResult | UseHomeAddressManagementReady\n\nexport function isUseHomeAddressManagementSuccess(\n  value: UseHomeAddressManagementResult,\n): value is UseHomeAddressManagementReadySuccess {\n  if (value.isLoading) {\n    return false\n  }\n  return !value.status.isEmployeeError\n}\n\nfunction homeAddressFormsReady(\n  editHomeAddressForm: UseHomeAddressFormResult,\n  createHomeAddressForm: UseHomeAddressFormResult,\n): Pick<UseHomeAddressManagementDataReady, 'editHomeAddressForm' | 'createHomeAddressForm'> {\n  if (editHomeAddressForm.isLoading) {\n    throw new SDKInternalError('Edit home address form is still loading')\n  }\n  if (createHomeAddressForm.isLoading) {\n    throw new SDKInternalError('Create home address form is still loading')\n  }\n  return {\n    editHomeAddressForm,\n    createHomeAddressForm,\n  }\n}\n\nexport function useHomeAddressManagement({\n  employeeId,\n  onEvent,\n}: UseHomeAddressManagementParams): UseHomeAddressManagementResult {\n  const {\n    baseSubmitHandler,\n    error: rootSubmitError,\n    setError: setRootSubmitError,\n  } = useBaseSubmit('Employee.HomeAddress.Management')\n  const deleteHomeAddressMutation = useEmployeeAddressesDeleteMutation()\n\n  const [editTargetUuid, setEditAddressTarget] = useState<string | undefined>(undefined)\n\n  const homeAddressesQuery = useEmployeeAddressesGet({ employeeId }, { enabled: !!employeeId })\n  const employeeHomeAddresses = homeAddressesQuery.data?.employeeAddressList\n  const currentHomeAddress =\n    employeeHomeAddresses?.find(a => a.active) ?? employeeHomeAddresses?.[0]\n\n  const editingHomeAddressUuid = editTargetUuid ?? currentHomeAddress?.uuid\n\n  const editHomeAddressForm = useHomeAddressForm({\n    employeeId,\n    homeAddressUuid: editingHomeAddressUuid,\n    withEffectiveDateField: false,\n  })\n  const createHomeAddressForm = useHomeAddressForm({\n    employeeId,\n    homeAddressUuid: undefined,\n    withEffectiveDateField: true,\n  })\n\n  const employeeQuery = useEmployeesGet({ employeeId }, { enabled: !!employeeId })\n\n  const employeeDisplayName = useMemo(() => {\n    const employee = employeeQuery.data?.employee\n    if (!employee) {\n      return ''\n    }\n    return firstLastName({\n      first_name: employee.firstName,\n      last_name: employee.lastName,\n    }).trim()\n  }, [employeeQuery.data?.employee])\n\n  const errorHandling: HookErrorHandling = composeErrorHandler(\n    [employeeQuery, homeAddressesQuery, editHomeAddressForm, createHomeAddressForm],\n    { submitError: rootSubmitError, setSubmitError: setRootSubmitError },\n  )\n\n  const confirmDeleteHomeAddress = async (homeAddressUuid: string): Promise<boolean> => {\n    const snapshot = employeeHomeAddresses?.find(a => a.uuid === homeAddressUuid) ?? null\n\n    let succeeded = false\n    await baseSubmitHandler(\n      { homeAddressUuid, snapshot },\n      async ({ homeAddressUuid: uuid, snapshot: snap }) => {\n        const target = employeeHomeAddresses?.find(a => a.uuid === uuid)\n        if (!target) {\n          throw new SDKInternalError('Home address not found')\n        }\n        if (target.active === true) {\n          throw new SDKInternalError('Cannot delete the active home address')\n        }\n\n        await deleteHomeAddressMutation.mutateAsync({\n          request: { homeAddressUuid: uuid },\n        })\n        succeeded = true\n        if (snap) {\n          onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_DELETED, snap)\n        }\n      },\n    )\n    return succeeded\n  }\n\n  const actions: UseHomeAddressManagementActions = {\n    setEditAddressTarget,\n    confirmDeleteHomeAddress,\n  }\n\n  const dataPayloadPendingForms: UseHomeAddressManagementDataPendingForms = {\n    employeeDisplayName,\n    employeeHomeAddresses,\n    editingHomeAddressUuid,\n    editHomeAddressForm,\n    createHomeAddressForm,\n  }\n\n  if (employeeQuery.isLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  if (employeeQuery.isError) {\n    return {\n      isLoading: false,\n      data: dataPayloadPendingForms,\n      status: {\n        isDeletePending: deleteHomeAddressMutation.isPending,\n        isEmployeeError: true,\n      },\n      errorHandling,\n      actions,\n    }\n  }\n\n  const isFormsLoading = editHomeAddressForm.isLoading || createHomeAddressForm.isLoading\n  if (isFormsLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  const { editHomeAddressForm: editReady, createHomeAddressForm: createReady } =\n    homeAddressFormsReady(editHomeAddressForm, createHomeAddressForm)\n\n  const dataReady: UseHomeAddressManagementDataReady = {\n    employeeDisplayName,\n    employeeHomeAddresses,\n    editingHomeAddressUuid,\n    editHomeAddressForm: editReady,\n    createHomeAddressForm: createReady,\n  }\n\n  return {\n    isLoading: false,\n    data: dataReady,\n    status: {\n      isDeletePending: deleteHomeAddressMutation.isPending,\n      isEmployeeError: false,\n    },\n    errorHandling,\n    actions,\n  }\n}\n"],"names":["isUseHomeAddressManagementSuccess","value","homeAddressFormsReady","editHomeAddressForm","createHomeAddressForm","SDKInternalError","useHomeAddressManagement","employeeId","onEvent","baseSubmitHandler","rootSubmitError","setRootSubmitError","useBaseSubmit","deleteHomeAddressMutation","useEmployeeAddressesDeleteMutation","editTargetUuid","setEditAddressTarget","useState","homeAddressesQuery","useEmployeeAddressesGet","employeeHomeAddresses","currentHomeAddress","a","editingHomeAddressUuid","useHomeAddressForm","employeeQuery","useEmployeesGet","employeeDisplayName","useMemo","employee","firstLastName","errorHandling","composeErrorHandler","actions","homeAddressUuid","snapshot","succeeded","uuid","snap","target","componentEvents","dataPayloadPendingForms","editReady","createReady"],"mappings":"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"}

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { FederalTaxes as p } from "../FederalTaxes/FederalTaxes.js";
 import { StateTaxes as s } from "../StateTaxes/StateTaxes.js";
-import { EmployeeList as i } from "../employee-list/onboarding/EmployeeList.js";
+import { EmployeeList as i } from "../EmployeeList/onboarding/EmployeeList.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 import { useFlow as n } from "../../Flow/useFlow.js";
 function c() {

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { FederalTaxes } from '../FederalTaxes/FederalTaxes'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport type { ProfileDefaultValues } from '../Profile'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { EmployeeList } from '../employee-list/onboarding/EmployeeList'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type OnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\n\nexport interface OnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: OnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n  withEmployeeI9?: boolean\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <FederalTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return <StateTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} isAdmin={isAdmin} />\n}\n\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["FederalTaxesContextual","employeeId","onEvent","useFlow","FederalTaxes","ensureRequired","StateTaxesContextual","isAdmin","StateTaxes","EmployeeListContextual","companyId","jsx","EmployeeList"],"mappings":";;;;;;AA4BO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAa,SAAAF,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AACjF;AAEO,SAASK,IAAuB;AACrC,QAAM,EAAE,YAAAL,GAAY,SAAAC,GAAS,SAAAK,EAAA,IAAYJ,EAAA;AACzC,2BAAQK,GAAA,EAAW,SAAAN,GAAkB,YAAYG,EAAeJ,CAAU,GAAG,SAAAM,GAAkB;AACjG;AAEO,MAAME,IAAyB,MAAM;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAR,EAAA,IAAYC,EAAA;AAC/B,SAAO,gBAAAQ,EAACC,GAAA,EAAa,WAAAF,GAAsB,SAAAR,EAAA,CAAkB;AAC/D;"}
+{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { FederalTaxes } from '../FederalTaxes/FederalTaxes'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport type { ProfileDefaultValues } from '../Profile'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { EmployeeList } from '../EmployeeList/onboarding/EmployeeList'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type OnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\n\nexport interface OnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: OnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n  withEmployeeI9?: boolean\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <FederalTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return <StateTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} isAdmin={isAdmin} />\n}\n\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["FederalTaxesContextual","employeeId","onEvent","useFlow","FederalTaxes","ensureRequired","StateTaxesContextual","isAdmin","StateTaxes","EmployeeListContextual","companyId","jsx","EmployeeList"],"mappings":";;;;;;AA4BO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAa,SAAAF,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AACjF;AAEO,SAASK,IAAuB;AACrC,QAAM,EAAE,YAAAL,GAAY,SAAAC,GAAS,SAAAK,EAAA,IAAYJ,EAAA;AACzC,2BAAQK,GAAA,EAAW,SAAAN,GAAkB,YAAYG,EAAeJ,CAAU,GAAG,SAAAM,GAAkB;AACjG;AAEO,MAAME,IAAyB,MAAM;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAR,EAAA,IAAYC,EAAA;AAC/B,SAAO,gBAAAQ,EAACC,GAAA,EAAa,WAAAF,GAAsB,SAAAR,EAAA,CAAkB;AAC/D;"}

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

@@ -1,9 +1,9 @@
-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 { useLocale as q } from "../../../contexts/LocaleProvider/useLocale.js";
 import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -18,11 +18,11 @@ function oe() {
     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), {});
@@ -37,18 +37,18 @@ function oe() {
   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"),
@@ -66,7 +66,7 @@ function oe() {
           `amount-${e.uuid}`
         )
       })),
-      onReorder: C
+      onReorder: x
     },
     `reorderable-amount-list-${d}`
   ) : a.map((e) => /* @__PURE__ */ n(
@@ -81,7 +81,7 @@ function oe() {
     },
     `percentage-${e.uuid}`
   ));
-  return /* @__PURE__ */ x(E, { children: [
+  return /* @__PURE__ */ _(E, { children: [
     /* @__PURE__ */ n(
       z,
       {
@@ -115,7 +115,7 @@ function oe() {
         ]
       }
     ),
-    r.splits && R()
+    r.splits && C()
   ] });
 }
 function k({
@@ -123,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",
@@ -149,20 +149,21 @@ 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);

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

@@ -33,7 +33,7 @@ const C = 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,

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;"}