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

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

@@ -1 +1 @@
-{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { CardContextual, PaymentMethodEditFormContextual } from './PaymentMethodComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: PaymentMethodContextInterface['successAlert']) =>\n  reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,\n      'card',\n      returnToCardWithAlert('bankAccountRemoved'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editPaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAuE;AAAA,EAC7E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,oBAAoB;AAAA,IAAA;AAAA,IAE5CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,mBAAmBO;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { CardContextual, PaymentMethodEditFormContextual } from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: PaymentMethodContextInterface['successAlert']) =>\n  reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,\n      'card',\n      returnToCardWithAlert('bankAccountRemoved'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editPaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAuE;AAAA,EAC7E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,oBAAoB;AAAA,IAAA;AAAA,IAE5CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,mBAAmBO;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { createPaymentMachine as b, createPaymentBreadcrumbsNodes as p } from "./createPaymentMachine.js";
-import { CreatePaymentContextual as d } from "./CreatePaymentFlowComponents.js";
-import { createMachine as f } from "../../../../lib/state-machine/core.js";
+import { createMachine as u } from "robot3";
+import { useState as b } from "react";
+import { createPaymentMachine as p, createPaymentBreadcrumbsNodes as d } from "./createPaymentMachine.js";
+import { CreatePaymentContextual as f } from "./CreatePaymentFlowComponents.js";
 import { Flow as y } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as P, updateBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
 const B = [];
@@ -14,8 +14,8 @@ function C({
   onEvent: a,
   prefixBreadcrumbs: m = B
 }) {
-  const [n] = u(() => {
-    const o = P(p), c = Object.fromEntries(
+  const [n] = b(() => {
+    const o = P(d), c = Object.fromEntries(
       Object.entries(o).map(([t, s]) => [
         t,
         [...m, ...s]
@@ -26,13 +26,13 @@ function C({
         breadcrumbs: c
       }
     });
-    return f(
+    return u(
       "createPayment",
-      b,
+      p,
       (t) => ({
         ...t,
         ...i,
-        component: d,
+        component: f,
         companyId: e
       })
     );

package/dist/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { createPaymentBreadcrumbsNodes, createPaymentMachine } from './createPaymentMachine'\nimport {\n  CreatePaymentContextual,\n  type CreatePaymentFlowContextInterface,\n  type CreatePaymentFlowProps,\n} from './CreatePaymentFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link CreatePaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link CreatePaymentFlowProps}.\n *\n * @internal\n */\nexport interface CreatePaymentInternalFlowProps extends CreatePaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to create a contractor payment and review the resulting summary.\n *\n * @remarks\n * This is the inner flow that powers the create-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard create-payment experience without re-implementing it. The flow ships with\n * breadcrumb navigation and handles Fast ACH blockers and wire transfer requirements inline.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string \\| null }` |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n *\n * @param props - See {@link CreatePaymentFlowProps}.\n * @returns The composed create-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.CreatePaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePaymentFlow(props: CreatePaymentFlowProps) {\n  return <CreatePaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link CreatePaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link CreatePaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function CreatePaymentInternalFlow({\n  companyId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: CreatePaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer, not useMemo: the machine's identity must survive\n  // re-renders no matter what, and useMemo is only a performance hint React may discard, not an\n  // identity guarantee. A useMemo keyed on `prefixBreadcrumbs` previously recreated this machine\n  // (and reset in-flight state) whenever the parent app re-rendered in response to a bubbled\n  // `onEvent` call, since an inline array literal upstream gets a new reference every render.\n  const [createPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(createPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('createPayment', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'createPayment',\n      createPaymentMachine,\n      (initialContext: CreatePaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: CreatePaymentContextual,\n        companyId,\n      }),\n    )\n  })\n\n  return <Flow machine={createPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","CreatePaymentFlow","props","jsx","CreatePaymentInternalFlow","companyId","onEvent","prefixBreadcrumbs","createPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","createPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","createPaymentMachine","initialContext","CreatePaymentContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AASO,SAASE,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBP;AACtB,GAAmC;AAMjC,QAAM,CAACQ,CAAiB,IAAIC,EAAS,MAAM;AACzC,UAAMC,IAAkBC,EAAiBC,CAA6B,GAChEC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,iBAAiB;AAAA,MAClE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAuD;AAAA,QACtD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAhB;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAF,EAACmB,GAAA,EAAK,SAASd,GAAmB,SAAAF,EAAA,CAAkB;AAC7D;"}
+{"version":3,"file":"CreatePaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { createPaymentBreadcrumbsNodes, createPaymentMachine } from './createPaymentMachine'\nimport {\n  CreatePaymentContextual,\n  type CreatePaymentFlowContextInterface,\n  type CreatePaymentFlowProps,\n} from './CreatePaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link CreatePaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link CreatePaymentFlowProps}.\n *\n * @internal\n */\nexport interface CreatePaymentInternalFlowProps extends CreatePaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to create a contractor payment and review the resulting summary.\n *\n * @remarks\n * This is the inner flow that powers the create-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard create-payment experience without re-implementing it. The flow ships with\n * breadcrumb navigation and handles Fast ACH blockers and wire transfer requirements inline.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string \\| null }` |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n *\n * @param props - See {@link CreatePaymentFlowProps}.\n * @returns The composed create-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.CreatePaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePaymentFlow(props: CreatePaymentFlowProps) {\n  return <CreatePaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link CreatePaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link CreatePaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function CreatePaymentInternalFlow({\n  companyId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: CreatePaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer, not useMemo: the machine's identity must survive\n  // re-renders no matter what, and useMemo is only a performance hint React may discard, not an\n  // identity guarantee. A useMemo keyed on `prefixBreadcrumbs` previously recreated this machine\n  // (and reset in-flight state) whenever the parent app re-rendered in response to a bubbled\n  // `onEvent` call, since an inline array literal upstream gets a new reference every render.\n  const [createPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(createPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('createPayment', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'createPayment',\n      createPaymentMachine,\n      (initialContext: CreatePaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: CreatePaymentContextual,\n        companyId,\n      }),\n    )\n  })\n\n  return <Flow machine={createPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","CreatePaymentFlow","props","jsx","CreatePaymentInternalFlow","companyId","onEvent","prefixBreadcrumbs","createPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","createPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","createPaymentMachine","initialContext","CreatePaymentContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AASO,SAASE,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBP;AACtB,GAAmC;AAMjC,QAAM,CAACQ,CAAiB,IAAIC,EAAS,MAAM;AACzC,UAAMC,IAAkBC,EAAiBC,CAA6B,GAChEC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,iBAAiB;AAAA,MAClE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAuD;AAAA,QACtD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAhB;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAF,EAACmB,GAAA,EAAK,SAASd,GAAmB,SAAAF,EAAA,CAAkB;AAC7D;"}

package/dist/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.d.ts

@@ -3,6 +3,6 @@ import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbs
 export declare const createPaymentBreadcrumbsNodes: BreadcrumbNodes;
 /** @internal */
 export declare const createPaymentMachine: {
-    createPayment: import('../../../../lib/state-machine').StateDefinition;
-    paymentSummary: import('../../../../lib/state-machine').StateDefinition;
+    createPayment: import('robot3').MachineState<any>;
+    paymentSummary: import('robot3').MachineState<any>;
 };

package/dist/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.js

@@ -1,9 +1,8 @@
+import { state as a, transition as m, reduce as r } from "robot3";
 import { PaymentSummaryContextual as o } from "./CreatePaymentFlowComponents.js";
-import "react";
-import { state as a, transition as m, reduce as r } from "../../../../lib/state-machine/core.js";
-import { componentEvents as y, payrollWireEvents as c } from "../../../../shared/constants.js";
+import { payrollWireEvents as y, componentEvents as c } from "../../../../shared/constants.js";
 import { updateBreadcrumbs as n } from "../../../../helpers/breadcrumbHelpers.js";
-const d = {
+const s = {
   createPayment: {
     parent: null,
     item: {
@@ -23,10 +22,10 @@ const d = {
       namespace: "Contractor.Payments.PaymentSummary"
     }
   }
-}, P = {
+}, d = {
   createPayment: a(
     m(
-      y.CONTRACTOR_PAYMENT_CREATED,
+      c.CONTRACTOR_PAYMENT_CREATED,
       "paymentSummary",
       r(
         (e, t) => ({
@@ -40,7 +39,7 @@ const d = {
   ),
   paymentSummary: a(
     m(
-      c.PAYROLL_WIRE_FORM_DONE,
+      y.PAYROLL_WIRE_FORM_DONE,
       "paymentSummary",
       r(
         (e, t) => ({
@@ -58,7 +57,7 @@ const d = {
   )
 };
 export {
-  d as createPaymentBreadcrumbsNodes,
-  P as createPaymentMachine
+  s as createPaymentBreadcrumbsNodes,
+  d as createPaymentMachine
 };
 //# sourceMappingURL=createPaymentMachine.js.map

package/dist/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"createPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.ts"],"sourcesContent":["import type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  PaymentSummaryContextual,\n  type CreatePaymentFlowContextInterface,\n} from './CreatePaymentFlowComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { payrollWireEvents, componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATED]: ContractorPaymentGroup\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\n  }\n}\n\n/** @internal */\nexport const createPaymentBreadcrumbsNodes: BreadcrumbNodes = {\n  createPayment: {\n    parent: null,\n    item: {\n      id: 'createPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.CreatePayment',\n      onNavigate: ((ctx: CreatePaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('createPayment', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  paymentSummary: {\n    parent: null,\n    item: {\n      id: 'paymentSummary',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentSummary',\n    },\n  },\n}\n\n/** @internal */\nexport const createPaymentMachine = {\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: CreatePaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): CreatePaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('paymentSummary', ctx),\n            component: PaymentSummaryContextual,\n            createdPaymentGroupId: ev.payload.uuid,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  paymentSummary: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: CreatePaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): CreatePaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n}\n"],"names":["createPaymentBreadcrumbsNodes","ctx","updateBreadcrumbs","createPaymentMachine","state","transition","componentEvents","reduce","ev","PaymentSummaryContextual","payrollWireEvents"],"mappings":";;;;;AAwBO,MAAMA,IAAiD;AAAA,EAC5D,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA4C;AAAA,QACxD,GAAGC,EAAkB,iBAAiBD,CAAG;AAAA,MAAA;AAAA,IAC3C;AAAA,EACF;AAAA,EAEF,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAGaE,IAAuB;AAAA,EAClC,eAAeC;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEN,GACAO,OAEO;AAAA,UACL,GAAGN,EAAkB,kBAAkBD,CAAG;AAAA,UAC1C,WAAWQ;AAAA,UACX,uBAAuBD,EAAG,QAAQ;AAAA,UAClC,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,gBAAgBJ;AAAA,IACdC;AAAA,MACEK,EAAkB;AAAA,MAClB;AAAA,MACAH;AAAA,QACE,CACEN,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASO,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"createPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  PaymentSummaryContextual,\n  type CreatePaymentFlowContextInterface,\n} from './CreatePaymentFlowComponents'\nimport { payrollWireEvents, componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATED]: ContractorPaymentGroup\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\n  }\n}\n\n/** @internal */\nexport const createPaymentBreadcrumbsNodes: BreadcrumbNodes = {\n  createPayment: {\n    parent: null,\n    item: {\n      id: 'createPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.CreatePayment',\n      onNavigate: ((ctx: CreatePaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('createPayment', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  paymentSummary: {\n    parent: null,\n    item: {\n      id: 'paymentSummary',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentSummary',\n    },\n  },\n}\n\n/** @internal */\nexport const createPaymentMachine = {\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: CreatePaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): CreatePaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('paymentSummary', ctx),\n            component: PaymentSummaryContextual,\n            createdPaymentGroupId: ev.payload.uuid,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  paymentSummary: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: CreatePaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): CreatePaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n}\n"],"names":["createPaymentBreadcrumbsNodes","ctx","updateBreadcrumbs","createPaymentMachine","state","transition","componentEvents","reduce","ev","PaymentSummaryContextual","payrollWireEvents"],"mappings":";;;;AAwBO,MAAMA,IAAiD;AAAA,EAC5D,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA4C;AAAA,QACxD,GAAGC,EAAkB,iBAAiBD,CAAG;AAAA,MAAA;AAAA,IAC3C;AAAA,EACF;AAAA,EAEF,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAGaE,IAAuB;AAAA,EAClC,eAAeC;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEN,GACAO,OAEO;AAAA,UACL,GAAGN,EAAkB,kBAAkBD,CAAG;AAAA,UAC1C,WAAWQ;AAAA,UACX,uBAAuBD,EAAG,QAAQ;AAAA,UAClC,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,gBAAgBJ;AAAA,IACdC;AAAA,MACEK,EAAkB;AAAA,MAClB;AAAA,MACAH;AAAA,QACE,CACEN,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASO,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.js

@@ -1,19 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { paymentMachine as n, paymentFlowBreadcrumbsNodes as i } from "./paymentStateMachine.js";
-import { PaymentListContextual as p } from "./PaymentFlowComponents.js";
-import { createMachine as c } from "../../../../lib/state-machine/core.js";
+import { createMachine as a } from "robot3";
+import { useMemo as n } from "react";
+import { paymentMachine as i, paymentFlowBreadcrumbsNodes as p } from "./paymentStateMachine.js";
+import { PaymentListContextual as c } from "./PaymentFlowComponents.js";
 import { Flow as s } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as u } from "../../../../helpers/breadcrumbHelpers.js";
 const F = ({ companyId: r, onEvent: m }) => {
-  const o = a(
-    () => c("landing", n, (e) => ({
+  const o = n(
+    () => a("landing", i, (e) => ({
       ...e,
-      component: p,
+      component: c,
       companyId: r,
       header: {
         type: "breadcrumbs",
-        breadcrumbs: u(i)
+        breadcrumbs: u(p)
       }
     })),
     [r]

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Hub for creating and managing contractor payments for a company.\n *\n * @remarks\n * Composes the contractor payment blocks into a complete experience with breadcrumb navigation between the payments list, the create-payment form, the post-creation summary, the payment-history detail view, and individual contractor payment statements. Also routes into the information-requests flow when a payment-related request needs a response, and surfaces wire-transfer confirmation alerts after a wire details submission.\n *\n * Events emitted by the blocks bubble up through the single `onEvent` handler.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | Fired when the user chooses to create a new payment | — |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/view` | Fired when the user selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string | null }` |\n * | `contractor/payments/rfi/respond` | Fired when the user clicks to respond to a pending information request | — |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `informationRequest/form/done` | Fired when the information-requests flow completes | — |\n * | `informationRequest/form/cancel` | Fired when the information-requests flow is cancelled | — |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentsList}\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n * - {@link InformationRequests.InformationRequestsFlow | InformationRequestsFlow}\n *\n * @param props - See {@link PaymentFlowProps}.\n * @returns The multi-step contractor payments workflow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.PaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        },\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AA4DO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAaQ,EAAiBC,CAA2B;AAAA,MAAA;AAAA,IAC3D,EACA;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}
+{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Hub for creating and managing contractor payments for a company.\n *\n * @remarks\n * Composes the contractor payment blocks into a complete experience with breadcrumb navigation between the payments list, the create-payment form, the post-creation summary, the payment-history detail view, and individual contractor payment statements. Also routes into the information-requests flow when a payment-related request needs a response, and surfaces wire-transfer confirmation alerts after a wire details submission.\n *\n * Events emitted by the blocks bubble up through the single `onEvent` handler.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | Fired when the user chooses to create a new payment | — |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/view` | Fired when the user selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string | null }` |\n * | `contractor/payments/rfi/respond` | Fired when the user clicks to respond to a pending information request | — |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `informationRequest/form/done` | Fired when the information-requests flow completes | — |\n * | `informationRequest/form/cancel` | Fired when the information-requests flow is cancelled | — |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentsList}\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n * - {@link InformationRequests.InformationRequestsFlow | InformationRequestsFlow}\n *\n * @param props - See {@link PaymentFlowProps}.\n * @returns The multi-step contractor payments workflow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.PaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        },\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AA4DO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAaQ,EAAiBC,CAA2B;AAAA,MAAA;AAAA,IAC3D,EACA;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.d.ts

@@ -23,8 +23,8 @@ export declare const paymentFlowBreadcrumbsNodes: BreadcrumbNodes;
  * @internal
  */
 export declare const paymentMachine: {
-    landing: import('../../../../lib/state-machine').StateDefinition;
-    createPayment: import('../../../../lib/state-machine').StateDefinition;
-    history: import('../../../../lib/state-machine').StateDefinition;
-    informationRequests: import('../../../../lib/state-machine').StateDefinition;
+    landing: import('robot3').MachineState<any>;
+    createPayment: import('robot3').MachineState<any>;
+    history: import('robot3').MachineState<any>;
+    informationRequests: import('robot3').MachineState<any>;
 };

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js

@@ -1,10 +1,9 @@
-import { PaymentListContextual as o, InformationRequestsContextual as s, ViewPaymentFlowContextual as u, CreatePaymentFlowContextual as l } from "./PaymentFlowComponents.js";
-import "react";
-import { state as i, transition as t, reduce as n } from "../../../../lib/state-machine/core.js";
-import { componentEvents as a, informationRequestEvents as c, payrollWireEvents as p } from "../../../../shared/constants.js";
+import { state as i, transition as t, reduce as n } from "robot3";
+import { PaymentListContextual as o, CreatePaymentFlowContextual as s, ViewPaymentFlowContextual as u, InformationRequestsContextual as l } from "./PaymentFlowComponents.js";
+import { informationRequestEvents as c, componentEvents as a, payrollWireEvents as p } from "../../../../shared/constants.js";
 import { patchBreadcrumbsHeader as r } from "../../../../helpers/breadcrumbHelpers.js";
 import { createBreadcrumbNavigateTransition as R } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const _ = {
+const y = {
   landing: {
     parent: null,
     item: {
@@ -17,14 +16,14 @@ const _ = {
       }))
     }
   }
-}, d = R(), A = {
+}, d = R(), _ = {
   landing: i(
     t(
       a.CONTRACTOR_PAYMENT_CREATE,
       "createPayment",
       n((e) => ({
         ...e,
-        component: l,
+        component: s,
         alerts: void 0
       }))
     ),
@@ -45,7 +44,7 @@ const _ = {
       "informationRequests",
       n((e) => ({
         ...r(e, { currentBreadcrumbId: void 0 }),
-        component: s
+        component: l
       }))
     ),
     t(
@@ -114,7 +113,7 @@ const _ = {
   )
 };
 export {
-  _ as paymentFlowBreadcrumbsNodes,
-  A as paymentMachine
+  y as paymentFlowBreadcrumbsNodes,
+  _ as paymentMachine
 };
 //# sourceMappingURL=paymentStateMachine.js.map

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  CreatePaymentFlowContextual,\n  InformationRequestsContextual,\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  ViewPaymentFlowContextual,\n} from './PaymentFlowComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents, informationRequestEvents, payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_EXIT]: { uuid?: string | null }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\n  }\n}\n\n/**\n * Hub-level breadcrumb nodes for {@link PaymentFlow}.\n *\n * @remarks\n * Only `landing` is defined here — the `createPayment` and `history` spokes own and render their\n * own breadcrumb trails (via `CreatePaymentFlow`/`ViewPaymentFlow`), prefixed with this `landing`\n * item so the trail reads continuously across the hub/spoke boundary.\n *\n * @internal\n */\nexport const paymentFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentsList',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\n/**\n * Hub machine for {@link PaymentFlow}.\n *\n * @remarks\n * `createPayment` and `history` each stay active for the full lifetime of their respective spoke\n * (`CreatePaymentFlow`, `ViewPaymentFlow`) rather than tracking the spoke's internal screen. The\n * spoke's own machine drives its internal steps and breadcrumb trail; events it can't handle\n * locally (e.g. the `landing` breadcrumb, or a terminal exit/cancel event) bubble up here to\n * transition the hub back to `landing`.\n *\n * @internal\n */\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...ctx,\n          component: CreatePaymentFlowContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW,\n      'history',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_VIEW>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ViewPaymentFlowContextual,\n            currentPaymentId: ev.payload.paymentId,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND,\n      'informationRequests',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: InformationRequestsContextual,\n        }\n      }),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EXIT,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: [\n            {\n              type: 'success',\n              title: 'paymentCancelledSuccessfully',\n            },\n          ],\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  informationRequests: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_DONE,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PaymentListContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","CreatePaymentFlowContextual","ev","ViewPaymentFlowContextual","InformationRequestsContextual","payrollWireEvents","informationRequestEvents"],"mappings":";;;;;;AA8CO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEMC,IACJC,EAAA,GAcWC,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,UAC7B,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWa;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHN;AAAA,MACEO,EAAkB;AAAA,MAClB;AAAA,MACAL;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASW,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeL;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,SAASG;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,UACN;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF,EAEH;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,qBAAqBG;AAAA,IACnBC;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHK;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  CreatePaymentFlowContextual,\n  InformationRequestsContextual,\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  ViewPaymentFlowContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents, informationRequestEvents, payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_EXIT]: { uuid?: string | null }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\n  }\n}\n\n/**\n * Hub-level breadcrumb nodes for {@link PaymentFlow}.\n *\n * @remarks\n * Only `landing` is defined here — the `createPayment` and `history` spokes own and render their\n * own breadcrumb trails (via `CreatePaymentFlow`/`ViewPaymentFlow`), prefixed with this `landing`\n * item so the trail reads continuously across the hub/spoke boundary.\n *\n * @internal\n */\nexport const paymentFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentsList',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\n/**\n * Hub machine for {@link PaymentFlow}.\n *\n * @remarks\n * `createPayment` and `history` each stay active for the full lifetime of their respective spoke\n * (`CreatePaymentFlow`, `ViewPaymentFlow`) rather than tracking the spoke's internal screen. The\n * spoke's own machine drives its internal steps and breadcrumb trail; events it can't handle\n * locally (e.g. the `landing` breadcrumb, or a terminal exit/cancel event) bubble up here to\n * transition the hub back to `landing`.\n *\n * @internal\n */\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...ctx,\n          component: CreatePaymentFlowContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW,\n      'history',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_VIEW>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ViewPaymentFlowContextual,\n            currentPaymentId: ev.payload.paymentId,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND,\n      'informationRequests',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: InformationRequestsContextual,\n        }\n      }),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EXIT,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: [\n            {\n              type: 'success',\n              title: 'paymentCancelledSuccessfully',\n            },\n          ],\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  informationRequests: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_DONE,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PaymentListContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","CreatePaymentFlowContextual","ev","ViewPaymentFlowContextual","InformationRequestsContextual","payrollWireEvents","informationRequestEvents"],"mappings":";;;;;AA8CO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEMC,IACJC,EAAA,GAcWC,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,UAC7B,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWa;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHN;AAAA,MACEO,EAAkB;AAAA,MAClB;AAAA,MACAL;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASW,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeL;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,SAASG;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,UACN;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF,EAEH;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,qBAAqBG;AAAA,IACnBC;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHK;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/Contractor/Payments/ViewPaymentFlow/ViewPaymentFlow.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { viewPaymentMachine as b, viewPaymentBreadcrumbsNodes as d } from "./viewPaymentMachine.js";
-import { PaymentHistoryContextual as p } from "./ViewPaymentFlowComponents.js";
-import { createMachine as y } from "../../../../lib/state-machine/core.js";
+import { createMachine as u } from "robot3";
+import { useState as b } from "react";
+import { viewPaymentBreadcrumbsNodes as d, viewPaymentMachine as p } from "./viewPaymentMachine.js";
+import { PaymentHistoryContextual as y } from "./ViewPaymentFlowComponents.js";
 import { Flow as f } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as w, updateBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
 const P = [];
@@ -14,7 +14,7 @@ function B({
   onEvent: o,
   prefixBreadcrumbs: m = P
 }) {
-  const [n] = u(() => {
+  const [n] = b(() => {
     const a = w(d), i = Object.fromEntries(
       Object.entries(a).map(([r, s]) => [
         r,
@@ -26,13 +26,13 @@ function B({
         breadcrumbs: i
       }
     });
-    return y(
+    return u(
       "history",
-      b,
+      p,
       (r) => ({
         ...r,
         ...c,
-        component: p,
+        component: y,
         currentPaymentId: e
       })
     );

package/dist/components/Contractor/Payments/ViewPaymentFlow/ViewPaymentFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewPaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/ViewPaymentFlow.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { viewPaymentBreadcrumbsNodes, viewPaymentMachine } from './viewPaymentMachine'\nimport {\n  PaymentHistoryContextual,\n  type ViewPaymentFlowContextInterface,\n  type ViewPaymentFlowProps,\n} from './ViewPaymentFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link ViewPaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link ViewPaymentFlowProps}.\n *\n * @internal\n */\nexport interface ViewPaymentInternalFlowProps extends ViewPaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to inspect a contractor payment group's history and drill into an individual\n * contractor's payment statement.\n *\n * @remarks\n * This is the inner flow that powers the view-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard payment-viewing experience without re-implementing it. The flow ships with\n * breadcrumb navigation and lets the user cancel an individual payment from the history screen.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n *\n * @param props - See {@link ViewPaymentFlowProps}.\n * @returns The composed view-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.ViewPaymentFlow\n *       paymentId=\"0987fcea-7b59-4907-a301-f232b5aff508\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function ViewPaymentFlow(props: ViewPaymentFlowProps) {\n  return <ViewPaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link ViewPaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link ViewPaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function ViewPaymentInternalFlow({\n  paymentId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: ViewPaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer, not useMemo -- see CreatePaymentFlow.tsx for why:\n  // a useMemo keyed on `prefixBreadcrumbs` doesn't guarantee the machine's identity survives a\n  // re-render triggered by a bubbled `onEvent` call.\n  const [viewPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(viewPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('history', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'history',\n      viewPaymentMachine,\n      (initialContext: ViewPaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: PaymentHistoryContextual,\n        currentPaymentId: paymentId,\n      }),\n    )\n  })\n\n  return <Flow machine={viewPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","ViewPaymentFlow","props","jsx","ViewPaymentInternalFlow","paymentId","onEvent","prefixBreadcrumbs","viewPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","viewPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","viewPaymentMachine","initialContext","PaymentHistoryContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAgBC,GAA6B;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAyB,GAAGF,EAAA,CAAO;AAC7C;AASO,SAASE,EAAwB;AAAA,EACtC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBP;AACtB,GAAiC;AAI/B,QAAM,CAACQ,CAAe,IAAIC,EAAS,MAAM;AACvC,UAAMC,IAAkBC,EAAiBC,CAA2B,GAC9DC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,WAAW;AAAA,MAC5D,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAqD;AAAA,QACpD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,kBAAkBhB;AAAA,MAAA;AAAA,IACpB;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAF,EAACmB,GAAA,EAAK,SAASd,GAAiB,SAAAF,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"ViewPaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/ViewPaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { viewPaymentBreadcrumbsNodes, viewPaymentMachine } from './viewPaymentMachine'\nimport {\n  PaymentHistoryContextual,\n  type ViewPaymentFlowContextInterface,\n  type ViewPaymentFlowProps,\n} from './ViewPaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link ViewPaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link ViewPaymentFlowProps}.\n *\n * @internal\n */\nexport interface ViewPaymentInternalFlowProps extends ViewPaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to inspect a contractor payment group's history and drill into an individual\n * contractor's payment statement.\n *\n * @remarks\n * This is the inner flow that powers the view-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard payment-viewing experience without re-implementing it. The flow ships with\n * breadcrumb navigation and lets the user cancel an individual payment from the history screen.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n *\n * @param props - See {@link ViewPaymentFlowProps}.\n * @returns The composed view-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.ViewPaymentFlow\n *       paymentId=\"0987fcea-7b59-4907-a301-f232b5aff508\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function ViewPaymentFlow(props: ViewPaymentFlowProps) {\n  return <ViewPaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link ViewPaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link ViewPaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function ViewPaymentInternalFlow({\n  paymentId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: ViewPaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer, not useMemo -- see CreatePaymentFlow.tsx for why:\n  // a useMemo keyed on `prefixBreadcrumbs` doesn't guarantee the machine's identity survives a\n  // re-render triggered by a bubbled `onEvent` call.\n  const [viewPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(viewPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('history', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'history',\n      viewPaymentMachine,\n      (initialContext: ViewPaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: PaymentHistoryContextual,\n        currentPaymentId: paymentId,\n      }),\n    )\n  })\n\n  return <Flow machine={viewPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","ViewPaymentFlow","props","jsx","ViewPaymentInternalFlow","paymentId","onEvent","prefixBreadcrumbs","viewPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","viewPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","viewPaymentMachine","initialContext","PaymentHistoryContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAgBC,GAA6B;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAyB,GAAGF,EAAA,CAAO;AAC7C;AASO,SAASE,EAAwB;AAAA,EACtC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBP;AACtB,GAAiC;AAI/B,QAAM,CAACQ,CAAe,IAAIC,EAAS,MAAM;AACvC,UAAMC,IAAkBC,EAAiBC,CAA2B,GAC9DC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,WAAW;AAAA,MAC5D,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAqD;AAAA,QACpD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,kBAAkBhB;AAAA,MAAA;AAAA,IACpB;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAF,EAACmB,GAAA,EAAK,SAASd,GAAiB,SAAAF,EAAA,CAAkB;AAC3D;"}

package/dist/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.d.ts

@@ -3,6 +3,6 @@ import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbs
 export declare const viewPaymentBreadcrumbsNodes: BreadcrumbNodes;
 /** @internal */
 export declare const viewPaymentMachine: {
-    history: import('../../../../lib/state-machine').StateDefinition;
-    statement: import('../../../../lib/state-machine').StateDefinition;
+    history: import('robot3').MachineState<any>;
+    statement: import('robot3').MachineState<any>;
 };

package/dist/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.js

@@ -1,11 +1,10 @@
-import { getContractorDisplayName as o } from "../../shared/helpers.js";
-import { PaymentHistoryContextual as n, PaymentStatementContextual as m } from "./ViewPaymentFlowComponents.js";
-import "react";
-import { state as a, transition as i, reduce as c } from "../../../../lib/state-machine/core.js";
+import { state as a, transition as o, reduce as n } from "robot3";
+import { getContractorDisplayName as m } from "../../shared/helpers.js";
+import { PaymentHistoryContextual as i, PaymentStatementContextual as c } from "./ViewPaymentFlowComponents.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
 import { updateBreadcrumbs as r } from "../../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as p } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const y = p(), h = {
+import { createBreadcrumbNavigateTransition as y } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const p = y(), N = {
   history: {
     parent: null,
     item: {
@@ -14,7 +13,7 @@ const y = p(), h = {
       namespace: "Contractor.Payments.PaymentHistory",
       onNavigate: ((t) => ({
         ...r("history", t),
-        component: n
+        component: i
       }))
     }
   },
@@ -26,27 +25,27 @@ const y = p(), h = {
       namespace: "Contractor.Payments.PaymentStatement"
     }
   }
-}, f = {
+}, h = {
   history: a(
-    i(
+    o(
       s.CONTRACTOR_PAYMENT_VIEW_DETAILS,
       "statement",
-      c(
+      n(
         (t, e) => ({
           ...r("statement", t, {
-            contractorName: o(e.payload.contractor)
+            contractorName: m(e.payload.contractor)
           }),
-          component: m,
+          component: c,
           currentContractorUuid: e.payload.contractor.uuid,
           currentPaymentId: e.payload.paymentGroupId
         })
       )
     )
   ),
-  statement: a(y("history"))
+  statement: a(p("history"))
 };
 export {
-  h as viewPaymentBreadcrumbsNodes,
-  f as viewPaymentMachine
+  N as viewPaymentBreadcrumbsNodes,
+  h as viewPaymentMachine
 };
 //# sourceMappingURL=viewPaymentMachine.js.map

package/dist/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.ts"],"sourcesContent":["import type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport {\n  PaymentHistoryContextual,\n  PaymentStatementContextual,\n  type ViewPaymentFlowContextInterface,\n} from './ViewPaymentFlowComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS]: {\n    contractor: Contractor\n    paymentGroupId: string\n  }\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<ViewPaymentFlowContextInterface>()\n\n/** @internal */\nexport const viewPaymentBreadcrumbsNodes: BreadcrumbNodes = {\n  history: {\n    parent: null,\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: ViewPaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n}\n\n/** @internal */\nexport const viewPaymentMachine = {\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: ViewPaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): ViewPaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n          }\n        },\n      ),\n    ),\n  ),\n  statement: state<MachineTransition>(breadcrumbNavigateTransition('history')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","viewPaymentBreadcrumbsNodes","ctx","updateBreadcrumbs","PaymentHistoryContextual","viewPaymentMachine","state","transition","componentEvents","reduce","ev","getContractorDisplayName","PaymentStatementContextual"],"mappings":";;;;;;;AAqBA,MAAMA,IACJC,EAAA,GAGWC,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA0C;AAAA,QACtD,GAAGC,EAAkB,WAAWD,CAAG;AAAA,QACnC,WAAWE;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,IAAA;AAAA,EACb;AAEJ,GAGaC,IAAqB;AAAA,EAChC,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEP,GACAQ,OAKO;AAAA,UACL,GAAGP,EAAkB,aAAaD,GAAK;AAAA,YACrC,gBAAgBS,EAAyBD,EAAG,QAAQ,UAAU;AAAA,UAAA,CAC/D;AAAA,UACD,WAAWE;AAAA,UACX,uBAAuBF,EAAG,QAAQ,WAAW;AAAA,UAC7C,kBAAkBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAEjC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAWJ,EAAyBP,EAA6B,SAAS,CAAC;AAC7E;"}
+{"version":3,"file":"viewPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport {\n  PaymentHistoryContextual,\n  PaymentStatementContextual,\n  type ViewPaymentFlowContextInterface,\n} from './ViewPaymentFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS]: {\n    contractor: Contractor\n    paymentGroupId: string\n  }\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<ViewPaymentFlowContextInterface>()\n\n/** @internal */\nexport const viewPaymentBreadcrumbsNodes: BreadcrumbNodes = {\n  history: {\n    parent: null,\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: ViewPaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n}\n\n/** @internal */\nexport const viewPaymentMachine = {\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: ViewPaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): ViewPaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n          }\n        },\n      ),\n    ),\n  ),\n  statement: state<MachineTransition>(breadcrumbNavigateTransition('history')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","viewPaymentBreadcrumbsNodes","ctx","updateBreadcrumbs","PaymentHistoryContextual","viewPaymentMachine","state","transition","componentEvents","reduce","ev","getContractorDisplayName","PaymentStatementContextual"],"mappings":";;;;;;AAqBA,MAAMA,IACJC,EAAA,GAGWC,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA0C;AAAA,QACtD,GAAGC,EAAkB,WAAWD,CAAG;AAAA,QACnC,WAAWE;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,IAAA;AAAA,EACb;AAEJ,GAGaC,IAAqB;AAAA,EAChC,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEP,GACAQ,OAKO;AAAA,UACL,GAAGP,EAAkB,aAAaD,GAAK;AAAA,YACrC,gBAAgBS,EAAyBD,EAAG,QAAQ,UAAU;AAAA,UAAA,CAC/D;AAAA,UACD,WAAWE;AAAA,UACX,uBAAuBF,EAAG,QAAQ,WAAW;AAAA,UAC7C,kBAAkBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAEjC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAWJ,EAAyBP,EAA6B,SAAS,CAAC;AAC7E;"}

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

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

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

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

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

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