@gusto/embedded-react-sdk 0.8.1 → 0.9.0

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/StateForm.d.ts

@@ -1,10 +1,10 @@
 import { z } from 'zod';
 export declare const StateFormSchema: z.ZodObject<{
-    states: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    states: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnknown>>>;
 }, "strip", z.ZodTypeAny, {
-    states: Record<string, Record<string, unknown>>;
+    states?: Record<string, Record<string, unknown>> | undefined;
 }, {
-    states: Record<string, Record<string, unknown>>;
+    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

@@ -6,12 +6,12 @@ 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 S = t.object({
-  states: t.record(t.string(), t.record(t.string(), t.unknown()))
+  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) }) }),
-    c.map((e) => e.isQuestionForAdminOnly && !a ? null : /* @__PURE__ */ r(
+    c?.map((e) => e.isQuestionForAdminOnly && !a ? null : /* @__PURE__ */ r(
       x,
       {
         question: {

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())),\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,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        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,GAAW,IAAI,CAAYG,MACtBA,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,GAlBYJ,CAmBf,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,35 +1,36 @@
-import { jsx as t, jsxs as L, Fragment as B } from "react/jsx-runtime";
-import { zodResolver as H } from "@hookform/resolvers/zod";
-import { useForm as J, FormProvider as O } from "react-hook-form";
-import { useTranslation as q } from "react-i18next";
-import { useEffect as W } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as X } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as Y } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
-import { useEmployeeTaxSetupGetStateTaxesSuspense as G } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as j } 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 w } from "./FederalHead.js";
-import { StateFormSchema as V, StateForm as P } from "./StateForm.js";
-import { TaxesProvider as K } from "./useTaxes.js";
-import { BaseComponent as Q } from "../../Base/Base.js";
-import { useBase as Z } from "../../Base/useBase.js";
-import { useFlow as $ } from "../../Flow/useFlow.js";
-import { useI18n as ee } from "../../../i18n/I18n.js";
-import { componentEvents as x } from "../../../shared/constants.js";
-import { snakeCaseToCamelCase as h } from "../../../helpers/formattedStrings.js";
-import { Form as te } from "../../Common/Form/Form.js";
+import { jsx as t, jsxs as J, Fragment as X } from "react/jsx-runtime";
+import { zodResolver as q } from "@hookform/resolvers/zod";
+import { useForm as B, FormProvider as V } from "react-hook-form";
+import { useTranslation as W } from "react-i18next";
+import { useEffect as Y } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as j } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as G } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+import { useEmployeeTaxSetupGetStateTaxesSuspense as z } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as K } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
+import { Actions as g } from "./Actions.js";
+import { FederalFormSchema as Q, FederalForm as w } from "./FederalForm.js";
+import { FederalHead as P } from "./FederalHead.js";
+import { StateFormSchema as Z, StateForm as b } from "./StateForm.js";
+import { TaxesProvider as $ } from "./useTaxes.js";
+import { BaseComponent as ee } from "../../Base/Base.js";
+import { useBase as te } from "../../Base/useBase.js";
+import { useFlow as oe } from "../../Flow/useFlow.js";
+import { useI18n as se, useComponentDictionary as re } from "../../../i18n/I18n.js";
+import { componentEvents as S } from "../../../shared/constants.js";
+import { snakeCaseToCamelCase as A } from "../../../helpers/formattedStrings.js";
+import { Form as ae } from "../../Common/Form/Form.js";
+const ne = "2010-01-01";
 function l(o) {
-  return /* @__PURE__ */ t(Q, { ...o, children: /* @__PURE__ */ t(oe, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t(ee, { ...o, children: /* @__PURE__ */ t(me, { ...o, children: o.children }) });
 }
-const oe = (o) => {
-  const { employeeId: s, className: f, children: u, isAdmin: g = !1 } = o, { onEvent: y, fieldErrors: p, baseSubmitHandler: b } = Z();
-  ee("Employee.Taxes");
-  const { data: U } = X({
-    employeeUuid: s
-  }), e = U.employeeFederalTax, { mutateAsync: _, isPending: k } = Y(), { data: D } = G({
-    employeeUuid: s
-  }), T = D.employeeStateTaxesList, { mutateAsync: I, isPending: N } = j(), C = {
+const me = (o) => {
+  const { employeeId: n, className: y, children: u, isAdmin: _ = !1, dictionary: D } = o, { onEvent: T, fieldErrors: p, baseSubmitHandler: U } = te();
+  se("Employee.Taxes"), re("Employee.Taxes", D);
+  const { data: N } = j({
+    employeeUuid: n
+  }), e = N.employeeFederalTax, { mutateAsync: k, isPending: I } = G(), { data: R } = z({
+    employeeUuid: n
+  }), E = R.employeeStateTaxesList, { mutateAsync: C, isPending: L } = K(), M = {
     ...e,
     filingStatus: e.filingStatus ?? void 0,
     twoJobs: e.twoJobs ? "true" : "false",
@@ -37,76 +38,82 @@ const oe = (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;
-    }, {}), r), {})
-  }, S = J({
-    resolver: H(z.merge(V)),
-    defaultValues: C
-  }), { handleSubmit: M, setError: F } = S;
-  return W(() => {
-    p && p.length > 0 && p.forEach((r) => {
-      const a = r.key.replace(".value", "");
-      F(a, { type: "custom", message: r.message });
+    states: E.reduce((s, r) => (r.state && (s[r.state] = r.questions?.reduce((a, i) => {
+      const d = i.answers[0]?.value, m = A(i.key);
+      return m === "fileNewHireReport" ? a[m] = typeof d > "u" ? !0 : d : a[m] = d ?? "", a;
+    }, {})), s), {})
+  }, F = B({
+    resolver: q(Q.merge(Z)),
+    defaultValues: M
+  }), { handleSubmit: O, setError: h } = F;
+  return Y(() => {
+    p && p.length > 0 && p.forEach((s) => {
+      const r = s.key.replace(".value", "");
+      h(r, { type: "custom", message: s.message });
     });
-  }, [p, F]), /* @__PURE__ */ t("section", { className: f, children: /* @__PURE__ */ t(
-    K,
+  }, [p, h]), /* @__PURE__ */ t("section", { className: y, children: /* @__PURE__ */ t(
+    $,
     {
       value: {
-        employeeStateTaxes: T,
-        isAdmin: g,
-        isPending: k || N
+        employeeStateTaxes: E,
+        isAdmin: _,
+        isPending: I || L
       },
-      children: /* @__PURE__ */ t(O, { ...S, children: /* @__PURE__ */ t(te, { onSubmit: M(async (r) => {
-        await b(r, async (a) => {
-          const { states: n, ...m } = a, i = await _({
+      children: /* @__PURE__ */ t(V, { ...F, children: /* @__PURE__ */ t(ae, { onSubmit: O(async (s) => {
+        await U(s, async (r) => {
+          const { states: a, ...i } = r, d = await k({
             request: {
-              employeeUuid: s,
+              employeeUuid: n,
               requestBody: {
-                ...m,
-                twoJobs: m.twoJobs === "true",
+                ...i,
+                twoJobs: i.twoJobs === "true",
                 version: e.version
               }
             }
           });
-          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)]
-                  }
-                ]
-              }))
-            }))
-          }, R = await I({
-            request: { employeeUuid: s, requestBody: d }
-          });
-          y(x.EMPLOYEE_STATE_TAXES_UPDATED, R), y(x.EMPLOYEE_TAXES_DONE);
+          if (T(S.EMPLOYEE_FEDERAL_TAXES_UPDATED, d), a && Object.keys(a).length > 0) {
+            const m = [];
+            for (const v of E) {
+              const x = v.state;
+              x && m.push({
+                state: x,
+                questions: v.questions?.map((c) => {
+                  const f = a[x]?.[A(c.key)];
+                  return {
+                    key: c.key,
+                    answers: [
+                      {
+                        validFrom: c.answers[0]?.validFrom ?? ne,
+                        validUpTo: c.answers[0]?.validUpTo ?? null,
+                        value: f == null || typeof f == "number" && isNaN(f) ? "" : f
+                      }
+                    ]
+                  };
+                })
+              });
+            }
+            const H = await C({
+              request: { employeeUuid: n, employeeStateTaxesRequest: { states: m } }
+            });
+            T(S.EMPLOYEE_STATE_TAXES_UPDATED, H);
+          }
+          T(S.EMPLOYEE_TAXES_DONE);
         });
-      }), children: u || /* @__PURE__ */ L(B, { children: [
-        /* @__PURE__ */ t(w, {}),
-        /* @__PURE__ */ t(A, {}),
+      }), children: u || /* @__PURE__ */ J(X, { children: [
         /* @__PURE__ */ t(P, {}),
-        /* @__PURE__ */ t(v, {})
+        /* @__PURE__ */ t(w, {}),
+        /* @__PURE__ */ t(b, {}),
+        /* @__PURE__ */ t(g, {})
       ] }) }) })
     }
   ) });
 };
-l.FederalHead = w;
-l.FederalForm = A;
-l.StateForm = P;
-l.Actions = v;
-const Pe = () => {
-  const { employeeId: o, onEvent: s, isAdmin: f } = $(), { t: u } = q();
+l.FederalHead = P;
+l.FederalForm = w;
+l.StateForm = b;
+l.Actions = g;
+const Ue = () => {
+  const { employeeId: o, onEvent: n, isAdmin: y } = oe(), { t: u } = W();
   if (!o)
     throw new Error(
       u("errors.missingParamsOrContext", {
@@ -115,10 +122,10 @@ const Pe = () => {
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ t(l, { employeeId: o, onEvent: s, isAdmin: f ?? !1 });
+  return /* @__PURE__ */ t(l, { employeeId: o, onEvent: n, isAdmin: y ?? !1 });
 };
 export {
   l as Taxes,
-  Pe as TaxesContextual
+  Ue 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 { 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 { 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: 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      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","zodResolver","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      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          // 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      }\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 states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName) {\n            states.push({\n              state: stateName,\n              questions: state.questions?.map(question => {\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            })\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}\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","states","stateName","formValue","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions","TaxesContextual","useFlow","t","useTranslation"],"mappings":"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"}

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './Taxes';

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

@@ -1,6 +1,6 @@
-import { EmployeeStateTax } from '@gusto/embedded-api/models/components/employeestatetax';
+import { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist';
 type TaxesContextType = {
-    employeeStateTaxes: EmployeeStateTax[];
+    employeeStateTaxes: EmployeeStateTaxesList[];
     isPending: boolean;
     isAdmin: boolean;
 };

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

@@ -6,12 +6,13 @@ import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../Base/useBase.js";
+import "../../../shared/constants.js";
 import "dompurify";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [T, c] = o("TaxesContext");
+const [c, d] = o("TaxesContext");
 export {
-  c as TaxesProvider,
-  T as useTaxes
+  d as TaxesProvider,
+  c 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 { EmployeeStateTax } from '@gusto/embedded-api/models/components/employeestatetax'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTax[]\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;"}

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

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { EmployeeList } from './EmployeeList/EmployeeList';
 export { Deductions } from './Deductions';
 export { OnboardingSummary } from './OnboardingSummary';
@@ -6,4 +7,6 @@ export { Compensation } from './Compensation';
 export { Taxes } from './Taxes';
 export { PaymentMethod } from './PaymentMethod';
 export { Landing } from './Landing';
-export { DocumentSignerFlow } from './DocumentSigner';
+export { DocumentSigner } from './DocumentSigner';
+export { OnboardingFlow } from './OnboardingFlow/OnboardingFlow';
+export { SelfOnboardingFlow } from './SelfOnboardingFlow/SelfOnboardingFlow';

package/dist/components/Employee/index.js

@@ -1,21 +1,25 @@
 import { EmployeeList as e } from "./EmployeeList/EmployeeList.js";
-import { Deductions as t } from "./Deductions/Deductions.js";
-import { OnboardingSummary as f } from "./OnboardingSummary/OnboardingSummary.js";
-import { Profile as x } from "./Profile/Profile.js";
-import { Compensation as a } from "./Compensation/Compensation.js";
-import { Taxes as s } from "./Taxes/Taxes.js";
-import { PaymentMethod as l } from "./PaymentMethod/PaymentMethod.js";
-import { Landing as y } from "./Landing/Landing.js";
-import { DocumentSignerFlow as D } from "./DocumentSigner/DocumentSignerFlow.js";
+import { OnboardingFlow as t } from "./OnboardingFlow/OnboardingFlow.js";
+import { SelfOnboardingFlow as f } from "./SelfOnboardingFlow/SelfOnboardingFlow.js";
+import { Deductions as x } from "./Deductions/Deductions.js";
+import { OnboardingSummary as a } from "./OnboardingSummary/OnboardingSummary.js";
+import { Profile as g } from "./Profile/Profile.js";
+import { Compensation as s } from "./Compensation/Compensation.js";
+import { Taxes as u } from "./Taxes/Taxes.js";
+import { PaymentMethod as O } from "./PaymentMethod/PaymentMethod.js";
+import { Landing as c } from "./Landing/Landing.js";
+import { DocumentSigner as D } from "./DocumentSigner/DocumentSigner.js";
 export {
-  a as Compensation,
-  t as Deductions,
-  D as DocumentSignerFlow,
+  s as Compensation,
+  x as Deductions,
+  D as DocumentSigner,
   e as EmployeeList,
-  y as Landing,
-  f as OnboardingSummary,
-  l as PaymentMethod,
-  x as Profile,
-  s as Taxes
+  c as Landing,
+  t as OnboardingFlow,
+  a as OnboardingSummary,
+  O as PaymentMethod,
+  g as Profile,
+  f as SelfOnboardingFlow,
+  u as Taxes
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/Flow/useFlow.d.ts

@@ -1,7 +1,8 @@
 import { OnEventType } from '../Base/useBase';
+import { CommonComponentInterface } from '../Base';
 import { EventType } from '../../shared/constants';
 export interface FlowContextInterface {
-    component: React.ComponentType | null;
+    component: React.ComponentType<CommonComponentInterface> | null;
     onEvent: OnEventType<EventType, unknown>;
     showProgress?: boolean;
     totalSteps?: number;

package/dist/components/Flow/useFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlow.js","sources":["../../../src/components/Flow/useFlow.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { OnEventType } from '../Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nexport interface FlowContextInterface {\n  component: React.ComponentType | null\n  onEvent: OnEventType<EventType, unknown>\n  showProgress?: boolean\n  totalSteps?: number\n  currentStep?: number | null\n  defaultValues?: Record<string, unknown>\n}\n\nexport const FlowContext = createContext<FlowContextInterface | null>(null)\n\n//TODO: This is hiding the fact that the callsite for useFlow\n//  destructures a `companyId` that doesn't seem to exist\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters\nexport function useFlow<C extends FlowContextInterface>() {\n  // When used outside provider, this is expected to return undefined - consumers must fallback to params\n  const values = useContext<C>(FlowContext as unknown as React.Context<C>)\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!values) {\n    throw new Error('useFlow used outside provider')\n  }\n  return values\n}\n"],"names":["FlowContext","createContext","useFlow","values","useContext"],"mappings":";AAaa,MAAAA,IAAcC,EAA2C,IAAI;AAKnE,SAASC,IAA0C;AAElD,QAAAC,IAASC,EAAcJ,CAA0C;AAEvE,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,+BAA+B;AAE1C,SAAAA;AACT;"}
+{"version":3,"file":"useFlow.js","sources":["../../../src/components/Flow/useFlow.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { OnEventType } from '../Base/useBase'\nimport type { CommonComponentInterface } from '../Base'\nimport type { EventType } from '@/shared/constants'\n\nexport interface FlowContextInterface {\n  component: React.ComponentType<CommonComponentInterface> | null\n  onEvent: OnEventType<EventType, unknown>\n  showProgress?: boolean\n  totalSteps?: number\n  currentStep?: number | null\n  defaultValues?: Record<string, unknown>\n}\n\nexport const FlowContext = createContext<FlowContextInterface | null>(null)\n\n//TODO: This is hiding the fact that the callsite for useFlow\n//  destructures a `companyId` that doesn't seem to exist\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters\nexport function useFlow<C extends FlowContextInterface>() {\n  // When used outside provider, this is expected to return undefined - consumers must fallback to params\n  const values = useContext<C>(FlowContext as unknown as React.Context<C>)\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!values) {\n    throw new Error('useFlow used outside provider')\n  }\n  return values\n}\n"],"names":["FlowContext","createContext","useFlow","values","useContext"],"mappings":";AAca,MAAAA,IAAcC,EAA2C,IAAI;AAKnE,SAASC,IAA0C;AAElD,QAAAC,IAASC,EAAcJ,CAA0C;AAEvE,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,+BAA+B;AAE1C,SAAAA;AACT;"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export * as Company from './Company';
 export * as Employee from './Employee';
-export * as Flows from './Flow';
+export * as Contractor from './Contractor';

package/dist/contexts/ApiProvider/ApiProvider.d.ts

@@ -1,5 +1,5 @@
 export declare function ApiProvider({ url, headers, children, }: {
     url: string;
-    headers?: Headers;
+    headers?: HeadersInit;
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/ApiProvider/ApiProvider.js

@@ -1,34 +1,34 @@
 import { jsx as s } from "react/jsx-runtime";
-import { QueryClient as u, QueryClientProvider as l } from "@tanstack/react-query";
-import { GustoEmbeddedProvider as p } from "@gusto/embedded-api/react-query/_context";
-import { GustoEmbeddedCore as a } from "@gusto/embedded-api/core";
+import { QueryClient as u, QueryClientProvider as a } from "@tanstack/react-query";
+import { GustoEmbeddedProvider as l } from "@gusto/embedded-api/react-query/_context";
+import { GustoEmbeddedCore as p } from "@gusto/embedded-api/core";
 import { HTTPClient as C } from "@gusto/embedded-api/lib/http";
 import { useMemo as r } from "react";
-function w({
-  url: o,
+function E({
+  url: n,
   headers: t,
-  children: f
+  children: d
 }) {
-  const i = r(
+  const o = r(
     () => new C({
-      fetcher: async (e) => (e instanceof Request && t && t.forEach((n, c) => {
-        n && e.headers.set(c, n);
+      fetcher: async (e) => (e instanceof Request && t && new Headers(t).forEach((i, m) => {
+        i && e.headers.set(m, i);
       }), fetch(e))
     }),
     [t]
-  ), m = r(
-    () => new a({
-      serverURL: o,
-      httpClient: i
+  ), c = r(
+    () => new p({
+      serverURL: n,
+      httpClient: o
     }),
-    [i, o]
-  ), d = r(() => {
+    [o, n]
+  ), f = r(() => {
     const e = new u();
     return e.setQueryDefaults(["@gusto/embedded-api"], { retry: !1 }), e.setMutationDefaults(["@gusto/embedded-api"], { retry: !1 }), e;
   }, []);
-  return /* @__PURE__ */ s(l, { client: d, children: /* @__PURE__ */ s(p, { client: m, children: f }) });
+  return /* @__PURE__ */ s(a, { client: f, children: /* @__PURE__ */ s(l, { client: c, children: d }) });
 }
 export {
-  w as ApiProvider
+  E as ApiProvider
 };
 //# sourceMappingURL=ApiProvider.js.map