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

package/dist/components/Employee/Deductions/management/DeductionsComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsComponents.js","sources":["../../../../../src/components/Employee/Deductions/management/DeductionsComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { DeductionsCard } from './DeductionsCard'\nimport { DeductionsEditForm } from './DeductionsEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype DeductionsSuccessAlertCode = 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted'\n\n/** @internal */\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId?: string\n  /** Set when transitioning to `editDeduction` via the EDIT event; consumed\n   *  by `DeductionsEditFormContextual` to pre-populate the form. Omit on\n   *  ADD to open the form in create mode. */\n  editingDeductionId?: string\n  successAlert?: DeductionsSuccessAlertCode | null\n}\n\n/** @internal */\nexport function DeductionsCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<DeductionsContextInterface>()\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <DeductionsCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function DeductionsEditFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  return (\n    <DeductionsEditForm\n      employeeId={ensureRequired(employeeId)}\n      editingDeductionId={editingDeductionId}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DeductionsCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","DeductionsCard","ensureRequired","DeductionsEditFormContextual","editingDeductionId","DeductionsEditForm"],"mappings":";;;;;;;;;AAsBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,gDAAgD,IAAI;AAAA,QAC9E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAe,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5E;AAEJ;AAGO,SAASa,IAA+B;AAC7C,QAAM,EAAE,YAAAd,GAAY,oBAAAe,GAAoB,SAAAd,EAAA,IAAYE,EAAA;AACpD,SACE,gBAAAO;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAAYH,EAAeb,CAAU;AAAA,MACrC,oBAAAe;AAAA,MACA,SAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DeductionsComponents.js","sources":["../../../../../src/components/Employee/Deductions/management/DeductionsComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { DeductionsCard } from './DeductionsCard'\nimport { DeductionsEditForm } from './DeductionsEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype DeductionsSuccessAlertCode = 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted'\n\n/** @internal */\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId?: string\n  /** Set when transitioning to `editDeduction` via the EDIT event; consumed\n   *  by `DeductionsEditFormContextual` to pre-populate the form. Omit on\n   *  ADD to open the form in create mode. */\n  editingDeductionId?: string\n  successAlert?: DeductionsSuccessAlertCode | null\n}\n\n/** @internal */\nexport function DeductionsCardContextual() {\n  const { employeeId, onEvent, successAlert, LoaderComponent } =\n    useFlow<DeductionsContextInterface>()\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <DeductionsCard\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function DeductionsEditFormContextual() {\n  const { employeeId, editingDeductionId, onEvent, LoaderComponent } =\n    useFlow<DeductionsContextInterface>()\n  return (\n    <DeductionsEditForm\n      employeeId={ensureRequired(employeeId)}\n      editingDeductionId={editingDeductionId}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["DeductionsCardContextual","employeeId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","DeductionsCard","ensureRequired","DeductionsEditFormContextual","editingDeductionId","DeductionsEditForm"],"mappings":";;;;;;;;;AAsBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IACzCC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,gDAAgD,IAAI;AAAA,QAC9E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,YAAYC,EAAed,CAAU;AAAA,QACrC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAA+B;AAC7C,QAAM,EAAE,YAAAf,GAAY,oBAAAgB,GAAoB,SAAAf,GAAS,iBAAAE,EAAA,IAC/CC,EAAA;AACF,SACE,gBAAAO;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAAYH,EAAed,CAAU;AAAA,MACrC,oBAAAgB;AAAA,MACA,SAAAf;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.d.ts

@@ -30,4 +30,4 @@ export interface DeductionsEditFormProps extends BaseComponentInterface<'Employe
  * @returns The rendered add/edit form.
  * @public
  */
-export declare function DeductionsEditForm({ FallbackComponent, ...props }: DeductionsEditFormProps): import("react").JSX.Element;
+export declare function DeductionsEditForm({ FallbackComponent, LoaderComponent, ...props }: DeductionsEditFormProps): import("react").JSX.Element;

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js

@@ -1,51 +1,58 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useDeductionsList as D } from "../../shared/useDeductionsList.js";
-import { useManagementDeductionsFormDictionary as d } from "./useFormDictionary.js";
-import { BaseBoundaries as M, BaseLayout as m } from "../../../../Base/Base.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useDeductionsList as d } from "../../shared/useDeductionsList.js";
+import { useManagementDeductionsFormDictionary as M } from "./useFormDictionary.js";
+import { BaseBoundaries as _, BaseLayout as u } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
-import { useI18n as _, useComponentDictionary as p } from "../../../../../i18n/I18n.js";
-import { componentEvents as i } from "../../../../../shared/constants.js";
-import { DeductionsForm as f } from "../../shared/DeductionsForm/DeductionsForm.js";
-function F({ FallbackComponent: r, ...n }) {
-  return /* @__PURE__ */ o(
-    M,
+import { useI18n as f, useComponentDictionary as l } from "../../../../../i18n/I18n.js";
+import { componentEvents as m } from "../../../../../shared/constants.js";
+import { DeductionsForm as p } from "../../shared/DeductionsForm/DeductionsForm.js";
+function I({
+  FallbackComponent: n,
+  LoaderComponent: o,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    _,
     {
       componentName: "Employee.Management.Deductions",
-      FallbackComponent: r,
-      children: /* @__PURE__ */ o(l, { ...n })
+      FallbackComponent: n,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ r(N, { LoaderComponent: o, ...e })
     }
   );
 }
-function l({
-  employeeId: r,
-  editingDeductionId: n,
-  dictionary: s,
-  onEvent: E
+function N({
+  employeeId: n,
+  editingDeductionId: o,
+  dictionary: e,
+  onEvent: s,
+  LoaderComponent: i
 }) {
-  _("Employee.Management.Deductions"), p("Employee.Management.Deductions", s);
-  const e = D({ employeeId: r }), a = d();
-  if (e.isLoading)
-    return /* @__PURE__ */ o(m, { isLoading: !0, error: e.errorHandling.errors });
-  const u = n ? e.data.deductions.find((t) => t.uuid === n) ?? null : null;
-  return /* @__PURE__ */ o(m, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(
-    f,
+  f("Employee.Management.Deductions"), l("Employee.Management.Deductions", e);
+  const t = d({ employeeId: n }), c = M();
+  if (t.isLoading)
+    return /* @__PURE__ */ r(u, { isLoading: !0, error: t.errorHandling.errors, LoaderComponent: i });
+  const a = o ? t.data.deductions.find((E) => E.uuid === o) ?? null : null;
+  return /* @__PURE__ */ r(u, { error: t.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(
+    p,
     {
-      employeeId: r,
-      deduction: u,
-      dictionary: a,
-      onSaved: (t, c) => {
-        E(
-          c === "create" ? i.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED : i.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,
-          t
+      employeeId: n,
+      deduction: a,
+      dictionary: c,
+      LoaderComponent: i,
+      onSaved: (E, D) => {
+        s(
+          D === "create" ? m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED : m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,
+          E
         );
       },
       onCancel: () => {
-        E(i.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED);
+        s(m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED);
       }
     }
   ) });
 }
 export {
-  F as DeductionsEditForm
+  I as DeductionsEditForm
 };
 //# sourceMappingURL=DeductionsEditForm.js.map

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({ FallbackComponent, ...props }: DeductionsEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AAuCO,SAASA,EAAmB,EAAE,mBAAAC,GAAmB,GAAGC,KAAkC;AAC3F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,SACE,gBAAAJ,EAACa,GAAA,EAAW,OAAOJ,EAAK,cAAc,QACpC,UAAA,gBAAAT;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,SAAS,CAACM,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: DeductionsEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DeductionsEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return (\n      <BaseLayout isLoading error={list.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        LoaderComponent={LoaderComponent}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AAuCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AACF,GAA4B;AAC1B,EAAAS,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,WACE,gBAAAT,EAACa,KAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ,iBAAAX,GAAkC;AAI9F,QAAMgB,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,2BACGS,GAAA,EAAW,OAAOJ,EAAK,cAAc,QAAQ,iBAAAX,GAC5C,UAAA,gBAAAE;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,iBAAAb;AAAA,MACA,SAAS,CAACmB,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Deductions/management/deductionsStateMachine.d.ts

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

package/dist/components/Employee/Deductions/management/deductionsStateMachine.js

@@ -1,5 +1,6 @@
-import { state as n, transition as t, reduce as e } from "robot3";
-import { DeductionsEditFormContextual as c, DeductionsCardContextual as _ } from "./DeductionsComponents.js";
+import { DeductionsEditFormContextual as n, DeductionsCardContextual as _ } from "./DeductionsComponents.js";
+import "react";
+import { state as c, transition as t, reduce as e } from "../../../../lib/state-machine/core.js";
 import { componentEvents as d } from "../../../../shared/constants.js";
 const i = e((E) => ({
   ...E,
@@ -11,14 +12,14 @@ const i = e((E) => ({
   component: _,
   successAlert: E,
   editingDeductionId: void 0
-})), M = {
-  card: n(
+})), T = {
+  card: c(
     t(
       d.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,
       "editDeduction",
       e((E) => ({
         ...E,
-        component: c,
+        component: n,
         successAlert: null,
         editingDeductionId: void 0
       }))
@@ -29,7 +30,7 @@ const i = e((E) => ({
       e(
         (E, o) => ({
           ...E,
-          component: c,
+          component: n,
           successAlert: null,
           editingDeductionId: o.payload.uuid
         })
@@ -46,7 +47,7 @@ const i = e((E) => ({
       i
     )
   ),
-  editDeduction: n(
+  editDeduction: c(
     t(
       d.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED,
       "card",
@@ -65,6 +66,6 @@ const i = e((E) => ({
   )
 };
 export {
-  M as deductionsStateMachine
+  T as deductionsStateMachine
 };
 //# sourceMappingURL=deductionsStateMachine.js.map

package/dist/components/Employee/Deductions/management/deductionsStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"deductionsStateMachine.js","sources":["../../../../../src/components/Employee/Deductions/management/deductionsStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { DeductionsContextInterface } from './DeductionsComponents'\nimport { DeductionsCardContextual, DeductionsEditFormContextual } from './DeductionsComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED]: Garnishment\n}\n\nconst returnToCard = reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n  ...ctx,\n  component: DeductionsCardContextual as ComponentType,\n  successAlert: null,\n  editingDeductionId: undefined,\n}))\n\nconst returnToCardWithAlert = (alert: DeductionsContextInterface['successAlert']) =>\n  reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n    ...ctx,\n    component: DeductionsCardContextual as ComponentType,\n    successAlert: alert,\n    editingDeductionId: undefined,\n  }))\n\n/** @internal */\nexport const deductionsStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,\n      'editDeduction',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsEditFormContextual as ComponentType,\n        successAlert: null,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED,\n      'editDeduction',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED\n          >,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual as ComponentType,\n          successAlert: null,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED,\n      'card',\n      returnToCardWithAlert('deductionDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editDeduction: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED,\n      'card',\n      returnToCardWithAlert('deductionAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n      'card',\n      returnToCardWithAlert('deductionUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","DeductionsCardContextual","returnToCardWithAlert","alert","deductionsStateMachine","state","transition","componentEvents","DeductionsEditFormContextual","ev"],"mappings":";;;AAYA,MAAMA,IAAeC,EAAO,CAACC,OAAiE;AAAA,EAC5F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAAA,EACd,oBAAoB;AACtB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAAA,EACd,oBAAoB;AACtB,EAAE,GAGSC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,QACd,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAS,OAIgC;AAAA,UAChC,GAAGT;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,UACd,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI;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":"deductionsStateMachine.js","sources":["../../../../../src/components/Employee/Deductions/management/deductionsStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { DeductionsContextInterface } from './DeductionsComponents'\nimport { DeductionsCardContextual, DeductionsEditFormContextual } from './DeductionsComponents'\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_DEDUCTIONS_CARD_EDIT_REQUESTED]: Garnishment\n}\n\nconst returnToCard = reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n  ...ctx,\n  component: DeductionsCardContextual as ComponentType,\n  successAlert: null,\n  editingDeductionId: undefined,\n}))\n\nconst returnToCardWithAlert = (alert: DeductionsContextInterface['successAlert']) =>\n  reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n    ...ctx,\n    component: DeductionsCardContextual as ComponentType,\n    successAlert: alert,\n    editingDeductionId: undefined,\n  }))\n\n/** @internal */\nexport const deductionsStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,\n      'editDeduction',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsEditFormContextual as ComponentType,\n        successAlert: null,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED,\n      'editDeduction',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED\n          >,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual as ComponentType,\n          successAlert: null,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED,\n      'card',\n      returnToCardWithAlert('deductionDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editDeduction: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED,\n      'card',\n      returnToCardWithAlert('deductionAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n      'card',\n      returnToCardWithAlert('deductionUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","DeductionsCardContextual","returnToCardWithAlert","alert","deductionsStateMachine","state","transition","componentEvents","DeductionsEditFormContextual","ev"],"mappings":";;;;AAYA,MAAMA,IAAeC,EAAO,CAACC,OAAiE;AAAA,EAC5F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAAA,EACd,oBAAoB;AACtB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAAA,EACd,oBAAoB;AACtB,EAAE,GAGSC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,QACd,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAS,OAIgC;AAAA,UAChC,GAAGT;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,UACd,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI;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/Employee/Deductions/onboarding/Deductions.d.ts

@@ -46,4 +46,4 @@ export interface DeductionsProps extends BaseComponentInterface<'Employee.Deduct
  * }
  * ```
  */
-export declare function Deductions({ employeeId, dictionary, onEvent }: DeductionsProps): import("react").JSX.Element;
+export declare function Deductions({ employeeId, dictionary, onEvent, LoaderComponent }: DeductionsProps): import("react").JSX.Element;

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

@@ -1,27 +1,36 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createMachine as m } from "robot3";
 import { useMemo as c } from "react";
 import { DeductionsListContextual as s } from "./deductionsContextualComponents.js";
 import { deductionsMachine as u } from "./stateMachine.js";
-import { Flow as p } from "../../../Flow/Flow.js";
-import { BaseBoundaries as f } from "../../../Base/Base.js";
-import { useComponentDictionary as a, useI18n as d } from "../../../../i18n/I18n.js";
-function j({ employeeId: o, dictionary: t, onEvent: e }) {
-  return /* @__PURE__ */ n(f, { componentName: "Employee.Deductions", children: /* @__PURE__ */ n(D, { employeeId: o, dictionary: t, onEvent: e }) });
+import { createMachine as p } from "../../../../lib/state-machine/core.js";
+import { Flow as f } from "../../../Flow/Flow.js";
+import { BaseBoundaries as a } from "../../../Base/Base.js";
+import { useComponentDictionary as d, useI18n as D } from "../../../../i18n/I18n.js";
+function F({ employeeId: t, dictionary: e, onEvent: i, LoaderComponent: o }) {
+  return /* @__PURE__ */ n(a, { componentName: "Employee.Deductions", LoaderComponent: o, children: /* @__PURE__ */ n(
+    l,
+    {
+      employeeId: t,
+      dictionary: e,
+      onEvent: i,
+      LoaderComponent: o
+    }
+  ) });
 }
-function D({ employeeId: o, dictionary: t, onEvent: e }) {
-  a("Employee.Deductions", t), d("Employee.Deductions");
-  const i = c(
-    () => m("list", u, (r) => ({
-      ...r,
+function l({ employeeId: t, dictionary: e, onEvent: i, LoaderComponent: o }) {
+  d("Employee.Deductions", e), D("Employee.Deductions");
+  const r = c(
+    () => p("list", u, (m) => ({
+      ...m,
       component: s,
-      employeeId: o
+      employeeId: t,
+      LoaderComponent: o
     })),
-    [o]
+    [t, o]
   );
-  return /* @__PURE__ */ n(p, { machine: i, onEvent: e });
+  return /* @__PURE__ */ n(f, { machine: r, onEvent: i });
 }
 export {
-  j as Deductions
+  F as Deductions
 };
 //# sourceMappingURL=Deductions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  DeductionsListContextual,\n  type DeductionsContextInterface,\n} from './deductionsContextualComponents'\nimport { deductionsMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/**\n * Props for {@link Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.\n *\n * @remarks\n * Renders the employee's current deductions as a list, with an empty state when none exist. Users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |\n * | `employee/deductions/edit` | Fired when the user opens the form to edit an existing deduction | The matching `Garnishment` |\n * | `employee/deductions/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/deductions/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/deductions/deleted` | Fired after a deduction is deleted and others remain | The deleted `Garnishment` |\n * | `employee/deductions/deletedEmpty` | Fired after the last deduction is deleted, leaving none | — |\n * | `employee/deductions/cancel` | Fired when the user cancels the form while other deductions exist | — |\n * | `employee/deductions/cancelEmpty` | Fired when the user cancels the form and no deductions remain | — |\n * | `employee/deductions/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The deductions 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.Deductions\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Deductions({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Deductions\">\n      <DeductionsRoot employeeId={employeeId} dictionary={dictionary} onEvent={onEvent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsRoot({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('list', deductionsMachine, (initialContext: DeductionsContextInterface) => ({\n        ...initialContext,\n        component: DeductionsListContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["Deductions","employeeId","dictionary","onEvent","jsx","BaseBoundaries","DeductionsRoot","useComponentDictionary","useI18n","machine","useMemo","createMachine","deductionsMachine","initialContext","DeductionsListContextual","Flow"],"mappings":";;;;;;;;AA2DO,SAASA,EAAW,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAC5B,4BAACC,GAAA,EAAe,YAAAL,GAAwB,YAAAC,GAAwB,SAAAC,EAAA,CAAkB,EAAA,CACpF;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAL,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC5E,EAAAI,EAAuB,uBAAuBL,CAAU,GACxDM,EAAQ,qBAAqB;AAE7B,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAmB,CAACC,OAAgD;AAAA,MACxF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAb;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAG,EAACW,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/Deductions.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  DeductionsListContextual,\n  type DeductionsContextInterface,\n} from './deductionsContextualComponents'\nimport { deductionsMachine } from './stateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/**\n * Props for {@link Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.\n *\n * @remarks\n * Renders the employee's current deductions as a list, with an empty state when none exist. Users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |\n * | `employee/deductions/edit` | Fired when the user opens the form to edit an existing deduction | The matching `Garnishment` |\n * | `employee/deductions/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/deductions/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/deductions/deleted` | Fired after a deduction is deleted and others remain | The deleted `Garnishment` |\n * | `employee/deductions/deletedEmpty` | Fired after the last deduction is deleted, leaving none | — |\n * | `employee/deductions/cancel` | Fired when the user cancels the form while other deductions exist | — |\n * | `employee/deductions/cancelEmpty` | Fired when the user cancels the form and no deductions remain | — |\n * | `employee/deductions/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The deductions 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.Deductions\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Deductions({ employeeId, dictionary, onEvent, LoaderComponent }: DeductionsProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Deductions\" LoaderComponent={LoaderComponent}>\n      <DeductionsRoot\n        employeeId={employeeId}\n        dictionary={dictionary}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsRoot({ employeeId, dictionary, onEvent, LoaderComponent }: DeductionsProps) {\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('list', deductionsMachine, (initialContext: DeductionsContextInterface) => ({\n        ...initialContext,\n        component: DeductionsListContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["Deductions","employeeId","dictionary","onEvent","LoaderComponent","jsx","BaseBoundaries","DeductionsRoot","useComponentDictionary","useI18n","machine","useMemo","createMachine","deductionsMachine","initialContext","DeductionsListContextual","Flow"],"mappings":";;;;;;;;AA2DO,SAASA,EAAW,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAoC;AAChG,SACE,gBAAAC,EAACC,GAAA,EAAe,eAAc,uBAAsB,iBAAAF,GAClD,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAN;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAN,GAAY,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAoC;AAC7F,EAAAI,EAAuB,uBAAuBN,CAAU,GACxDO,EAAQ,qBAAqB;AAE7B,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAmB,CAACC,OAAgD;AAAA,MACxF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAd;AAAA,MACA,iBAAAG;AAAA,IAAA,EACA;AAAA,IACJ,CAACH,GAAYG,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAC,EAACW,GAAA,EAAK,SAAAN,GAAkB,SAAAP,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/Deductions/onboarding/deductionsContextualComponents.js

@@ -1,66 +1,67 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useDeductionsList as l } from "../shared/useDeductionsList.js";
+import { useDeductionsList as L } from "../shared/useDeductionsList.js";
 import { DeductionsList as _ } from "./DeductionsList/DeductionsList.js";
-import { useOnboardingDeductionsFormDictionary as C } from "./useFormDictionary.js";
-import { BaseLayout as d } from "../../../Base/Base.js";
-import { useFlow as L } from "../../../Flow/useFlow.js";
-import { componentEvents as o } from "../../../../shared/constants.js";
-import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
+import { useOnboardingDeductionsFormDictionary as p } from "./useFormDictionary.js";
+import { BaseLayout as D } from "../../../Base/Base.js";
+import { useFlow as C } from "../../../Flow/useFlow.js";
+import { componentEvents as n } from "../../../../shared/constants.js";
+import { ensureRequired as l } from "../../../../helpers/ensureRequired.js";
 import { DeductionsForm as f } from "../shared/DeductionsForm/DeductionsForm.js";
-function U() {
-  const { employeeId: s, onEvent: n } = L(), e = l({ employeeId: m(s) });
-  if (e.isLoading)
-    return /* @__PURE__ */ i(d, { isLoading: !0, error: e.errorHandling.errors });
+function A() {
+  const { employeeId: d, onEvent: e, LoaderComponent: E } = C(), o = L({ employeeId: l(d) });
+  if (o.isLoading)
+    return /* @__PURE__ */ i(D, { isLoading: !0, error: o.errorHandling.errors, LoaderComponent: E });
   const r = () => {
-    n(o.EMPLOYEE_DEDUCTION_ADD);
-  }, D = (t) => {
-    n(o.EMPLOYEE_DEDUCTION_EDIT, t);
-  }, c = () => {
-    n(o.EMPLOYEE_DEDUCTION_DONE);
+    e(n.EMPLOYEE_DEDUCTION_ADD);
+  }, c = (t) => {
+    e(n.EMPLOYEE_DEDUCTION_EDIT, t);
+  }, a = () => {
+    e(n.EMPLOYEE_DEDUCTION_DONE);
   }, u = async (t) => {
-    const E = await e.actions.onDelete(t);
-    E && (E.data.remainingActiveCount === 0 ? n(o.EMPLOYEE_DEDUCTION_DELETED_EMPTY) : n(o.EMPLOYEE_DEDUCTION_DELETED, E.data.garnishment));
+    const s = await o.actions.onDelete(t);
+    s && (s.data.remainingActiveCount === 0 ? e(n.EMPLOYEE_DEDUCTION_DELETED_EMPTY) : e(n.EMPLOYEE_DEDUCTION_DELETED, s.data.garnishment));
   };
-  return /* @__PURE__ */ i(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(D, { error: o.errorHandling.errors, LoaderComponent: E, children: /* @__PURE__ */ i(
     _,
     {
-      deductionsList: e,
+      deductionsList: o,
       onAdd: r,
-      onEdit: D,
+      onEdit: c,
       onDelete: (t) => {
         u(t);
       },
-      onContinue: c
+      onContinue: a
     }
   ) });
 }
-function A() {
-  const { employeeId: s, editingDeductionId: n, onEvent: e } = L(), r = l({ employeeId: m(s) }), D = C();
+function v() {
+  const { employeeId: d, editingDeductionId: e, onEvent: E, LoaderComponent: o } = C(), r = L({ employeeId: l(d) }), c = p();
   if (r.isLoading)
-    return /* @__PURE__ */ i(d, { isLoading: !0, error: r.errorHandling.errors });
-  const c = n ? r.data.deductions.find((a) => a.uuid === n) ?? null : null, u = r.data.deductions.length > 0, t = (a, O) => {
-    e(
-      O === "create" ? o.EMPLOYEE_DEDUCTION_CREATED : o.EMPLOYEE_DEDUCTION_UPDATED,
-      a
+    return /* @__PURE__ */ i(D, { isLoading: !0, error: r.errorHandling.errors, LoaderComponent: o });
+  const a = e ? r.data.deductions.find((m) => m.uuid === e) ?? null : null, u = r.data.deductions.length > 0, t = (m, O) => {
+    E(
+      O === "create" ? n.EMPLOYEE_DEDUCTION_CREATED : n.EMPLOYEE_DEDUCTION_UPDATED,
+      m
     );
-  }, E = () => {
-    e(
-      u ? o.EMPLOYEE_DEDUCTION_CANCEL : o.EMPLOYEE_DEDUCTION_CANCEL_EMPTY
+  }, s = () => {
+    E(
+      u ? n.EMPLOYEE_DEDUCTION_CANCEL : n.EMPLOYEE_DEDUCTION_CANCEL_EMPTY
     );
   };
-  return /* @__PURE__ */ i(d, { error: r.errorHandling.errors, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(D, { error: r.errorHandling.errors, LoaderComponent: o, children: /* @__PURE__ */ i(
     f,
     {
-      employeeId: m(s),
-      deduction: c,
-      dictionary: D,
+      employeeId: l(d),
+      deduction: a,
+      dictionary: c,
       onSaved: t,
-      onCancel: E
+      onCancel: s,
+      LoaderComponent: o
     }
   ) });
 }
 export {
-  A as DeductionsFormContextual,
-  U as DeductionsListContextual
+  v as DeductionsFormContextual,
+  A as DeductionsListContextual
 };
 //# sourceMappingURL=deductionsContextualComponents.js.map

package/dist/components/Employee/Deductions/onboarding/deductionsContextualComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"deductionsContextualComponents.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/deductionsContextualComponents.tsx"],"sourcesContent":["import { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useDeductionsList } from '../shared/useDeductionsList'\nimport { DeductionsForm } from '../shared/DeductionsForm'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { useOnboardingDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined\n}\n\n/** @internal */\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId: string\n  /** Set by the EDIT transition; consumed by the form-mode contextual. */\n  editingDeductionId?: string\n}\n\n/** @internal */\nexport function DeductionsListContextual() {\n  const { employeeId, onEvent } = useFlow<DeductionsContextInterface>()\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n  const onEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n  const onContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  const onDelete = async (deduction: Garnishment) => {\n    const result = await list.actions.onDelete(deduction)\n    if (!result) return\n    if (result.data.remainingActiveCount === 0) {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, result.data.garnishment)\n    }\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsList\n        deductionsList={list}\n        onAdd={onAdd}\n        onEdit={onEdit}\n        onDelete={(d: Garnishment) => {\n          void onDelete(d)\n        }}\n        onContinue={onContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/** @internal */\nexport function DeductionsFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes\n  // so this is the only outstanding request.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n  const formDictionary = useOnboardingDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n  const hasActiveDeductions = list.data.deductions.length > 0\n\n  const onSaved = (saved: Garnishment, mode: 'create' | 'update') => {\n    onEvent(\n      mode === 'create'\n        ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n        : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      saved,\n    )\n  }\n  const onCancel = () => {\n    onEvent(\n      hasActiveDeductions\n        ? componentEvents.EMPLOYEE_DEDUCTION_CANCEL\n        : componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n    )\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={onSaved}\n        onCancel={onCancel}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsListContextual","employeeId","onEvent","useFlow","list","useDeductionsList","ensureRequired","BaseLayout","onAdd","componentEvents","onEdit","deduction","onContinue","onDelete","result","jsx","DeductionsList","d","DeductionsFormContextual","editingDeductionId","formDictionary","useOnboardingDeductionsFormDictionary","hasActiveDeductions","onSaved","saved","mode","onCancel","DeductionsForm"],"mappings":";;;;;;;;;AA+BO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA,GAC1BC,IAAOC,EAAkB,EAAE,YAAYC,EAAeL,CAAU,GAAG;AAEzE,MAAIG,EAAK;AACP,6BAAQG,GAAA,EAAW,WAAS,IAAC,OAAOH,EAAK,cAAc,QAAQ;AAGjE,QAAMI,IAAQ,MAAM;AAClB,IAAAN,EAAQO,EAAgB,sBAAsB;AAAA,EAChD,GACMC,IAAS,CAACC,MAA2B;AACzC,IAAAT,EAAQO,EAAgB,yBAAyBE,CAAS;AAAA,EAC5D,GACMC,IAAa,MAAM;AACvB,IAAAV,EAAQO,EAAgB,uBAAuB;AAAA,EACjD,GACMI,IAAW,OAAOF,MAA2B;AACjD,UAAMG,IAAS,MAAMV,EAAK,QAAQ,SAASO,CAAS;AACpD,IAAKG,MACDA,EAAO,KAAK,yBAAyB,IACvCZ,EAAQO,EAAgB,gCAAgC,IAExDP,EAAQO,EAAgB,4BAA4BK,EAAO,KAAK,WAAW;AAAA,EAE/E;AAEA,SACE,gBAAAC,EAACR,GAAA,EAAW,OAAOH,EAAK,cAAc,QACpC,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBZ;AAAA,MAChB,OAAAI;AAAA,MACA,QAAAE;AAAA,MACA,UAAU,CAACO,MAAmB;AAC5B,QAAKJ,EAASI,CAAC;AAAA,MACjB;AAAA,MACA,YAAAL;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAGO,SAASM,IAA2B;AACzC,QAAM,EAAE,YAAAjB,GAAY,oBAAAkB,GAAoB,SAAAjB,EAAA,IAAYC,EAAA,GAG9CC,IAAOC,EAAkB,EAAE,YAAYC,EAAeL,CAAU,GAAG,GACnEmB,IAAiBC,EAAA;AAEvB,MAAIjB,EAAK;AACP,6BAAQG,GAAA,EAAW,WAAS,IAAC,OAAOH,EAAK,cAAc,QAAQ;AAGjE,QAAMO,IAAYQ,IACbf,EAAK,KAAK,WAAW,KAAK,CAAAa,MAAKA,EAAE,SAASE,CAAkB,KAAK,OAClE,MACEG,IAAsBlB,EAAK,KAAK,WAAW,SAAS,GAEpDmB,IAAU,CAACC,GAAoBC,MAA8B;AACjE,IAAAvB;AAAA,MACEuB,MAAS,WACLhB,EAAgB,6BAChBA,EAAgB;AAAA,MACpBe;AAAA,IAAA;AAAA,EAEJ,GACME,IAAW,MAAM;AACrB,IAAAxB;AAAA,MACEoB,IACIb,EAAgB,4BAChBA,EAAgB;AAAA,IAAA;AAAA,EAExB;AAEA,SACE,gBAAAM,EAACR,GAAA,EAAW,OAAOH,EAAK,cAAc,QACpC,UAAA,gBAAAW;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,YAAYrB,EAAeL,CAAU;AAAA,MACrC,WAAAU;AAAA,MACA,YAAYS;AAAA,MACZ,SAAAG;AAAA,MACA,UAAAG;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"deductionsContextualComponents.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/deductionsContextualComponents.tsx"],"sourcesContent":["import { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useDeductionsList } from '../shared/useDeductionsList'\nimport { DeductionsForm } from '../shared/DeductionsForm'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { useOnboardingDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined\n}\n\n/** @internal */\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId: string\n  /** Set by the EDIT transition; consumed by the form-mode contextual. */\n  editingDeductionId?: string\n}\n\n/** @internal */\nexport function DeductionsListContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<DeductionsContextInterface>()\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return (\n      <BaseLayout isLoading error={list.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n  const onEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n  const onContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  const onDelete = async (deduction: Garnishment) => {\n    const result = await list.actions.onDelete(deduction)\n    if (!result) return\n    if (result.data.remainingActiveCount === 0) {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, result.data.garnishment)\n    }\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <DeductionsList\n        deductionsList={list}\n        onAdd={onAdd}\n        onEdit={onEdit}\n        onDelete={(d: Garnishment) => {\n          void onDelete(d)\n        }}\n        onContinue={onContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/** @internal */\nexport function DeductionsFormContextual() {\n  const { employeeId, editingDeductionId, onEvent, LoaderComponent } =\n    useFlow<DeductionsContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes\n  // so this is the only outstanding request.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n  const formDictionary = useOnboardingDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return (\n      <BaseLayout isLoading error={list.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n  const hasActiveDeductions = list.data.deductions.length > 0\n\n  const onSaved = (saved: Garnishment, mode: 'create' | 'update') => {\n    onEvent(\n      mode === 'create'\n        ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n        : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      saved,\n    )\n  }\n  const onCancel = () => {\n    onEvent(\n      hasActiveDeductions\n        ? componentEvents.EMPLOYEE_DEDUCTION_CANCEL\n        : componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n    )\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={onSaved}\n        onCancel={onCancel}\n        LoaderComponent={LoaderComponent}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsListContextual","employeeId","onEvent","LoaderComponent","useFlow","list","useDeductionsList","ensureRequired","jsx","BaseLayout","onAdd","componentEvents","onEdit","deduction","onContinue","onDelete","result","DeductionsList","d","DeductionsFormContextual","editingDeductionId","formDictionary","useOnboardingDeductionsFormDictionary","hasActiveDeductions","onSaved","saved","mode","onCancel","DeductionsForm"],"mappings":";;;;;;;;;AA+BO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,EAAA,IAAoBC,EAAA,GAC3CC,IAAOC,EAAkB,EAAE,YAAYC,EAAeN,CAAU,GAAG;AAEzE,MAAII,EAAK;AACP,WACE,gBAAAG,EAACC,KAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ,iBAAAF,GAAkC;AAI9F,QAAMO,IAAQ,MAAM;AAClB,IAAAR,EAAQS,EAAgB,sBAAsB;AAAA,EAChD,GACMC,IAAS,CAACC,MAA2B;AACzC,IAAAX,EAAQS,EAAgB,yBAAyBE,CAAS;AAAA,EAC5D,GACMC,IAAa,MAAM;AACvB,IAAAZ,EAAQS,EAAgB,uBAAuB;AAAA,EACjD,GACMI,IAAW,OAAOF,MAA2B;AACjD,UAAMG,IAAS,MAAMX,EAAK,QAAQ,SAASQ,CAAS;AACpD,IAAKG,MACDA,EAAO,KAAK,yBAAyB,IACvCd,EAAQS,EAAgB,gCAAgC,IAExDT,EAAQS,EAAgB,4BAA4BK,EAAO,KAAK,WAAW;AAAA,EAE/E;AAEA,2BACGP,GAAA,EAAW,OAAOJ,EAAK,cAAc,QAAQ,iBAAAF,GAC5C,UAAA,gBAAAK;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,gBAAgBZ;AAAA,MAChB,OAAAK;AAAA,MACA,QAAAE;AAAA,MACA,UAAU,CAACM,MAAmB;AAC5B,QAAKH,EAASG,CAAC;AAAA,MACjB;AAAA,MACA,YAAAJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAGO,SAASK,IAA2B;AACzC,QAAM,EAAE,YAAAlB,GAAY,oBAAAmB,GAAoB,SAAAlB,GAAS,iBAAAC,EAAA,IAC/CC,EAAA,GAGIC,IAAOC,EAAkB,EAAE,YAAYC,EAAeN,CAAU,GAAG,GACnEoB,IAAiBC,EAAA;AAEvB,MAAIjB,EAAK;AACP,WACE,gBAAAG,EAACC,KAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ,iBAAAF,GAAkC;AAI9F,QAAMU,IAAYO,IACbf,EAAK,KAAK,WAAW,KAAK,CAAAa,MAAKA,EAAE,SAASE,CAAkB,KAAK,OAClE,MACEG,IAAsBlB,EAAK,KAAK,WAAW,SAAS,GAEpDmB,IAAU,CAACC,GAAoBC,MAA8B;AACjE,IAAAxB;AAAA,MACEwB,MAAS,WACLf,EAAgB,6BAChBA,EAAgB;AAAA,MACpBc;AAAA,IAAA;AAAA,EAEJ,GACME,IAAW,MAAM;AACrB,IAAAzB;AAAA,MACEqB,IACIZ,EAAgB,4BAChBA,EAAgB;AAAA,IAAA;AAAA,EAExB;AAEA,2BACGF,GAAA,EAAW,OAAOJ,EAAK,cAAc,QAAQ,iBAAAF,GAC5C,UAAA,gBAAAK;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,YAAYrB,EAAeN,CAAU;AAAA,MACrC,WAAAY;AAAA,MACA,YAAYQ;AAAA,MACZ,SAAAG;AAAA,MACA,UAAAG;AAAA,MACA,iBAAAxB;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Deductions/onboarding/stateMachine.d.ts

@@ -1,6 +1,16 @@
-/** @internal */
+/**
+ * `EMPLOYEE_DEDUCTION_DONE` deliberately has no transition out of `list`. `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 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 (see SDK-1169, the same bug in
+ * `Compensation`'s onboarding machine). Staying in `list` means a host that keeps this component
+ * mounted past completion keeps a fully working deductions list instead.
+ *
+ * @internal
+ */
 export declare const deductionsMachine: {
-    list: import('robot3').MachineState<any>;
-    form: import('robot3').MachineState<any>;
-    done: import('robot3').MachineState<any>;
+    list: import('../../../../lib/state-machine').StateDefinition;
+    form: import('../../../../lib/state-machine').StateDefinition;
 };

package/dist/components/Employee/Deductions/onboarding/stateMachine.js

@@ -1,71 +1,70 @@
-import { state as d, transition as t, reduce as n } from "robot3";
-import { DeductionsListContextual as E, DeductionsFormContextual as e } from "./deductionsContextualComponents.js";
-import { componentEvents as i } from "../../../../shared/constants.js";
-const _ = {
-  list: d(
+import { DeductionsListContextual as E, DeductionsFormContextual as d } from "./deductionsContextualComponents.js";
+import "react";
+import { state as e, transition as t, reduce as i } from "../../../../lib/state-machine/core.js";
+import { componentEvents as n } from "../../../../shared/constants.js";
+const p = {
+  list: e(
     t(
-      i.EMPLOYEE_DEDUCTION_ADD,
+      n.EMPLOYEE_DEDUCTION_ADD,
       "form",
-      n((o) => ({
+      i((o) => ({
         ...o,
-        component: e,
+        component: d,
         editingDeductionId: void 0
       }))
     ),
     t(
-      i.EMPLOYEE_DEDUCTION_EDIT,
+      n.EMPLOYEE_DEDUCTION_EDIT,
       "form",
-      n(
+      i(
         (o, D) => ({
           ...o,
-          component: e,
+          component: d,
           editingDeductionId: D.payload.uuid
         })
       )
-    ),
-    t(i.EMPLOYEE_DEDUCTION_DONE, "done")
+    )
   ),
-  form: d(
+  form: e(
     t(
-      i.EMPLOYEE_DEDUCTION_CREATED,
+      n.EMPLOYEE_DEDUCTION_CREATED,
       "list",
-      n((o) => ({
+      i((o) => ({
         ...o,
         component: E,
         editingDeductionId: void 0
       }))
     ),
     t(
-      i.EMPLOYEE_DEDUCTION_UPDATED,
+      n.EMPLOYEE_DEDUCTION_UPDATED,
       "list",
-      n((o) => ({
+      i((o) => ({
         ...o,
         component: E,
         editingDeductionId: void 0
       }))
     ),
     t(
-      i.EMPLOYEE_DEDUCTION_CANCEL,
+      n.EMPLOYEE_DEDUCTION_CANCEL,
       "list",
-      n((o) => ({
+      i((o) => ({
         ...o,
         component: E,
         editingDeductionId: void 0
       }))
     ),
     t(
-      i.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,
+      n.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,
       "list",
-      n((o) => ({
+      i((o) => ({
         ...o,
         component: E,
         editingDeductionId: void 0
       }))
     )
-  ),
-  done: d()
+  )
 };
 export {
-  _ as deductionsMachine
+  p as deductionsMachine
 };
 //# sourceMappingURL=stateMachine.js.map

package/dist/components/Employee/Deductions/onboarding/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DeductionsContextInterface, EventPayloads } from './deductionsContextualComponents'\nimport {\n  DeductionsListContextual,\n  DeductionsFormContextual,\n} from './deductionsContextualComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const deductionsMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_ADD,\n      'form',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsFormContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n      'form',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["deductionsMachine","state","transition","componentEvents","reduce","ctx","DeductionsFormContextual","ev","DeductionsListContextual","final"],"mappings":";;;AAUO,MAAMA,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACgC;AAAA,UAChC,GAAGF;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFL,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMC,EAAA;AACR;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/stateMachine.ts"],"sourcesContent":["import type { DeductionsContextInterface, EventPayloads } from './deductionsContextualComponents'\nimport {\n  DeductionsListContextual,\n  DeductionsFormContextual,\n} from './deductionsContextualComponents'\nimport { state, transition, reduce } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/**\n * `EMPLOYEE_DEDUCTION_DONE` deliberately has no transition out of `list`. `Flow` re-emits every\n * event to the upstream `onEvent` regardless of whether the local machine has a matching\n * transition, so the parent flow still advances/unmounts this component on that signal. Modeling\n * completion as a final state instead left `component` pointing at a step whose controls\n * could never fire another transition — if a host doesn't unmount immediately, the screen would\n * look interactive but be permanently dead (see SDK-1169, the same bug in\n * `Compensation`'s onboarding machine). Staying in `list` means a host that keeps this component\n * mounted past completion keeps a fully working deductions list instead.\n *\n * @internal\n */\nexport const deductionsMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_ADD,\n      'form',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsFormContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n      'form',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n  ),\n}\n"],"names":["deductionsMachine","state","transition","componentEvents","reduce","ctx","DeductionsFormContextual","ev","DeductionsListContextual"],"mappings":";;;;AAqBO,MAAMA,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACgC;AAAA,UAChC,GAAGF;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMN;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,EACJ;AAEJ;"}