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

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { ListViewContextual } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Employee.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — onboarding payment method editing operates on live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `false`. */\n  isAdmin?: boolean\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = false,\n  onEvent,\n  LoaderComponent,\n}: PaymentMethodProps) {\n  useI18n('Employee.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        paymentMethodStateMachine,\n        (initialContext: PaymentMethodContextInterface) => ({\n          ...initialContext,\n          component: ListViewContextual,\n          employeeId,\n          isAdmin,\n          LoaderComponent,\n        }),\n      ),\n    [employeeId, isAdmin, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Onboarding step for setting up an employee's payment method.\n *\n * @remarks\n * Lets the employee (or admin acting on their behalf) choose between Direct\n * Deposit and Check, add bank accounts, and configure split-paycheck\n * allocations across multiple accounts.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/paymentMethod/updated` | Fired after the payment method is saved | The updated payment method |\n * | `employee/paymentMethod/done` | Fired when payment method setup is complete and the parent flow can advance | — |\n * | `employee/bankAccount/created` | Fired after a bank account is successfully added | The created bank account |\n * | `employee/bankAccount/deleted` | Fired after a bank account is successfully removed | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method onboarding step.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.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.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport function PaymentMethodContextual() {\n  const { employeeId, onEvent, isAdmin, LoaderComponent } = useFlow<OnboardingContextInterface>()\n  return (\n    <PaymentMethod\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","initialContext","ListViewContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries","PaymentMethodContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AA2BA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,wBAAwB;AAEhC,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAAV;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYC,GAASE,CAAe;AAAA,EAAA;AAGvC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAoCO,SAASW,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAuB;AACrB,SAAAC,EAAuB,0BAA0BH,CAAU,GAEzD,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACZ,GAAA,EAAkB,iBAAAI,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;AAGO,SAASG,IAA0B;AACxC,QAAM,EAAE,YAAAnB,GAAY,SAAAE,GAAS,SAAAD,GAAS,iBAAAE,EAAA,IAAoBiB,EAAA;AAC1D,SACE,gBAAAT;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAYQ,EAAerB,CAAU;AAAA,MACrC,SAAAE;AAAA,MACA,SAAAD;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { ListViewContextual } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Employee.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — onboarding payment method editing operates on live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `false`. */\n  isAdmin?: boolean\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = false,\n  onEvent,\n  LoaderComponent,\n}: PaymentMethodProps) {\n  useI18n('Employee.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        paymentMethodStateMachine,\n        (initialContext: PaymentMethodContextInterface) => ({\n          ...initialContext,\n          component: ListViewContextual,\n          employeeId,\n          isAdmin,\n          LoaderComponent,\n        }),\n      ),\n    [employeeId, isAdmin, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Onboarding step for setting up an employee's payment method.\n *\n * @remarks\n * Lets the employee (or admin acting on their behalf) choose between Direct\n * Deposit and Check, add bank accounts, and configure split-paycheck\n * allocations across multiple accounts.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/paymentMethod/updated` | Fired after the payment method is saved | The updated payment method |\n * | `employee/paymentMethod/done` | Fired when payment method setup is complete and the parent flow can advance | — |\n * | `employee/bankAccount/created` | Fired after a bank account is successfully added | The created bank account |\n * | `employee/bankAccount/deleted` | Fired after a bank account is successfully removed | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method onboarding step.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.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.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport function PaymentMethodContextual() {\n  const { employeeId, onEvent, isAdmin, LoaderComponent } = useFlow<OnboardingContextInterface>()\n  return (\n    <PaymentMethod\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","initialContext","ListViewContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries","PaymentMethodContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AA2BA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,wBAAwB;AAEhC,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAAV;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYC,GAASE,CAAe;AAAA,EAAA;AAGvC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAoCO,SAASW,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAuB;AACrB,SAAAC,EAAuB,0BAA0BH,CAAU,GAEzD,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACZ,GAAA,EAAkB,iBAAAI,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;AAGO,SAASG,IAA0B;AACxC,QAAM,EAAE,YAAAnB,GAAY,SAAAE,GAAS,SAAAD,GAAS,iBAAAE,EAAA,IAAoBiB,EAAA;AAC1D,SACE,gBAAAT;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAYQ,EAAerB,CAAU;AAAA,MACrC,SAAAE;AAAA,MACA,SAAAD;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/PaymentMethod/onboarding/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/onboarding/paymentMethodStateMachine.js

@@ -1,15 +1,14 @@
-import { ListViewContextual as e, SplitViewContextual as m, BankFormContextual as p } from "./PaymentMethodComponents.js";
-import "react";
-import { state as i, transition as o, reduce as n } from "../../../../lib/state-machine/core.js";
+import { state as i, transition as o, reduce as n } from "robot3";
+import { ListViewContextual as e, BankFormContextual as m, SplitViewContextual as p } from "./PaymentMethodComponents.js";
 import { componentEvents as E } from "../../../../shared/constants.js";
-const r = {
+const l = {
   list: i(
     o(
       E.EMPLOYEE_BANK_ACCOUNT_CREATE,
       "add",
       n((t) => ({
         ...t,
-        component: p
+        component: m
       }))
     ),
     o(
@@ -17,7 +16,7 @@ const r = {
       "split",
       n((t) => ({
         ...t,
-        component: m
+        component: p
       }))
     )
   ),
@@ -59,6 +58,6 @@ const r = {
   )
 };
 export {
-  r as paymentMethodStateMachine
+  l as paymentMethodStateMachine
 };
 //# sourceMappingURL=paymentMethodStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/paymentMethodStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  ListViewContextual,\n  BankFormContextual,\n  SplitViewContextual,\n} from './PaymentMethodComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE,\n      'add',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: BankFormContextual as ComponentType,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SPLIT_PAYMENT,\n      'split',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: SplitViewContextual as ComponentType,\n      })),\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n  ),\n}\n"],"names":["paymentMethodStateMachine","state","transition","componentEvents","reduce","ctx","BankFormContextual","SplitViewContextual","ListViewContextual"],"mappings":";;;;AAYO,MAAMA,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWE;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,KAAKN;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,OAAOP;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}
+{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  ListViewContextual,\n  BankFormContextual,\n  SplitViewContextual,\n} from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE,\n      'add',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: BankFormContextual as ComponentType,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SPLIT_PAYMENT,\n      'split',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: SplitViewContextual as ComponentType,\n      })),\n    ),\n  ),\n  add: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n  ),\n  split: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'list',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: ListViewContextual as ComponentType,\n      })),\n    ),\n  ),\n}\n"],"names":["paymentMethodStateMachine","state","transition","componentEvents","reduce","ctx","BankFormContextual","SplitViewContextual","ListViewContextual"],"mappings":";;;AAYO,MAAMA,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWE;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,KAAKN;AAAA,IACHC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,OAAOP;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

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

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { CardContextual as a } from "./ProfileComponents.js";
-import { profileStateMachine as f } from "./profileStateMachine.js";
-import { createMachine as l } from "../../../../lib/state-machine/core.js";
+import { createMachine as n } from "robot3";
+import { useMemo as a } from "react";
+import { CardContextual as f } from "./ProfileComponents.js";
+import { profileStateMachine as l } from "./profileStateMachine.js";
 import { Flow as c } from "../../../Flow/Flow.js";
 import { BaseBoundaries as p } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useComponentDictionary as u, useI18n as s } from "../../../../i18n/I18n.js";
 function M({ employeeId: e, onEvent: r, LoaderComponent: o }) {
   s("Employee.Management.Profile");
-  const m = n(
-    () => l("card", f, (i) => ({
+  const m = a(
+    () => n("card", l, (i) => ({
       ...i,
-      component: a,
+      component: f,
       employeeId: e,
       successAlert: null,
       LoaderComponent: o

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\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 Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction ProfileFlow({ employeeId, onEvent, LoaderComponent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAiC;AAC3E,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAiB;AACf,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAY,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhE;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\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 Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction ProfileFlow({ employeeId, onEvent, LoaderComponent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAiC;AAC3E,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAiB;AACf,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAY,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhE;"}

package/dist/components/Employee/Profile/management/profileStateMachine.d.ts

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

package/dist/components/Employee/Profile/management/profileStateMachine.js

@@ -1,38 +1,37 @@
+import { state as o, transition as t, reduce as r } from "robot3";
 import { ProfileEditFormContextual as l, CardContextual as c } from "./ProfileComponents.js";
-import "react";
-import { state as o, transition as t, reduce as e } from "../../../../lib/state-machine/core.js";
-import { componentEvents as r } from "../../../../shared/constants.js";
-const n = e((E) => ({
+import { componentEvents as e } from "../../../../shared/constants.js";
+const n = r((E) => ({
   ...E,
   component: c,
   successAlert: null
-})), s = (E) => e((i) => ({
+})), s = (E) => r((i) => ({
   ...i,
   component: c,
   successAlert: E
-})), d = {
+})), M = {
   card: o(
     t(
-      r.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,
+      e.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,
       "editProfile",
-      e((E) => ({
+      r((E) => ({
         ...E,
         component: l,
         successAlert: null
       }))
     ),
-    t(r.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, "card", n)
+    t(e.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, "card", n)
   ),
   editProfile: o(
     t(
-      r.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,
+      e.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,
       "card",
       s("profileUpdated")
     ),
-    t(r.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, "card", n)
+    t(e.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, "card", n)
   )
 };
 export {
-  d as profileStateMachine
+  M as profileStateMachine
 };
 //# sourceMappingURL=profileStateMachine.js.map

package/dist/components/Employee/Profile/management/profileStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Employee/Profile/management/profileStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n        ...ctx,\n        component: ProfileEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAA2D;AAAA,EACtF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAA2D;AAAA,EACjE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA2D;AAAA,QACjE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF,EAAWC,EAAgB,6CAA6C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAE9F,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,4CAA4C,QAAQT,CAAY;AAAA,EAAA;AAE/F;"}
+{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Employee/Profile/management/profileStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n        ...ctx,\n        component: ProfileEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAA2D;AAAA,EACtF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAA2D;AAAA,EACjE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA2D;AAAA,QACjE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF,EAAWC,EAAgB,6CAA6C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAE9F,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,4CAA4C,QAAQT,CAAY;AAAA,EAAA;AAE/F;"}

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { Landing as f } from "./SelfOnboardingComponents.js";
-import { employeeSelfOnboardingMachine as p } from "./selfOnboardingMachine.js";
-import { createMachine as c } from "../../../lib/state-machine/core.js";
+import { createMachine as a } from "robot3";
+import { useMemo as f } from "react";
+import { Landing as p } from "./SelfOnboardingComponents.js";
+import { employeeSelfOnboardingMachine as c } from "./selfOnboardingMachine.js";
 import { Flow as s } from "../../Flow/Flow.js";
 const h = ({
   companyId: o,
@@ -10,13 +10,13 @@ const h = ({
   withEmployeeI9: e = !1,
   onEvent: m
 }) => {
-  const n = a(
-    () => c(
+  const n = f(
+    () => a(
       "index",
-      p,
+      c,
       (i) => ({
         ...i,
-        component: f,
+        component: p,
         companyId: o,
         employeeId: r,
         withEmployeeI9: e

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

@@ -1 +1 @@
-{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { employeeSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { SelfOnboardingFlowProps } from './SelfOnboardingComponents'\n\n/**\n * Guided flow for employees to complete their own onboarding.\n *\n * @remarks\n * Hands the employee responsibility for submitting their own profile, tax, payment, and document-signing information. Drives a multi-step flow keyed to the employee being self-onboarded; when `withEmployeeI9` is enabled, the Document Signer step checks whether the employee has I-9 enabled and, if so, routes them through the employment-eligibility form before presenting the I-9 form alongside other required documents.\n *\n * 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 * 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 Landing}\n * - {@link Profile}\n * - {@link FederalTaxes}\n * - {@link StateTaxes}\n * - {@link PaymentMethod}\n * - {@link DocumentSigner}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link SelfOnboardingFlowProps}.\n * @returns The multi-step self-onboarding 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.SelfOnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\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 SelfOnboardingFlow = ({\n  companyId,\n  employeeId,\n  withEmployeeI9 = false,\n  onEvent,\n}: SelfOnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeSelfOnboardingMachine,\n        (initialContext: SelfOnboardingContextInterface) => ({\n          ...initialContext,\n          component: Landing,\n          companyId,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [companyId, employeeId, withEmployeeI9],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","employeeId","withEmployeeI9","onEvent","manageEmployees","useMemo","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;;AAwDO,MAAMA,IAAqB,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AACF,MAA+B;AAC7B,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,YAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWC,GAAYC,CAAc;AAAA,EAAA;AAExC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { employeeSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { SelfOnboardingFlowProps } from './SelfOnboardingComponents'\n\n/**\n * Guided flow for employees to complete their own onboarding.\n *\n * @remarks\n * Hands the employee responsibility for submitting their own profile, tax, payment, and document-signing information. Drives a multi-step flow keyed to the employee being self-onboarded; when `withEmployeeI9` is enabled, the Document Signer step checks whether the employee has I-9 enabled and, if so, routes them through the employment-eligibility form before presenting the I-9 form alongside other required documents.\n *\n * 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 * 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 Landing}\n * - {@link Profile}\n * - {@link FederalTaxes}\n * - {@link StateTaxes}\n * - {@link PaymentMethod}\n * - {@link DocumentSigner}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link SelfOnboardingFlowProps}.\n * @returns The multi-step self-onboarding 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.SelfOnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\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 SelfOnboardingFlow = ({\n  companyId,\n  employeeId,\n  withEmployeeI9 = false,\n  onEvent,\n}: SelfOnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeSelfOnboardingMachine,\n        (initialContext: SelfOnboardingContextInterface) => ({\n          ...initialContext,\n          component: Landing,\n          companyId,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [companyId, employeeId, withEmployeeI9],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","employeeId","withEmployeeI9","onEvent","manageEmployees","useMemo","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;;AAwDO,MAAMA,IAAqB,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AACF,MAA+B;AAC7B,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,YAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWC,GAAYC,CAAc;AAAA,EAAA;AAExC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}

package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.d.ts

@@ -1,9 +1,9 @@
 /** @internal */
 export declare const employeeSelfOnboardingMachine: {
-    index: import('../../../lib/state-machine').StateDefinition;
-    employeeProfile: import('../../../lib/state-machine').StateDefinition;
-    employeeFederalTaxes: import('../../../lib/state-machine').StateDefinition;
-    employeeStateTaxes: import('../../../lib/state-machine').StateDefinition;
-    employeePaymentMethod: import('../../../lib/state-machine').StateDefinition;
-    employeeDocumentSigner: import('../../../lib/state-machine').StateDefinition;
+    index: import('robot3').MachineState<any>;
+    employeeProfile: import('robot3').MachineState<any>;
+    employeeFederalTaxes: import('robot3').MachineState<any>;
+    employeeStateTaxes: import('robot3').MachineState<any>;
+    employeePaymentMethod: import('robot3').MachineState<any>;
+    employeeDocumentSigner: import('robot3').MachineState<any>;
 };

package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.js

@@ -1,13 +1,12 @@
-import { OnboardingSummary as E, DocumentSigner as p, PaymentMethod as r, StateTaxes as a, FederalTaxes as l, Profile as O } from "./SelfOnboardingComponents.js";
-import "react";
-import { state as o, transition as n, reduce as m } from "../../../lib/state-machine/core.js";
-import { componentEvents as t } from "../../../shared/constants.js";
-const S = {
+import { state as o, transition as n, reduce as E } from "robot3";
+import { OnboardingSummary as t, DocumentSigner as p, PaymentMethod as a, StateTaxes as r, FederalTaxes as l, Profile as O } from "./SelfOnboardingComponents.js";
+import { componentEvents as m } from "../../../shared/constants.js";
+const P = {
   index: o(
     n(
-      t.EMPLOYEE_SELF_ONBOARDING_START,
+      m.EMPLOYEE_SELF_ONBOARDING_START,
       "employeeProfile",
-      m((e) => ({
+      E((e) => ({
         ...e,
         component: O
       }))
@@ -15,9 +14,9 @@ const S = {
   ),
   employeeProfile: o(
     n(
-      t.EMPLOYEE_PROFILE_DONE,
+      m.EMPLOYEE_PROFILE_DONE,
       "employeeFederalTaxes",
-      m((e) => ({
+      E((e) => ({
         ...e,
         component: l
       }))
@@ -25,29 +24,29 @@ const S = {
   ),
   employeeFederalTaxes: o(
     n(
-      t.EMPLOYEE_FEDERAL_TAXES_DONE,
+      m.EMPLOYEE_FEDERAL_TAXES_DONE,
       "employeeStateTaxes",
-      m((e) => ({
+      E((e) => ({
         ...e,
-        component: a
+        component: r
       }))
     )
   ),
   employeeStateTaxes: o(
     n(
-      t.EMPLOYEE_STATE_TAXES_DONE,
+      m.EMPLOYEE_STATE_TAXES_DONE,
       "employeePaymentMethod",
-      m((e) => ({
+      E((e) => ({
         ...e,
-        component: r
+        component: a
       }))
     )
   ),
   employeePaymentMethod: o(
     n(
-      t.EMPLOYEE_PAYMENT_METHOD_DONE,
+      m.EMPLOYEE_PAYMENT_METHOD_DONE,
       "employeeDocumentSigner",
-      m((e) => ({
+      E((e) => ({
         ...e,
         component: p
       }))
@@ -55,16 +54,16 @@ const S = {
   ),
   employeeDocumentSigner: o(
     n(
-      t.EMPLOYEE_FORMS_DONE,
+      m.EMPLOYEE_FORMS_DONE,
       "index",
-      m((e) => ({
+      E((e) => ({
         ...e,
-        component: E
+        component: t
       }))
     )
   )
 };
 export {
-  S as employeeSelfOnboardingMachine
+  P as employeeSelfOnboardingMachine
 };
 //# sourceMappingURL=selfOnboardingMachine.js.map

package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"selfOnboardingMachine.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.ts"],"sourcesContent":["import type { SelfOnboardingContextInterface } from './SelfOnboardingComponents'\nimport {\n  Profile,\n  FederalTaxes,\n  StateTaxes,\n  PaymentMethod,\n  OnboardingSummary,\n  DocumentSigner,\n} from './SelfOnboardingComponents'\nimport { transition, reduce, state } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const employeeSelfOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_SELF_ONBOARDING_START,\n      'employeeProfile',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: Profile,\n      })),\n    ),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'employeeFederalTaxes',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: FederalTaxes,\n      })),\n    ),\n  ),\n  employeeFederalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'employeeStateTaxes',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: StateTaxes,\n      })),\n    ),\n  ),\n  employeeStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'employeePaymentMethod',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  employeePaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'employeeDocumentSigner',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: DocumentSigner,\n      })),\n    ),\n  ),\n  employeeDocumentSigner: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FORMS_DONE,\n      'index',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["employeeSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","FederalTaxes","StateTaxes","PaymentMethod","DocumentSigner","OnboardingSummary"],"mappings":";;;;AAcO,MAAMA,IAAgC;AAAA,EAC3C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,iBAAiBL;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWE;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,sBAAsBN;AAAA,IACpBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,oBAAoBP;AAAA,IAClBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,uBAAuBR;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,wBAAwBT;AAAA,IACtBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}
+{"version":3,"file":"selfOnboardingMachine.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { SelfOnboardingContextInterface } from './SelfOnboardingComponents'\nimport {\n  Profile,\n  FederalTaxes,\n  StateTaxes,\n  PaymentMethod,\n  OnboardingSummary,\n  DocumentSigner,\n} from './SelfOnboardingComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const employeeSelfOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_SELF_ONBOARDING_START,\n      'employeeProfile',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: Profile,\n      })),\n    ),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'employeeFederalTaxes',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: FederalTaxes,\n      })),\n    ),\n  ),\n  employeeFederalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'employeeStateTaxes',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: StateTaxes,\n      })),\n    ),\n  ),\n  employeeStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'employeePaymentMethod',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  employeePaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'employeeDocumentSigner',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: DocumentSigner,\n      })),\n    ),\n  ),\n  employeeDocumentSigner: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FORMS_DONE,\n      'index',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["employeeSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","FederalTaxes","StateTaxes","PaymentMethod","DocumentSigner","OnboardingSummary"],"mappings":";;;AAcO,MAAMA,IAAgC;AAAA,EAC3C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,iBAAiBL;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWE;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,sBAAsBN;AAAA,IACpBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,oBAAoBP;AAAA,IAClBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,uBAAuBR;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,wBAAwBT;AAAA,IACtBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

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

@@ -1,18 +1,18 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { StateTaxesCardContextual as i } from "./StateTaxesComponents.js";
-import { stateTaxesStateMachine as s } from "./stateTaxesStateMachine.js";
-import { createMachine as p } from "../../../../lib/state-machine/core.js";
+import { createMachine as n } from "robot3";
+import { useMemo as i } from "react";
+import { StateTaxesCardContextual as s } from "./StateTaxesComponents.js";
+import { stateTaxesStateMachine as p } from "./stateTaxesStateMachine.js";
 import { Flow as c } from "../../../Flow/Flow.js";
 import { BaseBoundaries as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useComponentDictionary as x, useI18n as u } from "../../../../i18n/I18n.js";
 function S({ employeeId: t, onEvent: a, LoaderComponent: e }) {
   u("Employee.Management.StateTaxes");
-  const o = n(
-    () => p("card", s, (r) => ({
+  const o = i(
+    () => n("card", p, (r) => ({
       ...r,
-      component: i,
+      component: s,
       employeeId: t,
       LoaderComponent: e
     })),

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\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 StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent, LoaderComponent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: StateTaxesProps) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAoC;AACjF,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,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;AAkBO,SAASW,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAoB;AAClB,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAe,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnE;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\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 StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent, LoaderComponent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: StateTaxesProps) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAoC;AACjF,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,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;AAkBO,SAASW,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAoB;AAClB,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAe,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnE;"}

package/dist/components/Employee/StateTaxes/management/stateTaxesStateMachine.d.ts

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

package/dist/components/Employee/StateTaxes/management/stateTaxesStateMachine.js

@@ -1,6 +1,5 @@
+import { state as a, transition as E, reduce as T } from "robot3";
 import { StateTaxesEditFormContextual as A, StateTaxesCardContextual as o } from "./StateTaxesComponents.js";
-import "react";
-import { state as a, transition as E, reduce as T } from "../../../../lib/state-machine/core.js";
 import { componentEvents as e } from "../../../../shared/constants.js";
 const r = T((t) => ({
   ...t,
@@ -10,7 +9,7 @@ const r = T((t) => ({
   ...s,
   component: o,
   successAlert: t
-})), d = {
+})), M = {
   card: a(
     E(
       e.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,
@@ -41,6 +40,6 @@ const r = T((t) => ({
   )
 };
 export {
-  d as stateTaxesStateMachine
+  M as stateTaxesStateMachine
 };
 //# sourceMappingURL=stateTaxesStateMachine.js.map

package/dist/components/Employee/StateTaxes/management/stateTaxesStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../../src/components/Employee/StateTaxes/management/stateTaxesStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface, StateTaxesSuccessAlertCode } from './StateTaxesComponents'\nimport { StateTaxesCardContextual, StateTaxesEditFormContextual } from './StateTaxesComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n  ...ctx,\n  component: StateTaxesCardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: StateTaxesSuccessAlertCode) =>\n  reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n    ...ctx,\n    component: StateTaxesCardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const stateTaxesStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,\n      'editStateTaxes',\n      reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n        ...ctx,\n        component: StateTaxesEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED,\n      'card',\n      returnToCardWithAlert('stateTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","StateTaxesCardContextual","returnToCardWithAlert","alert","stateTaxesStateMachine","state","transition","componentEvents","StateTaxesEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAAiE;AAAA,EAC5F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,gBAAgBO;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,mBAAmB;AAAA,IAAA;AAAA,IAE3CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../../src/components/Employee/StateTaxes/management/stateTaxesStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface, StateTaxesSuccessAlertCode } from './StateTaxesComponents'\nimport { StateTaxesCardContextual, StateTaxesEditFormContextual } from './StateTaxesComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n  ...ctx,\n  component: StateTaxesCardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: StateTaxesSuccessAlertCode) =>\n  reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n    ...ctx,\n    component: StateTaxesCardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const stateTaxesStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,\n      'editStateTaxes',\n      reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n        ...ctx,\n        component: StateTaxesEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED,\n      'card',\n      returnToCardWithAlert('stateTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","StateTaxesCardContextual","returnToCardWithAlert","alert","stateTaxesStateMachine","state","transition","componentEvents","StateTaxesEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAAiE;AAAA,EAC5F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,gBAAgBO;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,mBAAmB;AAAA,IAAA;AAAA,IAE3CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlow.js

@@ -1,23 +1,23 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { terminationMachine as a, terminationBreadcrumbNodes as c } from "./terminationStateMachine.js";
-import { TerminateEmployeeContextual as u } from "./TerminationFlowComponents.js";
-import { createMachine as f } from "../../../../lib/state-machine/core.js";
+import { createMachine as n } from "robot3";
+import { useMemo as a } from "react";
+import { terminationMachine as c, terminationBreadcrumbNodes as u } from "./terminationStateMachine.js";
+import { TerminateEmployeeContextual as f } from "./TerminationFlowComponents.js";
 import { Flow as p } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as b } from "../../../../helpers/breadcrumbHelpers.js";
 const F = ({ companyId: r, employeeId: o, onEvent: m }) => {
-  const e = n(
-    () => f(
+  const e = a(
+    () => n(
       "form",
-      a,
+      c,
       (t) => ({
         ...t,
-        component: u,
+        component: f,
         companyId: r,
         employeeId: o,
         header: {
           type: "breadcrumbs",
-          breadcrumbs: b(c),
+          breadcrumbs: b(u),
           currentBreadcrumbId: "form"
         }
       })

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TerminationFlow.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/TerminationFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { terminationMachine, terminationBreadcrumbNodes } from './terminationStateMachine'\nimport type {\n  TerminationFlowProps,\n  TerminationFlowContextInterface,\n} from './TerminationFlowComponents'\nimport { TerminateEmployeeContextual } from './TerminationFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Guided flow to terminate an employee and arrange their final paycheck.\n *\n * @remarks\n * This is the flow for ending employment. It sets the termination date, decides how the final\n * paycheck is handled, and can launch the dismissal payroll as one option. To run the final payroll\n * on its own for an already-terminated employee, use {@link Payroll.DismissalFlow} directly.\n *\n * Provides a complete experience for terminating an employee — guides the user through selecting a termination date, choosing how to process final payroll, reviewing termination details, and managing the offboarding process. Drives a multi-step flow with breadcrumb navigation between the termination form, the summary, and the dismissal payroll flow (when the dismissal payroll option is selected).\n *\n * On mount, the flow detects existing terminations: if an active termination exists, the form is pre-populated for editing; if the employee is already terminated, the user is routed to the summary view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/termination/created` | Fired when a new termination is created | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/updated` | Fired when an existing termination is updated | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/done` | Fired when the termination process is complete | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption, payrollUuid?: string }` |\n * | `employee/termination/viewSummary` | Fired when viewing an existing termination summary | `{ employeeId: string, effectiveDate: string }` |\n * | `employee/termination/edit` | Fired when user clicks to edit termination details | `{ employeeId: string }` |\n * | `employee/termination/cancelled` | Fired when a termination is cancelled | `{ employeeId: string, alert?: `{@link TerminationFlowAlert}` }` |\n * | `employee/termination/runPayroll` | Fired when user chooses to run termination payroll | `{ employeeId: string, companyId: string, effectiveDate: string }` |\n * | `employee/termination/runOffCyclePayroll` | Fired when user chooses to run an off-cycle payroll | `{ employeeId: string, companyId: string }` |\n * | `employee/termination/payrollCreated` | Fired when an off-cycle payroll is created for termination | `{ employeeId: string, effectiveDate: string }` |\n * | `employee/termination/payrollFailed` | Fired when off-cycle payroll creation fails | `{ employeeId: string }` |\n *\n * The {@link PayrollOption} on each event identifies how the partner has chosen to handle the employee's final paycheck:\n *\n * - `dismissalPayroll` — Run a dismissal payroll (the most guided option). The flow swaps the employee's last regular payroll into a dismissal payroll with the termination date as the pay-period end and makes a default PTO payout recommendation.\n * - `regularPayroll` — Include the final pay in the employee's next scheduled regular payroll. The termination can still be cancelled after the fact.\n * - `anotherWay` — Handle the final pay another way: either run an off-cycle payroll to calculate final amounts, or pay the employee outside of Gusto (reporting it separately so the amounts land on tax forms). The employee is removed from unprocessed future payrolls, and the termination can still be cancelled after the fact.\n *\n * @components\n * - {@link TerminateEmployee}\n * - {@link TerminationSummary}\n * - {@link Payroll.DismissalFlow}\n * - {@link Payroll.PayrollLanding}\n *\n * @param props - See {@link TerminationFlowProps}.\n * @returns The multi-step termination workflow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeManagement, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeManagement.TerminationFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/termination/done') {\n *           // Termination complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const TerminationFlow = ({ companyId, employeeId, onEvent }: TerminationFlowProps) => {\n  const terminationFlow = useMemo(\n    () =>\n      createMachine(\n        'form',\n        terminationMachine,\n        (initialContext: TerminationFlowContextInterface) => ({\n          ...initialContext,\n          component: TerminateEmployeeContextual,\n          companyId,\n          employeeId,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(terminationBreadcrumbNodes),\n            currentBreadcrumbId: 'form',\n          },\n        }),\n      ),\n    [companyId, employeeId],\n  )\n  return <Flow machine={terminationFlow} onEvent={onEvent} />\n}\n"],"names":["TerminationFlow","companyId","employeeId","onEvent","terminationFlow","useMemo","createMachine","terminationMachine","initialContext","TerminateEmployeeContextual","buildBreadcrumbs","terminationBreadcrumbNodes","jsx","Flow"],"mappings":";;;;;;;AAyEO,MAAMA,IAAkB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAoC;AAC3F,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAqD;AAAA,QACpD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,YAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaQ,EAAiBC,CAA0B;AAAA,UACxD,qBAAqB;AAAA,QAAA;AAAA,MACvB;AAAA,IACF;AAAA,IAEJ,CAACV,GAAWC,CAAU;AAAA,EAAA;AAExB,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"TerminationFlow.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/TerminationFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { terminationMachine, terminationBreadcrumbNodes } from './terminationStateMachine'\nimport type {\n  TerminationFlowProps,\n  TerminationFlowContextInterface,\n} from './TerminationFlowComponents'\nimport { TerminateEmployeeContextual } from './TerminationFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Guided flow to terminate an employee and arrange their final paycheck.\n *\n * @remarks\n * This is the flow for ending employment. It sets the termination date, decides how the final\n * paycheck is handled, and can launch the dismissal payroll as one option. To run the final payroll\n * on its own for an already-terminated employee, use {@link Payroll.DismissalFlow} directly.\n *\n * Provides a complete experience for terminating an employee — guides the user through selecting a termination date, choosing how to process final payroll, reviewing termination details, and managing the offboarding process. Drives a multi-step flow with breadcrumb navigation between the termination form, the summary, and the dismissal payroll flow (when the dismissal payroll option is selected).\n *\n * On mount, the flow detects existing terminations: if an active termination exists, the form is pre-populated for editing; if the employee is already terminated, the user is routed to the summary view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/termination/created` | Fired when a new termination is created | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/updated` | Fired when an existing termination is updated | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/done` | Fired when the termination process is complete | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption, payrollUuid?: string }` |\n * | `employee/termination/viewSummary` | Fired when viewing an existing termination summary | `{ employeeId: string, effectiveDate: string }` |\n * | `employee/termination/edit` | Fired when user clicks to edit termination details | `{ employeeId: string }` |\n * | `employee/termination/cancelled` | Fired when a termination is cancelled | `{ employeeId: string, alert?: `{@link TerminationFlowAlert}` }` |\n * | `employee/termination/runPayroll` | Fired when user chooses to run termination payroll | `{ employeeId: string, companyId: string, effectiveDate: string }` |\n * | `employee/termination/runOffCyclePayroll` | Fired when user chooses to run an off-cycle payroll | `{ employeeId: string, companyId: string }` |\n * | `employee/termination/payrollCreated` | Fired when an off-cycle payroll is created for termination | `{ employeeId: string, effectiveDate: string }` |\n * | `employee/termination/payrollFailed` | Fired when off-cycle payroll creation fails | `{ employeeId: string }` |\n *\n * The {@link PayrollOption} on each event identifies how the partner has chosen to handle the employee's final paycheck:\n *\n * - `dismissalPayroll` — Run a dismissal payroll (the most guided option). The flow swaps the employee's last regular payroll into a dismissal payroll with the termination date as the pay-period end and makes a default PTO payout recommendation.\n * - `regularPayroll` — Include the final pay in the employee's next scheduled regular payroll. The termination can still be cancelled after the fact.\n * - `anotherWay` — Handle the final pay another way: either run an off-cycle payroll to calculate final amounts, or pay the employee outside of Gusto (reporting it separately so the amounts land on tax forms). The employee is removed from unprocessed future payrolls, and the termination can still be cancelled after the fact.\n *\n * @components\n * - {@link TerminateEmployee}\n * - {@link TerminationSummary}\n * - {@link Payroll.DismissalFlow}\n * - {@link Payroll.PayrollLanding}\n *\n * @param props - See {@link TerminationFlowProps}.\n * @returns The multi-step termination workflow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeManagement, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeManagement.TerminationFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/termination/done') {\n *           // Termination complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const TerminationFlow = ({ companyId, employeeId, onEvent }: TerminationFlowProps) => {\n  const terminationFlow = useMemo(\n    () =>\n      createMachine(\n        'form',\n        terminationMachine,\n        (initialContext: TerminationFlowContextInterface) => ({\n          ...initialContext,\n          component: TerminateEmployeeContextual,\n          companyId,\n          employeeId,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(terminationBreadcrumbNodes),\n            currentBreadcrumbId: 'form',\n          },\n        }),\n      ),\n    [companyId, employeeId],\n  )\n  return <Flow machine={terminationFlow} onEvent={onEvent} />\n}\n"],"names":["TerminationFlow","companyId","employeeId","onEvent","terminationFlow","useMemo","createMachine","terminationMachine","initialContext","TerminateEmployeeContextual","buildBreadcrumbs","terminationBreadcrumbNodes","jsx","Flow"],"mappings":";;;;;;;AAyEO,MAAMA,IAAkB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAoC;AAC3F,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAqD;AAAA,QACpD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,YAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaQ,EAAiBC,CAA0B;AAAA,UACxD,qBAAqB;AAAA,QAAA;AAAA,MACvB;AAAA,IACF;AAAA,IAEJ,CAACV,GAAWC,CAAU;AAAA,EAAA;AAExB,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}

package/dist/components/Employee/Terminations/TerminationFlow/terminationStateMachine.d.ts

@@ -3,8 +3,8 @@ import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbs
 export declare const terminationBreadcrumbNodes: BreadcrumbNodes;
 /** @internal */
 export declare const terminationMachine: {
-    form: import('../../../../lib/state-machine').StateDefinition;
-    summary: import('../../../../lib/state-machine').StateDefinition;
-    dismissalPayroll: import('../../../../lib/state-machine').StateDefinition;
-    payrollLanding: import('../../../../lib/state-machine').StateDefinition;
+    form: import('robot3').MachineState<any>;
+    summary: import('robot3').MachineState<any>;
+    dismissalPayroll: import('robot3').MachineState<any>;
+    payrollLanding: import('robot3').MachineState<any>;
 };