@gusto/embedded-react-sdk 0.30.0 → 0.31.0

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

@@ -1,30 +1,35 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import { useEmployeesGetSuspense as g } from "@gusto/embedded-api/react-query/employeesGet";
-import { useCompaniesGetSuspense as h } from "@gusto/embedded-api/react-query/companiesGet";
-import s from "./Landing.module.scss.js";
-import { BaseComponent as x } from "../../Base/Base.js";
-import { useBase as y } from "../../Base/useBase.js";
+import { useTranslation as h } from "react-i18next";
+import { useEmployeesGetSuspense as y } from "@gusto/embedded-api/react-query/employeesGet";
+import { useCompaniesGetSuspense as x } from "@gusto/embedded-api/react-query/companiesGet";
+import a from "dompurify";
+import { useMemo as c } from "react";
+import l from "./Landing.module.scss.js";
+import { BaseComponent as C } from "../../Base/Base.js";
+import { useBase as E } 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 "react";
-import { useI18n as D, useComponentDictionary as I } from "../../../i18n/I18n.js";
-import { componentEvents as L } from "../../../shared/constants.js";
-function M(t) {
-  return D("Employee.Landing"), I("Employee.Landing", t.dictionary), /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(S, { ...t, children: t.children }) });
+import { componentEvents as D } from "../../../shared/constants.js";
+import { ActionsLayout as N } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as L, useComponentDictionary as S } from "../../../i18n/I18n.js";
+function U(t) {
+  return L("Employee.Landing"), S("Employee.Landing", t.dictionary), /* @__PURE__ */ e(C, { ...t, children: /* @__PURE__ */ e(T, { ...t, children: t.children }) });
 }
-const S = ({ employeeId: t, companyId: m, className: c }) => {
-  const { onEvent: a } = y(), o = C(), {
-    data: { employee: l }
-  } = g({ employeeId: t }), p = l.firstName, {
-    data: { company: d }
-  } = h({ companyId: m }), f = d?.name, { t: n } = u("Employee.Landing");
-  return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ i(r, { alignItems: "center", flexDirection: "column", gap: 32, children: [
+const T = ({ employeeId: t, companyId: p, className: d }) => {
+  const { onEvent: f } = E(), o = I(), {
+    data: { employee: s }
+  } = y({ employeeId: t }), u = c(() => a.sanitize(s.firstName), [s]), {
+    data: { company: m }
+  } = x({ companyId: p }), g = c(() => a.sanitize(m?.name ?? ""), [m]), { t: n } = h("Employee.Landing");
+  return /* @__PURE__ */ e("section", { className: d, children: /* @__PURE__ */ i(r, { alignItems: "center", flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ i(r, { alignItems: "center", flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: n("landingSubtitle", { firstName: p, companyName: f }) }),
-      /* @__PURE__ */ e(o.Text, { className: s.description, children: n("landingDescription") })
+      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: n("landingSubtitle", {
+        firstName: u,
+        companyName: g,
+        interpolation: { escapeValue: !1 }
+      }) }),
+      /* @__PURE__ */ e(o.Text, { className: l.description, children: n("landingDescription") })
     ] }),
     /* @__PURE__ */ i(r, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ e(o.Heading, { as: "h3", children: n("stepsSubtitle") }),
@@ -36,21 +41,21 @@ const S = ({ employeeId: t, companyId: m, className: c }) => {
       )
     ] }),
     /* @__PURE__ */ i(r, { flexDirection: "column", alignItems: "center", gap: 8, children: [
-      /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(N, { justifyContent: "center", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a(L.EMPLOYEE_SELF_ONBOARDING_START);
+            f(D.EMPLOYEE_SELF_ONBOARDING_START);
           },
           children: n("getStartedCta")
         }
       ) }),
-      /* @__PURE__ */ e(o.Text, { className: s.description, children: n("getStartedDescription") })
+      /* @__PURE__ */ e(o.Text, { className: l.description, children: n("getStartedDescription") })
     ] })
   ] }) });
 };
 export {
-  M as Landing
+  U as Landing
 };
 //# sourceMappingURL=Landing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport styles from './Landing.module.scss'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const firstName = employee!.firstName\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const companyName = company?.name\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('landingSubtitle', { firstName, companyName })}\n          </Components.Heading>\n          <Components.Text className={styles.description}>\n            {t('landingDescription')}\n          </Components.Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n          <Components.UnorderedList\n            items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n          />\n        </Flex>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n          <ActionsLayout justifyContent=\"center\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n            </Components.Button>\n          </ActionsLayout>\n          <Components.Text className={styles.description}>\n            {t('getStartedDescription')}\n          </Components.Text>\n        </Flex>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","company","useCompaniesGetSuspense","companyName","t","useTranslation","jsxs","Flex","styles","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,EAAM,UAAU,GAGzD,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AACnE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAYF,EAAU,WAEtB;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAV,GAAW,GACnCW,IAAcF,GAAS,MAEvB,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAjB,EAAC,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAa,EAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAQ,EAAE,mBAAmB,EAAE,WAAAJ,GAAW,aAAAG,EAAA,CAAa,EAAA,CAClD;AAAA,MACA,gBAAAf,EAACQ,EAAW,MAAX,EAAgB,WAAWY,EAAO,aAChC,UAAAJ,EAAE,oBAAoB,EAAA,CACzB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAQ,EAAE,eAAe,GAAE;AAAA,MAChD,gBAAAhB;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,CAACQ,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1E,GACF;AAAA,sBACCG,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAnB,EAACqB,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAArB;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,YAAE,eAAe;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAtB,EAACQ,EAAW,MAAX,EAAgB,WAAWY,EAAO,aAChC,UAAAJ,EAAE,uBAAuB,EAAA,CAC5B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport styles from './Landing.module.scss'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(employee!.firstName), [employee])\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('landingSubtitle', {\n              firstName: sanitizedFirstName,\n              companyName: sanitizedCompanyName,\n              interpolation: { escapeValue: false },\n            })}\n          </Components.Heading>\n          <Components.Text className={styles.description}>\n            {t('landingDescription')}\n          </Components.Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n          <Components.UnorderedList\n            items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n          />\n        </Flex>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n          <ActionsLayout justifyContent=\"center\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n            </Components.Button>\n          </ActionsLayout>\n          <Components.Text className={styles.description}>\n            {t('getStartedDescription')}\n          </Components.Text>\n        </Flex>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","sanitizedFirstName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","t","useTranslation","jsxs","Flex","styles","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;;;;AAuBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,EAAM,UAAU,GAGzD,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AACnE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAqBC,EAAQ,MAAMC,EAAU,SAASJ,EAAU,SAAS,GAAG,CAACA,CAAQ,CAAC,GAEtF;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAZ,GAAW,GACnCa,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC,GAEvF,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAnB,EAAC,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAe,EAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAArB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,YAAE,mBAAmB;AAAA,QACpB,WAAWI;AAAA,QACX,aAAaK;AAAA,QACb,eAAe,EAAE,aAAa,GAAA;AAAA,MAAM,CACrC,GACH;AAAA,MACA,gBAAAjB,EAACQ,EAAW,MAAX,EAAgB,WAAWc,EAAO,aAChC,UAAAJ,EAAE,oBAAoB,EAAA,CACzB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAArB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAU,EAAE,eAAe,GAAE;AAAA,MAChD,gBAAAlB;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,CAACU,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1E,GACF;AAAA,sBACCG,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAArB,EAACuB,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAAvB;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQkB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,YAAE,eAAe;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAxB,EAACQ,EAAW,MAAX,EAAgB,WAAWc,EAAO,aAChC,UAAAJ,EAAE,uBAAuB,EAAA,CAC5B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -5,5 +5,6 @@ export interface OnboardingFlowProps extends BaseComponentInterface {
     companyId: string;
     defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>;
     isSelfOnboardingEnabled?: boolean;
+    withEmployeeI9?: boolean;
 }
-export declare const OnboardingFlow: ({ companyId, onEvent, defaultValues, isSelfOnboardingEnabled, }: OnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingFlow: ({ companyId, onEvent, defaultValues, isSelfOnboardingEnabled, withEmployeeI9, }: OnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,33 +1,35 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createMachine as p } from "robot3";
-import { useMemo as c } from "react";
-import { EmployeeListContextual as s } from "../EmployeeList/EmployeeList.js";
-import { employeeOnboardingMachine as a } from "./onboardingStateMachine.js";
-import { Flow as f } from "../../Flow/Flow.js";
-const w = ({
+import { jsx as p } from "react/jsx-runtime";
+import { createMachine as c } from "robot3";
+import { useMemo as s } from "react";
+import { EmployeeListContextual as a } from "../EmployeeList/EmployeeList.js";
+import { employeeOnboardingMachine as f } from "./onboardingStateMachine.js";
+import { Flow as x } from "../../Flow/Flow.js";
+const j = ({
   companyId: o,
-  onEvent: e,
-  defaultValues: m,
-  isSelfOnboardingEnabled: r = !0
+  onEvent: t,
+  defaultValues: r,
+  isSelfOnboardingEnabled: m = !0,
+  withEmployeeI9: e = !1
 }) => {
-  const t = c(
-    () => p(
+  const i = s(
+    () => c(
       "index",
-      a,
-      (i) => ({
-        ...i,
-        component: s,
+      f,
+      (n) => ({
+        ...n,
+        component: a,
         companyId: o,
         isAdmin: !0,
-        defaultValues: m,
-        isSelfOnboardingEnabled: r
+        defaultValues: r,
+        isSelfOnboardingEnabled: m,
+        withEmployeeI9: e
       })
     ),
-    [o, m, r]
+    [o, r, m, e]
   );
-  return /* @__PURE__ */ n(f, { machine: t, onEvent: e });
+  return /* @__PURE__ */ p(x, { machine: i, onEvent: t });
 };
 export {
-  w as OnboardingFlow
+  j as OnboardingFlow
 };
 //# sourceMappingURL=OnboardingFlow.js.map

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 { useMemo } from 'react'\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 = useMemo(\n    () =>\n      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    [companyId, defaultValues, isSelfOnboardingEnabled],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","manageEmployees","useMemo","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAkBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAC5B,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,SAAS;AAAA,QACT,eAAAE;AAAA,QACA,yBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAWE,GAAeC,CAAuB;AAAA,EAAA;AAEpD,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAH,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\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  withEmployeeI9?: boolean\n}\n\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  withEmployeeI9 = false,\n}: OnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeOnboardingMachine,\n        (initialContext: OnboardingContextInterface) => ({\n          ...initialContext,\n          component: EmployeeListContextual,\n          companyId,\n          isAdmin: true,\n          defaultValues,\n          isSelfOnboardingEnabled,\n          withEmployeeI9,\n        }),\n      ),\n    [companyId, defaultValues, isSelfOnboardingEnabled, withEmployeeI9],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","withEmployeeI9","manageEmployees","useMemo","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAmBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AACnB,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAV;AAAA,QACA,SAAS;AAAA,QACT,eAAAE;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAWE,GAAeC,GAAyBC,CAAc;AAAA,EAAA;AAEpE,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAJ,EAAA,CAAkB;AAC3D;"}

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

@@ -17,6 +17,7 @@ export interface OnboardingContextInterface extends FlowContextInterface {
     paymentMethod?: PaymentMethodBankAccount;
     defaultValues?: OnboardingDefaultValues;
     isSelfOnboardingEnabled?: boolean;
+    withEmployeeI9?: 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.map

@@ -1 +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;"}
+{"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  withEmployeeI9?: 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":";;;;;AA2BO,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

@@ -6,6 +6,7 @@ export declare const employeeOnboardingMachine: {
     stateTaxes: import('robot3').MachineState<any>;
     paymentMethod: import('robot3').MachineState<any>;
     deductions: import('robot3').MachineState<any>;
+    employeeDocuments: import('robot3').MachineState<any>;
     summary: import('robot3').MachineState<any>;
     final: import('robot3').MachineState<any>;
 };

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

@@ -1,53 +1,58 @@
 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 { StateTaxesContextual as _, FederalTaxesContextual as D } from "./OnboardingFlowComponents.js";
+import { componentEvents as t, EmployeeSelfOnboardingStatuses as c, EmployeeOnboardingStatus as d } 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 { CompensationContextual as N } from "../Compensation/Compensation.js";
+import { ProfileContextual as s } from "../Profile/Profile.js";
+import { OnboardingSummaryContextual as O } from "../OnboardingSummary/OnboardingSummary.js";
+import { EmployeeDocumentsContextual as y } from "../EmployeeDocuments/EmployeeDocuments.js";
+import { DeductionsContextual as u } from "../Deductions/Deductions.js";
 import { PaymentMethodContextual as P } from "../PaymentMethod/PaymentMethod.js";
-const m = (t) => (a) => ({
-  ...a,
-  ...t
-}), r = (t, a) => o(
-  e.CANCEL,
-  t,
-  n(m({ component: l }))
-), d = (t) => t.onboardingStatus ? !// prettier-ignore
+const a = (e) => (m) => ({
+  ...m,
+  ...e
+}), r = (e, m) => o(
+  t.CANCEL,
+  e,
+  n(a({ component: l }))
+), S = /* @__PURE__ */ new Set([
+  d.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,
+  d.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,
+  d.ONBOARDING_COMPLETED
+]), M = (e) => !(!e.withEmployeeI9 || e.onboardingStatus && S.has(e.onboardingStatus)), p = (e) => e.onboardingStatus ? !// prettier-ignore
 // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
-(c.has(t.onboardingStatus) || t.onboardingStatus === _.SELF_ONBOARDING_PENDING_INVITE) : !0, g = {
+(c.has(e.onboardingStatus) || e.onboardingStatus === d.SELF_ONBOARDING_PENDING_INVITE) : !0, R = {
   index: E(
     o(
-      e.EMPLOYEE_CREATE,
+      t.EMPLOYEE_CREATE,
       "employeeProfile",
-      n(m({ component: p, employeeId: void 0 }))
+      n(a({ component: s, employeeId: void 0 }))
     ),
     o(
-      e.EMPLOYEE_UPDATE,
+      t.EMPLOYEE_UPDATE,
       "employeeProfile",
       n(
-        (t, a) => ({
-          ...t,
-          component: p,
-          employeeId: a.payload.employeeId,
-          onboardingStatus: a.payload.onboardingStatus
+        (e, m) => ({
+          ...e,
+          component: s,
+          employeeId: m.payload.employeeId,
+          onboardingStatus: m.payload.onboardingStatus
         })
       )
     ),
-    o(e.EMPLOYEE_ONBOARDING_DONE, "final")
+    o(t.EMPLOYEE_ONBOARDING_DONE, "final")
   ),
   employeeProfile: E(
     o(
-      e.EMPLOYEE_PROFILE_DONE,
+      t.EMPLOYEE_PROFILE_DONE,
       "compensation",
       n(
-        (t, a) => ({
-          ...t,
-          component: y,
-          employeeId: a.payload.uuid,
-          onboardingStatus: a.payload.onboardingStatus,
-          startDate: a.payload.startDate
+        (e, m) => ({
+          ...e,
+          component: N,
+          employeeId: m.payload.uuid,
+          onboardingStatus: m.payload.onboardingStatus,
+          startDate: m.payload.startDate
         })
       )
     ),
@@ -55,62 +60,76 @@ const m = (t) => (a) => ({
   ),
   compensation: E(
     o(
-      e.EMPLOYEE_COMPENSATION_DONE,
+      t.EMPLOYEE_COMPENSATION_DONE,
       "federalTaxes",
-      n(m({ component: u })),
-      i(d)
+      n(a({ component: D })),
+      i(p)
     ),
     o(
-      e.EMPLOYEE_COMPENSATION_DONE,
+      t.EMPLOYEE_COMPENSATION_DONE,
       "deductions",
-      n(m({ component: s }))
+      n(a({ component: u }))
     ),
     r("index")
   ),
   federalTaxes: E(
     o(
-      e.EMPLOYEE_FEDERAL_TAXES_DONE,
+      t.EMPLOYEE_FEDERAL_TAXES_DONE,
       "stateTaxes",
-      n(m({ component: O })),
-      i(d)
+      n(a({ component: _ })),
+      i(p)
     ),
     r("index")
   ),
   stateTaxes: E(
     o(
-      e.EMPLOYEE_STATE_TAXES_DONE,
+      t.EMPLOYEE_STATE_TAXES_DONE,
       "paymentMethod",
-      n(m({ component: P })),
-      i(d)
+      n(a({ component: P })),
+      i(p)
     ),
     r("index")
   ),
   paymentMethod: E(
     o(
-      e.EMPLOYEE_PAYMENT_METHOD_DONE,
+      t.EMPLOYEE_PAYMENT_METHOD_DONE,
       "deductions",
-      n(m({ component: s }))
+      n(a({ component: u }))
     ),
     r("index")
   ),
   deductions: E(
     o(
-      e.EMPLOYEE_DEDUCTION_DONE,
+      t.EMPLOYEE_DEDUCTION_DONE,
+      "employeeDocuments",
+      n(a({ component: y })),
+      i(M)
+    ),
+    o(
+      t.EMPLOYEE_DEDUCTION_DONE,
+      "summary",
+      n(a({ component: O }))
+    ),
+    r("index")
+  ),
+  employeeDocuments: E(
+    o(
+      t.EMPLOYEE_DOCUMENTS_DONE,
       "summary",
-      n(m({ component: N }))
+      n(a({ component: O }))
     ),
     r("index")
   ),
   summary: E(
     o(
-      e.EMPLOYEES_LIST,
+      t.EMPLOYEES_LIST,
       "index",
-      n(m({ component: l, employeeId: void 0 }))
+      n(a({ component: l, employeeId: void 0 }))
     )
   ),
   final: E()
 };
 export {
-  g as employeeOnboardingMachine
+  R as employeeOnboardingMachine
 };
 //# sourceMappingURL=onboardingStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Employee/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  type OnboardingContextInterface,\n} from './OnboardingFlowComponents'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { DeductionsContextual } from '@/components/Employee/Deductions'\nimport { EmployeeListContextual } from '@/components/Employee/EmployeeList/EmployeeList'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n  [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n    uuid: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n    startDate: string\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingContextInterface>) => {\n  return (ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = (target: string, component?: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    target,\n    reduce(createReducer({ component: component ?? EmployeeListContextual })),\n  )\n\nconst selfOnboardingGuard = (ctx: OnboardingContextInterface) =>\n  ctx.onboardingStatus\n    ? !(\n        // prettier-ignore\n        // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n        (EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n      )\n    : true\n\nexport const employeeOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'employeeProfile',\n      reduce(createReducer({ component: ProfileContextual, employeeId: undefined })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'employeeProfile',\n\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): OnboardingContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            employeeId: ev.payload.employeeId,\n            onboardingStatus: ev.payload.onboardingStatus,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'compensation',\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n        ): OnboardingContextInterface => ({\n          ...ctx,\n          component: CompensationContextual,\n          employeeId: ev.payload.uuid,\n          onboardingStatus: ev.payload.onboardingStatus,\n          startDate: ev.payload.startDate,\n        }),\n      ),\n    ),\n    cancelTransition('index'),\n  ),\n  compensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'federalTaxes',\n      reduce(createReducer({ component: FederalTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  paymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  deductions: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n\n    cancelTransition('index'),\n  ),\n  summary: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEES_LIST,\n      'index',\n      reduce(createReducer({ component: EmployeeListContextual, employeeId: undefined })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","target","component","transition","componentEvents","reduce","EmployeeListContextual","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","employeeOnboardingMachine","state","ProfileContextual","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","OnboardingSummaryContextual"],"mappings":"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"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Employee/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  type OnboardingContextInterface,\n} from './OnboardingFlowComponents'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { DeductionsContextual } from '@/components/Employee/Deductions'\nimport { EmployeeDocumentsContextual } from '@/components/Employee/EmployeeDocuments'\nimport { EmployeeListContextual } from '@/components/Employee/EmployeeList/EmployeeList'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n  [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n    uuid: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n    startDate: string\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingContextInterface>) => {\n  return (ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = (target: string, component?: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    target,\n    reduce(createReducer({ component: component ?? EmployeeListContextual })),\n  )\n\nconst employeeDocumentsConfigCompletedStatuses: Set<\n  (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n> = new Set([\n  EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n  EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n  EmployeeOnboardingStatus.ONBOARDING_COMPLETED,\n])\n\nconst employeeDocumentsGuard = (ctx: OnboardingContextInterface) => {\n  if (!ctx.withEmployeeI9) return false\n  if (ctx.onboardingStatus && employeeDocumentsConfigCompletedStatuses.has(ctx.onboardingStatus))\n    return false\n  return true\n}\n\nconst selfOnboardingGuard = (ctx: OnboardingContextInterface) =>\n  ctx.onboardingStatus\n    ? !(\n        // prettier-ignore\n        // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n        (EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n      )\n    : true\n\nexport const employeeOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'employeeProfile',\n      reduce(createReducer({ component: ProfileContextual, employeeId: undefined })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'employeeProfile',\n\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): OnboardingContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            employeeId: ev.payload.employeeId,\n            onboardingStatus: ev.payload.onboardingStatus,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'compensation',\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n        ): OnboardingContextInterface => ({\n          ...ctx,\n          component: CompensationContextual,\n          employeeId: ev.payload.uuid,\n          onboardingStatus: ev.payload.onboardingStatus,\n          startDate: ev.payload.startDate,\n        }),\n      ),\n    ),\n    cancelTransition('index'),\n  ),\n  compensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'federalTaxes',\n      reduce(createReducer({ component: FederalTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  paymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  deductions: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'employeeDocuments',\n      reduce(createReducer({ component: EmployeeDocumentsContextual })),\n      guard(employeeDocumentsGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  employeeDocuments: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DOCUMENTS_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  summary: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEES_LIST,\n      'index',\n      reduce(createReducer({ component: EmployeeListContextual, employeeId: undefined })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","target","component","transition","componentEvents","reduce","EmployeeListContextual","employeeDocumentsConfigCompletedStatuses","EmployeeOnboardingStatus","employeeDocumentsGuard","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","employeeOnboardingMachine","state","ProfileContextual","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","EmployeeDocumentsContextual","OnboardingSummaryContextual"],"mappings":";;;;;;;;;;AAgCA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIDE,IAAmB,CAACC,GAAgBC,MACxCC;AAAA,EACEC,EAAgB;AAAA,EAChBH;AAAA,EACAI,EAAOR,EAAc,EAAE,WAAwBS,EAAA,CAAwB,CAAC;AAC1E,GAEIC,wBAEE,IAAI;AAAA,EACVC,EAAyB;AAAA,EACzBA,EAAyB;AAAA,EACzBA,EAAyB;AAC3B,CAAC,GAEKC,IAAyB,CAACV,MAC1B,GAACA,EAAI,kBACLA,EAAI,oBAAoBQ,EAAyC,IAAIR,EAAI,gBAAgB,IAKzFW,IAAsB,CAACX,MAC3BA,EAAI,mBACA;AAAA;AAAA,CAGGY,EAA+B,IAAIZ,EAAI,gBAAgB,KACxDA,EAAI,qBAAqBS,EAAyB,kCAEpD,IAEOI,IAA4B;AAAA,EACvC,OAAOC;AAAA,IACLV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWiB,GAAmB,YAAY,QAAW,CAAC;AAAA,IAAA;AAAA,IAE/EX;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MAEAC;AAAA,QACE,CACEN,GACAgB,OAEO;AAAA,UACL,GAAGhB;AAAA,UACH,WAAWe;AAAA,UACX,YAAYC,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAEjC;AAAA,IACF;AAAA,IAEFZ,EAAWC,EAAgB,0BAA0B,OAAO;AAAA,EAAA;AAAA,EAE9D,iBAAiBS;AAAA,IACfV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEN,GACAgB,OACgC;AAAA,UAChC,GAAGhB;AAAA,UACH,WAAWiB;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,UAC7B,WAAWA,EAAG,QAAQ;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,IAEFf,EAAiB,OAAO;AAAA,EAAA;AAAA,EAE1B,cAAca;AAAA,IACZV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWoB,EAAA,CAAwB,CAAC;AAAA,MAC3DC,EAAMR,CAAmB;AAAA,IAAA;AAAA,IAE3BP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWsB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,IAE3DnB,EAAiB,OAAO;AAAA,EAAA;AAAA,EAE1B,cAAca;AAAA,IACZV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWuB,EAAA,CAAsB,CAAC;AAAA,MACzDF,EAAMR,CAAmB;AAAA,IAAA;AAAA,IAE3BV,EAAiB,OAAO;AAAA,EAAA;AAAA,EAE1B,YAAYa;AAAA,IACVV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWwB,EAAA,CAAyB,CAAC;AAAA,MAC5DH,EAAMR,CAAmB;AAAA,IAAA;AAAA,IAE3BV,EAAiB,OAAO;AAAA,EAAA;AAAA,EAE1B,eAAea;AAAA,IACbV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWsB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,IAE3DnB,EAAiB,OAAO;AAAA,EAAA;AAAA,EAE1B,YAAYa;AAAA,IACVV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWyB,EAAA,CAA6B,CAAC;AAAA,MAChEJ,EAAMT,CAAsB;AAAA,IAAA;AAAA,IAE9BN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAW0B,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,IAElEvB,EAAiB,OAAO;AAAA,EAAA;AAAA,EAE1B,mBAAmBa;AAAA,IACjBV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAW0B,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,IAElEvB,EAAiB,OAAO;AAAA,EAAA;AAAA,EAE1B,SAASa;AAAA,IACPV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWS,GAAwB,YAAY,QAAW,CAAC;AAAA,IAAA;AAAA,EACpF;AAAA,EAEF,OAAOO,EAAA;AACT;"}

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js

@@ -9,10 +9,10 @@ import r from "./OnboardingSummary.module.scss.js";
 import { BaseComponent as P } from "../../Base/Base.js";
 import { useBase as R } from "../../Base/useBase.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { componentEvents as E, EmployeeOnboardingStatus as N } from "../../../shared/constants.js";
+import { ActionsLayout as O } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as _, useComponentDictionary as w } from "../../../i18n/I18n.js";
-import { componentEvents as N, EmployeeOnboardingStatus as O } from "../../../shared/constants.js";
 import F from "../../../assets/icons/success_check.svg.js";
 import G from "../../../assets/icons/unchecked_circular.svg.js";
 import { useFlow as M } from "../../Flow/useFlow.js";
@@ -22,7 +22,7 @@ function j(n) {
 const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
   const { onEvent: a } = R(), { t } = b("Employee.OnboardingSummary"), o = T(), {
     data: { employee: x }
-  } = B({ employeeId: n }), { firstName: u, lastName: p } = x, { data: C } = L({ employeeId: n }), { onboardingStatus: h, onboardingSteps: l } = C.employeeOnboardingStatus, I = l?.length && l.findIndex((i) => i.required && !i.completed) > -1, f = h === O.ONBOARDING_COMPLETED || !I && h === O.SELF_ONBOARDING_PENDING_INVITE, D = S(() => y.sanitize(u), [u]), v = S(() => y.sanitize(p), [p]);
+  } = B({ employeeId: n }), { firstName: u, lastName: p } = x, { data: C } = L({ employeeId: n }), { onboardingStatus: h, onboardingSteps: l } = C.employeeOnboardingStatus, I = l?.length && l.findIndex((i) => i.required && !i.completed) > -1, f = h === N.ONBOARDING_COMPLETED || !I && h === N.SELF_ONBOARDING_PENDING_INVITE, D = S(() => y.sanitize(u), [u]), v = S(() => y.sanitize(p), [p]);
   return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: m ? f ? /* @__PURE__ */ s(g, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", {
@@ -47,23 +47,23 @@ const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
     ] }) : /* @__PURE__ */ s(g, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
       /* @__PURE__ */ e(o.Text, { className: r.description, children: t("onboardedSelfDescription") }),
-      /* @__PURE__ */ e(E, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(O, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a(N.EMPLOYEE_ONBOARDING_DONE);
+            a(E.EMPLOYEE_ONBOARDING_DONE);
           },
           children: t("doneCta")
         }
       ) })
     ] }) }),
-    m && /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(O, { justifyContent: "center", children: /* @__PURE__ */ e(
       o.Button,
       {
         variant: "secondary",
         onClick: () => {
-          a(N.EMPLOYEES_LIST);
+          a(E.EMPLOYEES_LIST);
         },
         children: t("doneCta")
       }

package/dist/components/Employee/PaymentMethod/BankAccountEdit.js

@@ -4,10 +4,10 @@ import { useTranslation as s } from "react-i18next";
 import { usePaymentMethod as c } from "./usePaymentMethod.js";
 import { PAYMENT_METHODS as l } from "../../../shared/constants.js";
 import "classnames";
+import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const k = () => {
   const { mode: t, watchedType: a } = c(), { t: e } = s("Employee.PaymentMethod"), { setValue: n } = m();
   if (!(t !== "ADD" && t !== "INITIAL" || a === l.check))

package/dist/components/Employee/PaymentMethod/PaymentTypeForm.js

@@ -4,9 +4,9 @@ import { z as o } from "zod";
 import { usePaymentMethod as c } from "./usePaymentMethod.js";
 import { PAYMENT_METHODS as r } from "../../../shared/constants.js";
 import "classnames";
+import { RadioGroupField as n } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { RadioGroupField as n } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 o.object({
   type: o.enum(["Check", "Direct Deposit"])
 });

package/dist/components/Employee/PaymentMethod/Split.js

@@ -7,11 +7,11 @@ import { useMemo as j, useEffect as D } from "react";
 import { usePaymentMethod as N } from "./usePaymentMethod.js";
 import { SPLIT_BY as h } from "../../../shared/constants.js";
 import "classnames";
-import { useComponentContext as q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLocale as w } from "../../../contexts/LocaleProvider/useLocale.js";
-import { ReorderableList as I } from "../../Common/ReorderableList/ReorderableList.js";
-import { RadioGroupField as W } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { RadioGroupField as q } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as F } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLocale as I } from "../../../contexts/LocaleProvider/useLocale.js";
+import { ReorderableList as W } from "../../Common/ReorderableList/ReorderableList.js";
 function ie() {
   const { paymentMethod: r, bankAccounts: m, mode: c } = N(), {
     control: s,
@@ -22,7 +22,7 @@ function ie() {
   } = B(), { t: u } = g("Employee.PaymentMethod"), d = A("splitBy"), L = A("priority"), a = j(() => r.splits ?? [], [r.splits]), l = Object.entries(L).reduce(
     (e, [t, i]) => !e || (L[e] ?? 0) < i ? t : e,
     ""
-  ), { currency: $ } = w();
+  ), { currency: $ } = I();
   D(() => {
     if (a.length)
       if (d === h.amount) {
@@ -33,7 +33,7 @@ function ie() {
         o("splitAmount", e);
       }
   }, [d, a, l, o]);
-  const f = q();
+  const f = w();
   if (c !== "SPLIT" || m.length < 2 || r.splits === null) return null;
   o("isSplit", !0);
   const b = (e, t) => {
@@ -50,7 +50,7 @@ function ie() {
     const p = a[i];
     p && (o("priority", t), l && l !== p.uuid && (S(`splitAmount.${l}`), b(l, 0)), b(p.uuid, null));
   }, R = () => d === h.amount ? /* @__PURE__ */ n(
-    I,
+    W,
     {
       label: u("draggableListLabel"),
       items: a.map((e) => ({
@@ -106,7 +106,7 @@ function ie() {
     /* @__PURE__ */ n(f.Heading, { as: "h2", children: u("title") }),
     /* @__PURE__ */ n(V, { t: u, i18nKey: "splitDescription", components: { p: /* @__PURE__ */ n(f.Text, {}) } }),
     /* @__PURE__ */ n(
-      W,
+      q,
       {
         name: "splitBy",
         label: u("splitByLabel"),

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js

@@ -11,10 +11,11 @@ import "../../Base/useBase.js";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as a } from "../../Base/createCompoundContext.js";
-const x = t.union([
+const S = t.union([
   l.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -54,10 +55,10 @@ const x = t.union([
       remainder: t.string()
     })
   ])
-]), [S, k] = a("PaymentMethodContext");
+]), [k, C] = a("PaymentMethodContext");
 export {
-  x as CombinedSchema,
-  k as PaymentMethodProvider,
-  S as usePaymentMethod
+  S as CombinedSchema,
+  C as PaymentMethodProvider,
+  k as usePaymentMethod
 };
 //# sourceMappingURL=usePaymentMethod.js.map