@gusto/embedded-react-sdk 0.8.0 → 0.8.2

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfOnboardingComponents.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Landing as LandingComponent } from '@/components/Employee/Landing'\nimport { Profile as ProfileComponent } from '@/components/Employee/Profile'\nimport { Taxes as TaxesComponent } from '@/components/Employee/Taxes'\nimport { PaymentMethod as PaymentMethodComponent } from '@/components/Employee/PaymentMethod'\nimport { OnboardingSummary as OnboardingSummaryComponent } from '@/components/Employee/OnboardingSummary'\n\nexport interface SelfOnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  employeeId: string\n}\nexport interface SelfOnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId: string\n  paymentMethod?: PaymentMethodBankAccount\n}\n\nexport function Landing() {\n  const { companyId, employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <LandingComponent\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function Profile() {\n  const { companyId, employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <ProfileComponent\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function Taxes() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return <TaxesComponent employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function PaymentMethod() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return <PaymentMethodComponent employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function OnboardingSummary() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <OnboardingSummaryComponent\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n"],"names":["Landing","companyId","employeeId","onEvent","useFlow","jsx","LandingComponent","ensureRequired","Profile","ProfileComponent","Taxes","TaxesComponent","PaymentMethod","PaymentMethodComponent","OnboardingSummary","OnboardingSummaryComponent"],"mappings":";;;;;;;;AAqBO,SAASA,IAAU;AACxB,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAwC;AAEjF,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,IAAA;AAAA,EACF;AAEJ;AAEO,SAASK,IAAU;AACxB,QAAM,EAAE,WAAAP,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAwC;AAEjF,SAAA,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEO,SAASO,IAAQ;AACtB,QAAM,EAAE,YAAAR,GAAY,SAAAC,EAAQ,IAAIC,EAAwC;AACxE,2BAAQO,GAAe,EAAA,YAAYJ,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AACnF;AAEO,SAASS,IAAgB;AAC9B,QAAM,EAAE,YAAAV,GAAY,SAAAC,EAAQ,IAAIC,EAAwC;AACxE,2BAAQS,GAAuB,EAAA,YAAYN,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AAC3F;AAEO,SAASW,IAAoB;AAClC,QAAM,EAAE,YAAAZ,GAAY,SAAAC,EAAQ,IAAIC,EAAwC;AAEtE,SAAA,gBAAAC;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,YAAYR,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.d.ts

@@ -0,0 +1,2 @@
+import { SelfOnboardingFlowProps } from './SelfOnboardingComponents';
+export declare const SelfOnboardingFlow: ({ companyId, employeeId, onEvent }: SelfOnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.js

@@ -0,0 +1,22 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as t } from "robot3";
+import { Landing as a } from "./SelfOnboardingComponents.js";
+import { employeeSelfOnboardingMachine as p } from "./selfOnboardingMachine.js";
+import { Flow as c } from "../../Flow/Flow.js";
+const h = ({ companyId: o, employeeId: e, onEvent: n }) => {
+  const r = t(
+    "index",
+    p,
+    (m) => ({
+      ...m,
+      component: a,
+      companyId: o,
+      employeeId: e
+    })
+  );
+  return /* @__PURE__ */ i(c, { machine: r, onEvent: n });
+};
+export {
+  h as SelfOnboardingFlow
+};
+//# sourceMappingURL=SelfOnboardingFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { employeeSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const SelfOnboardingFlow = ({ companyId, employeeId, onEvent }: SelfOnboardingFlowProps) => {\n  const manageEmployees = createMachine(\n    'index',\n    employeeSelfOnboardingMachine,\n    (initialContext: SelfOnboardingContextInterface) => ({\n      ...initialContext,\n      component: Landing,\n      companyId,\n      employeeId,\n    }),\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","employeeId","onEvent","manageEmployees","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;AASO,MAAMA,IAAqB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAuC;AACjG,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAAoD;AAAA,MACnD,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,YAAAC;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAO,EAAAC,GAAA,EAAK,SAASN,GAAiB,SAAAD,EAAkB,CAAA;AAC3D;"}

package/dist/components/{Flow/StateMachines/employeeSelfOnboarding.js → Employee/SelfOnboardingFlow/selfOnboardingMachine.js}

@@ -1,8 +1,8 @@
 import { invoke as i, state as t, createMachine as r, transition as o, reduce as n } from "robot3";
+import { OnboardingSummary as E, PaymentMethod as p, Taxes as c, Profile as a } from "./SelfOnboardingComponents.js";
 import { componentEvents as m } from "../../../shared/constants.js";
-import { OnboardingSummary as E, PaymentMethod as p, Taxes as c, Profile as a } from "../EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingComponents.js";
-import { DocumentListContextual as O } from "../../Employee/DocumentSigner/documentSignerStateMachine.js";
-import { documentSignerMachine as l } from "../../Employee/DocumentSigner/stateMachine.js";
+import { DocumentListContextual as O } from "../DocumentSigner/documentSignerStateMachine.js";
+import { documentSignerMachine as l } from "../DocumentSigner/stateMachine.js";
 const y = r(
   "index",
   l,
@@ -70,4 +70,4 @@ const y = r(
 export {
   s as employeeSelfOnboardingMachine
 };
-//# sourceMappingURL=employeeSelfOnboarding.js.map
+//# sourceMappingURL=selfOnboardingMachine.js.map

package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selfOnboardingMachine.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.ts"],"sourcesContent":["import { transition, reduce, state, invoke, createMachine } from 'robot3'\nimport type { SelfOnboardingContextInterface } from './SelfOnboardingComponents'\nimport { Profile, Taxes, PaymentMethod, OnboardingSummary } from './SelfOnboardingComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { DocumentSignerContextInterface } from '@/components/Employee/DocumentSigner/documentSignerStateMachine'\nimport { DocumentListContextual } from '@/components/Employee/DocumentSigner/documentSignerStateMachine'\nimport { documentSignerMachine } from '@/components/Employee/DocumentSigner/stateMachine'\n\nconst documentSigner = createMachine(\n  'index',\n  documentSignerMachine,\n  (initialContext: DocumentSignerContextInterface) => ({\n    ...initialContext,\n    component: DocumentListContextual,\n  }),\n)\n\nexport const employeeSelfOnboardingMachine = {\n  index: state(\n    transition(\n      componentEvents.EMPLOYEE_SELF_ONBOARDING_START,\n      'employeeProfile',\n      reduce(\n        (ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n          ...ctx,\n          component: Profile,\n        }),\n      ),\n    ),\n  ),\n  employeeProfile: state(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'employeeTaxes',\n      reduce(\n        (ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n          ...ctx,\n          component: Taxes,\n        }),\n      ),\n    ),\n  ),\n  employeeTaxes: state(\n    transition(\n      componentEvents.EMPLOYEE_TAXES_DONE,\n      'employeePaymentMethod',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  employeePaymentMethod: state(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'employeeDocumentSigner',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n      })),\n    ),\n  ),\n  //Invoking nested state machine\n  employeeDocumentSigner: invoke(\n    documentSigner,\n    transition(\n      componentEvents.ROBOT_MACHINE_DONE,\n      'index',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["documentSigner","createMachine","documentSignerMachine","initialContext","DocumentListContextual","employeeSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","Taxes","PaymentMethod","invoke","OnboardingSummary"],"mappings":";;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACAC;AAAA,EACA,CAACC,OAAoD;AAAA,IACnD,GAAGA;AAAA,IACH,WAAWC;AAAA,EACb;AACF,GAEaC,IAAgC;AAAA,EAC3C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWC;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiBL;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWE;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,eAAeN;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,uBAAuBP;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,MAAA,EACH;AAAA,IAAA;AAAA,EAEN;AAAA;AAAA,EAEA,wBAAwBI;AAAA,IACtBd;AAAA,IACAO;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

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

@@ -1,13 +1,29 @@
-import * as v from 'valibot';
-export declare const FederalFormSchema: v.ObjectSchema<{
-    readonly filingStatus: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-    readonly twoJobs: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-    readonly dependentsAmount: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.TransformAction<any, string>]>;
-    readonly otherIncome: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.TransformAction<any, string>]>;
-    readonly deductions: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.TransformAction<any, string>]>;
-    readonly extraWithholding: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.TransformAction<any, string>]>;
-    readonly w4DataType: v.PicklistSchema<["pre_2020_w4", "rev_2020_w4"], undefined>;
-}, undefined>;
-export type FederalFormInputs = v.InferInput<typeof FederalFormSchema>;
-export type FederalFormPayload = v.InferOutput<typeof FederalFormSchema>;
+import { z } from 'zod';
+export declare const FederalFormSchema: z.ZodObject<{
+    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;
+    twoJobs: string;
+    dependentsAmount: string;
+    w4DataType: "pre_2020_w4" | "rev_2020_w4";
+}, {
+    deductions: number;
+    extraWithholding: number;
+    otherIncome: number;
+    filingStatus: string;
+    twoJobs: string;
+    dependentsAmount: number;
+    w4DataType: "pre_2020_w4" | "rev_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/Taxes/FederalForm.js

@@ -1,20 +1,20 @@
-import { jsxs as l, Fragment as a, jsx as i } from "react/jsx-runtime";
+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 * as r from "valibot";
+import { z as t } from "zod";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as t } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-const F = r.object({
-  filingStatus: r.pipe(r.string(), r.nonEmpty()),
-  twoJobs: r.pipe(r.string(), r.nonEmpty()),
-  dependentsAmount: r.pipe(r.number(), r.transform(String)),
-  otherIncome: r.pipe(r.number(), r.transform(String)),
-  deductions: r.pipe(r.number(), r.transform(String)),
-  extraWithholding: r.pipe(r.number(), r.transform(String)),
-  w4DataType: r.picklist(["pre_2020_w4", "rev_2020_w4"])
+import { RadioGroupField as f } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as i } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+const x = 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),
+  w4DataType: t.enum(["pre_2020_w4", "rev_2020_w4"])
 });
-function x() {
+function R() {
   const { t: e } = s("Employee.Taxes"), o = u(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
@@ -22,7 +22,7 @@ function x() {
     { value: "Exempt from withholding", label: e("filingStatusExemptFromWithholding") }
   ];
   return /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ r(
       d,
       {
         name: "filingStatus",
@@ -33,19 +33,19 @@ function x() {
         errorMessage: e("validations.federalFilingStatus")
       }
     ),
-    /* @__PURE__ */ i(
-      p,
+    /* @__PURE__ */ r(
+      f,
       {
         name: "twoJobs",
         label: e("multipleJobs2c"),
         errorMessage: e("validations.federalTwoJobs"),
-        description: /* @__PURE__ */ i(
+        description: /* @__PURE__ */ r(
           m,
           {
             i18nKey: "includesSpouseExplanation",
             t: e,
             components: {
-              irs_link: /* @__PURE__ */ i(o.Link, {})
+              irs_link: /* @__PURE__ */ r(o.Link, {})
             }
           }
         ),
@@ -55,8 +55,8 @@ function x() {
         ]
       }
     ),
-    /* @__PURE__ */ i(
-      t,
+    /* @__PURE__ */ r(
+      i,
       {
         name: "dependentsAmount",
         isRequired: !0,
@@ -64,8 +64,8 @@ function x() {
         errorMessage: e("fieldIsRequired")
       }
     ),
-    /* @__PURE__ */ i(
-      t,
+    /* @__PURE__ */ r(
+      i,
       {
         name: "otherIncome",
         isRequired: !0,
@@ -75,8 +75,8 @@ function x() {
         errorMessage: e("fieldIsRequired")
       }
     ),
-    /* @__PURE__ */ i(
-      t,
+    /* @__PURE__ */ r(
+      i,
       {
         name: "deductions",
         isRequired: !0,
@@ -86,8 +86,8 @@ function x() {
         errorMessage: e("fieldIsRequired")
       }
     ),
-    /* @__PURE__ */ i(
-      t,
+    /* @__PURE__ */ r(
+      i,
       {
         name: "extraWithholding",
         isRequired: !0,
@@ -100,7 +100,7 @@ function x() {
   ] });
 }
 export {
-  x as FederalForm,
-  F as FederalFormSchema
+  R as FederalForm,
+  x 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 * as v from 'valibot'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = v.object({\n  filingStatus: v.pipe(v.string(), v.nonEmpty()),\n  twoJobs: v.pipe(v.string(), v.nonEmpty()),\n  dependentsAmount: v.pipe(v.number(), v.transform(String)),\n  otherIncome: v.pipe(v.number(), v.transform(String)),\n  deductions: v.pipe(v.number(), v.transform(String)),\n  extraWithholding: v.pipe(v.number(), v.transform(String)),\n  w4DataType: v.picklist(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = v.InferInput<typeof FederalFormSchema>\nexport type FederalFormPayload = v.InferOutput<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\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        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              irs_link: <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","v","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":";;;;;;;AAKa,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,cAAcA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EAC7C,SAASA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACxC,kBAAkBA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU,MAAM,CAAC;AAAA,EACxD,aAAaA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU,MAAM,CAAC;AAAA,EACnD,YAAYA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU,MAAM,CAAC;AAAA,EAClD,kBAAkBA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU,MAAM,CAAC;AAAA,EACxD,YAAYA,EAAE,SAAS,CAAC,eAAe,aAAa,CAAC;AACvD,CAAC;AAKM,SAASC,IAAc;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvCC,IAAaC,EAAoB,GAEjCC,IAAyB;AAAA,IAC7B,EAAE,OAAO,UAAU,OAAOJ,EAAE,oBAAoB,EAAE;AAAA,IAClD,EAAE,OAAO,WAAW,OAAOA,EAAE,qBAAqB,EAAE;AAAA,IACpD,EAAE,OAAO,qBAAqB,OAAOA,EAAE,6BAA6B,EAAE;AAAA,IACtE,EAAE,OAAO,2BAA2B,OAAOA,EAAE,mCAAmC,EAAE;AAAA,EACpF;AAEA,SAEI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR,EAAE,uBAAuB;AAAA,QAChC,aAAaA,EAAE,iCAAiC;AAAA,QAChD,SAASI;AAAA,QACT,YAAU;AAAA,QACV,cAAcJ,EAAE,iCAAiC;AAAA,MAAA;AAAA,IACnD;AAAA,IACA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,cAAcA,EAAE,4BAA4B;AAAA,QAC5C,aACE,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,UAAU,gBAAAO,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UAC7B;AAAA,QACF;AAAA,QAEF,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAOF,EAAE,gBAAgB,EAAE;AAAA,UAC5C,EAAE,OAAO,SAAS,OAAOA,EAAE,eAAe,EAAE;AAAA,QAAA;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,6BAA6B;AAAA,QACtC,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,aAAa;AAAA,QACtB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,YAAY;AAAA,QACrB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,kBAAkB;AAAA,QAC3B,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACF;AAEJ;"}
+{"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\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.Taxes')\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        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              irs_link: <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":";;;;;;;AAKa,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,cAAcA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC9B,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,kBAAkBA,EAAE,SAAS,UAAU,MAAM;AAAA,EAC7C,aAAaA,EAAE,SAAS,UAAU,MAAM;AAAA,EACxC,YAAYA,EAAE,SAAS,UAAU,MAAM;AAAA,EACvC,kBAAkBA,EAAE,SAAS,UAAU,MAAM;AAAA,EAC7C,YAAYA,EAAE,KAAK,CAAC,eAAe,aAAa,CAAC;AACnD,CAAC;AAKM,SAASC,IAAc;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvCC,IAAaC,EAAoB,GAEjCC,IAAyB;AAAA,IAC7B,EAAE,OAAO,UAAU,OAAOJ,EAAE,oBAAoB,EAAE;AAAA,IAClD,EAAE,OAAO,WAAW,OAAOA,EAAE,qBAAqB,EAAE;AAAA,IACpD,EAAE,OAAO,qBAAqB,OAAOA,EAAE,6BAA6B,EAAE;AAAA,IACtE,EAAE,OAAO,2BAA2B,OAAOA,EAAE,mCAAmC,EAAE;AAAA,EACpF;AAEA,SAEI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR,EAAE,uBAAuB;AAAA,QAChC,aAAaA,EAAE,iCAAiC;AAAA,QAChD,SAASI;AAAA,QACT,YAAU;AAAA,QACV,cAAcJ,EAAE,iCAAiC;AAAA,MAAA;AAAA,IACnD;AAAA,IACA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,cAAcA,EAAE,4BAA4B;AAAA,QAC5C,aACE,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,UAAU,gBAAAO,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UAC7B;AAAA,QACF;AAAA,QAEF,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAOF,EAAE,gBAAgB,EAAE;AAAA,UAC5C,EAAE,OAAO,SAAS,OAAOA,EAAE,eAAe,EAAE;AAAA,QAAA;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,6BAA6B;AAAA,QACtC,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,aAAa;AAAA,QACtB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,YAAY;AAAA,QACrB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,kBAAkB;AAAA,QAC3B,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACF;AAEJ;"}

package/dist/components/Employee/Taxes/StateForm.d.ts

@@ -1,6 +1,10 @@
-import * as v from 'valibot';
-export declare const StateFormSchema: v.ObjectSchema<{
-    readonly states: v.RecordSchema<v.StringSchema<undefined>, v.RecordSchema<v.StringSchema<undefined>, v.UnknownSchema, undefined>, undefined>;
-}, undefined>;
-export type StateFormPayload = v.InferOutput<typeof StateFormSchema>;
+import { z } from 'zod';
+export declare const StateFormSchema: z.ZodObject<{
+    states: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnknown>>>;
+}, "strip", z.ZodTypeAny, {
+    states?: Record<string, Record<string, unknown>> | undefined;
+}, {
+    states?: Record<string, Record<string, unknown>> | undefined;
+}>;
+export type StateFormPayload = z.output<typeof StateFormSchema>;
 export declare const StateForm: () => import("react/jsx-runtime").JSX.Element[];

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

@@ -1,13 +1,13 @@
 import { jsxs as l, Fragment as f, jsx as r } from "react/jsx-runtime";
 import { useTranslation as s } from "react-i18next";
-import * as t from "valibot";
+import { z as t } from "zod";
 import { useTaxes as u } from "./useTaxes.js";
 import { snakeCaseToCamelCase as y } from "../../../helpers/formattedStrings.js";
 import { QuestionInput as x } from "../../Common/TaxInputs/TaxInputs.js";
 import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const H = t.object({
-  states: t.record(t.string(), t.record(t.string(), t.unknown()))
-}), S = () => {
+const S = t.object({
+  states: t.record(t.string(), t.record(t.string(), t.unknown())).optional()
+}), j = () => {
   const n = d(), { employeeStateTaxes: m, isAdmin: a } = u(), { t: i } = s("Employee.Taxes"), { t: p } = s("common", { keyPrefix: "statesHash" });
   return m.map(({ state: o, questions: c }) => /* @__PURE__ */ l(f, { children: [
     /* @__PURE__ */ r(n.Heading, { as: "h2", children: i("stateTaxesTitle", { state: p(o) }) }),
@@ -26,7 +26,7 @@ const H = t.object({
   ] }, o));
 };
 export {
-  S as StateForm,
-  H as StateFormSchema
+  j as StateForm,
+  S 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 * as v from 'valibot'\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 = v.object({\n  states: v.record(v.string(), v.record(v.string(), v.unknown())),\n})\n\nexport type StateFormPayload = v.InferOutput<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    <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        // @ts-expect-error TODO: This is an issue with the schema, the isQuestionForAdminOnly field is not defined\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  ))\n}\n"],"names":["StateFormSchema","v","StateForm","Components","useComponentContext","employeeStateTaxes","isAdmin","useTaxes","t","useTranslation","statesHash","state","questions","Fragment","jsx","question","QuestionInput","snakeCaseToCamelCase"],"mappings":";;;;;;;AASa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,QAAA,CAAS,CAAC;AAChE,CAAC,GAIYC,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAoB,GACjC,EAAE,oBAAAC,GAAoB,SAAAC,EAAQ,IAAIC,EAAS,GAC3C,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc;AAEvE,SAAAJ,EAAmB,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,EAAU,wBAC/CC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACX,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAK,EAAE,mBAAmB,EAAE,OAAOE,EAAWC,CAAqC,EAAA,CAAG,EACpF,CAAA;AAAA,IACCC,EAAU,IAAI,CAAYG,MAErBA,EAAS,0BAA0B,CAACT,IAAgB,OAEtD,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,UACR,GAAGD;AAAA,UACH,KAAK,UAAUJ,CAAK,IAAIM,EAAqBF,EAAS,GAAG,CAAC;AAAA;AAAA,QAC5D;AAAA,QACA,cACEA,EAAS,QAAQ,sBAAsB,UAAUA,EAAS,oBAAoB;AAAA,MAAA;AAAA,MAE3EA,EAAS;AAAA,IAChB,CAEH;AAAA,EAAA,EAAA,GAnBYJ,CAoBf,CACD;AACH;"}
+{"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    <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        // @ts-expect-error TODO: This is an issue with the schema, the isQuestionForAdminOnly field is not defined\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  ))\n}\n"],"names":["StateFormSchema","z","StateForm","Components","useComponentContext","employeeStateTaxes","isAdmin","useTaxes","t","useTranslation","statesHash","state","questions","Fragment","jsx","question","QuestionInput","snakeCaseToCamelCase"],"mappings":";;;;;;;AASa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,QAAS,CAAA,CAAC,EAAE,SAAS;AAC3E,CAAC,GAIYC,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAoB,GACjC,EAAE,oBAAAC,GAAoB,SAAAC,EAAQ,IAAIC,EAAS,GAC3C,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc;AAEvE,SAAAJ,EAAmB,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,EAAU,wBAC/CC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACX,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAK,EAAE,mBAAmB,EAAE,OAAOE,EAAWC,CAAqC,EAAA,CAAG,EACpF,CAAA;AAAA,IACCC,EAAU,IAAI,CAAYG,MAErBA,EAAS,0BAA0B,CAACT,IAAgB,OAEtD,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,UACR,GAAGD;AAAA,UACH,KAAK,UAAUJ,CAAK,IAAIM,EAAqBF,EAAS,GAAG,CAAC;AAAA;AAAA,QAC5D;AAAA,QACA,cACEA,EAAS,QAAQ,sBAAsB,UAAUA,EAAS,oBAAoB;AAAA,MAAA;AAAA,MAE3EA,EAAS;AAAA,IAChB,CAEH;AAAA,EAAA,EAAA,GAnBYJ,CAoBf,CACD;AACH;"}

package/dist/components/Employee/Taxes/Taxes.d.ts

@@ -1,5 +1,5 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface TaxesProps extends CommonComponentInterface {
+interface TaxesProps extends CommonComponentInterface<'Employee.Taxes'> {
     employeeId: string;
     isAdmin?: boolean;
 }

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

@@ -1,36 +1,36 @@
-import { jsx as t, jsxs as L, Fragment as B } from "react/jsx-runtime";
-import { valibotResolver as H } from "@hookform/resolvers/valibot";
-import { useForm as J, FormProvider as O } from "react-hook-form";
-import { useTranslation as q } from "react-i18next";
-import * as W from "valibot";
-import { useEffect as X } from "react";
+import { jsx as t, jsxs as B, Fragment as H } from "react/jsx-runtime";
+import { zodResolver as J } from "@hookform/resolvers/zod";
+import { useForm as X, FormProvider as q } from "react-hook-form";
+import { useTranslation as V } from "react-i18next";
+import { useEffect as W } from "react";
 import { useEmployeeTaxSetupGetFederalTaxesSuspense as Y } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
 import { useEmployeeTaxSetupUpdateFederalTaxesMutation as j } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
 import { useEmployeeTaxSetupGetStateTaxesSuspense as G } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as V } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
-import { Actions as v } from "./Actions.js";
-import { FederalFormSchema as z, FederalForm as A } from "./FederalForm.js";
-import { FederalHead as b } from "./FederalHead.js";
-import { StateFormSchema as K, StateForm as w } from "./StateForm.js";
-import { TaxesProvider as Q } from "./useTaxes.js";
-import { BaseComponent as Z } from "../../Base/Base.js";
-import { useBase as $ } from "../../Base/useBase.js";
-import { useFlow as ee } from "../../Flow/useFlow.js";
-import { useI18n as te } from "../../../i18n/I18n.js";
-import { componentEvents as x } from "../../../shared/constants.js";
-import { snakeCaseToCamelCase as h } from "../../../helpers/formattedStrings.js";
-import { Form as oe } from "../../Common/Form/Form.js";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as z } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
+import { Actions as A } from "./Actions.js";
+import { FederalFormSchema as K, FederalForm as b } from "./FederalForm.js";
+import { FederalHead as g } from "./FederalHead.js";
+import { StateFormSchema as Q, StateForm as w } from "./StateForm.js";
+import { TaxesProvider as Z } from "./useTaxes.js";
+import { BaseComponent as $ } from "../../Base/Base.js";
+import { useBase as ee } from "../../Base/useBase.js";
+import { useFlow as te } from "../../Flow/useFlow.js";
+import { useI18n as oe, useComponentDictionary as re } from "../../../i18n/I18n.js";
+import { componentEvents as F } from "../../../shared/constants.js";
+import { snakeCaseToCamelCase as v } from "../../../helpers/formattedStrings.js";
+import { Form as se } from "../../Common/Form/Form.js";
+const ae = "2010-01-01";
 function l(o) {
-  return /* @__PURE__ */ t(Z, { ...o, children: /* @__PURE__ */ t(re, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t($, { ...o, children: /* @__PURE__ */ t(ne, { ...o, children: o.children }) });
 }
-const re = (o) => {
-  const { employeeId: s, className: f, children: u, isAdmin: P = !1 } = o, { onEvent: y, fieldErrors: p, baseSubmitHandler: g } = $();
-  te("Employee.Taxes");
+const ne = (o) => {
+  const { employeeId: a, className: y, children: u, isAdmin: P = !1, dictionary: _ } = o, { onEvent: T, fieldErrors: p, baseSubmitHandler: D } = ee();
+  oe("Employee.Taxes"), re("Employee.Taxes", _);
   const { data: U } = Y({
-    employeeUuid: s
-  }), e = U.employeeFederalTax, { mutateAsync: _, isPending: k } = j(), { data: D } = G({
-    employeeUuid: s
-  }), T = D.employeeStateTaxesList, { mutateAsync: I, isPending: N } = V(), C = {
+    employeeUuid: a
+  }), e = U.employeeFederalTax, { mutateAsync: k, isPending: N } = j(), { data: I } = G({
+    employeeUuid: a
+  }), E = I.employeeStateTaxesList, { mutateAsync: C, isPending: L } = z(), M = {
     ...e,
     filingStatus: e.filingStatus ?? void 0,
     twoJobs: e.twoJobs ? "true" : "false",
@@ -38,34 +38,32 @@ const re = (o) => {
     dependentsAmount: e.dependentsAmount ? Number(e.dependentsAmount) : 0,
     otherIncome: e.otherIncome ? Number(e.otherIncome) : 0,
     extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0,
-    states: T.reduce((r, a) => (r[a.state] = a.questions.reduce((n, m) => {
-      const i = m.answers[0]?.value, d = h(m.key);
-      return d === "fileNewHireReport" ? n[d] = typeof i > "u" ? !0 : i : n[d] = i ?? "", n;
+    states: E.reduce((r, n) => (r[n.state] = n.questions.reduce((s, m) => {
+      const i = m.answers[0]?.value, d = v(m.key);
+      return d === "fileNewHireReport" ? s[d] = typeof i > "u" ? !0 : i : s[d] = i ?? "", s;
     }, {}), r), {})
-  }, S = J({
-    resolver: H(
-      W.object({ ...z.entries, ...K.entries })
-    ),
-    defaultValues: C
-  }), { handleSubmit: M, setError: F } = S;
-  return X(() => {
+  }, S = X({
+    resolver: J(K.merge(Q)),
+    defaultValues: M
+  }), { handleSubmit: R, setError: h } = S;
+  return W(() => {
     p && p.length > 0 && p.forEach((r) => {
-      const a = r.key.replace(".value", "");
-      F(a, { type: "custom", message: r.message });
+      const n = r.key.replace(".value", "");
+      h(n, { type: "custom", message: r.message });
     });
-  }, [p, F]), /* @__PURE__ */ t("section", { className: f, children: /* @__PURE__ */ t(
-    Q,
+  }, [p, h]), /* @__PURE__ */ t("section", { className: y, children: /* @__PURE__ */ t(
+    Z,
     {
       value: {
-        employeeStateTaxes: T,
+        employeeStateTaxes: E,
         isAdmin: P,
-        isPending: k || N
+        isPending: N || L
       },
-      children: /* @__PURE__ */ t(O, { ...S, children: /* @__PURE__ */ t(oe, { onSubmit: M(async (r) => {
-        await g(r, async (a) => {
-          const { states: n, ...m } = a, i = await _({
+      children: /* @__PURE__ */ t(q, { ...S, children: /* @__PURE__ */ t(se, { onSubmit: R(async (r) => {
+        await D(r, async (n) => {
+          const { states: s, ...m } = n, i = await k({
             request: {
-              employeeUuid: s,
+              employeeUuid: a,
               requestBody: {
                 ...m,
                 twoJobs: m.twoJobs === "true",
@@ -73,43 +71,46 @@ const re = (o) => {
               }
             }
           });
-          y(x.EMPLOYEE_FEDERAL_TAXES_UPDATED, i);
-          const d = {
-            states: T.map((E) => ({
-              state: E.state,
-              questions: E.questions.map((c) => ({
-                key: c.key,
-                answers: [
-                  {
-                    validFrom: c.answers[0]?.validFrom ?? "2010-01-01",
-                    //Currently always that date
-                    validUpTo: c.answers[0]?.validUpTo ?? null,
-                    //Currently always null
-                    value: n[E.state]?.[h(c.key)]
-                  }
-                ]
+          if (T(F.EMPLOYEE_FEDERAL_TAXES_UPDATED, i), s && Object.keys(s).length > 0) {
+            const d = {
+              states: E.map((x) => ({
+                state: x.state,
+                questions: x.questions.map((c) => {
+                  const f = s[x.state]?.[v(c.key)];
+                  return {
+                    key: c.key,
+                    answers: [
+                      {
+                        validFrom: c.answers[0]?.validFrom ?? ae,
+                        validUpTo: c.answers[0]?.validUpTo ?? null,
+                        value: f == null || typeof f == "number" && isNaN(f) ? "" : f
+                      }
+                    ]
+                  };
+                })
               }))
-            }))
-          }, R = await I({
-            request: { employeeUuid: s, requestBody: d }
-          });
-          y(x.EMPLOYEE_STATE_TAXES_UPDATED, R), y(x.EMPLOYEE_TAXES_DONE);
+            }, O = await C({
+              request: { employeeUuid: a, requestBody: d }
+            });
+            T(F.EMPLOYEE_STATE_TAXES_UPDATED, O);
+          }
+          T(F.EMPLOYEE_TAXES_DONE);
         });
-      }), children: u || /* @__PURE__ */ L(B, { children: [
+      }), children: u || /* @__PURE__ */ B(H, { children: [
+        /* @__PURE__ */ t(g, {}),
         /* @__PURE__ */ t(b, {}),
-        /* @__PURE__ */ t(A, {}),
         /* @__PURE__ */ t(w, {}),
-        /* @__PURE__ */ t(v, {})
+        /* @__PURE__ */ t(A, {})
       ] }) }) })
     }
   ) });
 };
-l.FederalHead = b;
-l.FederalForm = A;
+l.FederalHead = g;
+l.FederalForm = b;
 l.StateForm = w;
-l.Actions = v;
-const Pe = () => {
-  const { employeeId: o, onEvent: s, isAdmin: f } = ee(), { t: u } = q();
+l.Actions = A;
+const De = () => {
+  const { employeeId: o, onEvent: a, isAdmin: y } = te(), { t: u } = V();
   if (!o)
     throw new Error(
       u("errors.missingParamsOrContext", {
@@ -118,10 +119,10 @@ const Pe = () => {
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ t(l, { employeeId: o, onEvent: s, isAdmin: f ?? !1 });
+  return /* @__PURE__ */ t(l, { employeeId: o, onEvent: a, isAdmin: y ?? !1 });
 };
 export {
   l as Taxes,
-  Pe as TaxesContextual
+  De as TaxesContextual
 };
 //# 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 { valibotResolver } from '@hookform/resolvers/valibot'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport * as v from 'valibot'\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 { 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 type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\ninterface TaxesProps extends CommonComponentInterface {\n  employeeId: string\n  isAdmin?: boolean\n}\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 } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\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 defaultValues = {\n    ...employeeFederalTax,\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\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: employeeStateTaxes.reduce((acc: Record<string, unknown>, 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        // Default new hire report to true if not specified\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value ?? ''\n        }\n        return acc\n      }, {})\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: valibotResolver(\n      v.object({ ...FederalFormSchema.entries, ...StateFormSchema.entries }),\n    ),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    //If list of field specific errors from API is present, mark corresponding fields as invalid\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.key.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.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      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...federalPayload,\n            twoJobs: federalPayload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      //State Taxes\n      const body = {\n        states: employeeStateTaxes.map(state => ({\n          state: state.state,\n          questions: state.questions.map(question => ({\n            key: question.key,\n            answers: [\n              {\n                validFrom: question.answers[0]?.validFrom ?? '2010-01-01', //Currently always that date\n                validUpTo: question.answers[0]?.validUpTo ?? null, //Currently always null\n                value: statesPayload[state.state]?.[snakeCaseToCamelCase(question.key)] as string,\n              },\n            ],\n          })),\n        })),\n      }\n      const stateTaxesResponse = await updateStateTaxes({\n        request: { employeeUuid: employeeId, requestBody: body },\n      })\n      onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\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}\nTaxes.FederalHead = FederalHead\nTaxes.FederalForm = FederalForm\nTaxes.StateForm = StateForm\nTaxes.Actions = Actions\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<EmployeeOnboardingContextInterface>()\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":["Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","valibotResolver","v","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","federalTaxesResponse","componentEvents","body","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions","TaxesContextual","useFlow","t","useTranslation"],"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 { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\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 } 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\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, fieldErrors, 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 defaultValues = {\n    ...employeeFederalTax,\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\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: employeeStateTaxes.reduce((acc: Record<string, unknown>, 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        // Default new hire report to true if not specified\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value ?? ''\n        }\n        return acc\n      }, {})\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.merge(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    //If list of field specific errors from API is present, mark corresponding fields as invalid\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.key.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.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 federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...federalPayload,\n            twoJobs: federalPayload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n\n      //State Taxes - only process if statesPayload exists\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const body = {\n          states: employeeStateTaxes.map(state => ({\n            state: state.state,\n            questions: state.questions.map(question => {\n              const formValue = statesPayload[state.state]?.[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          })),\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, requestBody: body },\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}\nTaxes.FederalHead = FederalHead\nTaxes.FederalForm = FederalForm\nTaxes.StateForm = StateForm\nTaxes.Actions = Actions\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","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","federalTaxesResponse","componentEvents","body","formValue","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions","TaxesContextual","useFlow","t","useTranslation"],"mappings":"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"}