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

package/dist/components/Payroll/RecoveryCases/RecoveryCases.js

@@ -1,28 +1,28 @@
 import { jsx as e, jsxs as v } from "react/jsx-runtime";
-import { useState as R, useMemo as M } from "react";
-import { recoveryCasesMachine as d } from "./recoveryCasesStateMachine.js";
-import { useMachine as h } from "../../../lib/state-machine/index.js";
-import { BaseComponent as O } from "../../Base/Base.js";
+import { createMachine as R } from "robot3";
+import { useMachine as M } from "react-robot";
+import { useState as d, useMemo as h } from "react";
+import { recoveryCasesMachine as O } from "./recoveryCasesStateMachine.js";
+import { BaseComponent as _ } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useComponentContext as _ } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { FlowContext as x } from "../../Flow/useFlow.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlowContext as S } from "../../Flow/useFlow.js";
 import { recoveryCasesEvents as c } from "../../../shared/constants.js";
-import { createMachine as S } from "../../../lib/state-machine/core.js";
 import { RecoveryCasesList as A } from "./RecoveryCasesList/RecoveryCasesList.js";
 function P({ onEvent: o = () => {
 }, ...t }) {
-  return /* @__PURE__ */ e(O, { ...t, onEvent: o, children: /* @__PURE__ */ e(V, { ...t, onEvent: o }) });
+  return /* @__PURE__ */ e(_, { ...t, onEvent: o, children: /* @__PURE__ */ e(V, { ...t, onEvent: o }) });
 }
 function V({ companyId: o, onEvent: t = () => {
 } }) {
-  const { Modal: l } = _(), [E, s] = R(!1), f = M(
-    () => S("list", d, () => ({
+  const { Modal: l } = x(), [E, s] = d(!1), f = h(
+    () => R("list", O, () => ({
       component: null,
       companyId: o,
       onEvent: r
     })),
     [o]
-  ), [m, u] = h(f);
+  ), [m, u] = M(f);
   function r(n, C) {
     u({ type: n, payload: C }), n === c.RECOVERY_CASE_RESOLVE && s(!0), (n === c.RECOVERY_CASE_RESUBMIT_CANCEL || n === c.RECOVERY_CASE_RESUBMIT_DONE) && s(!1), t(n, C);
   }
@@ -30,7 +30,7 @@ function V({ companyId: o, onEvent: t = () => {
     s(!1);
   }, i = m.context.component, a = i?.Footer || void 0;
   return /* @__PURE__ */ v(
-    x.Provider,
+    S.Provider,
     {
       value: {
         ...m.context,

package/dist/components/Payroll/RecoveryCases/RecoveryCases.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCases.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCases.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { RecoveryCasesList } from './RecoveryCasesList'\nimport { recoveryCasesMachine } from './recoveryCasesStateMachine'\nimport { type RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { createMachine, useMachine } from '@/lib/state-machine'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link RecoveryCases}.\n *\n * @public\n */\nexport interface RecoveryCasesProps extends Omit<BaseComponentInterface<never>, 'onEvent'> {\n  /** UUID of the company whose recovery cases should be listed. */\n  companyId: string\n  /** Callback invoked each time the component emits an event. */\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\n/**\n * Displays open recovery cases for a company and provides an in-modal resubmit workflow for resolving them.\n *\n * @remarks\n * Recovery cases are issues that surface after a payroll has been submitted\n * (for example, a returned ACH transfer) and must be resolved before subsequent\n * payrolls can run cleanly. This component is also embedded inside\n * {@link PayrollBlockerList}, but can be used standalone when you want a\n * dedicated recovery cases surface.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `recoveryCase/resolve` | User opens the resubmit modal for a recovery case | `{ recoveryCaseId: string }` |\n * | `recoveryCase/resubmit/done` | User successfully resubmits a recovery case | Resubmit result payload |\n * | `recoveryCase/resubmit/cancel` | User cancels the resubmit modal | — |\n *\n * @param props - Accepts `companyId` (required) and an optional `onEvent` handler.\n * @returns The recovery cases list with an embedded resubmit modal.\n * @public\n */\nexport function RecoveryCases({ onEvent = () => {}, ...props }: RecoveryCasesProps) {\n  return (\n    <BaseComponent {...props} onEvent={onEvent}>\n      <Root {...props} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, onEvent = () => {} }: RecoveryCasesProps) {\n  const { Modal } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  const recoveryCasesMachineInstance = useMemo(\n    () =>\n      createMachine('list', recoveryCasesMachine, (): RecoveryCasesContextInterface => ({\n        component: null,\n        companyId,\n        onEvent: handleEvent,\n      })),\n    [companyId],\n  )\n  const [current, send] = useMachine(recoveryCasesMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown): void {\n    send({ type, payload: data })\n\n    if (type === recoveryCasesEvents.RECOVERY_CASE_RESOLVE) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL ||\n      type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE\n    ) {\n      setIsModalOpen(false)\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      <RecoveryCasesList companyId={companyId} onEvent={handleEvent} />\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleCloseModal}\n        footer={Footer && <Footer onEvent={handleEvent} />}\n      >\n        {CurrentComponent && <CurrentComponent />}\n      </Modal>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["RecoveryCases","onEvent","props","jsx","BaseComponent","Root","companyId","Modal","useComponentContext","isModalOpen","setIsModalOpen","useState","recoveryCasesMachineInstance","useMemo","createMachine","recoveryCasesMachine","handleEvent","current","send","useMachine","type","data","recoveryCasesEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","RecoveryCasesList"],"mappings":";;;;;;;;;;;AA2CO,SAASA,EAAc,EAAE,SAAAC,IAAU,MAAM;AAAC,GAAG,GAAGC,KAA6B;AAClF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,SAAAD,GACxB,4BAACI,GAAA,EAAM,GAAGH,GAAO,SAAAD,EAAA,CAAkB,EAAA,CACrC;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,SAAAL,IAAU,MAAM;AAAC,KAAyB;AACnE,QAAM,EAAE,OAAAM,EAAA,IAAUC,EAAA,GACZ,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAA+BC;AAAA,IACnC,MACEC,EAAc,QAAQC,GAAsB,OAAsC;AAAA,MAChF,WAAW;AAAA,MACX,WAAAT;AAAA,MACA,SAASU;AAAA,IAAA,EACT;AAAA,IACJ,CAACV,CAAS;AAAA,EAAA,GAEN,CAACW,GAASC,CAAI,IAAIC,EAAWP,CAA4B;AAE/D,WAASI,EAAYI,GAAiBC,GAAsB;AAC1D,IAAAH,EAAK,EAAE,MAAAE,GAAM,SAASC,EAAA,CAAM,GAExBD,MAASE,EAAoB,yBAC/BZ,EAAe,EAAI,IAInBU,MAASE,EAAoB,iCAC7BF,MAASE,EAAoB,gCAE7BZ,EAAe,EAAK,GAGtBT,EAAQmB,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAME,IAAmB,MAAM;AAC7B,IAAAb,EAAe,EAAK;AAAA,EACtB,GAEMc,IAAmBP,EAAQ,QAAQ,WACnCQ,IAASD,GAAkB,UAAU;AAE3C,SACE,gBAAAE;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAQ;AAAA,QACX,SAASD;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAb,EAACyB,GAAA,EAAkB,WAAAtB,GAAsB,SAASU,EAAA,CAAa;AAAA,QAC/D,gBAAAb;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQE;AAAA,YACR,SAASc;AAAA,YACT,QAAQE,KAAU,gBAAAtB,EAACsB,GAAA,EAAO,SAAST,GAAa;AAAA,YAE/C,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RecoveryCases.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCases.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { useMemo, useState } from 'react'\nimport { RecoveryCasesList } from './RecoveryCasesList'\nimport { recoveryCasesMachine } from './recoveryCasesStateMachine'\nimport { type RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link RecoveryCases}.\n *\n * @public\n */\nexport interface RecoveryCasesProps extends Omit<BaseComponentInterface<never>, 'onEvent'> {\n  /** UUID of the company whose recovery cases should be listed. */\n  companyId: string\n  /** Callback invoked each time the component emits an event. */\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\n/**\n * Displays open recovery cases for a company and provides an in-modal resubmit workflow for resolving them.\n *\n * @remarks\n * Recovery cases are issues that surface after a payroll has been submitted\n * (for example, a returned ACH transfer) and must be resolved before subsequent\n * payrolls can run cleanly. This component is also embedded inside\n * {@link PayrollBlockerList}, but can be used standalone when you want a\n * dedicated recovery cases surface.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `recoveryCase/resolve` | User opens the resubmit modal for a recovery case | `{ recoveryCaseId: string }` |\n * | `recoveryCase/resubmit/done` | User successfully resubmits a recovery case | Resubmit result payload |\n * | `recoveryCase/resubmit/cancel` | User cancels the resubmit modal | — |\n *\n * @param props - Accepts `companyId` (required) and an optional `onEvent` handler.\n * @returns The recovery cases list with an embedded resubmit modal.\n * @public\n */\nexport function RecoveryCases({ onEvent = () => {}, ...props }: RecoveryCasesProps) {\n  return (\n    <BaseComponent {...props} onEvent={onEvent}>\n      <Root {...props} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, onEvent = () => {} }: RecoveryCasesProps) {\n  const { Modal } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  const recoveryCasesMachineInstance = useMemo(\n    () =>\n      createMachine('list', recoveryCasesMachine, (): RecoveryCasesContextInterface => ({\n        component: null,\n        companyId,\n        onEvent: handleEvent,\n      })),\n    [companyId],\n  )\n  const [current, send] = useMachine(recoveryCasesMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown): void {\n    send({ type, payload: data })\n\n    if (type === recoveryCasesEvents.RECOVERY_CASE_RESOLVE) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL ||\n      type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE\n    ) {\n      setIsModalOpen(false)\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      <RecoveryCasesList companyId={companyId} onEvent={handleEvent} />\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleCloseModal}\n        footer={Footer && <Footer onEvent={handleEvent} />}\n      >\n        {CurrentComponent && <CurrentComponent />}\n      </Modal>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["RecoveryCases","onEvent","props","jsx","BaseComponent","Root","companyId","Modal","useComponentContext","isModalOpen","setIsModalOpen","useState","recoveryCasesMachineInstance","useMemo","createMachine","recoveryCasesMachine","handleEvent","current","send","useMachine","type","data","recoveryCasesEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","RecoveryCasesList"],"mappings":";;;;;;;;;;;AA4CO,SAASA,EAAc,EAAE,SAAAC,IAAU,MAAM;AAAC,GAAG,GAAGC,KAA6B;AAClF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,SAAAD,GACxB,4BAACI,GAAA,EAAM,GAAGH,GAAO,SAAAD,EAAA,CAAkB,EAAA,CACrC;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,SAAAL,IAAU,MAAM;AAAC,KAAyB;AACnE,QAAM,EAAE,OAAAM,EAAA,IAAUC,EAAA,GACZ,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAA+BC;AAAA,IACnC,MACEC,EAAc,QAAQC,GAAsB,OAAsC;AAAA,MAChF,WAAW;AAAA,MACX,WAAAT;AAAA,MACA,SAASU;AAAA,IAAA,EACT;AAAA,IACJ,CAACV,CAAS;AAAA,EAAA,GAEN,CAACW,GAASC,CAAI,IAAIC,EAAWP,CAA4B;AAE/D,WAASI,EAAYI,GAAiBC,GAAsB;AAC1D,IAAAH,EAAK,EAAE,MAAAE,GAAM,SAASC,EAAA,CAAM,GAExBD,MAASE,EAAoB,yBAC/BZ,EAAe,EAAI,IAInBU,MAASE,EAAoB,iCAC7BF,MAASE,EAAoB,gCAE7BZ,EAAe,EAAK,GAGtBT,EAAQmB,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAME,IAAmB,MAAM;AAC7B,IAAAb,EAAe,EAAK;AAAA,EACtB,GAEMc,IAAmBP,EAAQ,QAAQ,WACnCQ,IAASD,GAAkB,UAAU;AAE3C,SACE,gBAAAE;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAQ;AAAA,QACX,SAASD;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAb,EAACyB,GAAA,EAAkB,WAAAtB,GAAsB,SAASU,EAAA,CAAa;AAAA,QAC/D,gBAAAb;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQE;AAAA,YACR,SAASc;AAAA,YACT,QAAQE,KAAU,gBAAAtB,EAACsB,GAAA,EAAO,SAAST,GAAa;AAAA,YAE/C,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.d.ts

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

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.js

@@ -1,8 +1,7 @@
-import { RecoveryCasesResubmitContextual as i } from "./RecoveryCasesComponents.js";
-import "react";
-import { state as o, transition as t, reduce as s } from "../../../lib/state-machine/core.js";
+import { state as o, transition as t, reduce as s } from "robot3";
+import { RecoveryCasesResubmitContextual as C } from "./RecoveryCasesComponents.js";
 import { recoveryCasesEvents as r } from "../../../shared/constants.js";
-const R = {
+const a = {
   list: o(
     t(
       r.RECOVERY_CASE_RESOLVE,
@@ -10,7 +9,7 @@ const R = {
       s(
         (e, c) => ({
           ...e,
-          component: i,
+          component: C,
           selectedRecoveryCaseId: c.payload.recoveryCaseId
         })
       )
@@ -39,6 +38,6 @@ const R = {
   final: o()
 };
 export {
-  R as recoveryCasesMachine
+  a as recoveryCasesMachine
 };
 //# sourceMappingURL=recoveryCasesStateMachine.js.map

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"recoveryCasesStateMachine.js","sources":["../../../../src/components/Payroll/RecoveryCases/recoveryCasesStateMachine.tsx"],"sourcesContent":["import type { RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { RecoveryCasesResubmitContextual } from './RecoveryCasesComponents'\nimport { state, transition, reduce } from '@/lib/state-machine'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport type EventPayloads = {\n  /** Payload carried when a user opens the resubmit modal for a recovery case. */\n  [recoveryCasesEvents.RECOVERY_CASE_RESOLVE]: {\n    recoveryCaseId: string\n  }\n  /** No payload — the modal was cancelled. */\n  [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL]: undefined\n  /** No payload — the resubmit completed successfully. */\n  [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE]: undefined\n}\n\n/** @internal */\nexport const recoveryCasesMachine = {\n  list: state<MachineTransition>(\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESOLVE,\n      'resubmit',\n      reduce(\n        (\n          ctx: RecoveryCasesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof recoveryCasesEvents.RECOVERY_CASE_RESOLVE>,\n        ): RecoveryCasesContextInterface => ({\n          ...ctx,\n          component: RecoveryCasesResubmitContextual,\n          selectedRecoveryCaseId: ev.payload.recoveryCaseId,\n        }),\n      ),\n    ),\n  ),\n  resubmit: state<MachineTransition>(\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE,\n      'list',\n      reduce((ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n        ...ctx,\n        component: null,\n        selectedRecoveryCaseId: undefined,\n      })),\n    ),\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL,\n      'list',\n      reduce((ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n        ...ctx,\n        component: null,\n        selectedRecoveryCaseId: undefined,\n      })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["recoveryCasesMachine","state","transition","recoveryCasesEvents","reduce","ctx","ev","RecoveryCasesResubmitContextual"],"mappings":";;;;AAmBO,MAAMA,IAAuB;AAAA,EAClC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACmC;AAAA,UACnC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,wBAAwBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAW;AAAA,QACX,wBAAwB;AAAA,MAAA,EACxB;AAAA,IAAA;AAAA,IAEJH;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAW;AAAA,QACX,wBAAwB;AAAA,MAAA,EACxB;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,OAAOJ,EAAA;AACT;"}
+{"version":3,"file":"recoveryCasesStateMachine.js","sources":["../../../../src/components/Payroll/RecoveryCases/recoveryCasesStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { RecoveryCasesResubmitContextual } from './RecoveryCasesComponents'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport type EventPayloads = {\n  /** Payload carried when a user opens the resubmit modal for a recovery case. */\n  [recoveryCasesEvents.RECOVERY_CASE_RESOLVE]: {\n    recoveryCaseId: string\n  }\n  /** No payload — the modal was cancelled. */\n  [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL]: undefined\n  /** No payload — the resubmit completed successfully. */\n  [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE]: undefined\n}\n\n/** @internal */\nexport const recoveryCasesMachine = {\n  list: state<MachineTransition>(\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESOLVE,\n      'resubmit',\n      reduce(\n        (\n          ctx: RecoveryCasesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof recoveryCasesEvents.RECOVERY_CASE_RESOLVE>,\n        ): RecoveryCasesContextInterface => ({\n          ...ctx,\n          component: RecoveryCasesResubmitContextual,\n          selectedRecoveryCaseId: ev.payload.recoveryCaseId,\n        }),\n      ),\n    ),\n  ),\n  resubmit: state<MachineTransition>(\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE,\n      'list',\n      reduce((ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n        ...ctx,\n        component: null,\n        selectedRecoveryCaseId: undefined,\n      })),\n    ),\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL,\n      'list',\n      reduce((ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n        ...ctx,\n        component: null,\n        selectedRecoveryCaseId: undefined,\n      })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["recoveryCasesMachine","state","transition","recoveryCasesEvents","reduce","ctx","ev","RecoveryCasesResubmitContextual"],"mappings":";;;AAmBO,MAAMA,IAAuB;AAAA,EAClC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACmC;AAAA,UACnC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,wBAAwBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAW;AAAA,QACX,wBAAwB;AAAA,MAAA,EACxB;AAAA,IAAA;AAAA,IAEJH;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAW;AAAA,QACX,wBAAwB;AAAA,MAAA,EACxB;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,OAAOJ,EAAA;AACT;"}

package/dist/components/Payroll/Transition/TransitionFlow.js

@@ -1,8 +1,8 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useMemo as b } from "react";
-import { transitionMachine as f, transitionBreadcrumbsNodes as p } from "./transitionStateMachine.js";
-import { TransitionExecutionContextual as x, TransitionCreationContextual as h } from "./TransitionFlowComponents.js";
-import { createMachine as T } from "../../../lib/state-machine/core.js";
+import { createMachine as f } from "robot3";
+import { transitionMachine as p, transitionBreadcrumbsNodes as x } from "./transitionStateMachine.js";
+import { TransitionExecutionContextual as h, TransitionCreationContextual as T } from "./TransitionFlowComponents.js";
 import { Flow as d } from "../../Flow/Flow.js";
 import { buildBreadcrumbs as B } from "../../../helpers/breadcrumbHelpers.js";
 function j({
@@ -13,10 +13,10 @@ function j({
   payrollUuid: o,
   onEvent: a
 }) {
-  const r = !!o, m = r ? "execution" : "createTransitionPayroll", s = r ? x : h, c = b(
-    () => T(
+  const r = !!o, m = r ? "execution" : "createTransitionPayroll", s = r ? h : T, c = b(
+    () => f(
       m,
-      f,
+      p,
       (l) => ({
         ...l,
         component: s,
@@ -27,7 +27,7 @@ function j({
         payrollUuid: o,
         header: {
           type: "breadcrumbs",
-          breadcrumbs: B(p),
+          breadcrumbs: B(x),
           currentBreadcrumbId: r ? void 0 : "createTransitionPayroll"
         }
       })

package/dist/components/Payroll/Transition/TransitionFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Guided flow to run a transition payroll when employees move from one pay schedule to another.\n *\n * @remarks\n * When employees switch from an old pay schedule to a new one, the change can leave a gap between\n * the last pay period on the old schedule and the first on the new one. A transition payroll covers\n * the wages earned during that gap.\n *\n * Starts on the creation step (configure check date, deductions, and tax withholding for the\n * transition pay period). After the payroll is created, the flow hands off to the standard\n * payroll execution experience — configure compensation, review, submit, and view receipts.\n *\n * If a `payrollUuid` is supplied, the flow skips creation and resumes directly in execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `breadcrumb/navigate` | Fired when the user navigates back to the creation step via breadcrumbs | `{ key: string }` |\n * | `transition/created` | Fired when the transition payroll is created and the flow advances to execution | `{ payrollUuid: string }` |\n *\n * Once execution begins, all standard run-payroll events are emitted as well.\n *\n * @components\n * - {@link TransitionCreation}\n * - {@link PayrollExecutionFlow}\n *\n * @param props - See {@link TransitionFlowProps}.\n * @returns The transition payroll flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { Payroll, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <Payroll.TransitionFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       startDate=\"2025-01-16\"\n *       endDate=\"2025-01-31\"\n *       payScheduleUuid=\"c75c1ef6-2ec0-4cca-94a5-8b4cf7e5ea21\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'runPayroll/submitted') {\n *           // Payroll submitted — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function TransitionFlow({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  onEvent,\n}: TransitionFlowProps) {\n  const hasExistingPayroll = Boolean(payrollUuid)\n  const initialState = hasExistingPayroll ? 'execution' : 'createTransitionPayroll'\n  const initialComponent = hasExistingPayroll\n    ? TransitionExecutionContextual\n    : TransitionCreationContextual\n\n  const transitionFlowMachine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        transitionMachine,\n        (initialContext: TransitionFlowContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          startDate,\n          endDate,\n          payScheduleUuid,\n          payrollUuid,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(transitionBreadcrumbsNodes),\n            currentBreadcrumbId: hasExistingPayroll ? undefined : 'createTransitionPayroll',\n          },\n        }),\n      ),\n    [companyId, startDate, endDate, payScheduleUuid, payrollUuid],\n  )\n\n  return <Flow machine={transitionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","companyId","startDate","endDate","payScheduleUuid","payrollUuid","onEvent","hasExistingPayroll","initialState","initialComponent","TransitionExecutionContextual","TransitionCreationContextual","transitionFlowMachine","useMemo","createMachine","transitionMachine","initialContext","buildBreadcrumbs","transitionBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AA+DO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AACF,GAAwB;AACtB,QAAMC,IAAqB,EAAQF,GAC7BG,IAAeD,IAAqB,cAAc,2BAClDE,IAAmBF,IACrBG,IACAC,GAEEC,IAAwBC;AAAA,IAC5B,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAR;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaY,EAAiBC,CAA0B;AAAA,UACxD,qBAAqBX,IAAqB,SAAY;AAAA,QAAA;AAAA,MACxD;AAAA,IACF;AAAA,IAEJ,CAACN,GAAWC,GAAWC,GAASC,GAAiBC,CAAW;AAAA,EAAA;AAG9D,SAAO,gBAAAc,EAACC,GAAA,EAAK,SAASR,GAAuB,SAAAN,EAAA,CAAkB;AACjE;"}
+{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Guided flow to run a transition payroll when employees move from one pay schedule to another.\n *\n * @remarks\n * When employees switch from an old pay schedule to a new one, the change can leave a gap between\n * the last pay period on the old schedule and the first on the new one. A transition payroll covers\n * the wages earned during that gap.\n *\n * Starts on the creation step (configure check date, deductions, and tax withholding for the\n * transition pay period). After the payroll is created, the flow hands off to the standard\n * payroll execution experience — configure compensation, review, submit, and view receipts.\n *\n * If a `payrollUuid` is supplied, the flow skips creation and resumes directly in execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `breadcrumb/navigate` | Fired when the user navigates back to the creation step via breadcrumbs | `{ key: string }` |\n * | `transition/created` | Fired when the transition payroll is created and the flow advances to execution | `{ payrollUuid: string }` |\n *\n * Once execution begins, all standard run-payroll events are emitted as well.\n *\n * @components\n * - {@link TransitionCreation}\n * - {@link PayrollExecutionFlow}\n *\n * @param props - See {@link TransitionFlowProps}.\n * @returns The transition payroll flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { Payroll, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <Payroll.TransitionFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       startDate=\"2025-01-16\"\n *       endDate=\"2025-01-31\"\n *       payScheduleUuid=\"c75c1ef6-2ec0-4cca-94a5-8b4cf7e5ea21\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'runPayroll/submitted') {\n *           // Payroll submitted — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function TransitionFlow({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  onEvent,\n}: TransitionFlowProps) {\n  const hasExistingPayroll = Boolean(payrollUuid)\n  const initialState = hasExistingPayroll ? 'execution' : 'createTransitionPayroll'\n  const initialComponent = hasExistingPayroll\n    ? TransitionExecutionContextual\n    : TransitionCreationContextual\n\n  const transitionFlowMachine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        transitionMachine,\n        (initialContext: TransitionFlowContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          startDate,\n          endDate,\n          payScheduleUuid,\n          payrollUuid,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(transitionBreadcrumbsNodes),\n            currentBreadcrumbId: hasExistingPayroll ? undefined : 'createTransitionPayroll',\n          },\n        }),\n      ),\n    [companyId, startDate, endDate, payScheduleUuid, payrollUuid],\n  )\n\n  return <Flow machine={transitionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","companyId","startDate","endDate","payScheduleUuid","payrollUuid","onEvent","hasExistingPayroll","initialState","initialComponent","TransitionExecutionContextual","TransitionCreationContextual","transitionFlowMachine","useMemo","createMachine","transitionMachine","initialContext","buildBreadcrumbs","transitionBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AA+DO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AACF,GAAwB;AACtB,QAAMC,IAAqB,EAAQF,GAC7BG,IAAeD,IAAqB,cAAc,2BAClDE,IAAmBF,IACrBG,IACAC,GAEEC,IAAwBC;AAAA,IAC5B,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAR;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaY,EAAiBC,CAA0B;AAAA,UACxD,qBAAqBX,IAAqB,SAAY;AAAA,QAAA;AAAA,MACxD;AAAA,IACF;AAAA,IAEJ,CAACN,GAAWC,GAAWC,GAASC,GAAiBC,CAAW;AAAA,EAAA;AAG9D,SAAO,gBAAAc,EAACC,GAAA,EAAK,SAASR,GAAuB,SAAAN,EAAA,CAAkB;AACjE;"}

package/dist/components/Payroll/Transition/transitionStateMachine.d.ts

@@ -3,6 +3,6 @@ import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTyp
 export declare const transitionBreadcrumbsNodes: BreadcrumbNodes;
 /** @internal */
 export declare const transitionMachine: {
-    createTransitionPayroll: import('../../../lib/state-machine').StateDefinition;
-    execution: import('../../../lib/state-machine').StateDefinition;
+    createTransitionPayroll: import('robot3').MachineState<any>;
+    execution: import('robot3').MachineState<any>;
 };

package/dist/components/Payroll/Transition/transitionStateMachine.js

@@ -1,9 +1,8 @@
-import { TransitionExecutionContextual as l, TransitionCreationContextual as n } from "./TransitionFlowComponents.js";
-import "react";
-import { state as t, transition as e, reduce as i, guard as d } from "../../../lib/state-machine/core.js";
+import { state as t, transition as n, reduce as e, guard as l } from "robot3";
+import { TransitionExecutionContextual as d, TransitionCreationContextual as i } from "./TransitionFlowComponents.js";
 import { componentEvents as c } from "../../../shared/constants.js";
 import { patchBreadcrumbsHeader as a } from "../../../helpers/breadcrumbHelpers.js";
-const B = {
+const b = {
   createTransitionPayroll: {
     parent: null,
     item: {
@@ -12,7 +11,7 @@ const B = {
       namespace: "Payroll.Transition",
       onNavigate: ((r) => ({
         ...a(r, { currentBreadcrumbId: "createTransitionPayroll" }),
-        component: n,
+        component: i,
         payrollUuid: void 0
       }))
     }
@@ -21,27 +20,27 @@ const B = {
 function u(r) {
   return {
     ...a(r, { currentBreadcrumbId: "createTransitionPayroll" }),
-    component: n,
+    component: i,
     payrollUuid: void 0
   };
 }
-const s = e(
+const s = n(
   c.BREADCRUMB_NAVIGATE,
   "createTransitionPayroll",
-  d(
+  l(
     (r, o) => o.payload.key === "createTransitionPayroll"
   ),
-  i(u)
-), P = {
+  e(u)
+), B = {
   createTransitionPayroll: t(
-    e(
+    n(
       c.TRANSITION_CREATED,
       "execution",
-      i(
+      e(
         (r, o) => ({
           ...a(r, { currentBreadcrumbId: void 0 }),
           payrollUuid: o.payload?.payrollUuid,
-          component: l
+          component: d
         })
       )
     )
@@ -49,7 +48,7 @@ const s = e(
   execution: t(s)
 };
 export {
-  B as transitionBreadcrumbsNodes,
-  P as transitionMachine
+  b as transitionBreadcrumbsNodes,
+  B as transitionMachine
 };
 //# sourceMappingURL=transitionStateMachine.js.map

package/dist/components/Payroll/Transition/transitionStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitionStateMachine.js","sources":["../../../../src/components/Payroll/Transition/transitionStateMachine.ts"],"sourcesContent":["import {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n} from './TransitionFlowComponents'\nimport { state, transition, reduce, guard } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\n\n/** @internal */\nexport const transitionBreadcrumbsNodes: BreadcrumbNodes = {\n  createTransitionPayroll: {\n    parent: null,\n    item: {\n      id: 'createTransitionPayroll',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Transition',\n      onNavigate: ((ctx: TransitionFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'createTransitionPayroll' }),\n        component: TransitionCreationContextual,\n        payrollUuid: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nfunction toCreationReducer(ctx: TransitionFlowContextInterface): TransitionFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'createTransitionPayroll' }),\n    component: TransitionCreationContextual,\n    payrollUuid: undefined,\n  }\n}\n\nconst creationBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'createTransitionPayroll',\n  guard(\n    (_ctx: TransitionFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'createTransitionPayroll',\n  ),\n  reduce(toCreationReducer),\n)\n\n/** @internal */\nexport const transitionMachine = {\n  createTransitionPayroll: state<MachineTransition>(\n    transition(\n      componentEvents.TRANSITION_CREATED,\n      'execution',\n      reduce(\n        (\n          ctx: TransitionFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): TransitionFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          payrollUuid: ev.payload?.payrollUuid,\n          component: TransitionExecutionContextual,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(creationBreadcrumbTransition),\n}\n"],"names":["transitionBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","TransitionCreationContextual","toCreationReducer","creationBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","transitionMachine","state","TransitionExecutionContextual"],"mappings":";;;;;AAYO,MAAMA,IAA8C;AAAA,EACzD,yBAAyB;AAAA,IACvB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAyC;AAAA,QACrD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,2BAA2B;AAAA,QACjF,WAAWE;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,EACF;AAEJ;AAEA,SAASC,EAAkBH,GAAqE;AAC9F,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,2BAA2B;AAAA,IACjF,WAAWE;AAAA,IACX,aAAa;AAAA,EAAA;AAEjB;AAEA,MAAME,IAA+BC;AAAA,EACnCC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAsCC,MACrCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOP,CAAiB;AAC1B,GAGaQ,IAAoB;AAAA,EAC/B,yBAAyBC;AAAA,IACvBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEV,GACAS,OACoC;AAAA,UACpC,GAAGR,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,aAAaS,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAA4B;AAClE;"}
+{"version":3,"file":"transitionStateMachine.js","sources":["../../../../src/components/Payroll/Transition/transitionStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n} from './TransitionFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\n\n/** @internal */\nexport const transitionBreadcrumbsNodes: BreadcrumbNodes = {\n  createTransitionPayroll: {\n    parent: null,\n    item: {\n      id: 'createTransitionPayroll',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Transition',\n      onNavigate: ((ctx: TransitionFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'createTransitionPayroll' }),\n        component: TransitionCreationContextual,\n        payrollUuid: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nfunction toCreationReducer(ctx: TransitionFlowContextInterface): TransitionFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'createTransitionPayroll' }),\n    component: TransitionCreationContextual,\n    payrollUuid: undefined,\n  }\n}\n\nconst creationBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'createTransitionPayroll',\n  guard(\n    (_ctx: TransitionFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'createTransitionPayroll',\n  ),\n  reduce(toCreationReducer),\n)\n\n/** @internal */\nexport const transitionMachine = {\n  createTransitionPayroll: state<MachineTransition>(\n    transition(\n      componentEvents.TRANSITION_CREATED,\n      'execution',\n      reduce(\n        (\n          ctx: TransitionFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): TransitionFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          payrollUuid: ev.payload?.payrollUuid,\n          component: TransitionExecutionContextual,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(creationBreadcrumbTransition),\n}\n"],"names":["transitionBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","TransitionCreationContextual","toCreationReducer","creationBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","transitionMachine","state","TransitionExecutionContextual"],"mappings":";;;;AAYO,MAAMA,IAA8C;AAAA,EACzD,yBAAyB;AAAA,IACvB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAyC;AAAA,QACrD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,2BAA2B;AAAA,QACjF,WAAWE;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,EACF;AAEJ;AAEA,SAASC,EAAkBH,GAAqE;AAC9F,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,2BAA2B;AAAA,IACjF,WAAWE;AAAA,IACX,aAAa;AAAA,EAAA;AAEjB;AAEA,MAAME,IAA+BC;AAAA,EACnCC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAsCC,MACrCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOP,CAAiB;AAC1B,GAGaQ,IAAoB;AAAA,EAC/B,yBAAyBC;AAAA,IACvBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEV,GACAS,OACoC;AAAA,UACpC,GAAGR,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,aAAaS,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAA4B;AAClE;"}

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -11,12 +11,11 @@ import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../contexts/LocaleProvider/useLocale.js";
 import "../../shared/constants.js";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { retryAsync as x } from "../../helpers/retryAsync.js";
-const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, Z = ({
+const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, W = ({
   companyId: e,
   payrollId: r,
   employeeUuids: a,
@@ -67,6 +66,6 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
   };
 };
 export {
-  Z as usePreparedPayrollData
+  W as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

package/dist/components/Payroll/usePreparedPayrollData.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlow.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as e } from "react";
-import { timeOffMachine as f } from "./timeOffStateMachine.js";
-import { PolicyListContextual as c } from "./TimeOffFlowComponents.js";
-import { createMachine as n } from "../../../lib/state-machine/core.js";
+import { createMachine as e } from "robot3";
+import { useMemo as f } from "react";
+import { timeOffMachine as c } from "./timeOffStateMachine.js";
+import { PolicyListContextual as n } from "./TimeOffFlowComponents.js";
 import { Flow as p } from "../../Flow/Flow.js";
 const x = ({ companyId: o, onEvent: t }) => {
-  const m = e(
-    () => n(
+  const m = f(
+    () => e(
       "policyList",
-      f,
+      c,
       (i) => ({
         ...i,
-        component: c,
+        component: n,
         companyId: o
       })
     ),

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeOffFlow.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { timeOffMachine } from './timeOffStateMachine'\nimport type { TimeOffFlowProps, TimeOffFlowContextInterface } from './TimeOffFlowComponents'\nimport { PolicyListContextual } from './TimeOffFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Hub for creating and managing a company's time off policies.\n *\n * @remarks\n * Composes the time off list, policy-type selection, configuration, settings, employee assignment, and policy detail screens into a single multi-step flow. Sick and vacation policies share a common creation path (configure → settings → add employees); holiday policies follow a separate path (select federal holidays → add employees). All policy types can be viewed, edited, and removed from the unified policy list.\n *\n * The flow emits these events as users navigate:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/createPolicy` | User initiates policy creation | — |\n * | `timeOff/viewPolicy` | User selects a policy to view | `{ policyId: string, policyType: string }` |\n * | `timeOff/policyTypeSelected` | User selects a policy type | `{ policyType: 'sick' \\| 'vacation' \\| 'holiday' }` |\n * | `timeOff/policyDetails/done` | Policy details form is submitted | `{ policyId: string, accrualMethod: string }` |\n * | `timeOff/policySettings/done` | Policy settings are saved | TimeOffPolicy response |\n * | `timeOff/policySettings/back` | User navigates back from settings | — |\n * | `timeOff/addEmployees/done` | Employees are added to a sick/vacation policy | TimeOffPolicy response |\n * | `timeOff/addEmployees/back` | User navigates back from employee selection | — |\n * | `timeOff/holidaySelection/done` | Holiday selection completed (create) | — |\n * | `timeOff/holidaySelection/editDone` | Holiday selection completed (edit) | — |\n * | `timeOff/holidayAddEmployees/done` | Employees added to holiday policy | HolidayPayPolicy response |\n * | `timeOff/backToList` | User navigates back to the policy list | — |\n * | `timeOff/editPolicy` | User edits a sick/vacation policy | `{ policyId: string }` |\n * | `timeOff/changeSettings` | User edits policy settings | `{ policyId: string }` |\n * | `timeOff/addEmployeesToPolicy` | User adds employees from a policy detail | `{ policyId: string }` |\n * | `timeOff/holidayAddEmployees` | User adds employees from holiday detail | — |\n * | `timeOff/editHolidayPolicy` | User edits the holiday policy | — |\n * | `timeOff/policyCreate/error` | Policy creation fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/policySettings/error` | Policy settings update fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/addEmployees/error` | Adding employees to a policy fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/holidayCreate/error` | Holiday policy creation fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/holidayAddEmployees/error` | Adding employees to the holiday policy fails | `{ alert?: { type, title, content? } }` |\n * | `CANCEL` | User cancels the current step | — |\n *\n * Only one holiday policy can exist per company; the policy-type selector disables the holiday option once one is configured.\n *\n * @components\n * - {@link PolicyList}\n * - {@link PolicyTypeSelector}\n * - {@link PolicyConfigurationForm}\n * - {@link PolicySettings}\n * - {@link AddEmployeesToPolicy}\n * - {@link TimeOffPolicyDetail}\n * - {@link HolidaySelectionForm}\n * - {@link AddEmployeesHoliday}\n * - {@link ViewHolidayPolicyDetails}\n *\n * @param props - {@link TimeOffFlowProps} with the company identifier and event handler.\n * @returns The composed time off policy management flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { TimeOff } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <TimeOff.TimeOffFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const TimeOffFlow = ({ companyId, onEvent }: TimeOffFlowProps) => {\n  const timeOffFlow = useMemo(\n    () =>\n      createMachine(\n        'policyList',\n        timeOffMachine,\n        (initialContext: TimeOffFlowContextInterface) => ({\n          ...initialContext,\n          component: PolicyListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={timeOffFlow} onEvent={onEvent} />\n}\n"],"names":["TimeOffFlow","companyId","onEvent","timeOffFlow","useMemo","createMachine","timeOffMachine","initialContext","PolicyListContextual","jsx","Flow"],"mappings":";;;;;;AAyEO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}
+{"version":3,"file":"TimeOffFlow.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { timeOffMachine } from './timeOffStateMachine'\nimport type { TimeOffFlowProps, TimeOffFlowContextInterface } from './TimeOffFlowComponents'\nimport { PolicyListContextual } from './TimeOffFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Hub for creating and managing a company's time off policies.\n *\n * @remarks\n * Composes the time off list, policy-type selection, configuration, settings, employee assignment, and policy detail screens into a single multi-step flow. Sick and vacation policies share a common creation path (configure → settings → add employees); holiday policies follow a separate path (select federal holidays → add employees). All policy types can be viewed, edited, and removed from the unified policy list.\n *\n * The flow emits these events as users navigate:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/createPolicy` | User initiates policy creation | — |\n * | `timeOff/viewPolicy` | User selects a policy to view | `{ policyId: string, policyType: string }` |\n * | `timeOff/policyTypeSelected` | User selects a policy type | `{ policyType: 'sick' \\| 'vacation' \\| 'holiday' }` |\n * | `timeOff/policyDetails/done` | Policy details form is submitted | `{ policyId: string, accrualMethod: string }` |\n * | `timeOff/policySettings/done` | Policy settings are saved | TimeOffPolicy response |\n * | `timeOff/policySettings/back` | User navigates back from settings | — |\n * | `timeOff/addEmployees/done` | Employees are added to a sick/vacation policy | TimeOffPolicy response |\n * | `timeOff/addEmployees/back` | User navigates back from employee selection | — |\n * | `timeOff/holidaySelection/done` | Holiday selection completed (create) | — |\n * | `timeOff/holidaySelection/editDone` | Holiday selection completed (edit) | — |\n * | `timeOff/holidayAddEmployees/done` | Employees added to holiday policy | HolidayPayPolicy response |\n * | `timeOff/backToList` | User navigates back to the policy list | — |\n * | `timeOff/editPolicy` | User edits a sick/vacation policy | `{ policyId: string }` |\n * | `timeOff/changeSettings` | User edits policy settings | `{ policyId: string }` |\n * | `timeOff/addEmployeesToPolicy` | User adds employees from a policy detail | `{ policyId: string }` |\n * | `timeOff/holidayAddEmployees` | User adds employees from holiday detail | — |\n * | `timeOff/editHolidayPolicy` | User edits the holiday policy | — |\n * | `timeOff/policyCreate/error` | Policy creation fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/policySettings/error` | Policy settings update fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/addEmployees/error` | Adding employees to a policy fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/holidayCreate/error` | Holiday policy creation fails | `{ alert?: { type, title, content? } }` |\n * | `timeOff/holidayAddEmployees/error` | Adding employees to the holiday policy fails | `{ alert?: { type, title, content? } }` |\n * | `CANCEL` | User cancels the current step | — |\n *\n * Only one holiday policy can exist per company; the policy-type selector disables the holiday option once one is configured.\n *\n * @components\n * - {@link PolicyList}\n * - {@link PolicyTypeSelector}\n * - {@link PolicyConfigurationForm}\n * - {@link PolicySettings}\n * - {@link AddEmployeesToPolicy}\n * - {@link TimeOffPolicyDetail}\n * - {@link HolidaySelectionForm}\n * - {@link AddEmployeesHoliday}\n * - {@link ViewHolidayPolicyDetails}\n *\n * @param props - {@link TimeOffFlowProps} with the company identifier and event handler.\n * @returns The composed time off policy management flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { TimeOff } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <TimeOff.TimeOffFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const TimeOffFlow = ({ companyId, onEvent }: TimeOffFlowProps) => {\n  const timeOffFlow = useMemo(\n    () =>\n      createMachine(\n        'policyList',\n        timeOffMachine,\n        (initialContext: TimeOffFlowContextInterface) => ({\n          ...initialContext,\n          component: PolicyListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={timeOffFlow} onEvent={onEvent} />\n}\n"],"names":["TimeOffFlow","companyId","onEvent","timeOffFlow","useMemo","createMachine","timeOffMachine","initialContext","PolicyListContextual","jsx","Flow"],"mappings":";;;;;;AAyEO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

package/dist/components/TimeOff/TimeOffFlow/timeOffStateMachine.d.ts

@@ -1,17 +1,17 @@
 /** @internal */
 export declare const timeOffMachine: {
-    policyList: import('../../../lib/state-machine').StateDefinition;
-    policyTypeSelector: import('../../../lib/state-machine').StateDefinition;
-    policyDetailsForm: import('../../../lib/state-machine').StateDefinition;
-    policySettings: import('../../../lib/state-machine').StateDefinition;
-    addEmployeesToPolicy: import('../../../lib/state-machine').StateDefinition;
-    viewTimeOffPolicyDetail: import('../../../lib/state-machine').StateDefinition;
-    editPolicyDetailsForm: import('../../../lib/state-machine').StateDefinition;
-    editPolicySettings: import('../../../lib/state-machine').StateDefinition;
-    holidaySelectionForm: import('../../../lib/state-machine').StateDefinition;
-    addEmployeesHoliday: import('../../../lib/state-machine').StateDefinition;
-    viewHolidayEmployees: import('../../../lib/state-machine').StateDefinition;
-    viewHolidaySchedule: import('../../../lib/state-machine').StateDefinition;
-    editHolidaySelectionForm: import('../../../lib/state-machine').StateDefinition;
-    final: import('../../../lib/state-machine').StateDefinition;
+    policyList: import('robot3').MachineState<any>;
+    policyTypeSelector: import('robot3').MachineState<any>;
+    policyDetailsForm: import('robot3').MachineState<any>;
+    policySettings: import('robot3').MachineState<any>;
+    addEmployeesToPolicy: import('robot3').MachineState<any>;
+    viewTimeOffPolicyDetail: import('robot3').MachineState<any>;
+    editPolicyDetailsForm: import('robot3').MachineState<any>;
+    editPolicySettings: import('robot3').MachineState<any>;
+    holidaySelectionForm: import('robot3').MachineState<any>;
+    addEmployeesHoliday: import('robot3').MachineState<any>;
+    viewHolidayEmployees: import('robot3').MachineState<any>;
+    viewHolidaySchedule: import('robot3').MachineState<any>;
+    editHolidaySelectionForm: import('robot3').MachineState<any>;
+    final: import('robot3').MachineState<any>;
 };

package/dist/components/TimeOff/TimeOffFlow/timeOffStateMachine.js

@@ -1,6 +1,5 @@
-import { PolicyListContextual as F, ViewHolidayEmployeesContextual as d, EditHolidaySelectionFormContextual as T, AddEmployeesHolidayContextual as n, ViewHolidayScheduleContextual as D, HolidaySelectionFormContextual as I, SelectPolicyTypeContextual as m, TimeOffPolicyDetailContextual as p, EditPolicySettingsContextual as S, PolicyDetailsFormContextual as E, AddEmployeesToPolicyContextual as r, PolicySettingsContextual as s } from "./TimeOffFlowComponents.js";
-import "react";
-import { state as a, transition as l, reduce as i, guard as y } from "../../../lib/state-machine/core.js";
+import { state as a, transition as l, reduce as i, guard as y } from "robot3";
+import { ViewHolidayEmployeesContextual as d, AddEmployeesHolidayContextual as n, EditHolidaySelectionFormContextual as T, ViewHolidayScheduleContextual as D, HolidaySelectionFormContextual as I, SelectPolicyTypeContextual as m, TimeOffPolicyDetailContextual as p, AddEmployeesToPolicyContextual as r, PolicyDetailsFormContextual as E, EditPolicySettingsContextual as S, PolicySettingsContextual as s, PolicyListContextual as F } from "./TimeOffFlowComponents.js";
 import { componentEvents as t } from "../../../shared/constants.js";
 function v(o, e) {
   return e.payload.policyType === "sick" || e.payload.policyType === "vacation";
@@ -40,7 +39,7 @@ const c = l(
     policyType: void 0,
     alerts: void 0
   }))
-), f = {
+), H = {
   policyList: a(
     l(
       t.TIME_OFF_CREATE_POLICY,
@@ -498,6 +497,6 @@ const c = l(
   final: a()
 };
 export {
-  f as timeOffMachine
+  H as timeOffMachine
 };
 //# sourceMappingURL=timeOffStateMachine.js.map