@gusto/embedded-react-sdk 0.44.1 → 0.45.0

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

@@ -1,30 +1,31 @@
-import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { jsx as r, Fragment as l, jsxs as a } from "react/jsx-runtime";
 import { useTranslation as s, Trans as m } from "react-i18next";
-import { z as t } from "zod";
+import { z as i } from "zod";
+import { Flex as u } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as f } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as i } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-const c = t.object({
-  filingStatus: t.string().min(1),
-  twoJobs: t.string().min(1),
-  dependentsAmount: t.number().transform(String),
-  otherIncome: t.number().transform(String),
-  deductions: t.number().transform(String),
-  extraWithholding: t.number().transform(String)
-}), I = c;
-function v() {
-  const { t: e } = s("Employee.Taxes"), o = u(), n = [
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as f } from "../../Common/Fields/SelectField/SelectField.js";
+import { RadioGroupField as c } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as t } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+const p = i.object({
+  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)
+}), M = p;
+function w() {
+  const { t: e } = s("Employee.Taxes"), o = d(), n = [
     { 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: [
+  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ a(u, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ r(
-      d,
+      f,
       {
         name: "filingStatus",
         label: e("federalFilingStatus1c"),
@@ -35,7 +36,7 @@ function v() {
       }
     ),
     /* @__PURE__ */ r(
-      f,
+      c,
       {
         name: "twoJobs",
         isRequired: !0,
@@ -58,7 +59,7 @@ function v() {
       }
     ),
     /* @__PURE__ */ r(
-      i,
+      t,
       {
         name: "dependentsAmount",
         isRequired: !0,
@@ -69,7 +70,7 @@ function v() {
       }
     ),
     /* @__PURE__ */ r(
-      i,
+      t,
       {
         name: "otherIncome",
         isRequired: !0,
@@ -80,7 +81,7 @@ function v() {
       }
     ),
     /* @__PURE__ */ r(
-      i,
+      t,
       {
         name: "deductions",
         isRequired: !0,
@@ -91,7 +92,7 @@ function v() {
       }
     ),
     /* @__PURE__ */ r(
-      i,
+      t,
       {
         name: "extraWithholding",
         isRequired: !0,
@@ -101,10 +102,10 @@ function v() {
         errorMessage: e("fieldIsRequired")
       }
     )
-  ] });
+  ] }) });
 }
 export {
-  v as FederalForm,
-  I as FederalFormSchema
+  w as FederalForm,
+  M as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst Rev2020Schema = 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})\n\nexport const FederalFormSchema = Rev2020Schema\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\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        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          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                IrsLink: <Components.Link />,\n              }}\n            />\n          </Components.Text>\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        format=\"currency\"\n        min={0}\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":["Rev2020Schema","z","FederalFormSchema","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusOptions","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { Flex, NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst Rev2020Schema = 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})\n\nexport const FederalFormSchema = Rev2020Schema\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\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      <Flex flexDirection=\"column\" gap={20}>\n        <SelectField\n          name=\"filingStatus\"\n          label={t('federalFilingStatus1c')}\n          placeholder={t('federalFilingStatusPlaceholder')}\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            <Components.Text>\n              <Trans\n                i18nKey={'includesSpouseExplanation'}\n                t={t}\n                components={{\n                  IrsLink: <Components.Link />,\n                }}\n              />\n            </Components.Text>\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          format=\"currency\"\n          min={0}\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      </Flex>\n    </>\n  )\n}\n"],"names":["Rev2020Schema","z","FederalFormSchema","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusOptions","jsxs","Flex","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}

package/dist/components/Employee/Taxes/FederalHead.js

@@ -1,15 +1,18 @@
-import { jsxs as o, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { useTranslation as i, Trans as s } from "react-i18next";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useTranslation as t, Trans as i } from "react-i18next";
 import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function p() {
-  const { t: r } = i("Employee.Taxes"), n = a();
-  return /* @__PURE__ */ o(t, { children: [
-    /* @__PURE__ */ e(n.Heading, { as: "h2", children: r("federalTaxesTitle") }),
-    /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
-      s,
+import { Flex as s } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+function d() {
+  const { t: o } = t("Employee.Taxes"), n = a();
+  return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
+    /* @__PURE__ */ e(n.Heading, { as: "h2", children: o("federalTaxesTitle") }),
+    /* @__PURE__ */ e(n.Text, { variant: "supporting", children: /* @__PURE__ */ e(
+      i,
       {
         i18nKey: "irsCalculator",
-        t: r,
+        t: o,
         components: {
           IrsCalculatorLink: /* @__PURE__ */ e(n.Link, {}),
           HelpCenterLink: /* @__PURE__ */ e(n.Link, {})
@@ -19,6 +22,6 @@ function p() {
   ] });
 }
 export {
-  p as FederalHead
+  d as FederalHead
 };
 //# sourceMappingURL=FederalHead.js.map

package/dist/components/Employee/Taxes/FederalHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalHead.js","sources":["../../../../src/components/Employee/Taxes/FederalHead.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function FederalHead() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  return (\n    <>\n      <Components.Heading as=\"h2\">{t('federalTaxesTitle')}</Components.Heading>\n      <Components.Text>\n        <Trans\n          i18nKey={'irsCalculator'}\n          t={t}\n          components={{\n            IrsCalculatorLink: <Components.Link />,\n            HelpCenterLink: <Components.Link />,\n          }}\n        />\n      </Components.Text>\n    </>\n  )\n}\n"],"names":["FederalHead","t","useTranslation","Components","useComponentContext","jsxs","Fragment","jsx","Trans"],"mappings":";;;AAGO,SAASA,IAAc;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvCC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,mBAAmB,GAAE;AAAA,IACpD,gBAAAM,EAACJ,EAAW,MAAX,EACC,UAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,GAAAP;AAAA,QACA,YAAY;AAAA,UACV,mBAAmB,gBAAAM,EAACJ,EAAW,MAAX,CAAA,CAAgB;AAAA,UACpC,gBAAgB,gBAAAI,EAACJ,EAAW,MAAX,CAAA,CAAgB;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"FederalHead.js","sources":["../../../../src/components/Employee/Taxes/FederalHead.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\n\nexport function FederalHead() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{t('federalTaxesTitle')}</Components.Heading>\n      <Components.Text variant=\"supporting\">\n        <Trans\n          i18nKey={'irsCalculator'}\n          t={t}\n          components={{\n            IrsCalculatorLink: <Components.Link />,\n            HelpCenterLink: <Components.Link />,\n          }}\n        />\n      </Components.Text>\n    </Flex>\n  )\n}\n"],"names":["FederalHead","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","Trans"],"mappings":";;;;;;AAIO,SAASA,IAAc;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvCC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,mBAAmB,GAAE;AAAA,IACpD,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cACvB,UAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,GAAAP;AAAA,QACA,YAAY;AAAA,UACV,mBAAmB,gBAAAM,EAACJ,EAAW,MAAX,CAAA,CAAgB;AAAA,UACpC,gBAAgB,gBAAAI,EAACJ,EAAW,MAAX,CAAA,CAAgB;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/Taxes/StateForm.js

@@ -1,18 +1,21 @@
-import { jsxs as c, Fragment as y, jsx as s } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
+import { jsxs as c, Fragment as f, jsx as n } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
 import { z as t } from "zod";
-import { useTaxes as f } from "./useTaxes.js";
+import { useTaxes as y } from "./useTaxes.js";
 import { snakeCaseToCamelCase as d } from "../../../helpers/formattedStrings.js";
 import { QuestionInput as u } from "../../Common/TaxInputs/TaxInputs.js";
-import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const H = t.object({
+import { Flex as x } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const w = t.object({
   states: t.record(t.string(), t.record(t.string(), t.unknown())).optional()
-}), Q = () => {
-  const a = x(), { employeeStateTaxes: i, isAdmin: n } = f(), { t: p } = m("Employee.Taxes"), { t: l } = m("common", { keyPrefix: "statesHash" });
-  return i.map(
-    ({ state: o, questions: r }) => Array.isArray(r) && (n || r.find((e) => !e.isQuestionForAdminOnly)) ? /* @__PURE__ */ c(y, { children: [
-      /* @__PURE__ */ s(a.Heading, { as: "h2", children: p("stateTaxesTitle", { state: l(o) }) }),
-      r.map((e) => e.isQuestionForAdminOnly && !n ? null : /* @__PURE__ */ s(
+}), O = () => {
+  const i = T(), { employeeStateTaxes: a, isAdmin: m } = y(), { t: p } = s("Employee.Taxes"), { t: l } = s("common", { keyPrefix: "statesHash" });
+  return a.map(
+    ({ state: o, questions: r }) => Array.isArray(r) && (m || r.find((e) => !e.isQuestionForAdminOnly)) ? /* @__PURE__ */ c(f, { children: [
+      /* @__PURE__ */ n(i.Heading, { as: "h2", children: p("stateTaxesTitle", { state: l(o) }) }),
+      /* @__PURE__ */ n(x, { flexDirection: "column", gap: 20, children: r.map((e) => e.isQuestionForAdminOnly && !m ? null : /* @__PURE__ */ n(
         u,
         {
           question: {
@@ -23,12 +26,12 @@ const H = t.object({
           questionType: e.key === "fileNewHireReport" ? "Radio" : e.inputQuestionFormat.type
         },
         e.key
-      ))
+      )) })
     ] }, o) : null
   );
 };
 export {
-  Q as StateForm,
-  H as StateFormSchema
+  O as StateForm,
+  w as StateFormSchema
 };
 //# sourceMappingURL=StateForm.js.map

package/dist/components/Employee/Taxes/StateForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateForm.js","sources":["../../../../src/components/Employee/Taxes/StateForm.tsx"],"sourcesContent":["import { Fragment } from 'react/jsx-runtime'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useTaxes } from './useTaxes'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = z.object({\n  states: z.record(z.string(), z.record(z.string(), z.unknown())).optional(),\n})\n\nexport type StateFormPayload = z.output<typeof StateFormSchema>\n\nexport const StateForm = () => {\n  const Components = useComponentContext()\n  const { employeeStateTaxes, isAdmin } = useTaxes()\n  const { t } = useTranslation('Employee.Taxes')\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  return employeeStateTaxes.map(({ state, questions }) =>\n    Array.isArray(questions) && (isAdmin || questions.find(q => !q.isQuestionForAdminOnly)) ? (\n      <Fragment key={state}>\n        <Components.Heading as=\"h2\">\n          {t('stateTaxesTitle', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n        </Components.Heading>\n        {questions.map(question => {\n          if (question.isQuestionForAdminOnly && !isAdmin) return null\n          return (\n            <QuestionInput\n              question={{\n                ...question,\n                key: `states.${state}.${snakeCaseToCamelCase(question.key)}`, // Its important not to convert state as it must maintain two capital letters\n              }}\n              questionType={\n                question.key === 'fileNewHireReport' ? 'Radio' : question.inputQuestionFormat.type\n              }\n              key={question.key}\n            />\n          )\n        })}\n      </Fragment>\n    ) : null,\n  )\n}\n"],"names":["StateFormSchema","z","StateForm","Components","useComponentContext","employeeStateTaxes","isAdmin","useTaxes","t","useTranslation","statesHash","state","questions","q","Fragment","jsx","question","QuestionInput","snakeCaseToCamelCase"],"mappings":";;;;;;;AASO,MAAMA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,QAAA,CAAS,CAAC,EAAE,SAAA;AAClE,CAAC,GAIYC,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,oBAAAC,GAAoB,SAAAC,EAAA,IAAYC,EAAA,GAClC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc;AAE9E,SAAOJ,EAAmB;AAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,QACtC,MAAM,QAAQA,CAAS,MAAMN,KAAWM,EAAU,KAAK,CAAAC,MAAK,CAACA,EAAE,sBAAsB,uBAClFC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACZ,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAK,EAAE,mBAAmB,EAAE,OAAOE,EAAWC,CAAqC,EAAA,CAAG,EAAA,CACpF;AAAA,MACCC,EAAU,IAAI,CAAAI,MACTA,EAAS,0BAA0B,CAACV,IAAgB,OAEtD,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,YACR,GAAGD;AAAA,YACH,KAAK,UAAUL,CAAK,IAAIO,EAAqBF,EAAS,GAAG,CAAC;AAAA;AAAA,UAAA;AAAA,UAE5D,cACEA,EAAS,QAAQ,sBAAsB,UAAUA,EAAS,oBAAoB;AAAA,QAAA;AAAA,QAE3EA,EAAS;AAAA,MAAA,CAGnB;AAAA,IAAA,EAAA,GAlBYL,CAmBf,IACE;AAAA,EAAA;AAER;"}
+{"version":3,"file":"StateForm.js","sources":["../../../../src/components/Employee/Taxes/StateForm.tsx"],"sourcesContent":["import { Fragment } from 'react/jsx-runtime'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useTaxes } from './useTaxes'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = z.object({\n  states: z.record(z.string(), z.record(z.string(), z.unknown())).optional(),\n})\n\nexport type StateFormPayload = z.output<typeof StateFormSchema>\n\nexport const StateForm = () => {\n  const Components = useComponentContext()\n  const { employeeStateTaxes, isAdmin } = useTaxes()\n  const { t } = useTranslation('Employee.Taxes')\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  return employeeStateTaxes.map(({ state, questions }) =>\n    Array.isArray(questions) && (isAdmin || questions.find(q => !q.isQuestionForAdminOnly)) ? (\n      <Fragment key={state}>\n        <Components.Heading as=\"h2\">\n          {t('stateTaxesTitle', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n        </Components.Heading>\n        <Flex flexDirection=\"column\" gap={20}>\n          {questions.map(question => {\n            if (question.isQuestionForAdminOnly && !isAdmin) return null\n            return (\n              <QuestionInput\n                question={{\n                  ...question,\n                  key: `states.${state}.${snakeCaseToCamelCase(question.key)}`, // Its important not to convert state as it must maintain two capital letters\n                }}\n                questionType={\n                  question.key === 'fileNewHireReport' ? 'Radio' : question.inputQuestionFormat.type\n                }\n                key={question.key}\n              />\n            )\n          })}\n        </Flex>\n      </Fragment>\n    ) : null,\n  )\n}\n"],"names":["StateFormSchema","z","StateForm","Components","useComponentContext","employeeStateTaxes","isAdmin","useTaxes","t","useTranslation","statesHash","state","questions","q","Fragment","jsx","Flex","question","QuestionInput","snakeCaseToCamelCase"],"mappings":";;;;;;;;;;AAUO,MAAMA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,QAAA,CAAS,CAAC,EAAE,SAAA;AAClE,CAAC,GAIYC,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,oBAAAC,GAAoB,SAAAC,EAAA,IAAYC,EAAA,GAClC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc;AAE9E,SAAOJ,EAAmB;AAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,QACtC,MAAM,QAAQA,CAAS,MAAMN,KAAWM,EAAU,KAAK,CAAAC,MAAK,CAACA,EAAE,sBAAsB,uBAClFC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACZ,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAK,EAAE,mBAAmB,EAAE,OAAOE,EAAWC,CAAqC,EAAA,CAAG,EAAA,CACpF;AAAA,MACA,gBAAAI,EAACC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAJ,EAAU,IAAI,CAAAK,MACTA,EAAS,0BAA0B,CAACX,IAAgB,OAEtD,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,YACR,GAAGD;AAAA,YACH,KAAK,UAAUN,CAAK,IAAIQ,EAAqBF,EAAS,GAAG,CAAC;AAAA;AAAA,UAAA;AAAA,UAE5D,cACEA,EAAS,QAAQ,sBAAsB,UAAUA,EAAS,oBAAoB;AAAA,QAAA;AAAA,QAE3EA,EAAS;AAAA,MAAA,CAGnB,EAAA,CACH;AAAA,IAAA,EAAA,GApBaN,CAqBf,IACE;AAAA,EAAA;AAER;"}

package/dist/components/Employee/Taxes/Taxes.js

@@ -1,46 +1,48 @@
-import { jsx as t, jsxs as C, Fragment as J } from "react/jsx-runtime";
-import { zodResolver as V } from "@hookform/resolvers/zod";
-import { useForm as X, FormProvider as j } from "react-hook-form";
+import { jsx as t, Fragment as V, jsxs as T } from "react/jsx-runtime";
+import { zodResolver as X } from "@hookform/resolvers/zod";
+import { useForm as j, FormProvider as q } from "react-hook-form";
 import "react-i18next";
-import { useEffect as q } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as B } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as H } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
-import { useEmployeeTaxSetupGetStateTaxesSuspense as Y } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as z } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
-import { Actions as G } from "./Actions.js";
-import { FederalFormSchema as K, FederalForm as Q } from "./FederalForm.js";
-import { FederalHead as Z } from "./FederalHead.js";
-import { StateFormSchema as $, StateForm as ee } from "./StateForm.js";
-import { TaxesProvider as te } from "./useTaxes.js";
-import { BaseComponent as oe } from "../../Base/Base.js";
-import { useBase as se } from "../../Base/useBase.js";
+import { useEffect as B } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as H } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as Y } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+import { useEmployeeTaxSetupGetStateTaxesSuspense as z } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as G } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
+import { Actions as K } from "./Actions.js";
+import { FederalFormSchema as Q, FederalForm as Z } from "./FederalForm.js";
+import { FederalHead as $ } from "./FederalHead.js";
+import { StateFormSchema as ee, StateForm as te } from "./StateForm.js";
+import { TaxesProvider as oe } from "./useTaxes.js";
+import { BaseComponent as se } from "../../Base/Base.js";
+import { useBase as re } from "../../Base/useBase.js";
+import { Flex as x } from "../../Common/Flex/Flex.js";
+import "classnames";
+import { componentEvents as E } from "../../../shared/constants.js";
 import "../../Flow/useFlow.js";
-import { useI18n as re, useComponentDictionary as ne } from "../../../i18n/I18n.js";
-import { componentEvents as h } from "../../../shared/constants.js";
-import { snakeCaseToCamelCase as A, normalizeErrorKeyForForm as ae } from "../../../helpers/formattedStrings.js";
-import { Form as ie } from "../../Common/Form/Form.js";
-const me = "2010-01-01";
-function Ie(i) {
-  return /* @__PURE__ */ t(oe, { ...i, children: /* @__PURE__ */ t(de, { ...i, children: i.children }) });
+import { useI18n as ne, useComponentDictionary as ae } from "../../../i18n/I18n.js";
+import { snakeCaseToCamelCase as w, normalizeErrorKeyForForm as ie } from "../../../helpers/formattedStrings.js";
+import { Form as me } from "../../Common/Form/Form.js";
+const le = "2010-01-01";
+function Le(i) {
+  return /* @__PURE__ */ t(se, { ...i, children: /* @__PURE__ */ t(de, { ...i, children: i.children }) });
 }
 const de = (i) => {
-  const { employeeId: l, className: v, children: E, isAdmin: x = !1, dictionary: w } = i, { onEvent: c, error: _, baseSubmitHandler: D } = se();
-  re("Employee.Taxes"), ne("Employee.Taxes", w);
-  const { data: N } = B({
-    employeeUuid: l
-  }), e = N.employeeFederalTax, { mutateAsync: P, isPending: U } = H(), { data: I } = Y({
-    employeeUuid: l
-  }), f = I.employeeStateTaxesList, { mutateAsync: R, isPending: k } = z(), L = e.w4DataType === "rev_2020_w4", S = f.reduce((s, r) => (r.state && (s[r.state] = r.questions?.reduce((n, o) => {
-    const m = o.answers[0]?.value, d = A(o.key);
-    return d === "fileNewHireReport" ? n[d] = typeof m > "u" ? !0 : m : n[d] = m, n;
-  }, {})), s), {}), M = L ? {
+  const { employeeId: d, className: D, children: S, isAdmin: F = !1, dictionary: _ } = i, { onEvent: p, error: N, baseSubmitHandler: P } = re();
+  ne("Employee.Taxes"), ae("Employee.Taxes", _);
+  const { data: U } = H({
+    employeeUuid: d
+  }), e = U.employeeFederalTax, { mutateAsync: I, isPending: R } = Y(), { data: k } = z({
+    employeeUuid: d
+  }), f = k.employeeStateTaxesList, { mutateAsync: L, isPending: M } = G(), O = e.w4DataType === "rev_2020_w4", g = f.reduce((s, r) => (r.state && (s[r.state] = r.questions?.reduce((n, o) => {
+    const m = o.answers[0]?.value, l = w(o.key);
+    return l === "fileNewHireReport" ? n[l] = typeof m > "u" ? !0 : m : n[l] = m, n;
+  }, {})), s), {}), W = O ? {
     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,
-    states: S
+    states: g
   } : {
     filingStatus: "",
     twoJobs: "false",
@@ -48,26 +50,26 @@ const de = (i) => {
     dependentsAmount: 0,
     otherIncome: 0,
     extraWithholding: 0,
-    states: S
-  }, F = X({
-    resolver: V(K.and($)),
-    defaultValues: M
-  }), { handleSubmit: O, setError: b } = F, u = _?.fieldErrors;
-  return q(() => {
+    states: g
+  }, b = j({
+    resolver: X(Q.and(ee)),
+    defaultValues: W
+  }), { handleSubmit: C, setError: A } = b, u = N?.fieldErrors;
+  return B(() => {
     u && u.length > 0 && u.forEach((s) => {
-      const r = ae(s.field);
-      b(r, { type: "custom", message: s.message });
+      const r = ie(s.field);
+      A(r, { type: "custom", message: s.message });
     });
-  }, [u, b]), /* @__PURE__ */ t("section", { className: v, children: /* @__PURE__ */ t(
-    te,
+  }, [u, A]), /* @__PURE__ */ t("section", { className: D, children: /* @__PURE__ */ t(
+    oe,
     {
       value: {
         employeeStateTaxes: f,
-        isAdmin: x,
-        isPending: U || k
+        isAdmin: F,
+        isPending: R || M
       },
-      children: /* @__PURE__ */ t(j, { ...F, children: /* @__PURE__ */ t(ie, { onSubmit: O(async (s) => {
-        await D(s, async (r) => {
+      children: /* @__PURE__ */ t(q, { ...b, children: /* @__PURE__ */ t(me, { onSubmit: C(async (s) => {
+        await P(s, async (r) => {
           const { states: n, ...o } = r, m = {
             filingStatus: o.filingStatus,
             twoJobs: o.twoJobs === "true",
@@ -77,52 +79,56 @@ const de = (i) => {
             extraWithholding: Number(o.extraWithholding),
             w4DataType: "rev_2020_w4",
             version: e.version
-          }, d = await P({
+          }, l = await I({
             request: {
-              employeeUuid: l,
+              employeeUuid: d,
               requestBody: m
             }
           });
-          if (c(h.EMPLOYEE_FEDERAL_TAXES_UPDATED, d), n && Object.keys(n).length > 0) {
-            const g = [];
+          if (p(E.EMPLOYEE_FEDERAL_TAXES_UPDATED, l), n && Object.keys(n).length > 0) {
+            const v = [];
             for (const y of f) {
-              const T = y.state;
-              T && y.questions !== void 0 && g.push({
-                state: T,
+              const h = y.state;
+              h && y.questions !== void 0 && v.push({
+                state: h,
                 questions: y.questions.map((a) => {
-                  if (a.isQuestionForAdminOnly && !x)
+                  if (a.isQuestionForAdminOnly && !F)
                     return null;
-                  const p = n[T]?.[A(a.key)];
+                  const c = n[h]?.[w(a.key)];
                   return {
                     key: a.key,
                     answers: [
                       {
-                        validFrom: a.answers[0]?.validFrom ?? me,
+                        validFrom: a.answers[0]?.validFrom ?? le,
                         validUpTo: a.answers[0]?.validUpTo ?? null,
-                        value: p == null || typeof p == "number" && isNaN(p) ? "" : p
+                        value: c == null || typeof c == "number" && isNaN(c) ? "" : c
                       }
                     ]
                   };
                 }).filter((a) => a !== null)
               });
             }
-            const W = await R({
-              request: { employeeUuid: l, employeeStateTaxesRequest: { states: g } }
+            const J = await L({
+              request: { employeeUuid: d, employeeStateTaxesRequest: { states: v } }
             });
-            c(h.EMPLOYEE_STATE_TAXES_UPDATED, W);
+            p(E.EMPLOYEE_STATE_TAXES_UPDATED, J);
           }
-          c(h.EMPLOYEE_TAXES_DONE);
+          p(E.EMPLOYEE_TAXES_DONE);
         });
-      }), children: E || /* @__PURE__ */ C(J, { children: [
-        /* @__PURE__ */ t(Z, {}),
-        /* @__PURE__ */ t(Q, {}),
-        /* @__PURE__ */ t(ee, {}),
-        /* @__PURE__ */ t(G, {})
-      ] }) }) })
+      }), children: S || /* @__PURE__ */ t(V, { children: /* @__PURE__ */ T(x, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ t($, {}),
+        /* @__PURE__ */ T(x, { flexDirection: "column", gap: 20, children: [
+          /* @__PURE__ */ T(x, { flexDirection: "column", gap: 32, children: [
+            /* @__PURE__ */ t(Z, {}),
+            /* @__PURE__ */ t(te, {})
+          ] }),
+          /* @__PURE__ */ t(K, {})
+        ] })
+      ] }) }) }) })
     }
   ) });
 };
 export {
-  Ie as Taxes
+  Le as Taxes
 };
 //# sourceMappingURL=Taxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport type { PutV1EmployeesEmployeeIdFederalTaxesRequestBody } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { snakeCaseToCamelCase, normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface TaxesProps extends CommonComponentInterface<'Employee.Taxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\n/**\n * @deprecated The Taxes component has been deprecated and will be removed in a future release.\n * The component has been split into separate components for state and federal. Use Employee.FederalTaxes\n * and Employee.StateTaxes components instead.\n */\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, error, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n  useComponentDictionary('Employee.Taxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const statesDefaultValues = employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n    if (state.state) {\n      acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n        const value = question.answers[0]?.value\n        const key = snakeCaseToCamelCase(question.key)\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value\n        }\n        return acc\n      }, {})\n    }\n    return acc\n  }, {})\n\n  const defaultValues = isRev2020\n    ? {\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        states: statesDefaultValues,\n      }\n    : {\n        filingStatus: '',\n        twoJobs: 'false',\n        deductions: 0,\n        dependentsAmount: 0,\n        otherIncome: 0,\n        extraWithholding: 0,\n        states: statesDefaultValues,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.and(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  const fieldErrors = error?.fieldErrors\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(fieldError => {\n        const key = normalizeErrorKeyForForm(fieldError.field)\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: fieldError.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n\n      const requestBody: PutV1EmployeesEmployeeIdFederalTaxesRequestBody = {\n        filingStatus:\n          federalPayload.filingStatus as PutV1EmployeesEmployeeIdFederalTaxesRequestBody['filingStatus'],\n        twoJobs: federalPayload.twoJobs === 'true',\n        dependentsAmount: Number(federalPayload.dependentsAmount),\n        otherIncome: Number(federalPayload.otherIncome),\n        deductions: Number(federalPayload.deductions),\n        extraWithholding: Number(federalPayload.extraWithholding),\n        w4DataType: 'rev_2020_w4',\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\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value:\n                          formValue == null || (typeof formValue === 'number' && isNaN(formValue))\n                            ? ''\n                            : (formValue as string | number | boolean),\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null),\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","error","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","isRev2020","statesDefaultValues","acc","state","question","value","key","snakeCaseToCamelCase","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","fieldErrors","useEffect","fieldError","normalizeErrorKeyForForm","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","requestBody","federalTaxesResponse","componentEvents","states","stateName","formValue","q","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions"],"mappings":"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"}
+{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport type { PutV1EmployeesEmployeeIdFederalTaxesRequestBody } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { snakeCaseToCamelCase, normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface TaxesProps extends CommonComponentInterface<'Employee.Taxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\n/**\n * @deprecated The Taxes component has been deprecated and will be removed in a future release.\n * The component has been split into separate components for state and federal. Use Employee.FederalTaxes\n * and Employee.StateTaxes components instead.\n */\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, error, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n  useComponentDictionary('Employee.Taxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const statesDefaultValues = employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n    if (state.state) {\n      acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n        const value = question.answers[0]?.value\n        const key = snakeCaseToCamelCase(question.key)\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value\n        }\n        return acc\n      }, {})\n    }\n    return acc\n  }, {})\n\n  const defaultValues = isRev2020\n    ? {\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        states: statesDefaultValues,\n      }\n    : {\n        filingStatus: '',\n        twoJobs: 'false',\n        deductions: 0,\n        dependentsAmount: 0,\n        otherIncome: 0,\n        extraWithholding: 0,\n        states: statesDefaultValues,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.and(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  const fieldErrors = error?.fieldErrors\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(fieldError => {\n        const key = normalizeErrorKeyForForm(fieldError.field)\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: fieldError.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n\n      const requestBody: PutV1EmployeesEmployeeIdFederalTaxesRequestBody = {\n        filingStatus:\n          federalPayload.filingStatus as PutV1EmployeesEmployeeIdFederalTaxesRequestBody['filingStatus'],\n        twoJobs: federalPayload.twoJobs === 'true',\n        dependentsAmount: Number(federalPayload.dependentsAmount),\n        otherIncome: Number(federalPayload.otherIncome),\n        deductions: Number(federalPayload.deductions),\n        extraWithholding: Number(federalPayload.extraWithholding),\n        w4DataType: 'rev_2020_w4',\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\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value:\n                          formValue == null || (typeof formValue === 'number' && isNaN(formValue))\n                            ? ''\n                            : (formValue as string | number | boolean),\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null),\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Flex flexDirection=\"column\" gap={32}>\n                  <FederalHead />\n                  <Flex flexDirection=\"column\" gap={20}>\n                    <Flex flexDirection=\"column\" gap={32}>\n                      <FederalForm />\n                      <StateForm />\n                    </Flex>\n                    <Actions />\n                  </Flex>\n                </Flex>\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","error","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","isRev2020","statesDefaultValues","acc","state","question","value","key","snakeCaseToCamelCase","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","fieldErrors","useEffect","fieldError","normalizeErrorKeyForForm","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","requestBody","federalTaxesResponse","componentEvents","states","stateName","formValue","q","stateTaxesResponse","Fragment","jsxs","Flex","FederalHead","FederalForm","StateForm","Actions"],"mappings":"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"}

package/dist/components/Employee/Taxes/useTaxes.js

@@ -1,24 +1,8 @@
-import "react/jsx-runtime";
-import "react";
-import "react-error-boundary";
-import "react-i18next";
-import "@tanstack/react-query";
+import { createCompoundContext as e } from "../../Base/createCompoundContext.js";
 import "../../Base/useBase.js";
-import "@gusto/embedded-api/models/errors/apierror";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerror";
-import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
-import "../../../shared/constants.js";
-import "classnames";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [b, g] = o("TaxesContext");
+const [r, x] = e("TaxesContext");
 export {
-  g as TaxesProvider,
-  b as useTaxes
+  x as TaxesProvider,
+  r as useTaxes
 };
 //# sourceMappingURL=useTaxes.js.map

package/dist/components/Employee/Taxes/useTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}