@gusto/embedded-react-sdk 0.8.1 → 0.8.2

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,7 +6,7 @@ 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: [

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        // @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,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 { 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 X } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as Y } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+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 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 { 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(Q, { ...o, children: /* @__PURE__ */ t(oe, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t($, { ...o, children: /* @__PURE__ */ t(ne, { ...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 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: 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",
@@ -37,32 +38,32 @@ 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;
+    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(z.merge(V)),
-    defaultValues: C
-  }), { handleSubmit: M, setError: F } = S;
+  }, 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(
-    K,
+  }, [p, h]), /* @__PURE__ */ t("section", { className: y, children: /* @__PURE__ */ t(
+    Z,
     {
       value: {
-        employeeStateTaxes: T,
-        isAdmin: g,
-        isPending: k || N
+        employeeStateTaxes: E,
+        isAdmin: P,
+        isPending: N || 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(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",
@@ -70,43 +71,46 @@ const oe = (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(w, {}),
-        /* @__PURE__ */ t(A, {}),
-        /* @__PURE__ */ t(P, {}),
-        /* @__PURE__ */ t(v, {})
+        /* @__PURE__ */ t(A, {})
       ] }) }) })
     }
   ) });
 };
-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 = g;
+l.FederalForm = b;
+l.StateForm = w;
+l.Actions = A;
+const De = () => {
+  const { employeeId: o, onEvent: a, isAdmin: y } = te(), { t: u } = V();
   if (!o)
     throw new Error(
       u("errors.missingParamsOrContext", {
@@ -115,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 { 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      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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"}

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.js

@@ -7,11 +7,10 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../Base/useBase.js";
 import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [T, c] = o("TaxesContext");
+const [C, T] = o("TaxesContext");
 export {
-  c as TaxesProvider,
-  T as useTaxes
+  T 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 { 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;"}

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,3 @@
+import "./types/i18next.d.ts"
 export * as Company from './Company';
 export * as Employee from './Employee';
-export * as Flows from './Flow';

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

package/dist/contexts/ApiProvider/ApiProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiProvider.js","sources":["../../../src/contexts/ApiProvider/ApiProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { GustoEmbeddedProvider } from '@gusto/embedded-api/react-query/_context'\nimport { GustoEmbeddedCore } from '@gusto/embedded-api/core'\nimport { HTTPClient } from '@gusto/embedded-api/lib/http'\nimport { useMemo } from 'react'\n\nexport function ApiProvider({\n  url,\n  headers,\n  children,\n}: {\n  url: string\n  headers?: Headers\n  children: React.ReactNode\n}) {\n  const httpClientWithHeaders = useMemo(\n    () =>\n      new HTTPClient({\n        fetcher: async request => {\n          if (request instanceof Request && headers) {\n            headers.forEach((headerValue, headerName) => {\n              if (headerValue) {\n                request.headers.set(headerName, headerValue)\n              }\n            })\n          }\n\n          return fetch(request)\n        },\n      }),\n    [headers],\n  )\n\n  const gustoClient = useMemo(\n    () =>\n      new GustoEmbeddedCore({\n        serverURL: url,\n        httpClient: httpClientWithHeaders,\n      }),\n    [httpClientWithHeaders, url],\n  )\n\n  const queryClient = useMemo(() => {\n    const client = new QueryClient()\n    client.setQueryDefaults(['@gusto/embedded-api'], { retry: false })\n    client.setMutationDefaults(['@gusto/embedded-api'], { retry: false })\n\n    return client\n  }, [])\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <GustoEmbeddedProvider client={gustoClient}>{children}</GustoEmbeddedProvider>\n    </QueryClientProvider>\n  )\n}\n"],"names":["ApiProvider","url","headers","children","httpClientWithHeaders","useMemo","HTTPClient","request","headerValue","headerName","gustoClient","GustoEmbeddedCore","queryClient","client","QueryClient","jsx","QueryClientProvider","GustoEmbeddedProvider"],"mappings":";;;;;;AAMO,SAASA,EAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAIG;AACD,QAAMC,IAAwBC;AAAA,IAC5B,MACE,IAAIC,EAAW;AAAA,MACb,SAAS,OAAMC,OACTA,aAAmB,WAAWL,KACxBA,EAAA,QAAQ,CAACM,GAAaC,MAAe;AAC3C,QAAID,KACMD,EAAA,QAAQ,IAAIE,GAAYD,CAAW;AAAA,MAC7C,CACD,GAGI,MAAMD,CAAO;AAAA,IACtB,CACD;AAAA,IACH,CAACL,CAAO;AAAA,EACV,GAEMQ,IAAcL;AAAA,IAClB,MACE,IAAIM,EAAkB;AAAA,MACpB,WAAWV;AAAA,MACX,YAAYG;AAAA,IAAA,CACb;AAAA,IACH,CAACA,GAAuBH,CAAG;AAAA,EAC7B,GAEMW,IAAcP,EAAQ,MAAM;AAC1B,UAAAQ,IAAS,IAAIC,EAAY;AAC/B,WAAAD,EAAO,iBAAiB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GACjEA,EAAO,oBAAoB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GAE7DA;AAAA,EACT,GAAG,EAAE;AAGH,SAAA,gBAAAE,EAACC,KAAoB,QAAQJ,GAC3B,4BAACK,GAAsB,EAAA,QAAQP,GAAc,UAAAP,EAAA,CAAS,EACxD,CAAA;AAEJ;"}
+{"version":3,"file":"ApiProvider.js","sources":["../../../src/contexts/ApiProvider/ApiProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { GustoEmbeddedProvider } from '@gusto/embedded-api/react-query/_context'\nimport { GustoEmbeddedCore } from '@gusto/embedded-api/core'\nimport { HTTPClient } from '@gusto/embedded-api/lib/http'\nimport { useMemo } from 'react'\n\nexport function ApiProvider({\n  url,\n  headers,\n  children,\n}: {\n  url: string\n  headers?: HeadersInit\n  children: React.ReactNode\n}) {\n  const httpClientWithHeaders = useMemo(\n    () =>\n      new HTTPClient({\n        fetcher: async request => {\n          if (request instanceof Request && headers) {\n            const headersInstance = new Headers(headers)\n            headersInstance.forEach((headerValue, headerName) => {\n              if (headerValue) {\n                request.headers.set(headerName, headerValue)\n              }\n            })\n          }\n\n          return fetch(request)\n        },\n      }),\n    [headers],\n  )\n\n  const gustoClient = useMemo(\n    () =>\n      new GustoEmbeddedCore({\n        serverURL: url,\n        httpClient: httpClientWithHeaders,\n      }),\n    [httpClientWithHeaders, url],\n  )\n\n  const queryClient = useMemo(() => {\n    const client = new QueryClient()\n    client.setQueryDefaults(['@gusto/embedded-api'], { retry: false })\n    client.setMutationDefaults(['@gusto/embedded-api'], { retry: false })\n\n    return client\n  }, [])\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <GustoEmbeddedProvider client={gustoClient}>{children}</GustoEmbeddedProvider>\n    </QueryClientProvider>\n  )\n}\n"],"names":["ApiProvider","url","headers","children","httpClientWithHeaders","useMemo","HTTPClient","request","headerValue","headerName","gustoClient","GustoEmbeddedCore","queryClient","client","QueryClient","jsx","QueryClientProvider","GustoEmbeddedProvider"],"mappings":";;;;;;AAMO,SAASA,EAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAIG;AACD,QAAMC,IAAwBC;AAAA,IAC5B,MACE,IAAIC,EAAW;AAAA,MACb,SAAS,OAAMC,OACTA,aAAmB,WAAWL,KACR,IAAI,QAAQA,CAAO,EAC3B,QAAQ,CAACM,GAAaC,MAAe;AACnD,QAAID,KACMD,EAAA,QAAQ,IAAIE,GAAYD,CAAW;AAAA,MAC7C,CACD,GAGI,MAAMD,CAAO;AAAA,IACtB,CACD;AAAA,IACH,CAACL,CAAO;AAAA,EACV,GAEMQ,IAAcL;AAAA,IAClB,MACE,IAAIM,EAAkB;AAAA,MACpB,WAAWV;AAAA,MACX,YAAYG;AAAA,IAAA,CACb;AAAA,IACH,CAACA,GAAuBH,CAAG;AAAA,EAC7B,GAEMW,IAAcP,EAAQ,MAAM;AAC1B,UAAAQ,IAAS,IAAIC,EAAY;AAC/B,WAAAD,EAAO,iBAAiB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GACjEA,EAAO,oBAAoB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GAE7DA;AAAA,EACT,GAAG,EAAE;AAGH,SAAA,gBAAAE,EAACC,KAAoB,QAAQJ,GAC3B,4BAACK,GAAsB,EAAA,QAAQP,GAAc,UAAAP,EAAA,CAAS,EACxD,CAAA;AAEJ;"}

package/dist/contexts/GustoApiProvider/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 /** @deprecated Import from `GustoProvider` instead */
 export * from '../GustoProvider';

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.d.ts

@@ -1,17 +1,12 @@
 import { default as React } from 'react';
-import { CustomTypeOptions } from 'i18next';
 import { QueryClient } from '@tanstack/react-query';
 import { ComponentsContextType } from '../ComponentAdapter/useComponentContext';
 import { GTheme } from '../../types/GTheme';
-import { DeepPartial } from '../../types/Helpers';
+import { DeepPartial, ResourceDictionary } from '../../types/Helpers';
 interface APIConfig {
     baseUrl: string;
-    headers?: Headers;
+    headers?: HeadersInit;
 }
-type Resources = CustomTypeOptions['resources'];
-export type ResourceDictionary = Record<string, Partial<{
-    [K in keyof Resources]: DeepPartial<Resources[K]>;
-}>>;
 export interface GustoProviderProps {
     config: APIConfig;
     dictionary?: ResourceDictionary;