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

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

@@ -1 +1 @@
-{"version":3,"file":"selfOnboardingMachine.js","sources":["../../../../src/components/Contractor/SelfOnboardingFlow/selfOnboardingMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { SelfOnboardingContextInterface } from './SelfOnboardingComponents'\nimport {\n  Profile,\n  Address,\n  PaymentMethod,\n  DocumentSigner,\n  OnboardingSummary,\n} from './SelfOnboardingComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const contractorSelfOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_SELF_ONBOARDING_START,\n      'contractorProfile',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: Profile,\n      })),\n    ),\n  ),\n  contractorProfile: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'contractorAddress',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: Address,\n      })),\n    ),\n  ),\n  contractorAddress: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'contractorPaymentMethod',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  contractorPaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'contractorDocumentSigner',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: DocumentSigner,\n      })),\n    ),\n  ),\n  contractorDocumentSigner: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_DOCUMENTS_DONE,\n      'index',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["contractorSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","Address","PaymentMethod","DocumentSigner","OnboardingSummary"],"mappings":";;;AAaO,MAAMA,IAAkC;AAAA,EAC7C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,mBAAmBL;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWE;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,mBAAmBN;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,yBAAyBP;AAAA,IACvBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,0BAA0BR;AAAA,IACxBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}
+{"version":3,"file":"selfOnboardingMachine.js","sources":["../../../../src/components/Contractor/SelfOnboardingFlow/selfOnboardingMachine.ts"],"sourcesContent":["import type { SelfOnboardingContextInterface } from './SelfOnboardingComponents'\nimport {\n  Profile,\n  Address,\n  PaymentMethod,\n  DocumentSigner,\n  OnboardingSummary,\n} from './SelfOnboardingComponents'\nimport { transition, reduce, state } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const contractorSelfOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_SELF_ONBOARDING_START,\n      'contractorProfile',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: Profile,\n      })),\n    ),\n  ),\n  contractorProfile: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'contractorAddress',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: Address,\n      })),\n    ),\n  ),\n  contractorAddress: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'contractorPaymentMethod',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  contractorPaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'contractorDocumentSigner',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: DocumentSigner,\n      })),\n    ),\n  ),\n  contractorDocumentSigner: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_DOCUMENTS_DONE,\n      'index',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["contractorSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","Address","PaymentMethod","DocumentSigner","OnboardingSummary"],"mappings":";;;;AAaO,MAAMA,IAAkC;AAAA,EAC7C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,mBAAmBL;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWE;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,mBAAmBN;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,yBAAyBP;AAAA,IACvBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,0BAA0BR;AAAA,IACxBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

package/dist/components/Contractor/exports/contractorManagement.d.ts

@@ -15,8 +15,8 @@ export { CreatePaymentFlow, type CreatePaymentFlowProps } from '../Payments/Crea
 export { ViewPaymentFlow, type ViewPaymentFlowProps } from '../Payments/ViewPaymentFlow';
 export { PaymentsList, type PaymentsListProps } from '../Payments/PaymentsList/PaymentsList';
 export { CreatePayment, type CreatePaymentProps } from '../Payments/CreatePayment/CreatePayment';
-export { HistoricalPaymentContractors, type HistoricalPaymentContractorsProps, } from '../Payments/HistoricalPaymentContractors';
-export { HistoricalPaymentAmounts, type HistoricalPaymentAmountsProps, } from '../Payments/HistoricalPaymentAmounts';
+export { CreateHistoricalPayment, type CreateHistoricalPaymentProps, } from '../Payments/CreateHistoricalPayment';
+export { HistoricalPaymentSummary, type HistoricalPaymentSummaryProps, } from '../Payments/HistoricalPaymentSummary';
 export { PaymentHistory, type PaymentHistoryProps } from '../Payments/PaymentHistory/PaymentHistory';
 export { PaymentSummary, type PaymentSummaryProps } from '../Payments/PaymentSummary';
 export { PaymentStatement, type PaymentStatementProps, } from '../Payments/PaymentStatement/PaymentStatement';

package/dist/components/Contractor/exports/contractorManagement.js

@@ -1,20 +1,20 @@
 import { ManagementContractorList as t } from "../ContractorList/management/ManagementContractorList.js";
 import { PaymentsList as m } from "../Payments/PaymentsList/PaymentsList.js";
 import { CreatePayment as f } from "../Payments/CreatePayment/CreatePayment.js";
-import { PaymentHistory as n } from "../Payments/PaymentHistory/PaymentHistory.js";
-import { PaymentStatement as s } from "../Payments/PaymentStatement/PaymentStatement.js";
+import { PaymentHistory as x } from "../Payments/PaymentHistory/PaymentHistory.js";
+import { PaymentStatement as d } from "../Payments/PaymentStatement/PaymentStatement.js";
 import { Address as i } from "../Address/management/Address.js";
-import { AddressCard as y } from "../Address/management/AddressCard/AddressCard.js";
+import { AddressCard as P } from "../Address/management/AddressCard/AddressCard.js";
 import { AddressEditForm as l } from "../Address/management/AddressEditForm.js";
 import { Compensation as c } from "../Compensation/management/Compensation.js";
 import { CompensationCard as w } from "../Compensation/management/CompensationCard/CompensationCard.js";
-import { CompensationEditForm as E } from "../Compensation/management/CompensationEditForm.js";
-import { CreatePaymentFlow as u } from "../Payments/CreatePaymentFlow/CreatePaymentFlow.js";
-import { Dashboard as H } from "../Dashboard/Dashboard.js";
-import { DashboardFlow as b } from "../Dashboard/DashboardFlow.js";
-import { DocumentsCard as g } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-import { HistoricalPaymentAmounts as j } from "../Payments/HistoricalPaymentAmounts/HistoricalPaymentAmounts.js";
-import { HistoricalPaymentContractors as q } from "../Payments/HistoricalPaymentContractors/HistoricalPaymentContractors.js";
+import { CompensationEditForm as M } from "../Compensation/management/CompensationEditForm.js";
+import { CreateHistoricalPayment as A } from "../Payments/CreateHistoricalPayment/CreateHistoricalPayment.js";
+import { CreatePaymentFlow as H } from "../Payments/CreatePaymentFlow/CreatePaymentFlow.js";
+import { Dashboard as S } from "../Dashboard/Dashboard.js";
+import { DashboardFlow as g } from "../Dashboard/DashboardFlow.js";
+import { DocumentsCard as j } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+import { HistoricalPaymentSummary as q } from "../Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.js";
 import { PaymentFlow as z } from "../Payments/PaymentFlow/PaymentFlow.js";
 import { PaymentMethod as G } from "../PaymentMethod/management/PaymentMethod.js";
 import { PaymentMethodCard as J } from "../PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js";
@@ -26,25 +26,25 @@ import { ProfileEditForm as Y } from "../Profile/management/ProfileEditForm.js";
 import { ViewPaymentFlow as _ } from "../Payments/ViewPaymentFlow/ViewPaymentFlow.js";
 export {
   i as Address,
-  y as AddressCard,
+  P as AddressCard,
   l as AddressEditForm,
   c as Compensation,
   w as CompensationCard,
-  E as CompensationEditForm,
+  M as CompensationEditForm,
   t as ContractorList,
+  A as CreateHistoricalPayment,
   f as CreatePayment,
-  u as CreatePaymentFlow,
-  H as Dashboard,
-  b as DashboardFlow,
-  g as DocumentsCard,
-  j as HistoricalPaymentAmounts,
-  q as HistoricalPaymentContractors,
+  H as CreatePaymentFlow,
+  S as Dashboard,
+  g as DashboardFlow,
+  j as DocumentsCard,
+  q as HistoricalPaymentSummary,
   z as PaymentFlow,
-  n as PaymentHistory,
+  x as PaymentHistory,
   G as PaymentMethod,
   J as PaymentMethodCard,
   N as PaymentMethodEditForm,
-  s as PaymentStatement,
+  d as PaymentStatement,
   Q as PaymentSummary,
   m as PaymentsList,
   T as Profile,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/management/Compensation.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  CompensationCardContextual,\n  type CompensationContextInterface,\n} from './CompensationComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\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 Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction CompensationFlow({ employeeId, onEvent, LoaderComponent }: CompensationProps) {\n  useI18n('Employee.Management.Compensation')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', compensationStateMachine, (ctx: CompensationContextInterface) => ({\n        ...ctx,\n        component: CompensationCardContextual,\n        employeeId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a read-only card showing the employee's job(s), pay type, wage, and effective date, along with affordances to edit a job's compensation, add a first job from the empty state, add another job (when the primary job is Nonexempt), delete a non-primary job, and cancel a scheduled future-dated change. Choosing to edit or add a job swaps the card for the corresponding form; a successful add returns to the card with a dismissible \"Job successfully added.\" alert, an edit returns to the card without an alert, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link CompensationCard}, {@link CompensationEditForm}, {@link CompensationAddJobForm}, {@link CompensationAddAnotherJobForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when a form needs to render in a modal or drawer, when the card needs to appear read-only with no edit/add affordances, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job; the block opens the edit form for that job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the card's empty state; the block opens the add-first-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked; the block opens the add-another-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog; the block stays on the card | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card; the block stays on the card | `{ employeeId: string, compensationId: string }` |\n * | `employee/management/compensation/editForm/submitted` | Fired after an edit-compensation save completes; the block returns to the card view | Updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the first job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user cancels the add-job form; the block returns to the card view | — |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after a secondary job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user cancels the add-another-job form; the block returns to the card view | — |\n * | `employee/management/compensation/alertDismissed` | Fired when the user dismisses the \"Job added\" success alert above the card | `null` |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The rendered compensation block.\n * @public\n * @group Block components\n */\nexport function Compensation({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: CompensationProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <CompensationFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["CompensationFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","compensationStateMachine","ctx","CompensationCardContextual","jsx","Flow","Compensation","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAsC;AACrF,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AA+BO,SAASW,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAsB;AACpB,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAiB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/management/Compensation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  CompensationCardContextual,\n  type CompensationContextInterface,\n} from './CompensationComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\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 Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction CompensationFlow({ employeeId, onEvent, LoaderComponent }: CompensationProps) {\n  useI18n('Employee.Management.Compensation')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', compensationStateMachine, (ctx: CompensationContextInterface) => ({\n        ...ctx,\n        component: CompensationCardContextual,\n        employeeId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a read-only card showing the employee's job(s), pay type, wage, and effective date, along with affordances to edit a job's compensation, add a first job from the empty state, add another job (when the primary job is Nonexempt), delete a non-primary job, and cancel a scheduled future-dated change. Choosing to edit or add a job swaps the card for the corresponding form; a successful add returns to the card with a dismissible \"Job successfully added.\" alert, an edit returns to the card without an alert, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link CompensationCard}, {@link CompensationEditForm}, {@link CompensationAddJobForm}, {@link CompensationAddAnotherJobForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when a form needs to render in a modal or drawer, when the card needs to appear read-only with no edit/add affordances, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job; the block opens the edit form for that job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the card's empty state; the block opens the add-first-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked; the block opens the add-another-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog; the block stays on the card | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card; the block stays on the card | `{ employeeId: string, compensationId: string }` |\n * | `employee/management/compensation/editForm/submitted` | Fired after an edit-compensation save completes; the block returns to the card view | Updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the first job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user cancels the add-job form; the block returns to the card view | — |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after a secondary job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user cancels the add-another-job form; the block returns to the card view | — |\n * | `employee/management/compensation/alertDismissed` | Fired when the user dismisses the \"Job added\" success alert above the card | `null` |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The rendered compensation block.\n * @public\n * @group Block components\n */\nexport function Compensation({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: CompensationProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <CompensationFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["CompensationFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","compensationStateMachine","ctx","CompensationCardContextual","jsx","Flow","Compensation","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAsC;AACrF,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AA+BO,SAASW,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAsB;AACpB,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAiB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

package/dist/components/Employee/Compensation/management/CompensationComponents.js

@@ -7,8 +7,8 @@ import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/
 import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
 import { componentEvents as c } from "../../../../shared/constants.js";
 import { CompensationCard as f } from "./CompensationCard/CompensationCard.js";
-import { CompensationEditForm as E } from "./CompensationEditForm/CompensationEditForm.js";
-import { CompensationAddJobForm as I } from "./CompensationAddJobForm/CompensationAddJobForm.js";
+import { CompensationAddJobForm as E } from "./CompensationAddJobForm/CompensationAddJobForm.js";
+import { CompensationEditForm as I } from "./CompensationEditForm/CompensationEditForm.js";
 function S() {
   const { employeeId: n, onEvent: o, successAlert: e, LoaderComponent: p } = r(), { t: s } = l("Employee.Management.Compensation"), i = C();
   return /* @__PURE__ */ d(u, { flexDirection: "column", gap: 16, children: [
@@ -35,7 +35,7 @@ function S() {
 function T() {
   const { employeeId: n, currentJobId: o, onEvent: e, LoaderComponent: p } = r();
   return /* @__PURE__ */ t(
-    E,
+    I,
     {
       employeeId: m(n),
       jobId: m(o ?? void 0),
@@ -47,7 +47,7 @@ function T() {
 function _() {
   const { employeeId: n, onEvent: o, LoaderComponent: e } = r();
   return /* @__PURE__ */ t(
-    I,
+    E,
     {
       employeeId: m(n),
       onEvent: o,

package/dist/components/Employee/Compensation/management/compensationStateMachine.d.ts

@@ -1,7 +1,7 @@
 /** @internal */
 export declare const compensationStateMachine: {
-    card: import('robot3').MachineState<any>;
-    editCompensation: import('robot3').MachineState<any>;
-    addJob: import('robot3').MachineState<any>;
-    addAnotherJob: import('robot3').MachineState<any>;
+    card: import('../../../../lib/state-machine').StateDefinition;
+    editCompensation: import('../../../../lib/state-machine').StateDefinition;
+    addJob: import('../../../../lib/state-machine').StateDefinition;
+    addAnotherJob: import('../../../../lib/state-machine').StateDefinition;
 };

package/dist/components/Employee/Compensation/management/compensationStateMachine.js

@@ -1,25 +1,26 @@
-import { state as t, transition as E, reduce as n } from "robot3";
-import { CompensationEditFormContextual as N, CompensationAddJobFormContextual as O, CompensationAddAnotherJobFormContextual as d, CompensationCardContextual as r } from "./CompensationComponents.js";
+import { CompensationAddAnotherJobFormContextual as N, CompensationAddJobFormContextual as O, CompensationEditFormContextual as d, CompensationCardContextual as r } from "./CompensationComponents.js";
+import "react";
+import { state as n, transition as E, reduce as _ } from "../../../../lib/state-machine/core.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
-const _ = n((A) => ({
+const t = _((A) => ({
   ...A,
   component: r,
   successAlert: null,
   currentJobId: null
-})), e = (A) => n((M) => ({
+})), e = (A) => _((M) => ({
   ...M,
   component: r,
   successAlert: A,
   currentJobId: null
-})), C = {
-  card: t(
+})), D = {
+  card: n(
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,
       "editCompensation",
-      n(
+      _(
         (A, M) => ({
           ...A,
-          component: N,
+          component: d,
           currentJobId: M.payload.jobId,
           successAlert: null
         })
@@ -28,7 +29,7 @@ const _ = n((A) => ({
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,
       "addJob",
-      n((A) => ({
+      _((A) => ({
         ...A,
         component: O,
         currentJobId: null,
@@ -38,9 +39,9 @@ const _ = n((A) => ({
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,
       "addAnotherJob",
-      n((A) => ({
+      _((A) => ({
         ...A,
-        component: d,
+        component: N,
         currentJobId: null,
         successAlert: null
       }))
@@ -48,22 +49,22 @@ const _ = n((A) => ({
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,
       "card",
-      _
+      t
     )
   ),
-  editCompensation: t(
+  editCompensation: n(
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,
       "card",
-      _
+      t
     ),
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED,
       "card",
-      _
+      t
     )
   ),
-  addJob: t(
+  addJob: n(
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED,
       "card",
@@ -72,10 +73,10 @@ const _ = n((A) => ({
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED,
       "card",
-      _
+      t
     )
   ),
-  addAnotherJob: t(
+  addAnotherJob: n(
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,
       "card",
@@ -84,11 +85,11 @@ const _ = n((A) => ({
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,
       "card",
-      _
+      t
     )
   )
 };
 export {
-  C as compensationStateMachine
+  D as compensationStateMachine
 };
 //# sourceMappingURL=compensationStateMachine.js.map

package/dist/components/Employee/Compensation/management/compensationStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/management/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { CompensationContextInterface } from './CompensationComponents'\nimport {\n  CompensationCardContextual,\n  CompensationEditFormContextual,\n  CompensationAddJobFormContextual,\n  CompensationAddAnotherJobFormContextual,\n} from './CompensationComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED]: {\n    employeeId: string\n    jobId: string\n  }\n}\n\nconst returnToCard = reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n  ...ctx,\n  component: CompensationCardContextual as ComponentType,\n  successAlert: null,\n  currentJobId: null,\n}))\n\nconst returnToCardWithAlert = (alert: CompensationContextInterface['successAlert']) =>\n  reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n    ...ctx,\n    component: CompensationCardContextual as ComponentType,\n    successAlert: alert,\n    currentJobId: null,\n  }))\n\n/** @internal */\nexport const compensationStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,\n      'editCompensation',\n      reduce(\n        (\n          ctx: CompensationContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED\n          >,\n        ): CompensationContextInterface => ({\n          ...ctx,\n          component: CompensationEditFormContextual as ComponentType,\n          currentJobId: ev.payload.jobId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,\n      'addJob',\n      reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n        ...ctx,\n        component: CompensationAddJobFormContextual as ComponentType,\n        currentJobId: null,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,\n      'addAnotherJob',\n      reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n        ...ctx,\n        component: CompensationAddAnotherJobFormContextual as ComponentType,\n        currentJobId: null,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editCompensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      'card',\n      returnToCard,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addAnotherJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CompensationCardContextual","returnToCardWithAlert","alert","compensationStateMachine","state","transition","componentEvents","ev","CompensationEditFormContextual","CompensationAddJobFormContextual","CompensationAddAnotherJobFormContextual"],"mappings":";;;AAmBA,MAAMA,IAAeC,EAAO,CAACC,OAAqE;AAAA,EAChG,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAqE;AAAA,EAC3E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAAA,EACd,cAAc;AAChB,EAAE,GAGSC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAQ,OAIkC;AAAA,UAClC,GAAGR;AAAA,UACH,WAAWS;AAAA,UACX,cAAcD,EAAG,QAAQ;AAAA,UACzB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,cAAc;AAAA,QACd,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWW;AAAA,QACX,cAAc;AAAA,QACd,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,QAAQO;AAAA,IACNC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/management/compensationStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { CompensationContextInterface } from './CompensationComponents'\nimport {\n  CompensationCardContextual,\n  CompensationEditFormContextual,\n  CompensationAddJobFormContextual,\n  CompensationAddAnotherJobFormContextual,\n} from './CompensationComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED]: {\n    employeeId: string\n    jobId: string\n  }\n}\n\nconst returnToCard = reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n  ...ctx,\n  component: CompensationCardContextual as ComponentType,\n  successAlert: null,\n  currentJobId: null,\n}))\n\nconst returnToCardWithAlert = (alert: CompensationContextInterface['successAlert']) =>\n  reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n    ...ctx,\n    component: CompensationCardContextual as ComponentType,\n    successAlert: alert,\n    currentJobId: null,\n  }))\n\n/** @internal */\nexport const compensationStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,\n      'editCompensation',\n      reduce(\n        (\n          ctx: CompensationContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED\n          >,\n        ): CompensationContextInterface => ({\n          ...ctx,\n          component: CompensationEditFormContextual as ComponentType,\n          currentJobId: ev.payload.jobId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,\n      'addJob',\n      reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n        ...ctx,\n        component: CompensationAddJobFormContextual as ComponentType,\n        currentJobId: null,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,\n      'addAnotherJob',\n      reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n        ...ctx,\n        component: CompensationAddAnotherJobFormContextual as ComponentType,\n        currentJobId: null,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editCompensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      'card',\n      returnToCard,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addAnotherJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CompensationCardContextual","returnToCardWithAlert","alert","compensationStateMachine","state","transition","componentEvents","ev","CompensationEditFormContextual","CompensationAddJobFormContextual","CompensationAddAnotherJobFormContextual"],"mappings":";;;;AAmBA,MAAMA,IAAeC,EAAO,CAACC,OAAqE;AAAA,EAChG,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAqE;AAAA,EAC3E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAAA,EACd,cAAc;AAChB,EAAE,GAGSC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAQ,OAIkC;AAAA,UAClC,GAAGR;AAAA,UACH,WAAWS;AAAA,UACX,cAAcD,EAAG,QAAQ;AAAA,UACzB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,cAAc;AAAA,QACd,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWW;AAAA,QACX,cAAc;AAAA,QACd,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,QAAQO;AAAA,IACNC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useState as p, useMemo as c } from "react";
-import { createMachine as f } from "robot3";
-import { useTranslation as d } from "react-i18next";
-import { useJobsAndCompensationsGetJobsSuspense as C } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { JobsListContextual as b, InitialEditCompensationContextual as J } from "./CompensationFlowComponents.js";
-import { compensationStateMachine as E } from "./compensationStateMachine.js";
+import { useTranslation as f } from "react-i18next";
+import { useJobsAndCompensationsGetJobsSuspense as d } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { JobsListContextual as C, InitialEditCompensationContextual as b } from "./CompensationFlowComponents.js";
+import { compensationStateMachine as J } from "./compensationStateMachine.js";
+import { createMachine as E } from "../../../../lib/state-machine/core.js";
 import { FlsaStatus as S } from "../../../../shared/constants.js";
 import { useComponentDictionary as w } from "../../../../i18n/I18n.js";
 import { BaseComponent as I } from "../../../Base/Base.js";
@@ -12,8 +12,8 @@ import "../../../Base/useBase.js";
 import { Flow as h } from "../../../Flow/Flow.js";
 import { useFlow as v } from "../../../Flow/useFlow.js";
 const x = {
-  initialEditJob: J,
-  viewJobs: b
+  initialEditJob: b,
+  viewJobs: C
 };
 function F(t) {
   if (t.length === 0)
@@ -33,12 +33,12 @@ function M({
   onEvent: r
 }) {
   w("Employee.Compensation", e);
-  const { data: m } = C({ employeeId: t }), [{ initialState: a, currentJobId: s }] = p(
+  const { data: m } = d({ employeeId: t }), [{ initialState: a, currentJobId: s }] = p(
     () => F(m.jobs ?? [])
   ), u = c(
-    () => f(
+    () => E(
       a,
-      E,
+      J,
       (l) => ({
         ...l,
         component: x[a],
@@ -58,7 +58,7 @@ function M({
   return /* @__PURE__ */ i(h, { machine: u, onEvent: r });
 }
 const X = () => {
-  const { employeeId: t, onEvent: o, startDate: n, defaultValues: e } = v(), { t: r } = d("common");
+  const { employeeId: t, onEvent: o, startDate: n, defaultValues: e } = v(), { t: r } = f("common");
   if (!t || !n)
     throw new Error(
       r("errors.missingParamsOrContext", {

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\n/**\n * Default values for the compensation form fields.\n *\n * @remarks\n * At least one of the fields must be provided. If employee data is available\n * via the API, these values are overwritten.\n *\n * @public\n */\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  /** The compensation rate (an amount in dollars). */\n  rate?: Job['rate']\n  /** The job title. */\n  title?: Job['title']\n  /** The pay period — one of `Hour`, `Week`, `Month`, `Year`, `Paycheck`. */\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  /** The FLSA classification — drives whether the role is treated as exempt, nonexempt, etc. */\n  flsaStatus?: FlsaStatusType\n}>\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The date the employee will start work. */\n  startDate: string\n  /** Default values for the compensation form fields. If employee data is available via the API, these values are overwritten. */\n  defaultValues?: CompensationDefaultValues\n}\n\n/**\n * Onboarding step for collecting an employee's role and compensation details.\n *\n * @remarks\n * Collects the job title, employee type (hourly, salary), compensation\n * amount, and pay period. For hourly employees, allows configuring multiple\n * roles. Automatically routes between editing the only job (when an employee\n * has zero or one non-Nonexempt job) and a jobs-list view (when multiple\n * roles need to be managed) on first mount; on subsequent refetches the user\n * stays on their current step.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job/created` | Fired after a job is successfully created | {@link Job} |\n * | `employee/job/updated` | Fired after a job is successfully updated | {@link Job} |\n * | `employee/job/deleted` | Fired after a job is successfully deleted | — |\n * | `employee/compensation/updated` | Fired after compensation details are updated | {@link Compensation} |\n * | `employee/compensation/done` | Fired when compensation setup is complete and the parent flow can advance | — |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The compensation onboarding step.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Compensation\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       startDate=\"2025-01-01\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\n/** @internal */\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation"],"mappings":";;;;;;;;;;;;;AAgCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AA4EO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAGO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;"}
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\n/**\n * Default values for the compensation form fields.\n *\n * @remarks\n * At least one of the fields must be provided. If employee data is available\n * via the API, these values are overwritten.\n *\n * @public\n */\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  /** The compensation rate (an amount in dollars). */\n  rate?: Job['rate']\n  /** The job title. */\n  title?: Job['title']\n  /** The pay period — one of `Hour`, `Week`, `Month`, `Year`, `Paycheck`. */\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  /** The FLSA classification — drives whether the role is treated as exempt, nonexempt, etc. */\n  flsaStatus?: FlsaStatusType\n}>\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The date the employee will start work. */\n  startDate: string\n  /** Default values for the compensation form fields. If employee data is available via the API, these values are overwritten. */\n  defaultValues?: CompensationDefaultValues\n}\n\n/**\n * Onboarding step for collecting an employee's role and compensation details.\n *\n * @remarks\n * Collects the job title, employee type (hourly, salary), compensation\n * amount, and pay period. For hourly employees, allows configuring multiple\n * roles. Automatically routes between editing the only job (when an employee\n * has zero or one non-Nonexempt job) and a jobs-list view (when multiple\n * roles need to be managed) on first mount; on subsequent refetches the user\n * stays on their current step.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job/created` | Fired after a job is successfully created | {@link Job} |\n * | `employee/job/updated` | Fired after a job is successfully updated | {@link Job} |\n * | `employee/job/deleted` | Fired after a job is successfully deleted | — |\n * | `employee/compensation/updated` | Fired after compensation details are updated | {@link Compensation} |\n * | `employee/compensation/done` | Fired when compensation setup is complete and the parent flow can advance | — |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The compensation onboarding step.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Compensation\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       startDate=\"2025-01-01\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\n/** @internal */\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation"],"mappings":";;;;;;;;;;;;;AAgCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AA4EO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAGO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;"}

package/dist/components/Employee/Compensation/onboarding/compensationStateMachine.d.ts

@@ -2,7 +2,7 @@
  * `EMPLOYEE_COMPENSATION_DONE` deliberately has no transition out of `initialEditJob` or
  * `viewJobs`. `Flow` re-emits every event to the upstream `onEvent` regardless of whether the
  * local machine has a matching transition, so the parent flow still advances/unmounts this
- * component on that signal. Modeling completion as a robot3 final state instead left `component`
+ * component on that signal. Modeling completion as a final state instead left `component`
  * pointing at a step whose controls could never fire another transition — if a host doesn't
  * unmount immediately, the screen would look interactive but be permanently dead (SDK-1169).
  * Staying put means a host that keeps this component mounted past completion keeps a fully
@@ -11,7 +11,7 @@
  * @internal
  */
 export declare const compensationStateMachine: {
-    initialEditJob: import('robot3').MachineState<any>;
-    viewJobs: import('robot3').MachineState<any>;
-    editJob: import('robot3').MachineState<any>;
+    initialEditJob: import('../../../../lib/state-machine').StateDefinition;
+    viewJobs: import('../../../../lib/state-machine').StateDefinition;
+    editJob: import('../../../../lib/state-machine').StateDefinition;
 };

package/dist/components/Employee/Compensation/onboarding/compensationStateMachine.js

@@ -1,19 +1,20 @@
-import { state as E, transition as t, reduce as n } from "robot3";
-import { JobsListContextual as i, EditCompensationContextual as r } from "./CompensationFlowComponents.js";
+import { JobsListContextual as E, EditCompensationContextual as r } from "./CompensationFlowComponents.js";
+import "react";
+import { state as i, transition as t, reduce as n } from "../../../../lib/state-machine/core.js";
 import { componentEvents as e } from "../../../../shared/constants.js";
-const m = {
-  initialEditJob: E(
+const p = {
+  initialEditJob: i(
     t(
       e.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,
       "viewJobs",
       n((o) => ({
         ...o,
-        component: i,
+        component: E,
         currentJobId: null
       }))
     )
   ),
-  viewJobs: E(
+  viewJobs: i(
     t(
       e.EMPLOYEE_JOB_ADD,
       "editJob",
@@ -35,13 +36,13 @@ const m = {
       )
     )
   ),
-  editJob: E(
+  editJob: i(
     t(
       e.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,
       "viewJobs",
       n((o) => ({
         ...o,
-        component: i,
+        component: E,
         currentJobId: null
       }))
     ),
@@ -50,13 +51,13 @@ const m = {
       "viewJobs",
       n((o) => ({
         ...o,
-        component: i,
+        component: E,
         currentJobId: null
       }))
     )
   )
 };
 export {
-  m as compensationStateMachine
+  p as compensationStateMachine
 };
 //# sourceMappingURL=compensationStateMachine.js.map

package/dist/components/Employee/Compensation/onboarding/compensationStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport {\n  EditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n  type EventPayloads,\n} from './CompensationFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/**\n * `EMPLOYEE_COMPENSATION_DONE` deliberately has no transition out of `initialEditJob` or\n * `viewJobs`. `Flow` re-emits every event to the upstream `onEvent` regardless of whether the\n * local machine has a matching transition, so the parent flow still advances/unmounts this\n * component on that signal. Modeling completion as a robot3 final state instead left `component`\n * pointing at a step whose controls could never fire another transition — if a host doesn't\n * unmount immediately, the screen would look interactive but be permanently dead (SDK-1169).\n * Staying put means a host that keeps this component mounted past completion keeps a fully\n * working jobs list instead.\n *\n * @internal\n */\nexport const compensationStateMachine = {\n  initialEditJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n  ),\n  viewJobs: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_JOB_ADD,\n      'editJob',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: EditCompensationContextual,\n        currentJobId: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_JOB_EDIT,\n      'editJob',\n      reduce(\n        (\n          ctx: CompensationFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_JOB_EDIT>,\n        ): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: ev.payload.uuid,\n        }),\n      ),\n    ),\n  ),\n  editJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_CANCEL,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n  ),\n}\n"],"names":["compensationStateMachine","state","transition","componentEvents","reduce","ctx","JobsListContextual","EditCompensationContextual","ev"],"mappings":";;;AAsBO,MAAMA,IAA2B;AAAA,EACtC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACsC;AAAA,UACtC,GAAGH;AAAA,UACH,WAAWE;AAAA,UACX,cAAcC,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASP;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAEJ;"}
+{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/compensationStateMachine.ts"],"sourcesContent":["import {\n  EditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n  type EventPayloads,\n} from './CompensationFlowComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/**\n * `EMPLOYEE_COMPENSATION_DONE` deliberately has no transition out of `initialEditJob` or\n * `viewJobs`. `Flow` re-emits every event to the upstream `onEvent` regardless of whether the\n * local machine has a matching transition, so the parent flow still advances/unmounts this\n * component on that signal. Modeling completion as a final state instead left `component`\n * pointing at a step whose controls could never fire another transition — if a host doesn't\n * unmount immediately, the screen would look interactive but be permanently dead (SDK-1169).\n * Staying put means a host that keeps this component mounted past completion keeps a fully\n * working jobs list instead.\n *\n * @internal\n */\nexport const compensationStateMachine = {\n  initialEditJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n  ),\n  viewJobs: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_JOB_ADD,\n      'editJob',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: EditCompensationContextual,\n        currentJobId: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_JOB_EDIT,\n      'editJob',\n      reduce(\n        (\n          ctx: CompensationFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_JOB_EDIT>,\n        ): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: ev.payload.uuid,\n        }),\n      ),\n    ),\n  ),\n  editJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_CANCEL,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n  ),\n}\n"],"names":["compensationStateMachine","state","transition","componentEvents","reduce","ctx","JobsListContextual","EditCompensationContextual","ev"],"mappings":";;;;AAsBO,MAAMA,IAA2B;AAAA,EACtC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACsC;AAAA,UACtC,GAAGH;AAAA,UACH,WAAWE;AAAA,UACX,cAAcC,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASP;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

package/dist/components/Employee/Compensation/shared/useCompensationForm/fields.js

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { TextInputHookField as n } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { DatePickerHookField as n } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { CheckboxHookField as r } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { DatePickerHookField as m } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { TextInputHookField as m } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 function c(e) {
-  return /* @__PURE__ */ t(n, { ...e, name: "title" });
+  return /* @__PURE__ */ t(m, { ...e, name: "title" });
 }
 function p(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "flsaStatus" });
@@ -23,7 +23,7 @@ function g(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "minimumWageId" });
 }
 function x(e) {
-  return /* @__PURE__ */ t(m, { ...e, name: "effectiveDate" });
+  return /* @__PURE__ */ t(n, { ...e, name: "effectiveDate" });
 }
 export {
   H as AdjustForMinimumWageField,

package/dist/components/Employee/Compensation/shared/useJobForm/fields.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
-import { TextInputHookField as t } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as r } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { SelectHookField as t } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 import { CheckboxHookField as i } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 import { DatePickerHookField as n } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { RadioGroupHookField as a } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { TextInputHookField as a } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 function F(e) {
-  return /* @__PURE__ */ o(t, { ...e, name: "title" });
+  return /* @__PURE__ */ o(a, { ...e, name: "title" });
 }
 function p(e) {
   return /* @__PURE__ */ o(n, { ...e, name: "hireDate" });
@@ -14,10 +14,10 @@ function k(e) {
   return /* @__PURE__ */ o(i, { ...e, name: "twoPercentShareholder" });
 }
 function s(e) {
-  return /* @__PURE__ */ o(a, { ...e, name: "stateWcCovered" });
+  return /* @__PURE__ */ o(r, { ...e, name: "stateWcCovered" });
 }
 function C(e) {
-  return /* @__PURE__ */ o(r, { ...e, name: "stateWcClassCode" });
+  return /* @__PURE__ */ o(t, { ...e, name: "stateWcClassCode" });
 }
 export {
   p as HireDateField,