@gusto/embedded-react-sdk 0.54.1-rc.1 → 0.55.0

package/dist/components/Employee/HomeAddress/management/HomeAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddress.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddress.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { CardContextual, type HomeAddressContextInterface } from './HomeAddressComponents'\nimport { homeAddressStateMachine } from './homeAddressStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link HomeAddress}.\n *\n * @public\n */\nexport interface HomeAddressProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressFlow({ employeeId, onEvent, LoaderComponent }: HomeAddressProps) {\n  useI18n('Employee.Management.HomeAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', homeAddressStateMachine, (ctx: HomeAddressContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee home address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button on the home address card clicked | `{ employeeId: string }` |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n *\n * @public\n */\nexport function HomeAddress({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: HomeAddressProps) {\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <HomeAddressFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","homeAddressStateMachine","ctx","CardContextual","jsx","Flow","HomeAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAqC;AACnF,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAgBO,SAASW,EAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAqB;AACnB,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAgB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpE;"}
+{"version":3,"file":"HomeAddress.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type HomeAddressContextInterface } from './HomeAddressComponents'\nimport { homeAddressStateMachine } from './homeAddressStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link HomeAddress}.\n *\n * @public\n */\nexport interface HomeAddressProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressFlow({ employeeId, onEvent, LoaderComponent }: HomeAddressProps) {\n  useI18n('Employee.Management.HomeAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', homeAddressStateMachine, (ctx: HomeAddressContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee home address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button on the home address card clicked | `{ employeeId: string }` |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n *\n * @public\n */\nexport function HomeAddress({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: HomeAddressProps) {\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <HomeAddressFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","homeAddressStateMachine","ctx","CardContextual","jsx","Flow","HomeAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAqC;AACnF,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAgBO,SAASW,EAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAqB;AACnB,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAgB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

package/dist/components/Employee/HomeAddress/management/homeAddressStateMachine.d.ts

@@ -1,5 +1,5 @@
 /** @internal */
 export declare const homeAddressStateMachine: {
-    card: import('../../../../lib/state-machine').StateDefinition;
-    editHomeAddress: import('../../../../lib/state-machine').StateDefinition;
+    card: import('robot3').MachineState<any>;
+    editHomeAddress: import('robot3').MachineState<any>;
 };

package/dist/components/Employee/HomeAddress/management/homeAddressStateMachine.js

@@ -1,10 +1,9 @@
-import { HomeAddressEditFormContextual as d, CardContextual as m } from "./HomeAddressComponents.js";
-import "react";
-import { state as t, transition as e, reduce as r } from "../../../../lib/state-machine/core.js";
+import { state as t, transition as e, reduce as r } from "robot3";
+import { HomeAddressEditFormContextual as d, CardContextual as n } from "./HomeAddressComponents.js";
 import { componentEvents as E } from "../../../../shared/constants.js";
-const n = r((o) => ({
+const m = r((o) => ({
   ...o,
-  component: m
+  component: n
 })), _ = {
   card: t(
     e(
@@ -20,7 +19,7 @@ const n = r((o) => ({
     e(
       E.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED,
       "card",
-      n
+      m
     )
   )
 };

package/dist/components/Employee/HomeAddress/management/homeAddressStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"homeAddressStateMachine.js","sources":["../../../../../src/components/Employee/HomeAddress/management/homeAddressStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { HomeAddressContextInterface } from './HomeAddressComponents'\nimport { CardContextual, HomeAddressEditFormContextual } from './HomeAddressComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: HomeAddressContextInterface): HomeAddressContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n}))\n\n/** @internal */\nexport const homeAddressStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED,\n      'editHomeAddress',\n      reduce((ctx: HomeAddressContextInterface): HomeAddressContextInterface => ({\n        ...ctx,\n        component: HomeAddressEditFormContextual as ComponentType,\n      })),\n    ),\n  ),\n  editHomeAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","homeAddressStateMachine","state","transition","componentEvents","HomeAddressEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAAmE;AAAA,EAC9F,GAAGA;AAAA,EACH,WAAWC;AACb,EAAE,GAGWC,IAA0B;AAAA,EACrC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAmE;AAAA,QACzE,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,iBAAiBH;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"homeAddressStateMachine.js","sources":["../../../../../src/components/Employee/HomeAddress/management/homeAddressStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { HomeAddressContextInterface } from './HomeAddressComponents'\nimport { CardContextual, HomeAddressEditFormContextual } from './HomeAddressComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: HomeAddressContextInterface): HomeAddressContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n}))\n\n/** @internal */\nexport const homeAddressStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED,\n      'editHomeAddress',\n      reduce((ctx: HomeAddressContextInterface): HomeAddressContextInterface => ({\n        ...ctx,\n        component: HomeAddressEditFormContextual as ComponentType,\n      })),\n    ),\n  ),\n  editHomeAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","homeAddressStateMachine","state","transition","componentEvents","HomeAddressEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAAmE;AAAA,EAC9F,GAAGA;AAAA,EACH,WAAWC;AACb,EAAE,GAGWC,IAA0B;AAAA,EACrC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAmE;AAAA,QACzE,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,iBAAiBH;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Employee/OnboardingExecutionFlow/OnboardingExecutionFlow.js

@@ -1,7 +1,7 @@
 import { jsx as x } from "react/jsx-runtime";
-import { useMemo as N } from "react";
-import { INITIAL_COMPONENT_MAP as P, onboardingExecutionMachine as h } from "./onboardingExecutionStateMachine.js";
-import { createMachine as F } from "../../../lib/state-machine/core.js";
+import { createMachine as N } from "robot3";
+import { useMemo as P } from "react";
+import { onboardingExecutionMachine as h, INITIAL_COMPONENT_MAP as F } from "./onboardingExecutionStateMachine.js";
 import { Flow as T } from "../../Flow/Flow.js";
 function A({
   companyId: r,
@@ -14,13 +14,13 @@ function A({
   isSelfOnboardingEnabled: n = !0,
   withEmployeeI9: p = !1
 }) {
-  const u = N(
-    () => F(
+  const u = P(
+    () => N(
       o,
       h,
       (M) => ({
         ...M,
-        component: P[o],
+        component: F[o],
         companyId: r,
         employeeId: e,
         onboardingStatus: m,

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingExecutionFlow.js","sources":["../../../../src/components/Employee/OnboardingExecutionFlow/OnboardingExecutionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  onboardingExecutionMachine,\n  INITIAL_COMPONENT_MAP,\n  type OnboardingExecutionInitialState,\n} from './onboardingExecutionStateMachine'\nimport {\n  type OnboardingContextInterface,\n  type OnboardingDefaultValues,\n} from './OnboardingExecutionFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, EmployeeOnboardingStatus } from '@/shared/constants'\n\n/**\n * Props for {@link OnboardingExecutionFlow}.\n *\n * @public\n */\nexport interface OnboardingExecutionFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Callback invoked when the flow emits an event. */\n  onEvent: OnEventType<EventType, unknown>\n  /** The step the flow starts on. Defaults to `employeeProfile`. */\n  initialState?: OnboardingExecutionInitialState\n  /** The associated employee identifier to resume onboarding for. Omit to begin onboarding a new employee. */\n  initialEmployeeId?: string\n  /** The current onboarding status of the employee being onboarded. Drives skip behavior for self-onboarding and document steps. */\n  initialOnboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  /** Default values for individual flow step components. */\n  defaultValues?: OnboardingDefaultValues\n  /** When true, the flow renders in the admin context. When false, it is configured for employee self-onboarding. Defaults to `true`. */\n  isAdmin?: boolean\n  /** When true, presents the self-onboarding toggle on the profile step. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n  /** When true, enables the Employee Documents step in the flow, allowing the admin to configure I-9 document requirements. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Guided flow to onboard an employee.\n *\n * @remarks\n * Drives the per-employee, admin-led onboarding steps used by {@link OnboardingFlow} and {@link EmployeeManagement.EmployeeListFlow}. ({@link SelfOnboardingFlow} is the separate employee-driven flow and runs its own state machine.) Each step is also exported as a standalone block (see the Blocks table) for composing a custom workflow when this orchestration is the wrong fit.\n *\n * Self-onboarding statuses cause the federal-taxes, state-taxes, and payment-method steps to be skipped (the employee fills those in themselves); the documents step is also skipped unless `withEmployeeI9` is true and the documents config has not yet been completed.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`; see the events table on each block for the full set of events and payloads observable from this flow.\n *\n * @components\n * - {@link Profile}\n * - {@link Compensation}\n * - {@link FederalTaxes}\n * - {@link StateTaxes}\n * - {@link PaymentMethod}\n * - {@link Deductions}\n * - {@link EmployeeDocuments}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link OnboardingExecutionFlowProps}.\n * @returns The multi-step onboarding execution flow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeOnboarding.OnboardingExecutionFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/onboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function OnboardingExecutionFlow({\n  companyId,\n  onEvent,\n  initialState = 'employeeProfile',\n  initialEmployeeId,\n  initialOnboardingStatus,\n  defaultValues,\n  isAdmin = true,\n  isSelfOnboardingEnabled = true,\n  withEmployeeI9 = false,\n}: OnboardingExecutionFlowProps) {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        onboardingExecutionMachine,\n        (initialContext: OnboardingContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_MAP[initialState],\n          companyId,\n          employeeId: initialEmployeeId,\n          onboardingStatus: initialOnboardingStatus,\n          defaultValues,\n          isAdmin,\n          isSelfOnboardingEnabled,\n          withEmployeeI9,\n        }),\n      ),\n    [\n      companyId,\n      initialState,\n      initialEmployeeId,\n      initialOnboardingStatus,\n      defaultValues,\n      isAdmin,\n      isSelfOnboardingEnabled,\n      withEmployeeI9,\n    ],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["OnboardingExecutionFlow","companyId","onEvent","initialState","initialEmployeeId","initialOnboardingStatus","defaultValues","isAdmin","isSelfOnboardingEnabled","withEmployeeI9","machine","useMemo","createMachine","onboardingExecutionMachine","initialContext","INITIAL_COMPONENT_MAP","jsx","Flow"],"mappings":";;;;;AAoFO,SAASA,EAAwB;AAAA,EACtC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,mBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AACnB,GAAiC;AAC/B,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACET;AAAA,MACAU;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC,EAAsBZ,CAAY;AAAA,QAC7C,WAAAF;AAAA,QACA,YAAYG;AAAA,QACZ,kBAAkBC;AAAA,QAClB,eAAAC;AAAA,QACA,SAAAC;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ;AAAA,MACER;AAAA,MACAE;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAR,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"OnboardingExecutionFlow.js","sources":["../../../../src/components/Employee/OnboardingExecutionFlow/OnboardingExecutionFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  onboardingExecutionMachine,\n  INITIAL_COMPONENT_MAP,\n  type OnboardingExecutionInitialState,\n} from './onboardingExecutionStateMachine'\nimport {\n  type OnboardingContextInterface,\n  type OnboardingDefaultValues,\n} from './OnboardingExecutionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, EmployeeOnboardingStatus } from '@/shared/constants'\n\n/**\n * Props for {@link OnboardingExecutionFlow}.\n *\n * @public\n */\nexport interface OnboardingExecutionFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Callback invoked when the flow emits an event. */\n  onEvent: OnEventType<EventType, unknown>\n  /** The step the flow starts on. Defaults to `employeeProfile`. */\n  initialState?: OnboardingExecutionInitialState\n  /** The associated employee identifier to resume onboarding for. Omit to begin onboarding a new employee. */\n  initialEmployeeId?: string\n  /** The current onboarding status of the employee being onboarded. Drives skip behavior for self-onboarding and document steps. */\n  initialOnboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  /** Default values for individual flow step components. */\n  defaultValues?: OnboardingDefaultValues\n  /** When true, the flow renders in the admin context. When false, it is configured for employee self-onboarding. Defaults to `true`. */\n  isAdmin?: boolean\n  /** When true, presents the self-onboarding toggle on the profile step. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n  /** When true, enables the Employee Documents step in the flow, allowing the admin to configure I-9 document requirements. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Guided flow to onboard an employee.\n *\n * @remarks\n * Drives the per-employee, admin-led onboarding steps used by {@link OnboardingFlow} and {@link EmployeeManagement.EmployeeListFlow}. ({@link SelfOnboardingFlow} is the separate employee-driven flow and runs its own state machine.) Each step is also exported as a standalone block (see the Blocks table) for composing a custom workflow when this orchestration is the wrong fit.\n *\n * Self-onboarding statuses cause the federal-taxes, state-taxes, and payment-method steps to be skipped (the employee fills those in themselves); the documents step is also skipped unless `withEmployeeI9` is true and the documents config has not yet been completed.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`; see the events table on each block for the full set of events and payloads observable from this flow.\n *\n * @components\n * - {@link Profile}\n * - {@link Compensation}\n * - {@link FederalTaxes}\n * - {@link StateTaxes}\n * - {@link PaymentMethod}\n * - {@link Deductions}\n * - {@link EmployeeDocuments}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link OnboardingExecutionFlowProps}.\n * @returns The multi-step onboarding execution flow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeOnboarding.OnboardingExecutionFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/onboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function OnboardingExecutionFlow({\n  companyId,\n  onEvent,\n  initialState = 'employeeProfile',\n  initialEmployeeId,\n  initialOnboardingStatus,\n  defaultValues,\n  isAdmin = true,\n  isSelfOnboardingEnabled = true,\n  withEmployeeI9 = false,\n}: OnboardingExecutionFlowProps) {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        onboardingExecutionMachine,\n        (initialContext: OnboardingContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_MAP[initialState],\n          companyId,\n          employeeId: initialEmployeeId,\n          onboardingStatus: initialOnboardingStatus,\n          defaultValues,\n          isAdmin,\n          isSelfOnboardingEnabled,\n          withEmployeeI9,\n        }),\n      ),\n    [\n      companyId,\n      initialState,\n      initialEmployeeId,\n      initialOnboardingStatus,\n      defaultValues,\n      isAdmin,\n      isSelfOnboardingEnabled,\n      withEmployeeI9,\n    ],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["OnboardingExecutionFlow","companyId","onEvent","initialState","initialEmployeeId","initialOnboardingStatus","defaultValues","isAdmin","isSelfOnboardingEnabled","withEmployeeI9","machine","useMemo","createMachine","onboardingExecutionMachine","initialContext","INITIAL_COMPONENT_MAP","jsx","Flow"],"mappings":";;;;;AAoFO,SAASA,EAAwB;AAAA,EACtC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,mBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AACnB,GAAiC;AAC/B,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACET;AAAA,MACAU;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC,EAAsBZ,CAAY;AAAA,QAC7C,WAAAF;AAAA,QACA,YAAYG;AAAA,QACZ,kBAAkBC;AAAA,QAClB,eAAAC;AAAA,QACA,SAAAC;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ;AAAA,MACER;AAAA,MACAE;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAR,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.d.ts

@@ -1,13 +1,13 @@
 /** @internal */
 export declare const onboardingExecutionMachine: {
-    employeeProfile: import('../../../lib/state-machine').StateDefinition;
-    compensation: import('../../../lib/state-machine').StateDefinition;
-    federalTaxes: import('../../../lib/state-machine').StateDefinition;
-    stateTaxes: import('../../../lib/state-machine').StateDefinition;
-    paymentMethod: import('../../../lib/state-machine').StateDefinition;
-    deductions: import('../../../lib/state-machine').StateDefinition;
-    employeeDocuments: import('../../../lib/state-machine').StateDefinition;
-    summary: import('../../../lib/state-machine').StateDefinition;
+    employeeProfile: import('robot3').MachineState<any>;
+    compensation: import('robot3').MachineState<any>;
+    federalTaxes: import('robot3').MachineState<any>;
+    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>;
 };
 /** @internal */
 export declare const INITIAL_COMPONENT_MAP: {

package/dist/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.js

@@ -1,27 +1,26 @@
+import { state as a, transition as o, reduce as t, guard as m } from "robot3";
 import { DeductionsContextual as O, StateTaxesContextual as p, FederalTaxesContextual as d } from "./OnboardingExecutionFlowComponents.js";
-import "react";
-import { state as a, transition as e, reduce as t, guard as m } from "../../../lib/state-machine/core.js";
-import { componentEvents as n, EmployeeOnboardingStatus as s, EmployeeSelfOnboardingStatuses as _ } from "../../../shared/constants.js";
+import { componentEvents as n, EmployeeSelfOnboardingStatuses as _, EmployeeOnboardingStatus as s } from "../../../shared/constants.js";
 import { ProfileContextual as l } from "../Profile/onboarding/Profile.js";
 import { CompensationContextual as N } from "../Compensation/onboarding/Compensation.js";
 import { OnboardingSummaryContextual as i } from "../OnboardingSummary/OnboardingSummary.js";
 import { EmployeeDocumentsContextual as D } from "../Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
 import { PaymentMethodContextual as c } from "../PaymentMethod/onboarding/PaymentMethod.js";
-const E = (o) => (r) => ({
+const E = (e) => (r) => ({
   ...r,
-  ...o
+  ...e
 }), M = /* @__PURE__ */ new Set([
   s.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,
   s.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,
   s.ONBOARDING_COMPLETED
-]), P = (o) => !(!o.withEmployeeI9 || o.onboardingStatus && M.has(o.onboardingStatus)), u = (o) => o.onboardingStatus ? !(_.has(o.onboardingStatus) || o.onboardingStatus === s.SELF_ONBOARDING_PENDING_INVITE) : !0, b = {
+]), P = (e) => !(!e.withEmployeeI9 || e.onboardingStatus && M.has(e.onboardingStatus)), u = (e) => e.onboardingStatus ? !(_.has(e.onboardingStatus) || e.onboardingStatus === s.SELF_ONBOARDING_PENDING_INVITE) : !0, g = {
   employeeProfile: a(
-    e(
+    o(
       n.EMPLOYEE_PROFILE_DONE,
       "compensation",
       t(
-        (o, r) => ({
-          ...o,
+        (e, r) => ({
+          ...e,
           component: N,
           employeeId: r.payload.uuid,
           onboardingStatus: r.payload.onboardingStatus,
@@ -31,20 +30,20 @@ const E = (o) => (r) => ({
     )
   ),
   compensation: a(
-    e(
+    o(
       n.EMPLOYEE_COMPENSATION_DONE,
       "federalTaxes",
       t(E({ component: d })),
       m(u)
     ),
-    e(
+    o(
       n.EMPLOYEE_COMPENSATION_DONE,
       "deductions",
       t(E({ component: O }))
     )
   ),
   federalTaxes: a(
-    e(
+    o(
       n.EMPLOYEE_FEDERAL_TAXES_DONE,
       "stateTaxes",
       t(E({ component: p })),
@@ -52,7 +51,7 @@ const E = (o) => (r) => ({
     )
   ),
   stateTaxes: a(
-    e(
+    o(
       n.EMPLOYEE_STATE_TAXES_DONE,
       "paymentMethod",
       t(E({ component: c })),
@@ -60,38 +59,38 @@ const E = (o) => (r) => ({
     )
   ),
   paymentMethod: a(
-    e(
+    o(
       n.EMPLOYEE_PAYMENT_METHOD_DONE,
       "deductions",
       t(E({ component: O }))
     )
   ),
   deductions: a(
-    e(
+    o(
       n.EMPLOYEE_DEDUCTION_DONE,
       "employeeDocuments",
       t(E({ component: D })),
       m(P)
     ),
-    e(
+    o(
       n.EMPLOYEE_DEDUCTION_DONE,
       "summary",
       t(E({ component: i }))
     )
   ),
   employeeDocuments: a(
-    e(
+    o(
       n.EMPLOYEE_DOCUMENTS_DONE,
       "summary",
       t(E({ component: i }))
     )
   ),
   summary: a()
-}, x = {
+}, b = {
   employeeProfile: l
 };
 export {
-  x as INITIAL_COMPONENT_MAP,
-  b as onboardingExecutionMachine
+  b as INITIAL_COMPONENT_MAP,
+  g as onboardingExecutionMachine
 };
 //# sourceMappingURL=onboardingExecutionStateMachine.js.map

package/dist/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboardingExecutionStateMachine.js","sources":["../../../../src/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.ts"],"sourcesContent":["import {\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  DeductionsContextual,\n  type OnboardingContextInterface,\n} from './OnboardingExecutionFlowComponents'\nimport { transition, reduce, state, guard } from '@/lib/state-machine'\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 { EmployeeDocumentsContextual } from '@/components/Employee/Documents/onboarding/EmployeeDocuments'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile/onboarding/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\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 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        EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n      )\n    : true\n\n/** @internal */\nexport const onboardingExecutionMachine = {\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  ),\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  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\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  ),\n  paymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\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  ),\n  employeeDocuments: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DOCUMENTS_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n  ),\n  summary: state<MachineTransition>(),\n}\n\n/** @internal */\nexport const INITIAL_COMPONENT_MAP = {\n  employeeProfile: ProfileContextual,\n} as const\n\n/**\n * The set of steps {@link OnboardingExecutionFlow} can be started on.\n *\n * @public\n */\nexport type OnboardingExecutionInitialState = keyof typeof INITIAL_COMPONENT_MAP\n"],"names":["createReducer","props","ctx","employeeDocumentsConfigCompletedStatuses","EmployeeOnboardingStatus","employeeDocumentsGuard","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","onboardingExecutionMachine","state","transition","componentEvents","reduce","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","EmployeeDocumentsContextual","OnboardingSummaryContextual","INITIAL_COMPONENT_MAP","ProfileContextual"],"mappings":";;;;;;;;;AA2BA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIDE,wBAEE,IAAI;AAAA,EACVC,EAAyB;AAAA,EACzBA,EAAyB;AAAA,EACzBA,EAAyB;AAC3B,CAAC,GAEKC,IAAyB,CAACH,MAC1B,GAACA,EAAI,kBACLA,EAAI,oBAAoBC,EAAyC,IAAID,EAAI,gBAAgB,IAKzFI,IAAsB,CAACJ,MAC3BA,EAAI,mBACA,EACEK,EAA+B,IAAIL,EAAI,gBAAgB,KACvDA,EAAI,qBAAqBE,EAAyB,kCAEpD,IAGOI,IAA6B;AAAA,EACxC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEV,GACAW,OACgC;AAAA,UAChC,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,UAC7B,WAAWA,EAAG,QAAQ;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,cAAcJ;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWe,EAAA,CAAwB,CAAC;AAAA,MAC3DC,EAAMV,CAAmB;AAAA,IAAA;AAAA,IAE3BI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,cAAcR;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWkB,EAAA,CAAsB,CAAC;AAAA,MACzDF,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,YAAYG;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWmB,EAAA,CAAyB,CAAC;AAAA,MAC5DH,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,eAAeG;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,YAAYR;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWoB,EAAA,CAA6B,CAAC;AAAA,MAChEJ,EAAMX,CAAsB;AAAA,IAAA;AAAA,IAE9BK;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,mBAAmBZ;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,SAASZ,EAAA;AACX,GAGaa,IAAwB;AAAA,EACnC,iBAAiBC;AACnB;"}
+{"version":3,"file":"onboardingExecutionStateMachine.js","sources":["../../../../src/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  DeductionsContextual,\n  type OnboardingContextInterface,\n} from './OnboardingExecutionFlowComponents'\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 { EmployeeDocumentsContextual } from '@/components/Employee/Documents/onboarding/EmployeeDocuments'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile/onboarding/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\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 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        EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n      )\n    : true\n\n/** @internal */\nexport const onboardingExecutionMachine = {\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  ),\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  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\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  ),\n  paymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\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  ),\n  employeeDocuments: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DOCUMENTS_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n  ),\n  summary: state<MachineTransition>(),\n}\n\n/** @internal */\nexport const INITIAL_COMPONENT_MAP = {\n  employeeProfile: ProfileContextual,\n} as const\n\n/**\n * The set of steps {@link OnboardingExecutionFlow} can be started on.\n *\n * @public\n */\nexport type OnboardingExecutionInitialState = keyof typeof INITIAL_COMPONENT_MAP\n"],"names":["createReducer","props","ctx","employeeDocumentsConfigCompletedStatuses","EmployeeOnboardingStatus","employeeDocumentsGuard","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","onboardingExecutionMachine","state","transition","componentEvents","reduce","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","EmployeeDocumentsContextual","OnboardingSummaryContextual","INITIAL_COMPONENT_MAP","ProfileContextual"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIDE,wBAEE,IAAI;AAAA,EACVC,EAAyB;AAAA,EACzBA,EAAyB;AAAA,EACzBA,EAAyB;AAC3B,CAAC,GAEKC,IAAyB,CAACH,MAC1B,GAACA,EAAI,kBACLA,EAAI,oBAAoBC,EAAyC,IAAID,EAAI,gBAAgB,IAKzFI,IAAsB,CAACJ,MAC3BA,EAAI,mBACA,EACEK,EAA+B,IAAIL,EAAI,gBAAgB,KACvDA,EAAI,qBAAqBE,EAAyB,kCAEpD,IAGOI,IAA6B;AAAA,EACxC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEV,GACAW,OACgC;AAAA,UAChC,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,UAC7B,WAAWA,EAAG,QAAQ;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,cAAcJ;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWe,EAAA,CAAwB,CAAC;AAAA,MAC3DC,EAAMV,CAAmB;AAAA,IAAA;AAAA,IAE3BI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,cAAcR;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWkB,EAAA,CAAsB,CAAC;AAAA,MACzDF,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,YAAYG;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWmB,EAAA,CAAyB,CAAC;AAAA,MAC5DH,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,eAAeG;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,YAAYR;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWoB,EAAA,CAA6B,CAAC;AAAA,MAChEJ,EAAMX,CAAsB;AAAA,IAAA;AAAA,IAE9BK;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,mBAAmBZ;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,SAASZ,EAAA;AACX,GAGaa,IAAwB;AAAA,EACnC,iBAAiBC;AACnB;"}

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

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { employeeOnboardingMachine as f } from "./onboardingStateMachine.js";
-import { EmployeeListContextual as s } from "./OnboardingFlowComponents.js";
-import { createMachine as x } from "../../../lib/state-machine/core.js";
+import { createMachine as c } from "robot3";
+import { useMemo as f } from "react";
+import { employeeOnboardingMachine as s } from "./onboardingStateMachine.js";
+import { EmployeeListContextual as x } from "./OnboardingFlowComponents.js";
 import { Flow as l } from "../../Flow/Flow.js";
 const y = ({
   companyId: o,
@@ -12,13 +12,13 @@ const y = ({
   withEmployeeI9: e = !1,
   showContinueButton: t = !1
 }) => {
-  const n = c(
-    () => x(
+  const n = f(
+    () => c(
       "index",
-      f,
+      s,
       (p) => ({
         ...p,
-        component: s,
+        component: x,
         companyId: o,
         isAdmin: !0,
         defaultValues: r,

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { employeeOnboardingMachine } from './onboardingStateMachine'\nimport {\n  type OnboardingDefaultValues,\n  type OnboardingContextInterface,\n  EmployeeListContextual,\n} from './OnboardingFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * Props for {@link OnboardingFlow}.\n *\n * @public\n */\nexport interface OnboardingFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Default values for individual flow step components. */\n  defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>\n  /**\n   * When true, presents the self-onboarding toggle allowing the admin to opt\n   * the employee into self-onboarding. When false, the option to self-onboard\n   * is not available. Defaults to `true`.\n   */\n  isSelfOnboardingEnabled?: boolean\n  /**\n   * When true, enables the Employee Documents step in the onboarding flow,\n   * allowing the admin to configure I-9 document requirements. Defaults to\n   * `false`.\n   */\n  withEmployeeI9?: boolean\n  /**\n   * Controls visibility of the Continue button in the employee list.\n   *\n   * When `true`, shows a Continue button allowing navigation to the next step.\n   * Use this when the employee onboarding flow is embedded as a step within\n   * a larger flow (e.g., company onboarding).\n   *\n   * When `false` (default), hides the Continue button. Use this for standalone\n   * employee onboarding where the list is the terminal screen.\n   *\n   * @defaultValue `false`\n   */\n  showContinueButton?: boolean\n}\n\n/**\n * Guided flow to onboard multiple employees, one at a time.\n *\n * @remarks\n * Renders a multi-step experience that collects every piece of information\n * required to add an employee to payroll. Begins on the employee list and\n * transitions into the onboarding execution flow when \"Add employee\" or a\n * row's \"Edit\"/\"Review\" action is invoked; returning from the execution flow\n * surfaces the list again. The flow is driven by an internal state machine\n * and wraps each step in error and suspense boundaries.\n *\n * The per-employee steps live in {@link OnboardingExecutionFlow}, which is also\n * exported as a standalone block — along with each individual step — for\n * composing a custom workflow when this orchestration is the wrong fit. See the\n * {@link https://sdk.gusto.com/docs/guides/integration-guide/composition | Composition guide}\n * for how to recompose these blocks into your own flow.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @components\n * - {@link EmployeeList}\n * - {@link OnboardingExecutionFlow}\n *\n * @param props - See {@link OnboardingFlowProps}.\n * @returns The multi-step onboarding flow with internal navigation between the employee list and the per-step screens.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeOnboarding.OnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       withEmployeeI9\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/onboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  withEmployeeI9 = false,\n  showContinueButton = 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          showContinueButton,\n        }),\n      ),\n    [companyId, defaultValues, isSelfOnboardingEnabled, withEmployeeI9, showContinueButton],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","withEmployeeI9","showContinueButton","manageEmployees","useMemo","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAkGO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AAAA,EACjB,oBAAAC,IAAqB;AACvB,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAX;AAAA,QACA,SAAS;AAAA,QACT,eAAAE;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,oBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACL,GAAWE,GAAeC,GAAyBC,GAAgBC,CAAkB;AAAA,EAAA;AAExF,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAL,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 { employeeOnboardingMachine } from './onboardingStateMachine'\nimport {\n  type OnboardingDefaultValues,\n  type OnboardingContextInterface,\n  EmployeeListContextual,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * Props for {@link OnboardingFlow}.\n *\n * @public\n */\nexport interface OnboardingFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Default values for individual flow step components. */\n  defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>\n  /**\n   * When true, presents the self-onboarding toggle allowing the admin to opt\n   * the employee into self-onboarding. When false, the option to self-onboard\n   * is not available. Defaults to `true`.\n   */\n  isSelfOnboardingEnabled?: boolean\n  /**\n   * When true, enables the Employee Documents step in the onboarding flow,\n   * allowing the admin to configure I-9 document requirements. Defaults to\n   * `false`.\n   */\n  withEmployeeI9?: boolean\n  /**\n   * Controls visibility of the Continue button in the employee list.\n   *\n   * When `true`, shows a Continue button allowing navigation to the next step.\n   * Use this when the employee onboarding flow is embedded as a step within\n   * a larger flow (e.g., company onboarding).\n   *\n   * When `false` (default), hides the Continue button. Use this for standalone\n   * employee onboarding where the list is the terminal screen.\n   *\n   * @defaultValue `false`\n   */\n  showContinueButton?: boolean\n}\n\n/**\n * Guided flow to onboard multiple employees, one at a time.\n *\n * @remarks\n * Renders a multi-step experience that collects every piece of information\n * required to add an employee to payroll. Begins on the employee list and\n * transitions into the onboarding execution flow when \"Add employee\" or a\n * row's \"Edit\"/\"Review\" action is invoked; returning from the execution flow\n * surfaces the list again. The flow is driven by an internal state machine\n * and wraps each step in error and suspense boundaries.\n *\n * The per-employee steps live in {@link OnboardingExecutionFlow}, which is also\n * exported as a standalone block — along with each individual step — for\n * composing a custom workflow when this orchestration is the wrong fit. See the\n * {@link https://sdk.gusto.com/docs/guides/integration-guide/composition | Composition guide}\n * for how to recompose these blocks into your own flow.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @components\n * - {@link EmployeeList}\n * - {@link OnboardingExecutionFlow}\n *\n * @param props - See {@link OnboardingFlowProps}.\n * @returns The multi-step onboarding flow with internal navigation between the employee list and the per-step screens.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeOnboarding.OnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       withEmployeeI9\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/onboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  withEmployeeI9 = false,\n  showContinueButton = 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          showContinueButton,\n        }),\n      ),\n    [companyId, defaultValues, isSelfOnboardingEnabled, withEmployeeI9, showContinueButton],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","withEmployeeI9","showContinueButton","manageEmployees","useMemo","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAkGO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AAAA,EACjB,oBAAAC,IAAqB;AACvB,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAX;AAAA,QACA,SAAS;AAAA,QACT,eAAAE;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,oBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACL,GAAWE,GAAeC,GAAyBC,GAAgBC,CAAkB;AAAA,EAAA;AAExF,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAL,EAAA,CAAkB;AAC3D;"}

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

@@ -1,6 +1,6 @@
 /** @internal */
 export declare const employeeOnboardingMachine: {
-    index: import('../../../lib/state-machine').StateDefinition;
-    executing: import('../../../lib/state-machine').StateDefinition;
-    final: import('../../../lib/state-machine').StateDefinition;
+    index: import('robot3').MachineState<any>;
+    executing: import('robot3').MachineState<any>;
+    final: import('robot3').MachineState<any>;
 };

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

@@ -1,13 +1,12 @@
+import { state as t, transition as e, reduce as i } from "robot3";
 import { OnboardingExecutionFlowContextual as a, EmployeeListContextual as m } from "./OnboardingFlowComponents.js";
-import "react";
-import { state as t, transition as e, reduce as i } from "../../../lib/state-machine/core.js";
 import { componentEvents as n } from "../../../shared/constants.js";
 const d = i((o) => ({
   ...o,
   component: m,
   employeeId: void 0,
   onboardingStatus: void 0
-})), u = {
+})), c = {
   index: t(
     e(
       n.EMPLOYEE_CREATE,
@@ -39,6 +38,6 @@ const d = i((o) => ({
   final: t()
 };
 export {
-  u as employeeOnboardingMachine
+  c 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 {\n  EmployeeListContextual,\n  OnboardingExecutionFlowContextual,\n  type OnboardingContextInterface,\n} from './OnboardingFlowComponents'\nimport { transition, reduce, state } from '@/lib/state-machine'\nimport { componentEvents, type EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n}\n\nconst returnToIndex = reduce((ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n  ...ctx,\n  component: EmployeeListContextual,\n  employeeId: undefined,\n  onboardingStatus: undefined,\n}))\n\n/** @internal */\nexport const employeeOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'executing',\n      reduce((ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n        ...ctx,\n        component: OnboardingExecutionFlowContextual,\n        employeeId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'executing',\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): OnboardingContextInterface => ({\n          ...ctx,\n          component: OnboardingExecutionFlowContextual,\n          employeeId: ev.payload.employeeId,\n          onboardingStatus: ev.payload.onboardingStatus,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  executing: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEES_LIST, 'index', returnToIndex),\n    transition(componentEvents.CANCEL, 'index', returnToIndex),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["returnToIndex","reduce","ctx","EmployeeListContextual","employeeOnboardingMachine","state","transition","componentEvents","OnboardingExecutionFlowContextual","ev"],"mappings":";;;;AAgBA,MAAMA,IAAgBC,EAAO,CAACC,OAAiE;AAAA,EAC7F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AACpB,EAAE,GAGWC,IAA4B;AAAA,EACvC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWM;AAAA,QACX,YAAY;AAAA,MAAA,EACZ;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAO,OACgC;AAAA,UAChC,GAAGP;AAAA,UACH,WAAWM;AAAA,UACX,YAAYC,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFH,EAAWC,EAAgB,0BAA0B,OAAO;AAAA,EAAA;AAAA,EAE9D,WAAWF;AAAA,IACTC,EAAWC,EAAgB,gBAAgB,SAASP,CAAa;AAAA,IACjEM,EAAWC,EAAgB,QAAQ,SAASP,CAAa;AAAA,EAAA;AAAA,EAE3D,OAAOK,EAAA;AACT;"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Employee/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  EmployeeListContextual,\n  OnboardingExecutionFlowContextual,\n  type OnboardingContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents, type EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n}\n\nconst returnToIndex = reduce((ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n  ...ctx,\n  component: EmployeeListContextual,\n  employeeId: undefined,\n  onboardingStatus: undefined,\n}))\n\n/** @internal */\nexport const employeeOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'executing',\n      reduce((ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n        ...ctx,\n        component: OnboardingExecutionFlowContextual,\n        employeeId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'executing',\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): OnboardingContextInterface => ({\n          ...ctx,\n          component: OnboardingExecutionFlowContextual,\n          employeeId: ev.payload.employeeId,\n          onboardingStatus: ev.payload.onboardingStatus,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  executing: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEES_LIST, 'index', returnToIndex),\n    transition(componentEvents.CANCEL, 'index', returnToIndex),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["returnToIndex","reduce","ctx","EmployeeListContextual","employeeOnboardingMachine","state","transition","componentEvents","OnboardingExecutionFlowContextual","ev"],"mappings":";;;AAgBA,MAAMA,IAAgBC,EAAO,CAACC,OAAiE;AAAA,EAC7F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AACpB,EAAE,GAGWC,IAA4B;AAAA,EACvC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWM;AAAA,QACX,YAAY;AAAA,MAAA,EACZ;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAO,OACgC;AAAA,UAChC,GAAGP;AAAA,UACH,WAAWM;AAAA,UACX,YAAYC,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFH,EAAWC,EAAgB,0BAA0B,OAAO;AAAA,EAAA;AAAA,EAE9D,WAAWF;AAAA,IACTC,EAAWC,EAAgB,gBAAgB,SAASP,CAAa;AAAA,IACjEM,EAAWC,EAAgB,QAAQ,SAASP,CAAa;AAAA,EAAA;AAAA,EAE3D,OAAOK,EAAA;AACT;"}

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

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { PaymentMethodBankFormContextual as u, PaymentMethodSplitFormContextual as h, PaymentMethodCardContextual as i } from "./PaymentMethodComponents.js";
-import { paymentMethodStateMachine as l } from "./paymentMethodStateMachine.js";
-import { createMachine as s } from "../../../../lib/state-machine/core.js";
+import { createMachine as c } from "robot3";
+import { useMemo as u } from "react";
+import { PaymentMethodBankFormContextual as h, PaymentMethodSplitFormContextual as i, PaymentMethodCardContextual as l } from "./PaymentMethodComponents.js";
+import { paymentMethodStateMachine as s } from "./paymentMethodStateMachine.js";
 import { Flow as y } from "../../../Flow/Flow.js";
 import { BaseBoundaries as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
@@ -15,10 +15,10 @@ function x({
   LoaderComponent: r
 }) {
   P("Employee.Management.PaymentMethod");
-  const a = e === "add" ? u : e === "split" ? h : i, p = c(
-    () => s(
+  const a = e === "add" ? h : e === "split" ? i : l, p = u(
+    () => c(
       e,
-      l,
+      s,
       (M) => ({
         ...M,
         component: a,

package/dist/components/Employee/PaymentMethod/management/PaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Employee.Management.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — payment method management edits live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `true`. */\n  isAdmin?: boolean\n  /** Step to render first: the list card, the add-account form, or the split-paycheck form. Defaults to `'list'`. */\n  initialState?: 'list' | 'add' | 'split'\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = true,\n  initialState = 'list',\n  onEvent,\n  LoaderComponent,\n}: PaymentMethodProps) {\n  useI18n('Employee.Management.PaymentMethod')\n\n  const initialComponent =\n    initialState === 'add'\n      ? PaymentMethodBankFormContextual\n      : initialState === 'split'\n        ? PaymentMethodSplitFormContextual\n        : PaymentMethodCardContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        paymentMethodStateMachine,\n        (ctx: PaymentMethodContextInterface) => ({\n          ...ctx,\n          component: initialComponent,\n          employeeId,\n          isAdmin,\n          successAlert: null,\n          LoaderComponent,\n        }),\n      ),\n    [employeeId, isAdmin, initialState, initialComponent, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management flow for editing an employee's payment method.\n *\n * @remarks\n * Orchestrates the list card, add-bank-account form, and split-paycheck form\n * for an existing employee. Routes between steps based on user actions\n * starting from `initialState`. Composed of the smaller standalone components\n * ({@link PaymentMethodCard}, {@link PaymentMethodBankForm},\n * {@link PaymentMethodSplitForm}) which can also be used directly when an\n * orchestrator other than this flow is needed.\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method management flow.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PaymentMethodProps) {\n  useComponentDictionary('Employee.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","initialState","onEvent","LoaderComponent","useI18n","initialComponent","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual","PaymentMethodCardContextual","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA8BA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,mCAAmC;AAE3C,QAAMC,IACJJ,MAAiB,QACbK,IACAL,MAAiB,UACfM,IACAC,GAEFC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEV;AAAA,MACAW;AAAA,MACA,CAACC,OAAwC;AAAA,QACvC,GAAGA;AAAA,QACH,WAAWR;AAAA,QACX,YAAAN;AAAA,QACA,SAAAC;AAAA,QACA,cAAc;AAAA,QACd,iBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAYC,GAASC,GAAcI,GAAkBF,CAAe;AAAA,EAAA;AAGvE,SAAO,gBAAAW,EAACC,GAAA,EAAK,SAAAN,GAAkB,SAAAP,EAAA,CAAkB;AACnD;AA+BO,SAASc,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAf;AAAA,EACA,GAAGgB;AACL,GAAuB;AACrB,SAAAC,EAAuB,qCAAqCH,CAAU,GAEpE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAf;AAAA,MAEA,UAAA,gBAAAW,EAAChB,GAAA,EAAkB,iBAAAK,GAAmC,GAAGgB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Employee.Management.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — payment method management edits live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `true`. */\n  isAdmin?: boolean\n  /** Step to render first: the list card, the add-account form, or the split-paycheck form. Defaults to `'list'`. */\n  initialState?: 'list' | 'add' | 'split'\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = true,\n  initialState = 'list',\n  onEvent,\n  LoaderComponent,\n}: PaymentMethodProps) {\n  useI18n('Employee.Management.PaymentMethod')\n\n  const initialComponent =\n    initialState === 'add'\n      ? PaymentMethodBankFormContextual\n      : initialState === 'split'\n        ? PaymentMethodSplitFormContextual\n        : PaymentMethodCardContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        paymentMethodStateMachine,\n        (ctx: PaymentMethodContextInterface) => ({\n          ...ctx,\n          component: initialComponent,\n          employeeId,\n          isAdmin,\n          successAlert: null,\n          LoaderComponent,\n        }),\n      ),\n    [employeeId, isAdmin, initialState, initialComponent, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management flow for editing an employee's payment method.\n *\n * @remarks\n * Orchestrates the list card, add-bank-account form, and split-paycheck form\n * for an existing employee. Routes between steps based on user actions\n * starting from `initialState`. Composed of the smaller standalone components\n * ({@link PaymentMethodCard}, {@link PaymentMethodBankForm},\n * {@link PaymentMethodSplitForm}) which can also be used directly when an\n * orchestrator other than this flow is needed.\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method management flow.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PaymentMethodProps) {\n  useComponentDictionary('Employee.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","initialState","onEvent","LoaderComponent","useI18n","initialComponent","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual","PaymentMethodCardContextual","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA8BA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,mCAAmC;AAE3C,QAAMC,IACJJ,MAAiB,QACbK,IACAL,MAAiB,UACfM,IACAC,GAEFC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEV;AAAA,MACAW;AAAA,MACA,CAACC,OAAwC;AAAA,QACvC,GAAGA;AAAA,QACH,WAAWR;AAAA,QACX,YAAAN;AAAA,QACA,SAAAC;AAAA,QACA,cAAc;AAAA,QACd,iBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAYC,GAASC,GAAcI,GAAkBF,CAAe;AAAA,EAAA;AAGvE,SAAO,gBAAAW,EAACC,GAAA,EAAK,SAAAN,GAAkB,SAAAP,EAAA,CAAkB;AACnD;AA+BO,SAASc,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAf;AAAA,EACA,GAAGgB;AACL,GAAuB;AACrB,SAAAC,EAAuB,qCAAqCH,CAAU,GAEpE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAf;AAAA,MAEA,UAAA,gBAAAW,EAAChB,GAAA,EAAkB,iBAAAK,GAAmC,GAAGgB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;"}

package/dist/components/Employee/PaymentMethod/management/paymentMethodStateMachine.d.ts

@@ -1,6 +1,6 @@
 /** @internal */
 export declare const paymentMethodStateMachine: {
-    list: import('../../../../lib/state-machine').StateDefinition;
-    add: import('../../../../lib/state-machine').StateDefinition;
-    split: import('../../../../lib/state-machine').StateDefinition;
+    list: import('robot3').MachineState<any>;
+    add: import('robot3').MachineState<any>;
+    split: import('robot3').MachineState<any>;
 };

package/dist/components/Employee/PaymentMethod/management/paymentMethodStateMachine.js

@@ -1,16 +1,15 @@
-import { PaymentMethodSplitFormContextual as s, PaymentMethodBankFormContextual as N, PaymentMethodCardContextual as o } from "./PaymentMethodComponents.js";
-import "react";
-import { state as A, transition as E, reduce as _ } from "../../../../lib/state-machine/core.js";
+import { state as A, transition as E, reduce as _ } from "robot3";
+import { PaymentMethodBankFormContextual as s, PaymentMethodSplitFormContextual as N, PaymentMethodCardContextual as n } from "./PaymentMethodComponents.js";
 import { componentEvents as t } from "../../../../shared/constants.js";
 const e = _(
   (M) => ({
     ...M,
-    component: o,
+    component: n,
     successAlert: null
   })
-), T = (M) => _((n) => ({
-  ...n,
-  component: o,
+), T = (M) => _((o) => ({
+  ...o,
+  component: n,
   successAlert: M
 })), P = {
   list: A(
@@ -19,7 +18,7 @@ const e = _(
       "add",
       _((M) => ({
         ...M,
-        component: N,
+        component: s,
         successAlert: null
       }))
     ),
@@ -28,7 +27,7 @@ const e = _(
       "split",
       _((M) => ({
         ...M,
-        component: s,
+        component: N,
         successAlert: null
       }))
     ),

package/dist/components/Employee/PaymentMethod/management/paymentMethodStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type {\n  PaymentMethodContextInterface,\n  PaymentMethodSuccessAlertCode,\n} from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToList = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: PaymentMethodCardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToListWithAlert = (alert: PaymentMethodSuccessAlertCode) =>\n  reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: PaymentMethodCardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'add',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodBankFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED,\n      'split',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodSplitFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n      'list',\n      returnToListWithAlert('bankAccountDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'list',\n      returnToList,\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('splitUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n}\n"],"names":["returnToList","reduce","ctx","PaymentMethodCardContextual","returnToListWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual"],"mappings":";;;;AAcA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAuE;AAAA,EAC7E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWS;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,oBAAoB;AAAA,IAAA;AAAA,IAE5CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,KAAKO;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,OAAOO;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,cAAc;AAAA,IAAA;AAAA,IAEtCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type {\n  PaymentMethodContextInterface,\n  PaymentMethodSuccessAlertCode,\n} from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToList = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: PaymentMethodCardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToListWithAlert = (alert: PaymentMethodSuccessAlertCode) =>\n  reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: PaymentMethodCardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'add',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodBankFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED,\n      'split',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodSplitFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n      'list',\n      returnToListWithAlert('bankAccountDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'list',\n      returnToList,\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED,\n      'list',\n      returnToListWithAlert('splitUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED,\n      'list',\n      returnToList,\n    ),\n  ),\n}\n"],"names":["returnToList","reduce","ctx","PaymentMethodCardContextual","returnToListWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual"],"mappings":";;;AAcA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAuE;AAAA,EAC7E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWS;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,oBAAoB;AAAA,IAAA;AAAA,IAE5CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,KAAKO;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,OAAOO;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,cAAc;AAAA,IAAA;AAAA,IAEtCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useMemo as p } from "react";
-import { ListViewContextual as a } from "./PaymentMethodComponents.js";
-import { paymentMethodStateMachine as u } from "./paymentMethodStateMachine.js";
-import { createMachine as f } from "../../../../lib/state-machine/core.js";
+import { createMachine as p } from "robot3";
+import { useMemo as a } from "react";
+import { ListViewContextual as u } from "./PaymentMethodComponents.js";
+import { paymentMethodStateMachine as f } from "./paymentMethodStateMachine.js";
 import { Flow as c } from "../../../Flow/Flow.js";
 import { useFlow as s } from "../../../Flow/useFlow.js";
 import { BaseBoundaries as l } from "../../../Base/Base.js";
@@ -16,13 +16,13 @@ function M({
   LoaderComponent: m
 }) {
   h("Employee.PaymentMethod");
-  const r = p(
-    () => f(
+  const r = a(
+    () => p(
       "list",
-      u,
+      f,
       (i) => ({
         ...i,
-        component: a,
+        component: u,
         employeeId: e,
         isAdmin: o,
         LoaderComponent: m