@gusto/embedded-react-sdk 0.12.0 → 0.12.3

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

@@ -0,0 +1,110 @@
+import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { useTranslation as s, Trans as m } from "react-i18next";
+import { z as i } from "zod";
+import "classnames";
+import "../../../shared/constants.js";
+import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as t } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as f } from "../../Common/Fields/SelectField/SelectField.js";
+const q = i.object({
+  filingStatus: i.string().min(1),
+  twoJobs: i.string().min(1),
+  dependentsAmount: i.number().transform(String),
+  otherIncome: i.number().transform(String),
+  deductions: i.number().transform(String),
+  extraWithholding: i.number().transform(String),
+  w4DataType: i.enum(["pre_2020_w4", "rev_2020_w4"])
+});
+function v() {
+  const { t: e } = s("Employee.FederalTaxes"), o = d(), n = [
+    { value: "Single", label: e("filingStatusSingle") },
+    { value: "Married", label: e("filingStatusMarried") },
+    { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
+    { value: "Exempt from withholding", label: e("filingStatusExemptFromWithholding") }
+  ];
+  return /* @__PURE__ */ l(a, { children: [
+    /* @__PURE__ */ r(
+      f,
+      {
+        name: "filingStatus",
+        label: e("federalFilingStatus1c"),
+        placeholder: e("federalFillingStatusPlaceholder"),
+        description: e("selectWithholdingDescription"),
+        options: n,
+        isRequired: !0,
+        errorMessage: e("validations.federalFilingStatus")
+      }
+    ),
+    /* @__PURE__ */ r(
+      u,
+      {
+        name: "twoJobs",
+        isRequired: !0,
+        label: e("multipleJobs2c"),
+        errorMessage: e("validations.federalTwoJobs"),
+        description: /* @__PURE__ */ r(
+          m,
+          {
+            i18nKey: "includesSpouseExplanation",
+            t: e,
+            components: {
+              irs_link: /* @__PURE__ */ r(o.Link, {})
+            }
+          }
+        ),
+        options: [
+          { value: "true", label: e("twoJobYesLabel") },
+          { value: "false", label: e("twoJobNoLabel") }
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      t,
+      {
+        name: "dependentsAmount",
+        isRequired: !0,
+        label: e("dependentsTotalIfApplicable"),
+        errorMessage: e("fieldIsRequired")
+      }
+    ),
+    /* @__PURE__ */ r(
+      t,
+      {
+        name: "otherIncome",
+        isRequired: !0,
+        label: e("otherIncome"),
+        format: "currency",
+        min: 0,
+        errorMessage: e("fieldIsRequired")
+      }
+    ),
+    /* @__PURE__ */ r(
+      t,
+      {
+        name: "deductions",
+        isRequired: !0,
+        label: e("deductions"),
+        format: "currency",
+        min: 0,
+        errorMessage: e("fieldIsRequired")
+      }
+    ),
+    /* @__PURE__ */ r(
+      t,
+      {
+        name: "extraWithholding",
+        isRequired: !0,
+        label: e("extraWithholding"),
+        format: "currency",
+        min: 0,
+        errorMessage: e("fieldIsRequired")
+      }
+    )
+  ] });
+}
+export {
+  v as FederalForm,
+  q as FederalFormSchema
+};
+//# sourceMappingURL=FederalForm.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+interface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {
+    employeeId: string;
+}
+export declare function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,72 @@
+import { jsx as o, jsxs as b, Fragment as S } from "react/jsx-runtime";
+import { zodResolver as v } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { useForm as A, FormProvider as g } from "react-hook-form";
+import { useEffect as D } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as w } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeeTaxSetupGetFederalTaxes.js";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as _ } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeeTaxSetupUpdateFederalTaxes.js";
+import { FederalFormSchema as N, FederalForm as P } from "./FederalForm.js";
+import { Head as I } from "./Head.js";
+import { Actions as R } from "./Actions.js";
+import { FederalTaxesProvider as J } from "./useFederalTaxes.js";
+import { BaseComponent as L } from "../../Base/Base.js";
+import { useBase as M } from "../../Base/useBase.js";
+import { useI18n as U, useComponentDictionary as B } from "../../../i18n/I18n.js";
+import { componentEvents as u } from "../../../shared/constants.js";
+import { Form as W } from "../../Common/Form/Form.js";
+function te(t) {
+  return /* @__PURE__ */ o(L, { ...t, children: /* @__PURE__ */ o(k, { ...t }) });
+}
+const k = (t) => {
+  const { employeeId: m, className: c, children: a, dictionary: p } = t, { onEvent: i, fieldErrors: r, baseSubmitHandler: f } = M();
+  U("Employee.FederalTaxes"), B("Employee.FederalTaxes", p);
+  const { data: E } = w({
+    employeeUuid: m
+  }), e = E.employeeFederalTax, { mutateAsync: h, isPending: y } = _(), F = {
+    filingStatus: e.filingStatus ?? void 0,
+    twoJobs: e.twoJobs ? "true" : "false",
+    deductions: e.deductions ? Number(e.deductions) : 0,
+    dependentsAmount: e.dependentsAmount ? Number(e.dependentsAmount) : 0,
+    otherIncome: e.otherIncome ? Number(e.otherIncome) : 0,
+    extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0,
+    w4DataType: e.w4DataType
+  }, d = A({
+    resolver: v(N),
+    defaultValues: F
+  }), { handleSubmit: x, setError: l } = d;
+  return D(() => {
+    r && r.length > 0 && r.forEach((n) => {
+      const s = n.key.replace(".value", "");
+      l(s, { type: "custom", message: n.message });
+    });
+  }, [r, l]), /* @__PURE__ */ o("section", { className: c, children: /* @__PURE__ */ o(
+    J,
+    {
+      value: {
+        isPending: y
+      },
+      children: /* @__PURE__ */ o(g, { ...d, children: /* @__PURE__ */ o(W, { onSubmit: x(async (n) => {
+        await f(n, async (s) => {
+          const T = await h({
+            request: {
+              employeeUuid: m,
+              requestBody: {
+                ...s,
+                twoJobs: s.twoJobs === "true",
+                version: e.version
+              }
+            }
+          });
+          i(u.EMPLOYEE_FEDERAL_TAXES_UPDATED, T), i(u.EMPLOYEE_FEDERAL_TAXES_DONE);
+        });
+      }), children: a || /* @__PURE__ */ b(S, { children: [
+        /* @__PURE__ */ o(I, {}),
+        /* @__PURE__ */ o(P, {}),
+        /* @__PURE__ */ o(R, {})
+      ] }) }) })
+    }
+  ) });
+};
+export {
+  te as FederalTaxes
+};
+//# sourceMappingURL=FederalTaxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { FederalForm } from './FederalForm'\nimport { FederalFormSchema, type FederalFormInputs, type FederalFormPayload } from './FederalForm'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { FederalTaxesProvider } from './useFederalTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  employeeId: string\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.FederalTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: FederalTaxesProps) => {\n  const { employeeId, className, children, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const defaultValues = {\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? ('true' as const) : ('false' as const),\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    w4DataType: employeeFederalTax.w4DataType,\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload>({\n    resolver: zodResolver(FederalFormSchema),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.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> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...payload,\n            twoJobs: payload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <FederalForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","handleSubmit","_setError","useEffect","msgObject","key","FederalTaxesProvider","FormProvider","Form","data","payload","federalTaxesResponse","componentEvents","jsxs","Fragment","Head","FederalForm","Actions"],"mappings":";;;;;;;;;;;;;;;AAyBO,SAASA,GAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAwC,GAAGF,GAC1C,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAACH,MAA6B;AACzC,QAAM,EAAE,YAAAI,GAAY,WAAAC,GAAW,UAAAC,GAAU,YAAAC,MAAeP,GAClD,EAAE,SAAAQ,GAAS,aAAAC,GAAa,mBAAAC,EAAA,IAAsBC,EAAA;AACpD,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBN,CAAU;AAE1D,QAAM,EAAE,MAAMO,EAAA,IAAYC,EAA2C;AAAA,IACnE,cAAcX;AAAA,EAAA,CACf,GACKY,IAAqBF,EAAQ,oBAE7B,EAAE,aAAaG,GAAoB,WAAAC,EAAA,IACvCC,EAAA,GAEIC,IAAgB;AAAA,IACpB,cAAcJ,EAAmB,gBAAgB;AAAA,IACjD,SAASA,EAAmB,UAAW,SAAoB;AAAA,IAC3D,YAAYA,EAAmB,aAAa,OAAOA,EAAmB,UAAU,IAAI;AAAA,IACpF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,aAAaA,EAAmB,cAAc,OAAOA,EAAmB,WAAW,IAAI;AAAA,IACvF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,YAAYA,EAAmB;AAAA,EAAA,GAG3BK,IAAcC,EAAwD;AAAA,IAC1E,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAAJ;AAAA,EAAA,CACD,GACK,EAAE,cAAAK,GAAc,UAAUC,EAAA,IAAcL;AAE9C,SAAAM,EAAU,MAAM;AACd,IAAIlB,KAAeA,EAAY,SAAS,KACtCA,EAAY,QAAQ,CAAAmB,MAAa;AAC/B,YAAMC,IAAMD,EAAU,IAAI,QAAQ,UAAU,EAAE;AAC9C,MAAAF,EAAUG,GAAgC,EAAE,MAAM,UAAU,SAASD,EAAU,SAAS;AAAA,IAC1F,CAAC;AAAA,EAEL,GAAG,CAACnB,GAAaiB,CAAS,CAAC,GAoBzB,gBAAAzB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAAC6B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAZ;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAjB,EAAC8B,GAAA,EAAc,GAAGV,GAChB,UAAA,gBAAApB,EAAC+B,GAAA,EAAK,UAAUP,EAzB4B,OAAMQ,MAAQ;AAChE,cAAMvB,EAAkBuB,GAAM,OAAMC,MAAW;AAC7C,gBAAMC,IAAuB,MAAMlB,EAAmB;AAAA,YACpD,SAAS;AAAA,cACP,cAAcb;AAAA,cACd,aAAa;AAAA,gBACX,GAAG8B;AAAA,gBACH,SAASA,EAAQ,YAAY;AAAA,gBAC7B,SAASlB,EAAmB;AAAA,cAAA;AAAA,YAC9B;AAAA,UACF,CACD;AACD,UAAAR,EAAQ4B,EAAgB,gCAAgCD,CAAoB,GAC5E3B,EAAQ4B,EAAgB,2BAA2B;AAAA,QACrD,CAAC;AAAA,MACH,CAU6C,GAClC,UAAA9B,KAGC,gBAAA+B,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAArC,EAACsC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAY;AAAA,0BACZC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1 @@
+export declare function Head(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { jsxs as o, Fragment as t, jsx as e } from "react/jsx-runtime";
+import { useTranslation as s, Trans as a } from "react-i18next";
+import { useComponentContext as i } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function p() {
+  const { t: r } = s("Employee.FederalTaxes"), n = i();
+  return /* @__PURE__ */ o(t, { children: [
+    /* @__PURE__ */ e(n.Heading, { as: "h1", children: r("federalTaxesTitle") }),
+    /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
+      a,
+      {
+        i18nKey: "irs_calculator",
+        t: r,
+        components: {
+          irs_calculator: /* @__PURE__ */ e(n.Link, {}),
+          help_center: /* @__PURE__ */ e(n.Link, {})
+        }
+      }
+    ) })
+  ] });
+}
+export {
+  p as Head
+};
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/FederalTaxes/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <>\n      <Components.Heading as=\"h1\">{t('federalTaxesTitle')}</Components.Heading>\n      <Components.Text>\n        <Trans\n          i18nKey={'irs_calculator'}\n          t={t}\n          components={{\n            irs_calculator: <Components.Link />,\n            help_center: <Components.Link />,\n          }}\n        />\n      </Components.Text>\n    </>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsxs","Fragment","jsx","Trans"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,mBAAmB,GAAE;AAAA,IACpD,gBAAAM,EAACJ,EAAW,MAAX,EACC,UAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,GAAAP;AAAA,QACA,YAAY;AAAA,UACV,gBAAgB,gBAAAM,EAACJ,EAAW,MAAX,CAAA,CAAgB;AAAA,UACjC,aAAa,gBAAAI,EAACJ,EAAW,MAAX,CAAA,CAAgB;AAAA,QAAA;AAAA,MAChC;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { FederalTaxes } from './FederalTaxes';

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

@@ -0,0 +1,5 @@
+type FederalTaxesContextType = {
+    isPending: boolean;
+};
+declare const useFederalTaxes: () => FederalTaxesContextType, FederalTaxesProvider: import('react').Provider<FederalTaxesContextType | null>;
+export { useFederalTaxes, FederalTaxesProvider };

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

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "../../Base/useBase.js";
+import "../../../shared/constants.js";
+import "classnames";
+import "dompurify";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
+const [n, l] = o("FederalTaxesContext");
+export {
+  l as FederalTaxesProvider,
+  n as useFederalTaxes
+};
+//# sourceMappingURL=useFederalTaxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/Landing/Landing.js

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as u } from "react-i18next";
-import { useEmployeesGetSuspense as h } from "@gusto/embedded-api/react-query/employeesGet";
-import { useCompaniesGetSuspense as g } from "@gusto/embedded-api/react-query/companiesGet";
+import { useEmployeesGetSuspense as h } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeesGet.js";
+import { useCompaniesGetSuspense as g } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/companiesGet.js";
 import s from "./Landing.module.scss.js";
 import { BaseComponent as x } from "../../Base/Base.js";
 import { useBase as y } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as D, useComponentDictionary as I } from "../../../i18n/I18n.js";
-import { componentEvents as S } from "../../../shared/constants.js";
+import { componentEvents as E } from "../../../shared/constants.js";
+import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as I, useComponentDictionary as S } from "../../../i18n/I18n.js";
 function H(t) {
-  return D("Employee.Landing"), I("Employee.Landing", t.dictionary), /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(L, { ...t, children: t.children }) });
+  return I("Employee.Landing"), S("Employee.Landing", t.dictionary), /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(L, { ...t, children: t.children }) });
 }
 const L = ({ employeeId: t, companyId: c, className: m }) => {
-  const { onEvent: l } = y(), o = C(), {
+  const { onEvent: l } = y(), o = D(), {
     data: { employee: a }
   } = h({ employeeId: t }), p = a.firstName, {
     data: { company: d }
@@ -34,12 +34,12 @@ const L = ({ employeeId: t, companyId: c, className: m }) => {
       ] })
     ] }),
     /* @__PURE__ */ i(r, { flexDirection: "column", alignItems: "center", gap: 8, children: [
-      /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(C, { justifyContent: "center", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            l(S.EMPLOYEE_SELF_ONBOARDING_START);
+            l(E.EMPLOYEE_SELF_ONBOARDING_START);
           },
           children: n("getStartedCta")
         }

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

@@ -1,27 +1,9 @@
-import { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount';
-import { ProfileDefaultValues } from '../Profile';
-import { CompensationDefaultValues } from '../Compensation';
+import { OnboardingDefaultValues } from './OnboardingFlowComponents';
 import { BaseComponentInterface } from '../../Base';
-import { EmployeeOnboardingStatus } from '../../../shared/constants';
 import { RequireAtLeastOne } from '../../../types/Helpers';
-import { FlowContextInterface } from '../../Flow/useFlow';
-export type OnboardingDefaultValues = RequireAtLeastOne<{
-    profile?: ProfileDefaultValues;
-    compensation?: CompensationDefaultValues;
-}>;
 export interface OnboardingFlowProps extends BaseComponentInterface {
     companyId: string;
     defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>;
     isSelfOnboardingEnabled?: boolean;
 }
-export interface OnboardingContextInterface extends FlowContextInterface {
-    companyId: string;
-    employeeId?: string;
-    isAdmin?: boolean;
-    onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus];
-    startDate?: string;
-    paymentMethod?: PaymentMethodBankAccount;
-    defaultValues?: OnboardingDefaultValues;
-    isSelfOnboardingEnabled?: boolean;
-}
 export declare const OnboardingFlow: ({ companyId, onEvent, defaultValues, isSelfOnboardingEnabled, }: OnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport type { ProfileDefaultValues } from '../Profile'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { EmployeeListContextual } from '../EmployeeList/EmployeeList'\nimport { employeeOnboardingMachine } from './onboardingStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport type OnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>\n  isSelfOnboardingEnabled?: boolean\n}\nexport interface OnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: OnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n}\n\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n}: OnboardingFlowProps) => {\n  const manageEmployees = createMachine(\n    'index',\n    employeeOnboardingMachine,\n    (initialContext: OnboardingContextInterface) => ({\n      ...initialContext,\n      component: EmployeeListContextual,\n      companyId,\n      isAdmin: true,\n      defaultValues,\n      isSelfOnboardingEnabled,\n    }),\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","manageEmployees","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;AAgCO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAC5B,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,MACA,SAAS;AAAA,MACT,eAAAE;AAAA,MACA,yBAAAC;AAAA,IAAA;AAAA,EACF;AAEF,SAAO,gBAAAM,EAACC,GAAA,EAAK,SAASN,GAAiB,SAAAH,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { EmployeeListContextual } from '../EmployeeList/EmployeeList'\nimport { employeeOnboardingMachine } from './onboardingStateMachine'\nimport type {\n  OnboardingDefaultValues,\n  OnboardingContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>\n  isSelfOnboardingEnabled?: boolean\n}\n\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n}: OnboardingFlowProps) => {\n  const manageEmployees = createMachine(\n    'index',\n    employeeOnboardingMachine,\n    (initialContext: OnboardingContextInterface) => ({\n      ...initialContext,\n      component: EmployeeListContextual,\n      companyId,\n      isAdmin: true,\n      defaultValues,\n      isSelfOnboardingEnabled,\n    }),\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","manageEmployees","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;AAiBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAC5B,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,MACA,SAAS;AAAA,MACT,eAAAE;AAAA,MACA,yBAAAC;AAAA,IAAA;AAAA,EACF;AAEF,SAAO,gBAAAM,EAACC,GAAA,EAAK,SAASN,GAAiB,SAAAH,EAAA,CAAkB;AAC3D;"}

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.d.ts

@@ -0,0 +1,22 @@
+import { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount';
+import { ProfileDefaultValues } from '../Profile';
+import { CompensationDefaultValues } from '../Compensation';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { EmployeeOnboardingStatus } from '../../../shared/constants';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+export type OnboardingDefaultValues = RequireAtLeastOne<{
+    profile?: ProfileDefaultValues;
+    compensation?: CompensationDefaultValues;
+}>;
+export interface OnboardingContextInterface extends FlowContextInterface {
+    companyId: string;
+    employeeId?: string;
+    isAdmin?: boolean;
+    onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus];
+    startDate?: string;
+    paymentMethod?: PaymentMethodBankAccount;
+    defaultValues?: OnboardingDefaultValues;
+    isSelfOnboardingEnabled?: boolean;
+}
+export declare function FederalTaxesContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function StateTaxesContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { FederalTaxes as a } from "../FederalTaxes/FederalTaxes.js";
+import { StateTaxes as i } from "../StateTaxes/StateTaxes.js";
+import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
+import { useFlow as n } from "../../Flow/useFlow.js";
+function x() {
+  const { employeeId: e, onEvent: o } = n();
+  return /* @__PURE__ */ t(a, { onEvent: o, employeeId: r(e) });
+}
+function f() {
+  const { employeeId: e, onEvent: o, isAdmin: m } = n();
+  return /* @__PURE__ */ t(i, { onEvent: o, employeeId: r(e), isAdmin: m });
+}
+export {
+  x as FederalTaxesContextual,
+  f as StateTaxesContextual
+};
+//# sourceMappingURL=OnboardingFlowComponents.js.map

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { FederalTaxes } from '../FederalTaxes/FederalTaxes'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport type { ProfileDefaultValues } from '../Profile'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type OnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\n\nexport interface OnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: OnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <FederalTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return <StateTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} isAdmin={isAdmin} />\n}\n"],"names":["FederalTaxesContextual","employeeId","onEvent","useFlow","FederalTaxes","ensureRequired","StateTaxesContextual","isAdmin","StateTaxes"],"mappings":";;;;;AA0BO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAa,SAAAF,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AACjF;AAEO,SAASK,IAAuB;AACrC,QAAM,EAAE,YAAAL,GAAY,SAAAC,GAAS,SAAAK,EAAA,IAAYJ,EAAA;AACzC,2BAAQK,GAAA,EAAW,SAAAN,GAAkB,YAAYG,EAAeJ,CAAU,GAAG,SAAAM,GAAkB;AACjG;"}

package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.d.ts

@@ -2,7 +2,8 @@ export declare const employeeOnboardingMachine: {
     index: import('robot3').MachineState<"employee/create" | "employee/update" | "employee/onboarding/done">;
     employeeProfile: import('robot3').MachineState<"employee/profile/done" | "CANCEL">;
     compensation: import('robot3').MachineState<"employee/compensations/done" | "CANCEL">;
-    employeeTaxes: import('robot3').MachineState<"employee/taxes/done" | "CANCEL">;
+    federalTaxes: import('robot3').MachineState<"employee/federalTaxes/done" | "CANCEL">;
+    stateTaxes: import('robot3').MachineState<"employee/stateTaxes/done" | "CANCEL">;
     paymentMethod: import('robot3').MachineState<"employee/paymentMethod/done" | "CANCEL">;
     deductions: import('robot3').MachineState<"employee/deductions/done" | "CANCEL">;
     summary: import('robot3').MachineState<"company/employees">;

package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.js

@@ -1,50 +1,50 @@
-import { state as m, transition as e, reduce as t, guard as i } from "robot3";
-import { componentEvents as n, EmployeeSelfOnboardingStatuses as O, EmployeeOnboardingStatus as u } from "../../../shared/constants.js";
-import { EmployeeListContextual as s } from "../EmployeeList/EmployeeList.js";
-import { CompensationContextual as c } from "../Compensation/Compensation.js";
-import { ProfileContextual as d } from "../Profile/Profile.js";
-import { OnboardingSummaryContextual as y } from "../OnboardingSummary/OnboardingSummary.js";
-import { DeductionsContextual as p } from "../Deductions/Deductions.js";
-import { PaymentMethodContextual as N } from "../PaymentMethod/PaymentMethod.js";
-import { TaxesContextual as P } from "../Taxes/Taxes.js";
-const E = (o) => (a) => ({
+import { state as E, transition as o, reduce as n, guard as i } from "robot3";
+import { StateTaxesContextual as O, FederalTaxesContextual as u } from "./OnboardingFlowComponents.js";
+import { componentEvents as e, EmployeeSelfOnboardingStatuses as c, EmployeeOnboardingStatus as _ } from "../../../shared/constants.js";
+import { EmployeeListContextual as l } from "../EmployeeList/EmployeeList.js";
+import { CompensationContextual as y } from "../Compensation/Compensation.js";
+import { ProfileContextual as p } from "../Profile/Profile.js";
+import { OnboardingSummaryContextual as N } from "../OnboardingSummary/OnboardingSummary.js";
+import { DeductionsContextual as s } from "../Deductions/Deductions.js";
+import { PaymentMethodContextual as P } from "../PaymentMethod/PaymentMethod.js";
+const m = (t) => (a) => ({
   ...a,
-  ...o
-}), r = (o, a) => e(
-  n.CANCEL,
-  o,
-  t(E({ component: s }))
-), l = (o) => o.onboardingStatus ? !// prettier-ignore
+  ...t
+}), r = (t, a) => o(
+  e.CANCEL,
+  t,
+  n(m({ component: l }))
+), d = (t) => t.onboardingStatus ? !// prettier-ignore
 // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
-(O.has(o.onboardingStatus) || o.onboardingStatus === u.SELF_ONBOARDING_PENDING_INVITE) : !0, T = {
-  index: m(
-    e(
-      n.EMPLOYEE_CREATE,
+(c.has(t.onboardingStatus) || t.onboardingStatus === _.SELF_ONBOARDING_PENDING_INVITE) : !0, g = {
+  index: E(
+    o(
+      e.EMPLOYEE_CREATE,
       "employeeProfile",
-      t(E({ component: d, employeeId: void 0 }))
+      n(m({ component: p, employeeId: void 0 }))
     ),
-    e(
-      n.EMPLOYEE_UPDATE,
+    o(
+      e.EMPLOYEE_UPDATE,
       "employeeProfile",
-      t(
-        (o, a) => ({
-          ...o,
-          component: d,
+      n(
+        (t, a) => ({
+          ...t,
+          component: p,
           employeeId: a.payload.employeeId,
           onboardingStatus: a.payload.onboardingStatus
         })
       )
     ),
-    e(n.EMPLOYEE_ONBOARDING_DONE, "final")
+    o(e.EMPLOYEE_ONBOARDING_DONE, "final")
   ),
-  employeeProfile: m(
-    e(
-      n.EMPLOYEE_PROFILE_DONE,
+  employeeProfile: E(
+    o(
+      e.EMPLOYEE_PROFILE_DONE,
       "compensation",
-      t(
-        (o, a) => ({
-          ...o,
-          component: c,
+      n(
+        (t, a) => ({
+          ...t,
+          component: y,
           employeeId: a.payload.uuid,
           onboardingStatus: a.payload.onboardingStatus,
           startDate: a.payload.startDate
@@ -53,55 +53,64 @@ const E = (o) => (a) => ({
     ),
     r("index")
   ),
-  compensation: m(
-    e(
-      n.EMPLOYEE_COMPENSATION_DONE,
-      "employeeTaxes",
-      t(E({ component: P })),
-      i(l)
+  compensation: E(
+    o(
+      e.EMPLOYEE_COMPENSATION_DONE,
+      "federalTaxes",
+      n(m({ component: u })),
+      i(d)
     ),
-    e(
-      n.EMPLOYEE_COMPENSATION_DONE,
+    o(
+      e.EMPLOYEE_COMPENSATION_DONE,
       "deductions",
-      t(E({ component: p }))
+      n(m({ component: s }))
     ),
     r("index")
   ),
-  employeeTaxes: m(
-    e(
-      n.EMPLOYEE_TAXES_DONE,
+  federalTaxes: E(
+    o(
+      e.EMPLOYEE_FEDERAL_TAXES_DONE,
+      "stateTaxes",
+      n(m({ component: O })),
+      i(d)
+    ),
+    r("index")
+  ),
+  stateTaxes: E(
+    o(
+      e.EMPLOYEE_STATE_TAXES_DONE,
       "paymentMethod",
-      t(E({ component: N })),
-      i(l)
+      n(m({ component: P })),
+      i(d)
     ),
     r("index")
   ),
-  paymentMethod: m(
-    e(
-      n.EMPLOYEE_PAYMENT_METHOD_DONE,
+  paymentMethod: E(
+    o(
+      e.EMPLOYEE_PAYMENT_METHOD_DONE,
       "deductions",
-      t(E({ component: p }))
+      n(m({ component: s }))
     ),
     r("index")
   ),
-  deductions: m(
-    e(
-      n.EMPLOYEE_DEDUCTION_DONE,
+  deductions: E(
+    o(
+      e.EMPLOYEE_DEDUCTION_DONE,
       "summary",
-      t(E({ component: y }))
+      n(m({ component: N }))
     ),
     r("index")
   ),
-  summary: m(
-    e(
-      n.EMPLOYEES_LIST,
+  summary: E(
+    o(
+      e.EMPLOYEES_LIST,
       "index",
-      t(E({ component: s, employeeId: void 0 }))
+      n(m({ component: l, employeeId: void 0 }))
     )
   ),
-  final: m()
+  final: E()
 };
 export {
-  T as employeeOnboardingMachine
+  g as employeeOnboardingMachine
 };
 //# sourceMappingURL=onboardingStateMachine.js.map