@gusto/embedded-react-sdk 0.21.0 → 0.23.0-rc.1

package/dist/components/Employee/FederalTaxes/FederalTaxes.js

@@ -1,72 +1,88 @@
-import { jsx as o, jsxs as b, Fragment as S } from "react/jsx-runtime";
-import { zodResolver as v } from "@hookform/resolvers/zod";
-import { useForm as A, FormProvider as g } from "react-hook-form";
-import { useEffect as D } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as w } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as _ } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
-import { FederalFormSchema as N, FederalForm as P } from "./FederalForm.js";
-import { Head as I } from "./Head.js";
-import { Actions as R } from "./Actions.js";
+import { jsx as o, jsxs as S, Fragment as v } from "react/jsx-runtime";
+import { zodResolver as A } from "@hookform/resolvers/zod";
+import { useForm as y, FormProvider as D } from "react-hook-form";
+import { useEffect as _ } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as b } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as W } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+import { FederalFormSchema as I, FederalForm as R } from "./FederalForm.js";
+import { Head as N } from "./Head.js";
+import { Actions as P } from "./Actions.js";
 import { FederalTaxesProvider as J } from "./useFederalTaxes.js";
 import { BaseComponent as L } from "../../Base/Base.js";
 import { useBase as M } from "../../Base/useBase.js";
 import { useI18n as U, useComponentDictionary as B } from "../../../i18n/I18n.js";
 import { componentEvents as u } from "../../../shared/constants.js";
-import { Form as W } from "../../Common/Form/Form.js";
-function re(r) {
-  return /* @__PURE__ */ o(L, { ...r, children: /* @__PURE__ */ o(q, { ...r }) });
+import { Form as q } from "../../Common/Form/Form.js";
+function ne(r) {
+  return /* @__PURE__ */ o(L, { ...r, children: /* @__PURE__ */ o(C, { ...r }) });
 }
-const q = (r) => {
-  const { employeeId: m, className: c, children: a, dictionary: p } = r, { onEvent: i, fieldErrors: t, baseSubmitHandler: f } = M();
-  U("Employee.FederalTaxes"), B("Employee.FederalTaxes", p);
-  const { data: E } = w({
-    employeeUuid: m
-  }), e = E.employeeFederalTax, { mutateAsync: h, isPending: y } = _(), F = {
-    filingStatus: e.filingStatus ?? void 0,
+const C = (r) => {
+  const { employeeId: s, className: c, children: a, dictionary: h } = r, { onEvent: m, fieldErrors: n, baseSubmitHandler: f } = M();
+  U("Employee.FederalTaxes"), B("Employee.FederalTaxes", h);
+  const { data: p } = b({
+    employeeUuid: s
+  }), e = p.employeeFederalTax, { mutateAsync: g, isPending: E } = W(), T = e.w4DataType === "rev_2020_w4" ? {
+    w4DataType: "rev_2020_w4",
+    filingStatus: e.filingStatus ?? "",
     twoJobs: e.twoJobs ? "true" : "false",
     deductions: e.deductions ? Number(e.deductions) : 0,
     dependentsAmount: e.dependentsAmount ? Number(e.dependentsAmount) : 0,
     otherIncome: e.otherIncome ? Number(e.otherIncome) : 0,
-    extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0,
-    w4DataType: e.w4DataType
-  }, d = A({
-    resolver: v(N),
-    defaultValues: F
-  }), { handleSubmit: x, setError: l } = d;
-  return D(() => {
-    t && t.length > 0 && t.forEach((n) => {
-      const s = n.errorKey.replace(".value", "");
-      l(s, { type: "custom", message: n.message });
+    extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0
+  } : {
+    w4DataType: "pre_2020_w4",
+    filingStatus: e.filingStatus ?? "",
+    federalWithholdingAllowance: e.federalWithholdingAllowance ?? 0,
+    additionalWithholding: e.additionalWithholding
+  }, d = y({
+    resolver: A(I),
+    defaultValues: T
+  }), { handleSubmit: w, setError: l } = d;
+  return _(() => {
+    n && n.length > 0 && n.forEach((i) => {
+      const t = i.errorKey.replace(".value", "");
+      l(t, { type: "custom", message: i.message });
     });
-  }, [t, l]), /* @__PURE__ */ o("section", { className: c, children: /* @__PURE__ */ o(
+  }, [n, l]), /* @__PURE__ */ o("section", { className: c, children: /* @__PURE__ */ o(
     J,
     {
       value: {
-        isPending: y
+        isPending: E
       },
-      children: /* @__PURE__ */ o(g, { ...d, children: /* @__PURE__ */ o(W, { onSubmit: x(async (n) => {
-        await f(n, async (s) => {
-          const T = await h({
+      children: /* @__PURE__ */ o(D, { ...d, children: /* @__PURE__ */ o(q, { onSubmit: w(async (i) => {
+        await f(i, async (t) => {
+          const x = t.w4DataType === "rev_2020_w4" ? {
+            filingStatus: t.filingStatus,
+            twoJobs: t.twoJobs === "true",
+            dependentsAmount: t.dependentsAmount,
+            otherIncome: t.otherIncome,
+            deductions: t.deductions,
+            extraWithholding: t.extraWithholding,
+            w4DataType: t.w4DataType,
+            version: e.version
+          } : {
+            filingStatus: t.filingStatus,
+            federalWithholdingAllowance: t.federalWithholdingAllowance,
+            additionalWithholding: t.additionalWithholding,
+            w4DataType: t.w4DataType,
+            version: e.version
+          }, F = await g({
             request: {
-              employeeUuid: m,
-              requestBody: {
-                ...s,
-                twoJobs: s.twoJobs === "true",
-                version: e.version
-              }
+              employeeUuid: s,
+              requestBody: x
             }
           });
-          i(u.EMPLOYEE_FEDERAL_TAXES_UPDATED, T), i(u.EMPLOYEE_FEDERAL_TAXES_DONE);
+          m(u.EMPLOYEE_FEDERAL_TAXES_UPDATED, F), m(u.EMPLOYEE_FEDERAL_TAXES_DONE);
         });
-      }), children: a || /* @__PURE__ */ b(S, { children: [
-        /* @__PURE__ */ o(I, {}),
-        /* @__PURE__ */ o(P, {}),
-        /* @__PURE__ */ o(R, {})
+      }), children: a || /* @__PURE__ */ S(v, { children: [
+        /* @__PURE__ */ o(N, {}),
+        /* @__PURE__ */ o(R, {}),
+        /* @__PURE__ */ o(P, {})
       ] }) }) })
     }
   ) });
 };
 export {
-  re as FederalTaxes
+  ne as FederalTaxes
 };
 //# sourceMappingURL=FederalTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { FederalForm } from './FederalForm'\nimport { FederalFormSchema, type FederalFormInputs, type FederalFormPayload } from './FederalForm'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { FederalTaxesProvider } from './useFederalTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  employeeId: string\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.FederalTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: FederalTaxesProps) => {\n  const { employeeId, className, children, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const defaultValues = {\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? ('true' as const) : ('false' as const),\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    w4DataType: employeeFederalTax.w4DataType,\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload>({\n    resolver: zodResolver(FederalFormSchema),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.errorKey.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...payload,\n            twoJobs: payload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <FederalForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","handleSubmit","_setError","useEffect","msgObject","key","FederalTaxesProvider","FormProvider","Form","data","payload","federalTaxesResponse","componentEvents","jsxs","Fragment","Head","FederalForm","Actions"],"mappings":";;;;;;;;;;;;;;;AAyBO,SAASA,GAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAwC,GAAGF,GAC1C,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAACH,MAA6B;AACzC,QAAM,EAAE,YAAAI,GAAY,WAAAC,GAAW,UAAAC,GAAU,YAAAC,MAAeP,GAClD,EAAE,SAAAQ,GAAS,aAAAC,GAAa,mBAAAC,EAAA,IAAsBC,EAAA;AACpD,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBN,CAAU;AAE1D,QAAM,EAAE,MAAMO,EAAA,IAAYC,EAA2C;AAAA,IACnE,cAAcX;AAAA,EAAA,CACf,GACKY,IAAqBF,EAAQ,oBAE7B,EAAE,aAAaG,GAAoB,WAAAC,EAAA,IACvCC,EAAA,GAEIC,IAAgB;AAAA,IACpB,cAAcJ,EAAmB,gBAAgB;AAAA,IACjD,SAASA,EAAmB,UAAW,SAAoB;AAAA,IAC3D,YAAYA,EAAmB,aAAa,OAAOA,EAAmB,UAAU,IAAI;AAAA,IACpF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,aAAaA,EAAmB,cAAc,OAAOA,EAAmB,WAAW,IAAI;AAAA,IACvF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,YAAYA,EAAmB;AAAA,EAAA,GAG3BK,IAAcC,EAAwD;AAAA,IAC1E,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAAJ;AAAA,EAAA,CACD,GACK,EAAE,cAAAK,GAAc,UAAUC,EAAA,IAAcL;AAE9C,SAAAM,EAAU,MAAM;AACd,IAAIlB,KAAeA,EAAY,SAAS,KACtCA,EAAY,QAAQ,CAAAmB,MAAa;AAC/B,YAAMC,IAAMD,EAAU,SAAS,QAAQ,UAAU,EAAE;AACnD,MAAAF,EAAUG,GAAgC,EAAE,MAAM,UAAU,SAASD,EAAU,SAAS;AAAA,IAC1F,CAAC;AAAA,EAEL,GAAG,CAACnB,GAAaiB,CAAS,CAAC,GAoBzB,gBAAAzB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAAC6B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAZ;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAjB,EAAC8B,GAAA,EAAc,GAAGV,GAChB,UAAA,gBAAApB,EAAC+B,GAAA,EAAK,UAAUP,EAzB4B,OAAMQ,MAAQ;AAChE,cAAMvB,EAAkBuB,GAAM,OAAMC,MAAW;AAC7C,gBAAMC,IAAuB,MAAMlB,EAAmB;AAAA,YACpD,SAAS;AAAA,cACP,cAAcb;AAAA,cACd,aAAa;AAAA,gBACX,GAAG8B;AAAA,gBACH,SAASA,EAAQ,YAAY;AAAA,gBAC7B,SAASlB,EAAmB;AAAA,cAAA;AAAA,YAC9B;AAAA,UACF,CACD;AACD,UAAAR,EAAQ4B,EAAgB,gCAAgCD,CAAoB,GAC5E3B,EAAQ4B,EAAgB,2BAA2B;AAAA,QACrD,CAAC;AAAA,MACH,CAU6C,GAClC,UAAA9B,KAGC,gBAAA+B,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAArC,EAACsC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAY;AAAA,0BACZC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { FederalForm } from './FederalForm'\nimport { FederalFormSchema, type FederalFormInputs, type FederalFormPayload } from './FederalForm'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { FederalTaxesProvider } from './useFederalTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  employeeId: string\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.FederalTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: FederalTaxesProps) => {\n  const { employeeId, className, children, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const defaultValues: FederalFormInputs = isRev2020\n    ? {\n        w4DataType: 'rev_2020_w4',\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n        deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n        dependentsAmount: employeeFederalTax.dependentsAmount\n          ? Number(employeeFederalTax.dependentsAmount)\n          : 0,\n        otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n        extraWithholding: employeeFederalTax.extraWithholding\n          ? Number(employeeFederalTax.extraWithholding)\n          : 0,\n      }\n    : {\n        w4DataType: 'pre_2020_w4',\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        federalWithholdingAllowance: employeeFederalTax.federalWithholdingAllowance ?? 0,\n        additionalWithholding: employeeFederalTax.additionalWithholding,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload>({\n    resolver: zodResolver(FederalFormSchema),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.errorKey.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const requestBody =\n        payload.w4DataType === 'rev_2020_w4'\n          ? {\n              filingStatus: payload.filingStatus,\n              twoJobs: payload.twoJobs === 'true',\n              dependentsAmount: payload.dependentsAmount,\n              otherIncome: payload.otherIncome,\n              deductions: payload.deductions,\n              extraWithholding: payload.extraWithholding,\n              w4DataType: payload.w4DataType,\n              version: employeeFederalTax.version,\n            }\n          : {\n              filingStatus: payload.filingStatus,\n              federalWithholdingAllowance: payload.federalWithholdingAllowance,\n              additionalWithholding: payload.additionalWithholding,\n              w4DataType: payload.w4DataType,\n              version: employeeFederalTax.version,\n            }\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody,\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <FederalForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","handleSubmit","_setError","useEffect","msgObject","key","FederalTaxesProvider","FormProvider","Form","data","payload","requestBody","federalTaxesResponse","componentEvents","jsxs","Fragment","Head","FederalForm","Actions"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js

@@ -11,11 +11,10 @@ import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [c, u] = o("FederalTaxesContext");
+const [T, c] = o("FederalTaxesContext");
 export {
-  u as FederalTaxesProvider,
-  c as useFederalTaxes
+  c as FederalTaxesProvider,
+  T as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -1,16 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
-import { usePaymentMethod as p } from "./usePaymentMethod.js";
-import d from "../../../assets/icons/trashcan.svg.js";
-import "../../../shared/constants.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { usePaymentMethod as f } from "./usePaymentMethod.js";
+import y from "../../../assets/icons/trashcan.svg.js";
+import { SPLIT_BY as b } from "../../../shared/constants.js";
 import "classnames";
-import { HamburgerMenu as f } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import y from "../../../hooks/useNumberFormatter.js";
-import { useDataView as b } from "../../Common/DataView/useDataView.js";
-import { DataView as k } from "../../Common/DataView/DataView.js";
-function D() {
-  const { bankAccounts: r, paymentMethod: n, mode: i, handleDelete: m, isPending: u } = p(), { t } = s("Employee.PaymentMethod"), a = y(n.splitBy === "Amount" ? "currency" : "percent"), { ...l } = b({
-    data: r,
+import { HamburgerMenu as k } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import g from "../../../hooks/useNumberFormatter.js";
+import { centsToDollars as A } from "../../../helpers/currencyHelpers.js";
+import { useDataView as T } from "../../Common/DataView/useDataView.js";
+import { DataView as h } from "../../Common/DataView/DataView.js";
+function I() {
+  const { bankAccounts: i, paymentMethod: e, mode: m, handleDelete: u, isPending: a } = f(), { t } = d("Employee.PaymentMethod"), l = g(e.splitBy === "Amount" ? "currency" : "percent"), { ...s } = T({
+    data: i,
     columns: [
       { key: "name", title: t("nicknameColumn") },
       { key: "routingNumber", title: t("routingNumberColumn") },
@@ -18,32 +19,33 @@ function D() {
       {
         key: "splitAmount",
         title: t("allocationColumn"),
-        render: (e) => a(
-          n.splits?.find((c) => c.uuid === e.uuid)?.splitAmount ?? 0
-        )
+        render: (o) => {
+          const r = e.splits?.find((p) => p.uuid === o.uuid)?.splitAmount ?? 0, c = e.splitBy === b.amount ? A(r) ?? 0 : r;
+          return l(c);
+        }
       }
     ],
-    itemMenu: (e) => /* @__PURE__ */ o(
-      f,
+    itemMenu: (o) => /* @__PURE__ */ n(
+      k,
       {
         items: [
           {
             label: t("deleteBankAccountCta"),
             onClick: () => {
-              m(e.uuid);
+              u(o.uuid);
             },
-            icon: /* @__PURE__ */ o(d, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ n(y, { "aria-hidden": !0 })
           }
         ],
         triggerLabel: t("hamburgerTitle"),
-        isLoading: u
+        isLoading: a
       }
     )
   });
-  if (i === "LIST")
-    return /* @__PURE__ */ o(k, { label: t("bankAccountsListLabel"), ...l });
+  if (m === "LIST")
+    return /* @__PURE__ */ n(h, { label: t("bankAccountsListLabel"), ...s });
 }
 export {
-  D as BankAccountsList
+  I as BankAccountsList
 };
 //# sourceMappingURL=BankAccountsList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BankAccountsList.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport function BankAccountsList() {\n  const { bankAccounts, paymentMethod, mode, handleDelete, isPending } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const format = useNumberFormatter(paymentMethod.splitBy === 'Amount' ? 'currency' : 'percent')\n\n  const { ...dataViewProps } = useDataView({\n    data: bankAccounts,\n    columns: [\n      { key: 'name', title: t('nicknameColumn') },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n      {\n        key: 'splitAmount',\n        title: t('allocationColumn'),\n        render: bankAccount => {\n          return format(\n            paymentMethod.splits?.find(split => split.uuid === bankAccount.uuid)?.splitAmount ?? 0,\n          )\n        },\n      },\n    ],\n    itemMenu: bankAccount => {\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: t('deleteBankAccountCta'),\n              onClick: () => {\n                handleDelete(bankAccount.uuid)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n          triggerLabel={t('hamburgerTitle')}\n          isLoading={isPending}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST') return\n\n  return <DataView label={t('bankAccountsListLabel')} {...dataViewProps} />\n}\n"],"names":["BankAccountsList","bankAccounts","paymentMethod","mode","handleDelete","isPending","usePaymentMethod","useTranslation","format","useNumberFormatter","dataViewProps","useDataView","bankAccount","split","jsx","HamburgerMenu","TrashCanSvg","DataView"],"mappings":";;;;;;;;;;AAOO,SAASA,IAAmB;AACjC,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,MAAAC,GAAM,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GACjE,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAASC,EAAmBP,EAAc,YAAY,WAAW,aAAa,SAAS,GAEvF,EAAE,GAAGQ,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMV;AAAA,IACN,SAAS;AAAA,MACP,EAAE,KAAK,QAAQ,OAAO,EAAE,gBAAgB,EAAA;AAAA,MACxC,EAAE,KAAK,iBAAiB,OAAO,EAAE,qBAAqB,EAAA;AAAA,MACtD,EAAE,KAAK,eAAe,OAAO,EAAE,mBAAmB,EAAA;AAAA,MAClD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAW,MACCJ;AAAA,UACLN,EAAc,QAAQ,KAAK,CAAAW,MAASA,EAAM,SAASD,EAAY,IAAI,GAAG,eAAe;AAAA,QAAA;AAAA,MAEzF;AAAA,IACF;AAAA,IAEF,UAAU,CAAAA,MAEN,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAX,EAAaQ,EAAY,IAAI;AAAA,YAC/B;AAAA,YACA,MAAM,gBAAAE,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,QAEF,cAAc,EAAE,gBAAgB;AAAA,QAChC,WAAWX;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjB,CACD;AAED,MAAIF,MAAS;AAEb,6BAAQc,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGP,GAAe;AACzE;"}
+{"version":3,"file":"BankAccountsList.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { SPLIT_BY } from '@/shared/constants'\nimport { centsToDollars } from '@/helpers/currencyHelpers'\n\nexport function BankAccountsList() {\n  const { bankAccounts, paymentMethod, mode, handleDelete, isPending } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const format = useNumberFormatter(paymentMethod.splitBy === 'Amount' ? 'currency' : 'percent')\n\n  const { ...dataViewProps } = useDataView({\n    data: bankAccounts,\n    columns: [\n      { key: 'name', title: t('nicknameColumn') },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n      {\n        key: 'splitAmount',\n        title: t('allocationColumn'),\n        render: bankAccount => {\n          const splitAmount =\n            paymentMethod.splits?.find(split => split.uuid === bankAccount.uuid)?.splitAmount ?? 0\n          const displayValue =\n            paymentMethod.splitBy === SPLIT_BY.amount\n              ? (centsToDollars(splitAmount) ?? 0)\n              : splitAmount\n          return format(displayValue)\n        },\n      },\n    ],\n    itemMenu: bankAccount => {\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: t('deleteBankAccountCta'),\n              onClick: () => {\n                handleDelete(bankAccount.uuid)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n          triggerLabel={t('hamburgerTitle')}\n          isLoading={isPending}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST') return\n\n  return <DataView label={t('bankAccountsListLabel')} {...dataViewProps} />\n}\n"],"names":["BankAccountsList","bankAccounts","paymentMethod","mode","handleDelete","isPending","usePaymentMethod","useTranslation","format","useNumberFormatter","dataViewProps","useDataView","bankAccount","splitAmount","split","displayValue","SPLIT_BY","centsToDollars","jsx","HamburgerMenu","TrashCanSvg","DataView"],"mappings":";;;;;;;;;;;AASO,SAASA,IAAmB;AACjC,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,MAAAC,GAAM,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GACjE,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAASC,EAAmBP,EAAc,YAAY,WAAW,aAAa,SAAS,GAEvF,EAAE,GAAGQ,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMV;AAAA,IACN,SAAS;AAAA,MACP,EAAE,KAAK,QAAQ,OAAO,EAAE,gBAAgB,EAAA;AAAA,MACxC,EAAE,KAAK,iBAAiB,OAAO,EAAE,qBAAqB,EAAA;AAAA,MACtD,EAAE,KAAK,eAAe,OAAO,EAAE,mBAAmB,EAAA;AAAA,MAClD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAW,MAAe;AACrB,gBAAMC,IACJX,EAAc,QAAQ,KAAK,CAAAY,MAASA,EAAM,SAASF,EAAY,IAAI,GAAG,eAAe,GACjFG,IACJb,EAAc,YAAYc,EAAS,SAC9BC,EAAeJ,CAAW,KAAK,IAChCA;AACN,iBAAOL,EAAOO,CAAY;AAAA,QAC5B;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,UAAU,CAAAH,MAEN,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAf,EAAaQ,EAAY,IAAI;AAAA,YAC/B;AAAA,YACA,MAAM,gBAAAM,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,QAEF,cAAc,EAAE,gBAAgB;AAAA,QAChC,WAAWf;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjB,CACD;AAED,MAAIF,MAAS;AAEb,6BAAQkB,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGX,GAAe;AACzE;"}

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

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