@gusto/embedded-react-sdk 0.21.0 → 0.23.0

package/dist/components/Employee/FederalTaxes/FederalForm.d.ts

@@ -1,29 +1,44 @@
 import { z } from 'zod';
-export declare const FederalFormSchema: z.ZodObject<{
+export declare const FederalFormSchema: z.ZodDiscriminatedUnion<"w4DataType", [z.ZodObject<{
+    w4DataType: z.ZodLiteral<"rev_2020_w4">;
     filingStatus: z.ZodString;
     twoJobs: z.ZodString;
     dependentsAmount: z.ZodEffects<z.ZodNumber, string, number>;
     otherIncome: z.ZodEffects<z.ZodNumber, string, number>;
     deductions: z.ZodEffects<z.ZodNumber, string, number>;
     extraWithholding: z.ZodEffects<z.ZodNumber, string, number>;
-    w4DataType: z.ZodEnum<["pre_2020_w4", "rev_2020_w4"]>;
 }, "strip", z.ZodTypeAny, {
     deductions: string;
     extraWithholding: string;
-    otherIncome: string;
     filingStatus: string;
+    otherIncome: string;
+    w4DataType: "rev_2020_w4";
     twoJobs: string;
     dependentsAmount: string;
-    w4DataType: "pre_2020_w4" | "rev_2020_w4";
 }, {
     deductions: number;
     extraWithholding: number;
-    otherIncome: number;
     filingStatus: string;
+    otherIncome: number;
+    w4DataType: "rev_2020_w4";
     twoJobs: string;
     dependentsAmount: number;
-    w4DataType: "pre_2020_w4" | "rev_2020_w4";
-}>;
+}>, z.ZodObject<{
+    w4DataType: z.ZodLiteral<"pre_2020_w4">;
+    filingStatus: z.ZodString;
+    federalWithholdingAllowance: z.ZodNumber;
+    additionalWithholding: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    additionalWithholding: string;
+    federalWithholdingAllowance: number;
+    filingStatus: string;
+    w4DataType: "pre_2020_w4";
+}, {
+    additionalWithholding: string;
+    federalWithholdingAllowance: number;
+    filingStatus: string;
+    w4DataType: "pre_2020_w4";
+}>]>;
 export type FederalFormInputs = z.input<typeof FederalFormSchema>;
 export type FederalFormPayload = z.output<typeof FederalFormSchema>;
 export declare function FederalForm(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,56 +1,67 @@
-import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as s, Trans as m } from "react-i18next";
+import { jsx as t, jsxs as n, Fragment as a } from "react/jsx-runtime";
+import { useTranslation as o, Trans as u } from "react-i18next";
+import { useFormContext as m } from "react-hook-form";
 import { z as i } from "zod";
 import "../../../shared/constants.js";
 import "classnames";
-import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as t } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { RadioGroupField as g } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { TextInputField as f } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { NumberInputField as r } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { useComponentContext as c } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { SelectField as f } from "../../Common/Fields/SelectField/SelectField.js";
-const I = i.object({
+import { SelectField as s } from "../../Common/Fields/SelectField/SelectField.js";
+const p = i.object({
+  w4DataType: i.literal("rev_2020_w4"),
   filingStatus: i.string().min(1),
   twoJobs: i.string().min(1),
   dependentsAmount: i.number().transform(String),
   otherIncome: i.number().transform(String),
   deductions: i.number().transform(String),
-  extraWithholding: i.number().transform(String),
-  w4DataType: i.enum(["pre_2020_w4", "rev_2020_w4"])
-});
-function v() {
-  const { t: e } = s("Employee.FederalTaxes"), o = d(), n = [
+  extraWithholding: i.number().transform(String)
+}), h = i.object({
+  w4DataType: i.literal("pre_2020_w4"),
+  filingStatus: i.string().min(1),
+  federalWithholdingAllowance: i.number().int(),
+  additionalWithholding: i.string()
+}), H = i.discriminatedUnion("w4DataType", [p, h]);
+function A() {
+  const { watch: e } = m();
+  return e("w4DataType") === "rev_2020_w4" ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(S, {});
+}
+function b() {
+  const { t: e } = o("Employee.FederalTaxes"), l = c(), d = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
     { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
     { value: "Exempt from withholding", label: e("filingStatusExemptFromWithholding") }
   ];
-  return /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ r(
-      f,
+  return /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ t(
+      s,
       {
         name: "filingStatus",
         label: e("federalFilingStatus1c"),
-        placeholder: e("federalFillingStatusPlaceholder"),
+        placeholder: e("federalFilingStatusPlaceholder"),
         description: e("selectWithholdingDescription"),
-        options: n,
+        options: d,
         isRequired: !0,
         errorMessage: e("validations.federalFilingStatus")
       }
     ),
-    /* @__PURE__ */ r(
-      u,
+    /* @__PURE__ */ t(
+      g,
       {
         name: "twoJobs",
         isRequired: !0,
         label: e("multipleJobs2c"),
         errorMessage: e("validations.federalTwoJobs"),
-        description: /* @__PURE__ */ r(
-          m,
+        description: /* @__PURE__ */ t(
+          u,
           {
             i18nKey: "includesSpouseExplanation",
             t: e,
             components: {
-              IrsLink: /* @__PURE__ */ r(o.Link, {})
+              IrsLink: /* @__PURE__ */ t(l.Link, {})
             }
           }
         ),
@@ -60,8 +71,8 @@ function v() {
         ]
       }
     ),
-    /* @__PURE__ */ r(
-      t,
+    /* @__PURE__ */ t(
+      r,
       {
         name: "dependentsAmount",
         isRequired: !0,
@@ -69,8 +80,8 @@ function v() {
         errorMessage: e("fieldIsRequired")
       }
     ),
-    /* @__PURE__ */ r(
-      t,
+    /* @__PURE__ */ t(
+      r,
       {
         name: "otherIncome",
         isRequired: !0,
@@ -80,8 +91,8 @@ function v() {
         errorMessage: e("fieldIsRequired")
       }
     ),
-    /* @__PURE__ */ r(
-      t,
+    /* @__PURE__ */ t(
+      r,
       {
         name: "deductions",
         isRequired: !0,
@@ -91,8 +102,8 @@ function v() {
         errorMessage: e("fieldIsRequired")
       }
     ),
-    /* @__PURE__ */ r(
-      t,
+    /* @__PURE__ */ t(
+      r,
       {
         name: "extraWithholding",
         isRequired: !0,
@@ -104,8 +115,51 @@ function v() {
     )
   ] });
 }
+function S() {
+  const { t: e } = o("Employee.FederalTaxes"), l = [
+    { value: "Single", label: e("filingStatusSingle") },
+    { value: "Married", label: e("filingStatusMarried") },
+    { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
+    { value: "Exempt from withholding", label: e("filingStatusExemptFromWithholding") },
+    { value: "Married, but withhold as Single", label: e("filingStatusMarriedWithholdAsSingle") }
+  ];
+  return /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ t(
+      r,
+      {
+        name: "federalWithholdingAllowance",
+        isRequired: !0,
+        label: e("federalWithholdingAllowance"),
+        min: 0,
+        maximumFractionDigits: 0,
+        errorMessage: e("fieldIsRequired")
+      }
+    ),
+    /* @__PURE__ */ t(
+      s,
+      {
+        name: "filingStatus",
+        label: e("filingStatus"),
+        placeholder: e("federalFilingStatusPlaceholder"),
+        description: e("selectWithholdingDescription"),
+        options: l,
+        isRequired: !0,
+        errorMessage: e("validations.federalFilingStatus")
+      }
+    ),
+    /* @__PURE__ */ t(
+      f,
+      {
+        name: "additionalWithholding",
+        label: e("additionalWithholding"),
+        type: "number",
+        errorMessage: e("fieldIsRequired")
+      }
+    )
+  ] });
+}
 export {
-  v as FederalForm,
-  I as FederalFormSchema
+  A as FederalForm,
+  H as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { SelectField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        description={t('selectWithholdingDescription')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              IrsLink: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useFormContext } from 'react-hook-form'\nimport { z } from 'zod'\nimport { SelectField, RadioGroupField, NumberInputField, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst Rev2020Schema = z.object({\n  w4DataType: z.literal('rev_2020_w4'),\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n})\n\nconst Pre2020Schema = z.object({\n  w4DataType: z.literal('pre_2020_w4'),\n  filingStatus: z.string().min(1),\n  federalWithholdingAllowance: z.number().int(),\n  additionalWithholding: z.string(),\n})\n\nexport const FederalFormSchema = z.discriminatedUnion('w4DataType', [Rev2020Schema, Pre2020Schema])\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { watch } = useFormContext<FederalFormInputs>()\n  const w4DataType = watch('w4DataType')\n\n  if (w4DataType === 'rev_2020_w4') {\n    return <Rev2020Form />\n  }\n\n  return <Pre2020Form />\n}\n\nfunction Rev2020Form() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  const filingStatusOptions = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFilingStatusPlaceholder')}\n        description={t('selectWithholdingDescription')}\n        options={filingStatusOptions}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              IrsLink: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n\nfunction Pre2020Form() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n\n  const filingStatusOptions = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n    { value: 'Married, but withhold as Single', label: t('filingStatusMarriedWithholdAsSingle') },\n  ]\n\n  return (\n    <>\n      <NumberInputField\n        name=\"federalWithholdingAllowance\"\n        isRequired\n        label={t('federalWithholdingAllowance')}\n        min={0}\n        maximumFractionDigits={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <SelectField\n        name=\"filingStatus\"\n        label={t('filingStatus')}\n        placeholder={t('federalFilingStatusPlaceholder')}\n        description={t('selectWithholdingDescription')}\n        options={filingStatusOptions}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <TextInputField\n        name=\"additionalWithholding\"\n        label={t('additionalWithholding')}\n        type=\"number\"\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["Rev2020Schema","z","Pre2020Schema","FederalFormSchema","FederalForm","watch","useFormContext","Rev2020Form","Pre2020Form","t","useTranslation","Components","useComponentContext","filingStatusOptions","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField","TextInputField"],"mappings":"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"}

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