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

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldComponents.js

@@ -1,11 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { EmployeeStateTaxesErrorCodes as c } from "./employeeStateTaxesSchema.js";
-import { TextInputHookField as d } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as m } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { DatePickerHookField as d } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 import { NumberInputHookField as l } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { DatePickerHookField as u } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { RadioGroupHookField as f } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { TextInputHookField as m } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { RadioGroupHookField as u } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { SelectHookField as f } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 function F() {
   const { t: o } = r("Employee.StateTaxesView");
   return { [c.REQUIRED]: o("validations.required") };
@@ -26,21 +26,21 @@ function P({ meta: o, ...e }) {
     placeholder: e.placeholder ?? n("selectPlaceholder"),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(m, { ...s });
+  return /* @__PURE__ */ i(f, { ...s });
 }
 function H({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(f, { ...t });
+  return /* @__PURE__ */ i(u, { ...t });
 }
 function R({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     placeholder: e.placeholder
   };
-  return /* @__PURE__ */ i(d, { ...t });
+  return /* @__PURE__ */ i(m, { ...t });
 }
 function v({ meta: o, ...e }) {
   const t = {
@@ -63,7 +63,7 @@ function E({ meta: o, ...e }) {
     ...a(o, e),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(u, { ...t });
+  return /* @__PURE__ */ i(d, { ...t });
 }
 export {
   D as CurrencyStateTaxField,

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

@@ -1,23 +1,23 @@
 import { jsx as i } from "react/jsx-runtime";
-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 { 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 { 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 = a(
-    () => n(
+  const e = n(
+    () => f(
       "form",
-      c,
+      a,
       (t) => ({
         ...t,
-        component: f,
+        component: u,
         companyId: r,
         employeeId: o,
         header: {
           type: "breadcrumbs",
-          breadcrumbs: b(u),
+          breadcrumbs: b(c),
           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 { 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;"}
+{"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;"}

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('robot3').MachineState<any>;
-    summary: import('robot3').MachineState<any>;
-    dismissalPayroll: import('robot3').MachineState<any>;
-    payrollLanding: import('robot3').MachineState<any>;
+    form: import('../../../../lib/state-machine').StateDefinition;
+    summary: import('../../../../lib/state-machine').StateDefinition;
+    dismissalPayroll: import('../../../../lib/state-machine').StateDefinition;
+    payrollLanding: import('../../../../lib/state-machine').StateDefinition;
 };

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

@@ -1,8 +1,9 @@
-import { state as t, transition as m, reduce as e, guard as s } from "robot3";
-import { PayrollLandingContextual as p, TerminateEmployeeContextual as i, DismissalFlowContextual as u, TerminationSummaryContextual as d } from "./TerminationFlowComponents.js";
+import { PayrollLandingContextual as p, DismissalFlowContextual as u, TerminateEmployeeContextual as i, TerminationSummaryContextual as d } from "./TerminationFlowComponents.js";
+import "react";
+import { state as t, transition as m, reduce as e, guard as s } from "../../../../lib/state-machine/core.js";
 import { componentEvents as n } from "../../../../shared/constants.js";
 import { patchBreadcrumbsHeader as o } from "../../../../helpers/breadcrumbHelpers.js";
-const N = {
+const O = {
   form: {
     parent: null,
     item: {
@@ -66,7 +67,7 @@ const l = m(
     (r, a) => a.payload.key === "summary"
   ),
   e(E)
-), O = {
+), f = {
   form: t(
     m(
       n.EMPLOYEE_TERMINATION_DONE,
@@ -151,7 +152,7 @@ const l = m(
   payrollLanding: t(c, l)
 };
 export {
-  N as terminationBreadcrumbNodes,
-  O as terminationMachine
+  O as terminationBreadcrumbNodes,
+  f as terminationMachine
 };
 //# sourceMappingURL=terminationStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"terminationStateMachine.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/terminationStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollOption } from '../types'\nimport type {\n  TerminationFlowContextInterface,\n  TerminationFlowAlert,\n} from './TerminationFlowComponents'\nimport {\n  TerminateEmployeeContextual,\n  TerminationSummaryContextual,\n  DismissalFlowContextual,\n  PayrollLandingContextual,\n} from './TerminationFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_TERMINATION_DONE]: {\n    employeeId: string\n    effectiveDate: string\n    payrollOption: PayrollOption\n    payrollUuid?: string\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY]: {\n    employeeId: string\n    effectiveDate: string\n    payrollOption?: PayrollOption\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_EDIT]: {\n    employeeId: string\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_CANCELLED]: {\n    employeeId: string\n    alert?: TerminationFlowAlert\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_RUN_OFF_CYCLE_PAYROLL]: {\n    employeeId: string\n    companyId: string\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL]: {\n    employeeId: string\n    companyId: string\n    payrollUuid?: string\n  }\n}\n\n/** @internal */\nexport const terminationBreadcrumbNodes: BreadcrumbNodes = {\n  form: {\n    parent: null,\n    item: {\n      id: 'form',\n      label: 'breadcrumbs.form',\n      namespace: 'Employee.Terminations.TerminationFlow',\n      onNavigate: ((ctx: TerminationFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n        component: TerminateEmployeeContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  summary: {\n    parent: 'form',\n    item: {\n      id: 'summary',\n      label: 'breadcrumbs.summary',\n      namespace: 'Employee.Terminations.TerminationFlow',\n      onNavigate: ((ctx: TerminationFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n        component: TerminationSummaryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  dismissal: {\n    parent: 'summary',\n    item: {\n      id: 'dismissal',\n      label: 'breadcrumbs.dismissal',\n      namespace: 'Employee.Terminations.TerminationFlow',\n      onNavigate: ((ctx: TerminationFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: DismissalFlowContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nfunction toFormReducer(ctx: TerminationFlowContextInterface): TerminationFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n    component: TerminateEmployeeContextual,\n  }\n}\n\nfunction toSummaryReducer(ctx: TerminationFlowContextInterface): TerminationFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n    component: TerminationSummaryContextual,\n  }\n}\n\nconst formBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'form',\n  guard(\n    (_ctx: TerminationFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'form',\n  ),\n  reduce(toFormReducer),\n)\n\nconst summaryBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'summary',\n  guard(\n    (_ctx: TerminationFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'summary',\n  ),\n  reduce(toSummaryReducer),\n)\n\n/** @internal */\nexport const terminationMachine = {\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_DONE,\n      'summary',\n      reduce(\n        (\n          ctx: TerminationFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_TERMINATION_DONE>,\n        ): TerminationFlowContextInterface => {\n          return {\n            ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n            component: TerminationSummaryContextual,\n            payrollOption: ev.payload.payrollOption,\n            payrollUuid: ev.payload.payrollUuid,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY,\n      'summary',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n          component: TerminationSummaryContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n  ),\n  summary: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_EDIT,\n      'form',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n          component: TerminateEmployeeContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_CANCELLED,\n      'form',\n      reduce(\n        (\n          ctx: TerminationFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_TERMINATION_CANCELLED\n          >,\n        ): TerminationFlowContextInterface => {\n          return {\n            ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n            component: TerminateEmployeeContextual,\n            alerts: ev.payload.alert ? [ev.payload.alert] : undefined,\n            payrollOption: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL,\n      'dismissalPayroll',\n      reduce(\n        (\n          ctx: TerminationFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL\n          >,\n        ): TerminationFlowContextInterface => {\n          return {\n            ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n            component: DismissalFlowContextual,\n            payrollUuid: ev.payload.payrollUuid ?? ctx.payrollUuid,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_RUN_OFF_CYCLE_PAYROLL,\n      'dismissalPayroll',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: DismissalFlowContextual,\n          payrollUuid: undefined,\n        }\n      }),\n    ),\n    formBreadcrumbTransition,\n  ),\n  dismissalPayroll: state<MachineTransition>(\n    transition(\n      componentEvents.PAYROLL_EXIT_FLOW,\n      'payrollLanding',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PayrollLandingContextual,\n        payrollOption: undefined,\n      })),\n    ),\n    summaryBreadcrumbTransition,\n    formBreadcrumbTransition,\n  ),\n  payrollLanding: state<MachineTransition>(summaryBreadcrumbTransition, formBreadcrumbTransition),\n}\n"],"names":["terminationBreadcrumbNodes","ctx","patchBreadcrumbsHeader","TerminateEmployeeContextual","TerminationSummaryContextual","DismissalFlowContextual","toFormReducer","toSummaryReducer","formBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","summaryBreadcrumbTransition","terminationMachine","state","PayrollLandingContextual"],"mappings":";;;;AAgDO,MAAMA,IAA8C;AAAA,EACzD,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA0C;AAAA,QACtD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAQ;AAAA,QAC9D,WAAWE;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACF,OAA0C;AAAA,QACtD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,WAAW;AAAA,QACjE,WAAWG;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACH,OAA0C;AAAA,QACtD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWI;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;AAEA,SAASC,EAAcL,GAAuE;AAC5F,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAQ;AAAA,IAC9D,WAAWE;AAAA,EAAA;AAEf;AAEA,SAASI,EAAiBN,GAAuE;AAC/F,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,WAAW;AAAA,IACjE,WAAWG;AAAA,EAAA;AAEf;AAEA,MAAMI,IAA2BC;AAAA,EAC/BC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAuCC,MACtCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOR,CAAa;AACtB,GAEMS,IAA8BN;AAAA,EAClCC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAuCC,MACtCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOP,CAAgB;AACzB,GAGaS,IAAqB;AAAA,EAChC,MAAMC;AAAA,IACJR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEb,GACAY,OAEO;AAAA,UACL,GAAGX,EAAuBD,GAAK,EAAE,qBAAqB,WAAW;AAAA,UACjE,WAAWG;AAAA,UACX,eAAeS,EAAG,QAAQ;AAAA,UAC1B,aAAaA,EAAG,QAAQ;AAAA,UACxB,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI,EAAO,CAACb,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,WAAW;AAAA,QACjE,WAAWG;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,EACH;AAAA,EAEF,SAASa;AAAA,IACPR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI,EAAO,CAACb,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAQ;AAAA,QAC9D,WAAWE;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEb,GACAY,OAKO;AAAA,UACL,GAAGX,EAAuBD,GAAK,EAAE,qBAAqB,QAAQ;AAAA,UAC9D,WAAWE;AAAA,UACX,QAAQU,EAAG,QAAQ,QAAQ,CAACA,EAAG,QAAQ,KAAK,IAAI;AAAA,UAChD,eAAe;AAAA,QAAA;AAAA,MAEnB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEb,GACAY,OAKO;AAAA,UACL,GAAGX,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,WAAWI;AAAA,UACX,aAAaQ,EAAG,QAAQ,eAAeZ,EAAI;AAAA,QAAA;AAAA,MAE/C;AAAA,IACF;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI,EAAO,CAACb,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWI;AAAA,QACX,aAAa;AAAA,MAAA,EAEhB;AAAA,IAAA;AAAA,IAEHG;AAAA,EAAA;AAAA,EAEF,kBAAkBS;AAAA,IAChBR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI,EAAO,CAACb,OAA2E;AAAA,QACjF,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWiB;AAAA,QACX,eAAe;AAAA,MAAA,EACf;AAAA,IAAA;AAAA,IAEJH;AAAA,IACAP;AAAA,EAAA;AAAA,EAEF,gBAAgBS,EAAyBF,GAA6BP,CAAwB;AAChG;"}
+{"version":3,"file":"terminationStateMachine.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/terminationStateMachine.ts"],"sourcesContent":["import type { PayrollOption } from '../types'\nimport type {\n  TerminationFlowContextInterface,\n  TerminationFlowAlert,\n} from './TerminationFlowComponents'\nimport {\n  TerminateEmployeeContextual,\n  TerminationSummaryContextual,\n  DismissalFlowContextual,\n  PayrollLandingContextual,\n} from './TerminationFlowComponents'\nimport { transition, reduce, state, guard } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_TERMINATION_DONE]: {\n    employeeId: string\n    effectiveDate: string\n    payrollOption: PayrollOption\n    payrollUuid?: string\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY]: {\n    employeeId: string\n    effectiveDate: string\n    payrollOption?: PayrollOption\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_EDIT]: {\n    employeeId: string\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_CANCELLED]: {\n    employeeId: string\n    alert?: TerminationFlowAlert\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_RUN_OFF_CYCLE_PAYROLL]: {\n    employeeId: string\n    companyId: string\n  }\n  [componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL]: {\n    employeeId: string\n    companyId: string\n    payrollUuid?: string\n  }\n}\n\n/** @internal */\nexport const terminationBreadcrumbNodes: BreadcrumbNodes = {\n  form: {\n    parent: null,\n    item: {\n      id: 'form',\n      label: 'breadcrumbs.form',\n      namespace: 'Employee.Terminations.TerminationFlow',\n      onNavigate: ((ctx: TerminationFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n        component: TerminateEmployeeContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  summary: {\n    parent: 'form',\n    item: {\n      id: 'summary',\n      label: 'breadcrumbs.summary',\n      namespace: 'Employee.Terminations.TerminationFlow',\n      onNavigate: ((ctx: TerminationFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n        component: TerminationSummaryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  dismissal: {\n    parent: 'summary',\n    item: {\n      id: 'dismissal',\n      label: 'breadcrumbs.dismissal',\n      namespace: 'Employee.Terminations.TerminationFlow',\n      onNavigate: ((ctx: TerminationFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: DismissalFlowContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nfunction toFormReducer(ctx: TerminationFlowContextInterface): TerminationFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n    component: TerminateEmployeeContextual,\n  }\n}\n\nfunction toSummaryReducer(ctx: TerminationFlowContextInterface): TerminationFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n    component: TerminationSummaryContextual,\n  }\n}\n\nconst formBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'form',\n  guard(\n    (_ctx: TerminationFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'form',\n  ),\n  reduce(toFormReducer),\n)\n\nconst summaryBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'summary',\n  guard(\n    (_ctx: TerminationFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'summary',\n  ),\n  reduce(toSummaryReducer),\n)\n\n/** @internal */\nexport const terminationMachine = {\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_DONE,\n      'summary',\n      reduce(\n        (\n          ctx: TerminationFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_TERMINATION_DONE>,\n        ): TerminationFlowContextInterface => {\n          return {\n            ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n            component: TerminationSummaryContextual,\n            payrollOption: ev.payload.payrollOption,\n            payrollUuid: ev.payload.payrollUuid,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY,\n      'summary',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'summary' }),\n          component: TerminationSummaryContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n  ),\n  summary: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_EDIT,\n      'form',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n          component: TerminateEmployeeContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_CANCELLED,\n      'form',\n      reduce(\n        (\n          ctx: TerminationFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_TERMINATION_CANCELLED\n          >,\n        ): TerminationFlowContextInterface => {\n          return {\n            ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'form' }),\n            component: TerminateEmployeeContextual,\n            alerts: ev.payload.alert ? [ev.payload.alert] : undefined,\n            payrollOption: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL,\n      'dismissalPayroll',\n      reduce(\n        (\n          ctx: TerminationFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL\n          >,\n        ): TerminationFlowContextInterface => {\n          return {\n            ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n            component: DismissalFlowContextual,\n            payrollUuid: ev.payload.payrollUuid ?? ctx.payrollUuid,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_TERMINATION_RUN_OFF_CYCLE_PAYROLL,\n      'dismissalPayroll',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: DismissalFlowContextual,\n          payrollUuid: undefined,\n        }\n      }),\n    ),\n    formBreadcrumbTransition,\n  ),\n  dismissalPayroll: state<MachineTransition>(\n    transition(\n      componentEvents.PAYROLL_EXIT_FLOW,\n      'payrollLanding',\n      reduce((ctx: TerminationFlowContextInterface): TerminationFlowContextInterface => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PayrollLandingContextual,\n        payrollOption: undefined,\n      })),\n    ),\n    summaryBreadcrumbTransition,\n    formBreadcrumbTransition,\n  ),\n  payrollLanding: state<MachineTransition>(summaryBreadcrumbTransition, formBreadcrumbTransition),\n}\n"],"names":["terminationBreadcrumbNodes","ctx","patchBreadcrumbsHeader","TerminateEmployeeContextual","TerminationSummaryContextual","DismissalFlowContextual","toFormReducer","toSummaryReducer","formBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","summaryBreadcrumbTransition","terminationMachine","state","PayrollLandingContextual"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WorkAddress.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  WorkAddressCardContextual,\n  type WorkAddressContextInterface,\n} from './WorkAddressComponents'\nimport { workAddressStateMachine } from './workAddressStateMachine'\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 WorkAddress}.\n *\n * @public\n */\nexport interface WorkAddressProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressFlow({ employeeId, onEvent, LoaderComponent }: WorkAddressProps) {\n  useI18n('Employee.Management.WorkAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', workAddressStateMachine, (ctx: WorkAddressContextInterface) => ({\n        ...ctx,\n        component: WorkAddressCardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee work address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button on the work address card clicked | `{ employeeId: string }` |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n *\n * @public\n */\nexport function WorkAddress({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: WorkAddressProps) {\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <WorkAddressFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","workAddressStateMachine","ctx","WorkAddressCardContextual","jsx","Flow","WorkAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,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":"WorkAddress.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddress.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  WorkAddressCardContextual,\n  type WorkAddressContextInterface,\n} from './WorkAddressComponents'\nimport { workAddressStateMachine } from './workAddressStateMachine'\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 WorkAddress}.\n *\n * @public\n */\nexport interface WorkAddressProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressFlow({ employeeId, onEvent, LoaderComponent }: WorkAddressProps) {\n  useI18n('Employee.Management.WorkAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', workAddressStateMachine, (ctx: WorkAddressContextInterface) => ({\n        ...ctx,\n        component: WorkAddressCardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee work address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button on the work address card clicked | `{ employeeId: string }` |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n *\n * @public\n */\nexport function WorkAddress({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: WorkAddressProps) {\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <WorkAddressFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","workAddressStateMachine","ctx","WorkAddressCardContextual","jsx","Flow","WorkAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,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/WorkAddress/management/workAddressStateMachine.d.ts

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

package/dist/components/Employee/WorkAddress/management/workAddressStateMachine.js

@@ -1,5 +1,6 @@
-import { state as o, transition as t, reduce as e } from "robot3";
 import { WorkAddressEditFormContextual as d, WorkAddressCardContextual as n } from "./WorkAddressComponents.js";
+import "react";
+import { state as o, transition as t, reduce as e } from "../../../../lib/state-machine/core.js";
 import { componentEvents as E } from "../../../../shared/constants.js";
 const s = e((r) => ({
   ...r,

package/dist/components/Employee/WorkAddress/management/workAddressStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"workAddressStateMachine.js","sources":["../../../../../src/components/Employee/WorkAddress/management/workAddressStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { WorkAddressContextInterface } from './WorkAddressComponents'\nimport { WorkAddressCardContextual, WorkAddressEditFormContextual } from './WorkAddressComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n  ...ctx,\n  component: WorkAddressCardContextual as ComponentType,\n}))\n\n/** @internal */\nexport const workAddressStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED,\n      'editWorkAddress',\n      reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n        ...ctx,\n        component: WorkAddressEditFormContextual as ComponentType,\n      })),\n    ),\n  ),\n  // The edit surface is modal-style: editing/changing/deleting a row closes\n  // the modal but keeps the user on the edit screen so they can manage\n  // additional rows. Only the explicit Back action returns to the card.\n  editWorkAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","WorkAddressCardContextual","workAddressStateMachine","state","transition","componentEvents","WorkAddressEditFormContextual"],"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;AAAA;AAAA;AAAA,EAKF,iBAAiBH;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"workAddressStateMachine.js","sources":["../../../../../src/components/Employee/WorkAddress/management/workAddressStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { WorkAddressContextInterface } from './WorkAddressComponents'\nimport { WorkAddressCardContextual, WorkAddressEditFormContextual } from './WorkAddressComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n  ...ctx,\n  component: WorkAddressCardContextual as ComponentType,\n}))\n\n/** @internal */\nexport const workAddressStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED,\n      'editWorkAddress',\n      reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n        ...ctx,\n        component: WorkAddressEditFormContextual as ComponentType,\n      })),\n    ),\n  ),\n  // The edit surface is modal-style: editing/changing/deleting a row closes\n  // the modal but keeps the user on the edit screen so they can manage\n  // additional rows. Only the explicit Back action returns to the card.\n  editWorkAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","WorkAddressCardContextual","workAddressStateMachine","state","transition","componentEvents","WorkAddressEditFormContextual"],"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;AAAA;AAAA;AAAA,EAKF,iBAAiBH;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Flow/Flow.d.ts

@@ -1,22 +1,21 @@
-import { Machine } from 'robot3';
 import { OnEventType } from '../Base/useBase';
 import { FlowContextInterface } from './useFlow';
+import { Machine } from '../../lib/state-machine';
 import { EventType } from '../../shared/constants';
 type FlowProps<M extends Machine> = {
     machine: M;
     onEvent: OnEventType<EventType, unknown>;
 };
 /**
- * Drives a robot3 state machine that orchestrates a multi-step SDK flow, rendering the active
+ * Drives a state machine that orchestrates a multi-step SDK flow, rendering the active
  * step component inside a {@link FlowContext} provider with optional header chrome above it.
  *
  * @remarks
- * Re-emits every event produced by the state machine (or the active child machine, when one is
- * nested) to the upstream `onEvent` callback, so the consuming flow component (e.g. `PayrollFlow`,
- * `OnboardingFlow`) can forward them to partner code. The set of event types is defined by the
- * machine itself rather than a fixed catalogue.
+ * Re-emits every event to the upstream `onEvent` callback, so the consuming flow component
+ * (e.g. `PayrollFlow`, `OnboardingFlow`) can forward them to partner code. The set of event
+ * types is defined by the machine itself rather than a fixed catalogue.
  *
- * @typeParam M - The robot3 {@link Machine} type whose context extends {@link FlowContextInterface}.
+ * @typeParam M - The {@link Machine} type whose context extends {@link FlowContextInterface}.
  * @param props - Component props: the `machine` instance to run and an `onEvent` handler that
  *   receives every event the machine emits.
  * @returns A React element rendering the machine's current `component` inside the flow context,

package/dist/components/Flow/Flow.js

@@ -1,35 +1,41 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { useMachine as h } from "react-robot";
-import { Flex as l } from "../Common/Flex/Flex.js";
-import { FlowContext as u } from "./useFlow.js";
-import { FlowHeader as v } from "./FlowHeader.js";
-const E = ({
-  onEvent: m,
-  machine: s
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { Suspense as p } from "react";
+import { FlowContext as s } from "./useFlow.js";
+import { FlowHeader as f } from "./FlowHeader.js";
+import { useLoadingIndicator as u } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import { useMachine as h } from "../../lib/state-machine/index.js";
+import { Flex as i } from "../Common/Flex/Flex.js";
+const x = 40;
+function E() {
+  const { LoadingIndicator: n } = u();
+  return /* @__PURE__ */ o(n, { height: x });
+}
+const L = ({
+  onEvent: n,
+  machine: l
 }) => {
-  const [o, d, e] = h(s, {
-    onEvent: p,
+  const [e, m] = h(l, {
+    onEvent: a,
     component: null
   });
-  function p(r, c) {
-    const i = { type: r, payload: c }, f = d;
-    e.child ? e.child.send(i) : f(i), m(r, c);
+  function a(t, c) {
+    m({ type: t, payload: c }), n(t, c);
   }
-  const t = o.context.component;
-  return /* @__PURE__ */ n(l, { children: /* @__PURE__ */ n(
-    u.Provider,
+  const r = e.context.component;
+  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
+    s.Provider,
     {
       value: {
-        ...o.context
+        ...e.context
       },
-      children: /* @__PURE__ */ x(l, { flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ n(v, {}),
-        t && /* @__PURE__ */ n(t, {})
+      children: /* @__PURE__ */ d(i, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ o(p, { fallback: /* @__PURE__ */ o(E, {}), children: /* @__PURE__ */ o(f, {}) }),
+        r && /* @__PURE__ */ o(r, {})
       ] })
     }
   ) });
 };
 export {
-  E as Flow
+  L as Flow
 };
 //# sourceMappingURL=Flow.js.map

package/dist/components/Flow/Flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine, type SendFunction } from 'robot3'\nimport type { OnEventType } from '../Base/useBase'\nimport { Flex } from '../Common/Flex'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { FlowHeader } from './FlowHeader'\nimport { type EventType } from '@/shared/constants'\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Drives a robot3 state machine that orchestrates a multi-step SDK flow, rendering the active\n * step component inside a {@link FlowContext} provider with optional header chrome above it.\n *\n * @remarks\n * Re-emits every event produced by the state machine (or the active child machine, when one is\n * nested) to the upstream `onEvent` callback, so the consuming flow component (e.g. `PayrollFlow`,\n * `OnboardingFlow`) can forward them to partner code. The set of event types is defined by the\n * machine itself rather than a fixed catalogue.\n *\n * @typeParam M - The robot3 {@link Machine} type whose context extends {@link FlowContextInterface}.\n * @param props - Component props: the `machine` instance to run and an `onEvent` handler that\n *   receives every event the machine emits.\n * @returns A React element rendering the machine's current `component` inside the flow context,\n *   with a {@link FlowHeader} above it.\n * @internal\n */\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n  })\n\n  function handleEvent(type: EventType, data: unknown): void {\n    const event = { type, payload: data }\n    const sendFn = send as SendFunction<string>\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      ;(service.child.send as SendFunction<string>)(event)\n    } else {\n      sendFn(event)\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  const Component = current.context.component\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FlowHeader />\n          {Component && <Component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","current","send","service","useMachine","handleEvent","type","data","event","sendFn","Component","Flex","jsx","FlowContext","jsxs","FlowHeader"],"mappings":";;;;;AA+BO,MAAMA,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAM,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWJ,GAAS;AAAA,IACnD,SAASK;AAAA,IACT,WAAW;AAAA,EAAA,CACZ;AAED,WAASA,EAAYC,GAAiBC,GAAqB;AACzD,UAAMC,IAAQ,EAAE,MAAAF,GAAM,SAASC,EAAA,GACzBE,IAASP;AAEf,IAAIC,EAAQ,QACRA,EAAQ,MAAM,KAA8BK,CAAK,IAEnDC,EAAOD,CAAK,GAGdT,EAAQO,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAMG,IAAYT,EAAQ,QAAQ;AAElC,2BACGU,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGZ,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAa,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAC,EAACG,GAAA,EAAW;AAAA,QACXL,uBAAcA,GAAA,CAAA,CAAU;AAAA,MAAA,EAAA,CAC3B;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { Suspense } from 'react'\nimport type { OnEventType } from '../Base/useBase'\nimport { Flex } from '../Common/Flex'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { FlowHeader } from './FlowHeader'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { useMachine, type Machine } from '@/lib/state-machine'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Header chrome is short (a back-button row is the only header that can suspend),\n * so the header fallback matches its height rather than the full content loader —\n * this keeps the step body at the same level, avoiding a layout shift.\n */\nconst HEADER_LOADER_HEIGHT = 40\n\n/**\n * Fallback for the {@link FlowHeader} Suspense boundary. FlowHeader calls\n * `useTranslation` and renders above the active step's own boundary, so a\n * first-time i18n namespace load during a synchronous transition would otherwise\n * throw React #426. Reuses the SDK loading indicator sized to the header height\n * so the placeholder matches the header chrome and the step body doesn't shift.\n * (Step components manage their own loading via `BaseComponent`/`BaseBoundaries`.)\n */\nfunction FlowHeaderFallback() {\n  const { LoadingIndicator } = useLoadingIndicator()\n  return <LoadingIndicator height={HEADER_LOADER_HEIGHT} />\n}\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Drives a state machine that orchestrates a multi-step SDK flow, rendering the active\n * step component inside a {@link FlowContext} provider with optional header chrome above it.\n *\n * @remarks\n * Re-emits every event to the upstream `onEvent` callback, so the consuming flow component\n * (e.g. `PayrollFlow`, `OnboardingFlow`) can forward them to partner code. The set of event\n * types is defined by the machine itself rather than a fixed catalogue.\n *\n * @typeParam M - The {@link Machine} type whose context extends {@link FlowContextInterface}.\n * @param props - Component props: the `machine` instance to run and an `onEvent` handler that\n *   receives every event the machine emits.\n * @returns A React element rendering the machine's current `component` inside the flow context,\n *   with a {@link FlowHeader} above it.\n * @internal\n */\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const [current, send] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n  })\n\n  function handleEvent(type: EventType, data: unknown): void {\n    send({ type, payload: data })\n    onEvent(type, data)\n  }\n\n  const Component = current.context.component\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <Suspense fallback={<FlowHeaderFallback />}>\n            <FlowHeader />\n          </Suspense>\n          {Component && <Component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["HEADER_LOADER_HEIGHT","FlowHeaderFallback","LoadingIndicator","useLoadingIndicator","jsx","Flow","onEvent","machine","current","send","useMachine","handleEvent","type","data","Component","Flex","FlowContext","jsxs","Suspense","FlowHeader"],"mappings":";;;;;;;AAeA,MAAMA,IAAuB;AAU7B,SAASC,IAAqB;AAC5B,QAAM,EAAE,kBAAAC,EAAA,IAAqBC,EAAA;AAC7B,SAAO,gBAAAC,EAACF,GAAA,EAAiB,QAAQF,EAAA,CAAsB;AACzD;AAuBO,MAAMK,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAM,CAACC,GAASC,CAAI,IAAIC,EAAWH,GAAS;AAAA,IAC1C,SAASI;AAAA,IACT,WAAW;AAAA,EAAA,CACZ;AAED,WAASA,EAAYC,GAAiBC,GAAqB;AACzD,IAAAJ,EAAK,EAAE,MAAAG,GAAM,SAASC,EAAA,CAAM,GAC5BP,EAAQM,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAMC,IAAYN,EAAQ,QAAQ;AAElC,2BACGO,GAAA,EACC,UAAA,gBAAAX;AAAA,IAACY,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGR,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAS,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAX,EAACc,KAAS,UAAU,gBAAAd,EAACH,KAAmB,GACtC,UAAA,gBAAAG,EAACe,KAAW,EAAA,CACd;AAAA,QACCL,uBAAcA,GAAA,CAAA,CAAU;AAAA,MAAA,EAAA,CAC3B;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/InformationRequests/InformationRequests.js

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { createMachine as Q } from "robot3";
-import { useMachine as U } from "react-robot";
-import { useState as E, useCallback as p, useMemo as k, Suspense as I } from "react";
-import { useTranslation as P } from "react-i18next";
-import { informationRequestsMachine as g } from "./informationRequestsStateMachine.js";
-import { BaseBoundaries as j } from "../Base/Base.js";
+import { useState as E, useCallback as p, useMemo as Q, Suspense as I } from "react";
+import { useTranslation as U } from "react-i18next";
+import { informationRequestsMachine as k } from "./informationRequestsStateMachine.js";
+import { useMachine as P } from "../../lib/state-machine/index.js";
+import { BaseBoundaries as g } from "../Base/Base.js";
 import "../Base/useBase.js";
-import { Flex as B } from "../Common/Flex/Flex.js";
-import { useComponentContext as L } from "../../contexts/ComponentAdapter/useComponentContext.js";
-import { FlowContext as $ } from "../Flow/useFlow.js";
-import { useComponentDictionary as w, useI18n as z } from "../../i18n/I18n.js";
+import { Flex as j } from "../Common/Flex/Flex.js";
+import { useComponentContext as B } from "../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlowContext as L } from "../Flow/useFlow.js";
+import { useComponentDictionary as $, useI18n as w } from "../../i18n/I18n.js";
 import { informationRequestEvents as s } from "../../shared/constants.js";
+import { createMachine as z } from "../../lib/state-machine/core.js";
 import { InformationRequestList as Y } from "./InformationRequestList/InformationRequestList.js";
 const O = "informationRequestResponded";
 function re({
@@ -21,8 +21,8 @@ function re({
   },
   LoaderComponent: i
 }) {
-  w("InformationRequests", M), z("InformationRequests");
-  const { t: c } = P("InformationRequests"), { Modal: x, LoadingSpinner: f, Alert: A, Text: F } = L(), [N, l] = E(!1), [T, u] = E({
+  $("InformationRequests", M), w("InformationRequests");
+  const { t: c } = U("InformationRequests"), { Modal: x, LoadingSpinner: f, Alert: A, Text: F } = B(), [N, l] = E(!1), [T, u] = E({
     nextAlertId: 0,
     alerts: []
   }), _ = p((e) => {
@@ -35,10 +35,10 @@ function re({
       nextAlertId: e.nextAlertId + 1,
       alerts: [{ id: e.nextAlertId }, ...e.alerts]
     }));
-  }, []), q = k(
-    () => Q(
+  }, []), q = Q(
+    () => z(
       "list",
-      g,
+      k,
       () => ({
         component: null,
         companyId: r,
@@ -47,7 +47,7 @@ function re({
       })
     ),
     [r, i]
-  ), [d, C] = U(q);
+  ), [d, C] = P(q);
   function n(e, o) {
     C({ type: e, payload: o }), e === s.INFORMATION_REQUEST_RESPOND && l(!0), (e === s.INFORMATION_REQUEST_FORM_CANCEL || e === s.INFORMATION_REQUEST_FORM_DONE) && l(!1), e === s.INFORMATION_REQUEST_FORM_DONE && m && S(), h(e, o);
   }
@@ -55,13 +55,13 @@ function re({
     l(!1);
   }, a = d.context.component, R = a?.Footer || void 0;
   return /* @__PURE__ */ t(
-    $.Provider,
+    L.Provider,
     {
       value: {
         ...d.context,
         onEvent: n
       },
-      children: /* @__PURE__ */ b(B, { flexDirection: "column", gap: 32, children: [
+      children: /* @__PURE__ */ b(j, { flexDirection: "column", gap: 32, children: [
         m && T.alerts.map((e) => /* @__PURE__ */ t(
           A,
           {
@@ -80,7 +80,7 @@ function re({
           {
             isOpen: N,
             onClose: D,
-            footer: R && /* @__PURE__ */ t(j, { LoaderComponent: i, children: /* @__PURE__ */ t(I, { fallback: /* @__PURE__ */ t(f, { size: "sm" }), children: /* @__PURE__ */ t(R, { onEvent: n }) }) }),
+            footer: R && /* @__PURE__ */ t(g, { LoaderComponent: i, children: /* @__PURE__ */ t(I, { fallback: /* @__PURE__ */ t(f, { size: "sm" }), children: /* @__PURE__ */ t(R, { onEvent: n }) }) }),
             children: a && /* @__PURE__ */ t(a, {})
           }
         )

package/dist/components/InformationRequests/InformationRequests.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationRequests.js","sources":["../../../src/components/InformationRequests/InformationRequests.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { InformationRequestList } from './InformationRequestList'\nimport { informationRequestsMachine } from './informationRequestsStateMachine'\nimport { type InformationRequestsContextInterface } from './InformationRequestsComponents'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { informationRequestEvents, type EventType } from '@/shared/constants'\n\ninterface SubmissionAlert {\n  id: number\n}\n\ninterface SubmissionAlertState {\n  nextAlertId: number\n  alerts: SubmissionAlert[]\n}\n\n/**\n * Props for {@link InformationRequestsFlow}.\n *\n * @public\n */\nexport interface InformationRequestsFlowProps extends Omit<\n  BaseComponentInterface<'InformationRequests'>,\n  'onEvent'\n> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * When `true` (default), the submission success alert is rendered at the top of this component.\n   * Set to `false` when embedding in a parent that renders the alert elsewhere.\n   */\n  withAlert?: boolean\n  /** Callback invoked when the flow or its blocks emit an event. */\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\nconst ALERT_TYPE = 'informationRequestResponded' as const\n\n/**\n * Hub for viewing and responding to outstanding information requests from Gusto.\n *\n * @remarks\n * Renders the list of open and submitted information requests for a company and hosts the response form in a modal.\n * On successful submit, a dismissible success alert appears at the top of the list (when `withAlert` is `true`) and the modal closes.\n *\n * Information requests can also block payroll processing; in that case they are surfaced inline within\n * `Payroll.PayrollBlockerList`, which embeds this flow with `withAlert={false}` so the blocker list owns the alert UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `informationRequest/respond` | Fired when the user clicks \"Respond\" on a request and the form modal opens | `{ requestId: string }` |\n * | `informationRequest/form/done` | Fired when an information request is successfully submitted | Response from the Submit information request endpoint |\n * | `informationRequest/form/cancel` | Fired when the user cancels the response form (closes the modal without submitting) | — |\n *\n * Each piece is also exported as a standalone block (see the Blocks\n * table) for composing a custom workflow when this orchestration is the wrong\n * 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 * @components\n * - {@link InformationRequestList}\n * - {@link InformationRequestForm}\n *\n * @param props - See {@link InformationRequestsFlowProps}.\n * @returns The information requests flow surface.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { InformationRequests } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <InformationRequests.InformationRequestsFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function InformationRequestsFlow({\n  companyId,\n  dictionary,\n  withAlert = true,\n  onEvent = () => {},\n  LoaderComponent,\n}: InformationRequestsFlowProps) {\n  useComponentDictionary('InformationRequests', dictionary)\n  useI18n('InformationRequests')\n  const { t } = useTranslation('InformationRequests')\n  const { Modal, LoadingSpinner, Alert, Text } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [alertState, setAlertState] = useState<SubmissionAlertState>({\n    nextAlertId: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addSubmissionAlert = useCallback(() => {\n    setAlertState(prev => ({\n      nextAlertId: prev.nextAlertId + 1,\n      alerts: [{ id: prev.nextAlertId }, ...prev.alerts],\n    }))\n  }, [])\n\n  const informationRequestsMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'list',\n        informationRequestsMachine,\n        (): InformationRequestsContextInterface => ({\n          component: null,\n          companyId,\n          onEvent: handleEvent,\n          LoaderComponent,\n        }),\n      ),\n    [companyId, LoaderComponent],\n  )\n  const [current, send] = useMachine(informationRequestsMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown) {\n    send({ type, payload: data })\n\n    if (type === informationRequestEvents.INFORMATION_REQUEST_RESPOND) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL ||\n      type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE\n    ) {\n      setIsModalOpen(false)\n    }\n\n    if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE && withAlert) {\n      addSubmissionAlert()\n    }\n\n    onEvent(type, data)\n  }\n\n  const handleCloseModal = () => {\n    setIsModalOpen(false)\n  }\n\n  const CurrentComponent = current.context.component\n  const Footer = CurrentComponent?.Footer || undefined\n\n  return (\n    <FlowContext.Provider\n      value={{\n        ...current.context,\n        onEvent: handleEvent,\n      }}\n    >\n      <Flex flexDirection=\"column\" gap={32}>\n        {withAlert &&\n          alertState.alerts.map(alert => (\n            <Alert\n              key={alert.id}\n              status=\"success\"\n              label={t(`alerts.${ALERT_TYPE}.title`)}\n              onDismiss={() => {\n                handleDismissAlert(alert.id)\n              }}\n            >\n              <Text>{t(`alerts.${ALERT_TYPE}.description`)}</Text>\n            </Alert>\n          ))}\n\n        <Suspense fallback={<LoadingSpinner />}>\n          <InformationRequestList companyId={companyId} onEvent={handleEvent} />\n        </Suspense>\n        <Modal\n          isOpen={isModalOpen}\n          onClose={handleCloseModal}\n          footer={\n            Footer && (\n              <BaseBoundaries LoaderComponent={LoaderComponent}>\n                <Suspense fallback={<LoadingSpinner size=\"sm\" />}>\n                  <Footer onEvent={handleEvent} />\n                </Suspense>\n              </BaseBoundaries>\n            )\n          }\n        >\n          {CurrentComponent && <CurrentComponent />}\n        </Modal>\n      </Flex>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["ALERT_TYPE","InformationRequestsFlow","companyId","dictionary","withAlert","onEvent","LoaderComponent","useComponentDictionary","useI18n","t","useTranslation","Modal","LoadingSpinner","Alert","Text","useComponentContext","isModalOpen","setIsModalOpen","useState","alertState","setAlertState","handleDismissAlert","useCallback","alertId","prev","alert","addSubmissionAlert","informationRequestsMachineInstance","useMemo","createMachine","informationRequestsMachine","handleEvent","current","send","useMachine","type","data","informationRequestEvents","handleCloseModal","CurrentComponent","Footer","jsx","FlowContext","jsxs","Flex","Suspense","InformationRequestList","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"InformationRequests.js","sources":["../../../src/components/InformationRequests/InformationRequests.tsx"],"sourcesContent":["import { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { InformationRequestList } from './InformationRequestList'\nimport { informationRequestsMachine } from './informationRequestsStateMachine'\nimport { type InformationRequestsContextInterface } from './InformationRequestsComponents'\nimport { createMachine, useMachine } from '@/lib/state-machine'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { informationRequestEvents, type EventType } from '@/shared/constants'\n\ninterface SubmissionAlert {\n  id: number\n}\n\ninterface SubmissionAlertState {\n  nextAlertId: number\n  alerts: SubmissionAlert[]\n}\n\n/**\n * Props for {@link InformationRequestsFlow}.\n *\n * @public\n */\nexport interface InformationRequestsFlowProps extends Omit<\n  BaseComponentInterface<'InformationRequests'>,\n  'onEvent'\n> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * When `true` (default), the submission success alert is rendered at the top of this component.\n   * Set to `false` when embedding in a parent that renders the alert elsewhere.\n   */\n  withAlert?: boolean\n  /** Callback invoked when the flow or its blocks emit an event. */\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\nconst ALERT_TYPE = 'informationRequestResponded' as const\n\n/**\n * Hub for viewing and responding to outstanding information requests from Gusto.\n *\n * @remarks\n * Renders the list of open and submitted information requests for a company and hosts the response form in a modal.\n * On successful submit, a dismissible success alert appears at the top of the list (when `withAlert` is `true`) and the modal closes.\n *\n * Information requests can also block payroll processing; in that case they are surfaced inline within\n * `Payroll.PayrollBlockerList`, which embeds this flow with `withAlert={false}` so the blocker list owns the alert UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `informationRequest/respond` | Fired when the user clicks \"Respond\" on a request and the form modal opens | `{ requestId: string }` |\n * | `informationRequest/form/done` | Fired when an information request is successfully submitted | Response from the Submit information request endpoint |\n * | `informationRequest/form/cancel` | Fired when the user cancels the response form (closes the modal without submitting) | — |\n *\n * Each piece is also exported as a standalone block (see the Blocks\n * table) for composing a custom workflow when this orchestration is the wrong\n * 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 * @components\n * - {@link InformationRequestList}\n * - {@link InformationRequestForm}\n *\n * @param props - See {@link InformationRequestsFlowProps}.\n * @returns The information requests flow surface.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { InformationRequests } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <InformationRequests.InformationRequestsFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function InformationRequestsFlow({\n  companyId,\n  dictionary,\n  withAlert = true,\n  onEvent = () => {},\n  LoaderComponent,\n}: InformationRequestsFlowProps) {\n  useComponentDictionary('InformationRequests', dictionary)\n  useI18n('InformationRequests')\n  const { t } = useTranslation('InformationRequests')\n  const { Modal, LoadingSpinner, Alert, Text } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [alertState, setAlertState] = useState<SubmissionAlertState>({\n    nextAlertId: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addSubmissionAlert = useCallback(() => {\n    setAlertState(prev => ({\n      nextAlertId: prev.nextAlertId + 1,\n      alerts: [{ id: prev.nextAlertId }, ...prev.alerts],\n    }))\n  }, [])\n\n  const informationRequestsMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'list',\n        informationRequestsMachine,\n        (): InformationRequestsContextInterface => ({\n          component: null,\n          companyId,\n          onEvent: handleEvent,\n          LoaderComponent,\n        }),\n      ),\n    [companyId, LoaderComponent],\n  )\n  const [current, send] = useMachine(informationRequestsMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown) {\n    send({ type, payload: data })\n\n    if (type === informationRequestEvents.INFORMATION_REQUEST_RESPOND) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL ||\n      type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE\n    ) {\n      setIsModalOpen(false)\n    }\n\n    if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE && withAlert) {\n      addSubmissionAlert()\n    }\n\n    onEvent(type, data)\n  }\n\n  const handleCloseModal = () => {\n    setIsModalOpen(false)\n  }\n\n  const CurrentComponent = current.context.component\n  const Footer = CurrentComponent?.Footer || undefined\n\n  return (\n    <FlowContext.Provider\n      value={{\n        ...current.context,\n        onEvent: handleEvent,\n      }}\n    >\n      <Flex flexDirection=\"column\" gap={32}>\n        {withAlert &&\n          alertState.alerts.map(alert => (\n            <Alert\n              key={alert.id}\n              status=\"success\"\n              label={t(`alerts.${ALERT_TYPE}.title`)}\n              onDismiss={() => {\n                handleDismissAlert(alert.id)\n              }}\n            >\n              <Text>{t(`alerts.${ALERT_TYPE}.description`)}</Text>\n            </Alert>\n          ))}\n\n        <Suspense fallback={<LoadingSpinner />}>\n          <InformationRequestList companyId={companyId} onEvent={handleEvent} />\n        </Suspense>\n        <Modal\n          isOpen={isModalOpen}\n          onClose={handleCloseModal}\n          footer={\n            Footer && (\n              <BaseBoundaries LoaderComponent={LoaderComponent}>\n                <Suspense fallback={<LoadingSpinner size=\"sm\" />}>\n                  <Footer onEvent={handleEvent} />\n                </Suspense>\n              </BaseBoundaries>\n            )\n          }\n        >\n          {CurrentComponent && <CurrentComponent />}\n        </Modal>\n      </Flex>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["ALERT_TYPE","InformationRequestsFlow","companyId","dictionary","withAlert","onEvent","LoaderComponent","useComponentDictionary","useI18n","t","useTranslation","Modal","LoadingSpinner","Alert","Text","useComponentContext","isModalOpen","setIsModalOpen","useState","alertState","setAlertState","handleDismissAlert","useCallback","alertId","prev","alert","addSubmissionAlert","informationRequestsMachineInstance","useMemo","createMachine","informationRequestsMachine","handleEvent","current","send","useMachine","type","data","informationRequestEvents","handleCloseModal","CurrentComponent","Footer","jsx","FlowContext","jsxs","Flex","Suspense","InformationRequestList","BaseBoundaries"],"mappings":"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"}

package/dist/components/InformationRequests/informationRequestsStateMachine.d.ts

@@ -9,7 +9,7 @@ export type EventPayloads = {
 };
 /** @internal */
 export declare const informationRequestsMachine: {
-    list: import('robot3').MachineState<any>;
-    form: import('robot3').MachineState<any>;
-    final: import('robot3').MachineState<any>;
+    list: import('../../lib/state-machine').StateDefinition;
+    form: import('../../lib/state-machine').StateDefinition;
+    final: import('../../lib/state-machine').StateDefinition;
 };