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

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.d.ts

@@ -1,7 +1,7 @@
 /** @internal */
 export declare const employeeListStateMachine: {
-    list: import('robot3').MachineState<any>;
-    dashboard: import('robot3').MachineState<any>;
-    terminate: import('robot3').MachineState<any>;
-    onboard: import('robot3').MachineState<any>;
+    list: import('../../../lib/state-machine').StateDefinition;
+    dashboard: import('../../../lib/state-machine').StateDefinition;
+    terminate: import('../../../lib/state-machine').StateDefinition;
+    onboard: import('../../../lib/state-machine').StateDefinition;
 };

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.js

@@ -1,5 +1,6 @@
-import { state as n, transition as o, reduce as E } from "robot3";
-import { DashboardFlowContextual as m, TerminationFlowContextual as r, OnboardingExecutionFlowContextual as d, EmployeeListContextual as p } from "./EmployeeListFlowComponents.js";
+import { OnboardingExecutionFlowContextual as m, TerminationFlowContextual as r, DashboardFlowContextual as p, EmployeeListContextual as d } from "./EmployeeListFlowComponents.js";
+import "react";
+import { state as n, transition as o, reduce as E } from "../../../lib/state-machine/core.js";
 import { componentEvents as e } from "../../../shared/constants.js";
 const i = {
   type: "minimal",
@@ -11,11 +12,11 @@ const i = {
 }, a = E(
   (t) => ({
     ...t,
-    component: p,
+    component: d,
     header: null,
     employeeId: void 0
   })
-), _ = {
+), c = {
   list: n(
     o(
       e.EMPLOYEE_UPDATE,
@@ -23,7 +24,7 @@ const i = {
       E(
         (t, l) => ({
           ...t,
-          component: m,
+          component: p,
           header: i,
           employeeId: l.payload.employeeId
         })
@@ -46,7 +47,7 @@ const i = {
       "onboard",
       E((t) => ({
         ...t,
-        component: d,
+        component: m,
         header: i
       }))
     )
@@ -64,6 +65,6 @@ const i = {
   )
 };
 export {
-  _ as employeeListStateMachine
+  c as employeeListStateMachine
 };
 //# sourceMappingURL=employeeListStateMachine.js.map

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"employeeListStateMachine.js","sources":["../../../../src/components/Employee/EmployeeListFlow/employeeListStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  DashboardFlowContextual,\n  EmployeeListContextual,\n  OnboardingExecutionFlowContextual,\n  TerminationFlowContextual,\n  type EmployeeListFlowContextInterface,\n} from './EmployeeListFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: { employeeId: string }\n  [componentEvents.EMPLOYEE_DISMISS]: { employeeId: string }\n}\n\nconst backToListHeader: FlowHeaderConfig = {\n  type: 'minimal',\n  back: {\n    labelKey: 'backToListCta',\n    namespace: 'Employee.ManagementEmployeeList',\n    event: componentEvents.EMPLOYEE_RETURN_TO_LIST,\n  },\n}\n\nconst returnToList = reduce(\n  (ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n    ...ctx,\n    component: EmployeeListContextual,\n    header: null,\n    employeeId: undefined,\n  }),\n)\n\n/** @internal */\nexport const employeeListStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'dashboard',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: DashboardFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DISMISS,\n      'terminate',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DISMISS>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: TerminationFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'onboard',\n      reduce((ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n        ...ctx,\n        component: OnboardingExecutionFlowContextual,\n        header: backToListHeader,\n      })),\n    ),\n  ),\n  dashboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  terminate: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  onboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n    transition(componentEvents.EMPLOYEES_LIST, 'list', returnToList),\n    transition(componentEvents.CANCEL, 'list', returnToList),\n  ),\n}\n"],"names":["backToListHeader","componentEvents","returnToList","reduce","ctx","EmployeeListContextual","employeeListStateMachine","state","transition","ev","DashboardFlowContextual","TerminationFlowContextual","OnboardingExecutionFlowContextual"],"mappings":";;;AAiBA,MAAMA,IAAqC;AAAA,EACzC,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,OAAOC,EAAgB;AAAA,EAAA;AAE3B,GAEMC,IAAeC;AAAA,EACnB,CAACC,OAA6E;AAAA,IAC5E,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAEhB,GAGaC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,QAAQV;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWO;AAAA,UACX,QAAQX;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,QAAQZ;AAAA,MAAA,EACR;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,WAAWO;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,WAAWK;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,SAASK;AAAA,IACPC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,IACxEM,EAAWP,EAAgB,gBAAgB,QAAQC,CAAY;AAAA,IAC/DM,EAAWP,EAAgB,QAAQ,QAAQC,CAAY;AAAA,EAAA;AAE3D;"}
+{"version":3,"file":"employeeListStateMachine.js","sources":["../../../../src/components/Employee/EmployeeListFlow/employeeListStateMachine.ts"],"sourcesContent":["import {\n  DashboardFlowContextual,\n  EmployeeListContextual,\n  OnboardingExecutionFlowContextual,\n  TerminationFlowContextual,\n  type EmployeeListFlowContextInterface,\n} from './EmployeeListFlowComponents'\nimport { transition, reduce, state } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: { employeeId: string }\n  [componentEvents.EMPLOYEE_DISMISS]: { employeeId: string }\n}\n\nconst backToListHeader: FlowHeaderConfig = {\n  type: 'minimal',\n  back: {\n    labelKey: 'backToListCta',\n    namespace: 'Employee.ManagementEmployeeList',\n    event: componentEvents.EMPLOYEE_RETURN_TO_LIST,\n  },\n}\n\nconst returnToList = reduce(\n  (ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n    ...ctx,\n    component: EmployeeListContextual,\n    header: null,\n    employeeId: undefined,\n  }),\n)\n\n/** @internal */\nexport const employeeListStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'dashboard',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: DashboardFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DISMISS,\n      'terminate',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DISMISS>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: TerminationFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'onboard',\n      reduce((ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n        ...ctx,\n        component: OnboardingExecutionFlowContextual,\n        header: backToListHeader,\n      })),\n    ),\n  ),\n  dashboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  terminate: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  onboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n    transition(componentEvents.EMPLOYEES_LIST, 'list', returnToList),\n    transition(componentEvents.CANCEL, 'list', returnToList),\n  ),\n}\n"],"names":["backToListHeader","componentEvents","returnToList","reduce","ctx","EmployeeListContextual","employeeListStateMachine","state","transition","ev","DashboardFlowContextual","TerminationFlowContextual","OnboardingExecutionFlowContextual"],"mappings":";;;;AAiBA,MAAMA,IAAqC;AAAA,EACzC,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,OAAOC,EAAgB;AAAA,EAAA;AAE3B,GAEMC,IAAeC;AAAA,EACnB,CAACC,OAA6E;AAAA,IAC5E,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAEhB,GAGaC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,QAAQV;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWO;AAAA,UACX,QAAQX;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,QAAQZ;AAAA,MAAA,EACR;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,WAAWO;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,WAAWK;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,SAASK;AAAA,IACPC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,IACxEM,EAAWP,EAAgB,gBAAgB,QAAQC,CAAY;AAAA,IAC/DM,EAAWP,EAAgB,QAAQ,QAAQC,CAAY;AAAA,EAAA;AAE3D;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxes.d.ts

@@ -29,4 +29,4 @@ export interface FederalTaxesProps extends BaseComponentInterface<'Employee.Mana
  * @public
  * @group Block components
  */
-export declare function FederalTaxes({ dictionary, FallbackComponent, ...props }: FederalTaxesProps): import("react").JSX.Element;
+export declare function FederalTaxes({ dictionary, FallbackComponent, LoaderComponent, ...props }: FederalTaxesProps): import("react").JSX.Element;

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

@@ -1,36 +1,43 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createMachine as n } from "robot3";
-import { useMemo as t } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { useMemo as n } from "react";
 import { FederalTaxesCardContextual as i } from "./FederalTaxesComponents.js";
 import { federalTaxesStateMachine as s } from "./federalTaxesStateMachine.js";
-import { Flow as l } from "../../../Flow/Flow.js";
+import { createMachine as l } from "../../../../lib/state-machine/core.js";
+import { Flow as c } from "../../../Flow/Flow.js";
 import { BaseBoundaries as p } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentDictionary as c, useI18n as f } from "../../../../i18n/I18n.js";
-function u({ employeeId: e, onEvent: r }) {
-  f("Employee.Management.FederalTaxes");
-  const o = t(
-    () => n("card", s, (m) => ({
-      ...m,
+import { useComponentDictionary as f, useI18n as u } from "../../../../i18n/I18n.js";
+function x({ employeeId: r, onEvent: a, LoaderComponent: e }) {
+  u("Employee.Management.FederalTaxes");
+  const o = n(
+    () => l("card", s, (t) => ({
+      ...t,
       component: i,
-      employeeId: e,
-      successAlert: null
+      employeeId: r,
+      successAlert: null,
+      LoaderComponent: e
     })),
-    [e]
+    [r, e]
   );
-  return /* @__PURE__ */ a(l, { machine: o, onEvent: r });
+  return /* @__PURE__ */ m(c, { machine: o, onEvent: a });
 }
-function E({ dictionary: e, FallbackComponent: r, ...o }) {
-  return c("Employee.Management.FederalTaxes", e), /* @__PURE__ */ a(
+function B({
+  dictionary: r,
+  FallbackComponent: a,
+  LoaderComponent: e,
+  ...o
+}) {
+  return f("Employee.Management.FederalTaxes", r), /* @__PURE__ */ m(
     p,
     {
       componentName: "Employee.Management.FederalTaxes",
-      FallbackComponent: r,
-      children: /* @__PURE__ */ a(u, { ...o })
+      FallbackComponent: a,
+      LoaderComponent: e,
+      children: /* @__PURE__ */ m(x, { LoaderComponent: e, ...o })
     }
   );
 }
 export {
-  E as FederalTaxes
+  B as FederalTaxes
 };
 //# sourceMappingURL=FederalTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  FederalTaxesCardContextual,\n  type FederalTaxesContextInterface,\n} from './FederalTaxesComponents'\nimport { federalTaxesStateMachine } from './federalTaxesStateMachine'\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 FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction FederalTaxesFlow({ employeeId, onEvent }: FederalTaxesProps) {\n  useI18n('Employee.Management.FederalTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', federalTaxesStateMachine, (ctx: FederalTaxesContextInterface) => ({\n        ...ctx,\n        component: FederalTaxesCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and editing an employee's federal tax (W-4) withholdings — 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 filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding, with an Edit CTA that swaps to the edit form. Submitting the form returns to the card; cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link FederalTaxesCard}, {@link FederalTaxesEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, when the card needs to appear read-only with no edit affordance, or when the swap is driven by a router. Using them directly means owning the swap and any cross-component state yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/card/editRequested` | Fired when the card's Edit CTA is clicked; the block opens the edit form | `{ employeeId: string }` |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the edit form is saved; the block returns to the card view | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/federalTaxes/alertDismissed` | Fired when the user dismisses an alert above the card | `null` |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The rendered federal taxes block.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({ dictionary, FallbackComponent, ...props }: FederalTaxesProps) {\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <FederalTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["FederalTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","federalTaxesStateMachine","ctx","FederalTaxesCardContextual","jsx","Flow","FederalTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,KAA8B;AACpE,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAuBO,SAASU,EAAa,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA4B;AAC3F,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAkB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxes.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  FederalTaxesCardContextual,\n  type FederalTaxesContextInterface,\n} from './FederalTaxesComponents'\nimport { federalTaxesStateMachine } from './federalTaxesStateMachine'\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 FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction FederalTaxesFlow({ employeeId, onEvent, LoaderComponent }: FederalTaxesProps) {\n  useI18n('Employee.Management.FederalTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', federalTaxesStateMachine, (ctx: FederalTaxesContextInterface) => ({\n        ...ctx,\n        component: FederalTaxesCardContextual,\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 editing an employee's federal tax (W-4) withholdings — 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 filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding, with an Edit CTA that swaps to the edit form. Submitting the form returns to the card; cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link FederalTaxesCard}, {@link FederalTaxesEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, when the card needs to appear read-only with no edit affordance, or when the swap is driven by a router. Using them directly means owning the swap and any cross-component state yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/card/editRequested` | Fired when the card's Edit CTA is clicked; the block opens the edit form | `{ employeeId: string }` |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the edit form is saved; the block returns to the card view | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/federalTaxes/alertDismissed` | Fired when the user dismisses an alert above the card | `null` |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The rendered federal taxes block.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: FederalTaxesProps) {\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <FederalTaxesFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["FederalTaxesFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","federalTaxesStateMachine","ctx","FederalTaxesCardContextual","jsx","Flow","FederalTaxes","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;AAuBO,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/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.d.ts

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link FederalTaxesCard}.
  *
@@ -10,6 +11,8 @@ export interface FederalTaxesCardProps {
     employeeId: string;
     /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Standalone "Federal taxes" card. Owns its own data fetch via

package/dist/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js

@@ -1,61 +1,68 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { Flex as u } from "../../../../Common/Flex/Flex.js";
-import { Loading as h } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as x, BaseLayout as E } from "../../../../Base/Base.js";
-import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import g from "../../../../../hooks/useNumberFormatter.js";
-import { useI18n as F } from "../../../../../i18n/I18n.js";
+import { useTranslation as u } from "react-i18next";
+import { Flex as h } from "../../../../Common/Flex/Flex.js";
+import { Loading as x } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as E, BaseLayout as f } from "../../../../Base/Base.js";
+import { useComponentContext as g } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import F from "../../../../../hooks/useNumberFormatter.js";
+import { useI18n as C } from "../../../../../i18n/I18n.js";
 import { componentEvents as T } from "../../../../../shared/constants.js";
 import { useFederalTaxesSummary as y } from "../../shared/useFederalTaxesSummary/useFederalTaxesSummary.js";
-function N(n) {
-  return /* @__PURE__ */ t(x, { componentName: "Employee.Management.FederalTaxes", children: /* @__PURE__ */ t(C, { ...n }) });
+function W(r) {
+  return /* @__PURE__ */ t(
+    E,
+    {
+      componentName: "Employee.Management.FederalTaxes",
+      LoaderComponent: r.LoaderComponent,
+      children: /* @__PURE__ */ t(L, { ...r })
+    }
+  );
 }
-function C({ employeeId: n, onEvent: m }) {
-  F("Employee.Management.FederalTaxes");
-  const { t: o } = p("Employee.Management.FederalTaxes"), a = f(), i = g("currency"), d = y({ employeeId: n }), s = d.isLoading, e = d.isLoading ? void 0 : d.data.employeeFederalTax, c = () => {
-    m(T.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId: n });
-  }, r = /* @__PURE__ */ t("span", { "aria-label": o("card.listEmptyPlaceholder"), children: "–" }), l = e ? [
+function L({ employeeId: r, onEvent: m, LoaderComponent: c }) {
+  C("Employee.Management.FederalTaxes");
+  const { t: o } = u("Employee.Management.FederalTaxes"), a = g(), i = F("currency"), d = y({ employeeId: r }), s = d.isLoading, e = d.isLoading ? void 0 : d.data.employeeFederalTax, l = () => {
+    m(T.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId: r });
+  }, n = /* @__PURE__ */ t("span", { "aria-label": o("card.listEmptyPlaceholder"), children: "–" }), p = e ? [
     {
       term: o("card.filingStatus"),
-      description: e.filingStatus || r
+      description: e.filingStatus || n
     },
     {
       term: o("card.multipleJobs"),
-      description: "twoJobs" in e && e.twoJobs !== null ? e.twoJobs ? o("common.yes") : o("common.no") : r
+      description: "twoJobs" in e && e.twoJobs !== null ? e.twoJobs ? o("common.yes") : o("common.no") : n
     },
     {
       term: o("card.dependentsAndOtherCredits"),
-      description: "dependentsAmount" in e && e.dependentsAmount ? i(parseFloat(e.dependentsAmount)) : r
+      description: "dependentsAmount" in e && e.dependentsAmount ? i(parseFloat(e.dependentsAmount)) : n
     },
     {
       term: o("card.otherIncome"),
-      description: "otherIncome" in e && e.otherIncome ? i(parseFloat(e.otherIncome)) : r
+      description: "otherIncome" in e && e.otherIncome ? i(parseFloat(e.otherIncome)) : n
     },
     {
       term: o("card.deductions"),
-      description: "deductions" in e && e.deductions ? i(parseFloat(e.deductions)) : r
+      description: "deductions" in e && e.deductions ? i(parseFloat(e.deductions)) : n
     },
     {
       term: o("card.extraWithholding"),
-      description: "extraWithholding" in e && e.extraWithholding ? i(parseFloat(e.extraWithholding)) : r
+      description: "extraWithholding" in e && e.extraWithholding ? i(parseFloat(e.extraWithholding)) : n
     }
   ] : [];
-  return /* @__PURE__ */ t(E, { error: d.errorHandling.errors, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(f, { error: d.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ t(
     a.Box,
     {
       header: /* @__PURE__ */ t(
         a.BoxHeader,
         {
           title: o("card.title"),
-          action: /* @__PURE__ */ t(a.Button, { variant: "secondary", onClick: c, isDisabled: s, children: o("card.editCta") })
+          action: /* @__PURE__ */ t(a.Button, { variant: "secondary", onClick: l, isDisabled: s, children: o("card.editCta") })
         }
       ),
-      children: /* @__PURE__ */ t(u, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ t(h, {}) : e ? /* @__PURE__ */ t(a.DescriptionList, { items: l }) : null })
+      children: /* @__PURE__ */ t(h, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ t(x, {}) : e ? /* @__PURE__ */ t(a.DescriptionList, { items: p }) : null })
     }
   ) });
 }
 export {
-  N as FederalTaxesCard
+  W as FederalTaxesCard
 };
 //# sourceMappingURL=FederalTaxesCard.js.map

package/dist/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesCard.js","sources":["../../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxesSummary } from '../../shared/useFederalTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link FederalTaxesCard}.\n *\n * @public\n */\nexport interface FederalTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Federal taxes\" card. Owns its own data fetch via\n * `useFederalTaxesSummary` and emits\n * `EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED` when the Edit\n * button is clicked. The card has no alert API — alert rendering (when\n * introduced) is the orchestrator's responsibility.\n *\n * @public\n */\nexport function FederalTaxesCard(props: FederalTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.FederalTaxes\">\n      <FederalTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesCardContent({ employeeId, onEvent }: FederalTaxesCardProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useFederalTaxesSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const federalTaxes = summary.isLoading ? undefined : summary.data.employeeFederalTax\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId })\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const items = federalTaxes\n    ? [\n        {\n          term: t('card.filingStatus'),\n          description: federalTaxes.filingStatus || emptyPlaceholder,\n        },\n        {\n          term: t('card.multipleJobs'),\n          description:\n            'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null\n              ? federalTaxes.twoJobs\n                ? t('common.yes')\n                : t('common.no')\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.dependentsAndOtherCredits'),\n          description:\n            'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount\n              ? formatCurrency(parseFloat(federalTaxes.dependentsAmount))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.otherIncome'),\n          description:\n            'otherIncome' in federalTaxes && federalTaxes.otherIncome\n              ? formatCurrency(parseFloat(federalTaxes.otherIncome))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.deductions'),\n          description:\n            'deductions' in federalTaxes && federalTaxes.deductions\n              ? formatCurrency(parseFloat(federalTaxes.deductions))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.extraWithholding'),\n          description:\n            'extraWithholding' in federalTaxes && federalTaxes.extraWithholding\n              ? formatCurrency(parseFloat(federalTaxes.extraWithholding))\n              : emptyPlaceholder,\n        },\n      ]\n    : []\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('card.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : federalTaxes ? (\n            <Components.DescriptionList items={items} />\n          ) : null}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["FederalTaxesCard","props","jsx","BaseBoundaries","FederalTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useFederalTaxesSummary","isLoading","federalTaxes","handleEdit","componentEvents","emptyPlaceholder","items","BaseLayout","Flex","Loading"],"mappings":";;;;;;;;;;AAgCO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAyB,GAAGH,GAAO,EAAA,CACtC;AAEJ;AAEA,SAASG,EAAwB,EAAE,YAAAC,GAAY,SAAAC,KAAkC;AAC/E,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAuB,EAAE,YAAAV,GAAY,GAE/CW,IAAYF,EAAQ,WACpBG,IAAeH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAE5DI,IAAa,MAAM;AACvB,IAAAZ,EAAQa,EAAgB,uDAAuD,EAAE,YAAAd,EAAA,CAAY;AAAA,EAC/F,GAEMe,IAAmB,gBAAAlB,EAAC,QAAA,EAAK,cAAYM,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEa,IAAQJ,IACV;AAAA,IACE;AAAA,MACE,MAAMT,EAAE,mBAAmB;AAAA,MAC3B,aAAaS,EAAa,gBAAgBG;AAAA,IAAA;AAAA,IAE5C;AAAA,MACE,MAAMZ,EAAE,mBAAmB;AAAA,MAC3B,aACE,aAAaS,KAAgBA,EAAa,YAAY,OAClDA,EAAa,UACXT,EAAE,YAAY,IACdA,EAAE,WAAW,IACfY;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,gCAAgC;AAAA,MACxC,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,kBAAkB;AAAA,MAC1B,aACE,iBAAiBS,KAAgBA,EAAa,cAC1CL,EAAe,WAAWK,EAAa,WAAW,CAAC,IACnDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,iBAAiB;AAAA,MACzB,aACE,gBAAgBS,KAAgBA,EAAa,aACzCL,EAAe,WAAWK,EAAa,UAAU,CAAC,IAClDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,uBAAuB;AAAA,MAC/B,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,EACR,IAEF,CAAA;AAEJ,SACE,gBAAAlB,EAACoB,GAAA,EAAW,OAAOR,EAAQ,cAAc,QACvC,UAAA,gBAAAZ;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASQ,GAAY,YAAYF,GACrE,UAAAR,EAAE,cAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACe,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAP,IACC,gBAAAd,EAACsB,GAAA,CAAA,CAAQ,IACPP,IACF,gBAAAf,EAACQ,EAAW,iBAAX,EAA2B,OAAAW,GAAc,IACxC,KAAA,CACN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"FederalTaxesCard.js","sources":["../../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxesSummary } from '../../shared/useFederalTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link FederalTaxesCard}.\n *\n * @public\n */\nexport interface FederalTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone \"Federal taxes\" card. Owns its own data fetch via\n * `useFederalTaxesSummary` and emits\n * `EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED` when the Edit\n * button is clicked. The card has no alert API — alert rendering (when\n * introduced) is the orchestrator's responsibility.\n *\n * @public\n */\nexport function FederalTaxesCard(props: FederalTaxesCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      LoaderComponent={props.LoaderComponent}\n    >\n      <FederalTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesCardContent({ employeeId, onEvent, LoaderComponent }: FederalTaxesCardProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useFederalTaxesSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const federalTaxes = summary.isLoading ? undefined : summary.data.employeeFederalTax\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId })\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const items = federalTaxes\n    ? [\n        {\n          term: t('card.filingStatus'),\n          description: federalTaxes.filingStatus || emptyPlaceholder,\n        },\n        {\n          term: t('card.multipleJobs'),\n          description:\n            'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null\n              ? federalTaxes.twoJobs\n                ? t('common.yes')\n                : t('common.no')\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.dependentsAndOtherCredits'),\n          description:\n            'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount\n              ? formatCurrency(parseFloat(federalTaxes.dependentsAmount))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.otherIncome'),\n          description:\n            'otherIncome' in federalTaxes && federalTaxes.otherIncome\n              ? formatCurrency(parseFloat(federalTaxes.otherIncome))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.deductions'),\n          description:\n            'deductions' in federalTaxes && federalTaxes.deductions\n              ? formatCurrency(parseFloat(federalTaxes.deductions))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.extraWithholding'),\n          description:\n            'extraWithholding' in federalTaxes && federalTaxes.extraWithholding\n              ? formatCurrency(parseFloat(federalTaxes.extraWithholding))\n              : emptyPlaceholder,\n        },\n      ]\n    : []\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('card.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : federalTaxes ? (\n            <Components.DescriptionList items={items} />\n          ) : null}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["FederalTaxesCard","props","jsx","BaseBoundaries","FederalTaxesCardContent","employeeId","onEvent","LoaderComponent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useFederalTaxesSummary","isLoading","federalTaxes","handleEdit","componentEvents","emptyPlaceholder","items","BaseLayout","Flex","Loading"],"mappings":";;;;;;;;;;AAmCO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAiBF,EAAM;AAAA,MAEvB,UAAA,gBAAAC,EAACE,GAAA,EAAyB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASG,EAAwB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAA0C;AAChG,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAuB,EAAE,YAAAX,GAAY,GAE/CY,IAAYF,EAAQ,WACpBG,IAAeH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAE5DI,IAAa,MAAM;AACvB,IAAAb,EAAQc,EAAgB,uDAAuD,EAAE,YAAAf,EAAA,CAAY;AAAA,EAC/F,GAEMgB,IAAmB,gBAAAnB,EAAC,QAAA,EAAK,cAAYO,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEa,IAAQJ,IACV;AAAA,IACE;AAAA,MACE,MAAMT,EAAE,mBAAmB;AAAA,MAC3B,aAAaS,EAAa,gBAAgBG;AAAA,IAAA;AAAA,IAE5C;AAAA,MACE,MAAMZ,EAAE,mBAAmB;AAAA,MAC3B,aACE,aAAaS,KAAgBA,EAAa,YAAY,OAClDA,EAAa,UACXT,EAAE,YAAY,IACdA,EAAE,WAAW,IACfY;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,gCAAgC;AAAA,MACxC,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,kBAAkB;AAAA,MAC1B,aACE,iBAAiBS,KAAgBA,EAAa,cAC1CL,EAAe,WAAWK,EAAa,WAAW,CAAC,IACnDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,iBAAiB;AAAA,MACzB,aACE,gBAAgBS,KAAgBA,EAAa,aACzCL,EAAe,WAAWK,EAAa,UAAU,CAAC,IAClDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,uBAAuB;AAAA,MAC/B,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,EACR,IAEF,CAAA;AAEJ,2BACGE,GAAA,EAAW,OAAOR,EAAQ,cAAc,QAAQ,iBAAAR,GAC/C,UAAA,gBAAAL;AAAA,IAACS,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAT;AAAA,QAACS,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAP,EAACS,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASQ,GAAY,YAAYF,GACrE,UAAAR,EAAE,cAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACe,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAP,IACC,gBAAAf,EAACuB,GAAA,CAAA,CAAQ,IACPP,IACF,gBAAAhB,EAACS,EAAW,iBAAX,EAA2B,OAAAW,GAAc,IACxC,KAAA,CACN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxesComponents.js

@@ -1,31 +1,45 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { FederalTaxesEditForm as p } from "./FederalTaxesEditForm.js";
+import { FederalTaxesEditForm as d } from "./FederalTaxesEditForm.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
 import { useFlow as n } from "../../../Flow/useFlow.js";
 import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
-import { componentEvents as d } from "../../../../shared/constants.js";
-import { FederalTaxesCard as c } from "./FederalTaxesCard/FederalTaxesCard.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
+import { FederalTaxesCard as x } from "./FederalTaxesCard/FederalTaxesCard.js";
 function M() {
-  const { employeeId: o, onEvent: e, successAlert: r } = n(), { t: s } = i("Employee.Management.FederalTaxes"), l = E();
-  return /* @__PURE__ */ a(u, { flexDirection: "column", gap: 16, children: [
-    r ? /* @__PURE__ */ t(
-      l.Alert,
+  const { employeeId: t, onEvent: e, successAlert: o, LoaderComponent: s } = n(), { t: l } = i("Employee.Management.FederalTaxes"), a = E();
+  return /* @__PURE__ */ p(u, { flexDirection: "column", gap: 16, children: [
+    o ? /* @__PURE__ */ r(
+      a.Alert,
       {
         status: "success",
-        label: s(`alerts.${r}`),
+        label: l(`alerts.${o}`),
         onDismiss: () => {
-          e(d.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED, null);
+          e(c.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED, null);
         }
       }
     ) : null,
-    /* @__PURE__ */ t(c, { employeeId: m(o), onEvent: e })
+    /* @__PURE__ */ r(
+      x,
+      {
+        employeeId: m(t),
+        onEvent: e,
+        LoaderComponent: s
+      }
+    )
   ] });
 }
 function _() {
-  const { employeeId: o, onEvent: e } = n();
-  return /* @__PURE__ */ t(p, { employeeId: m(o), onEvent: e });
+  const { employeeId: t, onEvent: e, LoaderComponent: o } = n();
+  return /* @__PURE__ */ r(
+    d,
+    {
+      employeeId: m(t),
+      onEvent: e,
+      LoaderComponent: o
+    }
+  );
 }
 export {
   M as FederalTaxesCardContextual,

package/dist/components/Employee/FederalTaxes/management/FederalTaxesComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesComponents.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesCard } from './FederalTaxesCard'\nimport { FederalTaxesEditForm } from './FederalTaxesEditForm'\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 FederalTaxesSuccessAlertCode = 'federalTaxesUpdated'\n\n/** @internal */\nexport interface FederalTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: FederalTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function FederalTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<FederalTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\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_FEDERAL_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <FederalTaxesCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function FederalTaxesEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<FederalTaxesContextInterface>()\n  return <FederalTaxesEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["FederalTaxesCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","FederalTaxesCard","ensureRequired","FederalTaxesEditFormContextual","FederalTaxesEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAA6B;AAC3C,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,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,mDAAmD,IAAI;AAAA,QACjF;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAiB,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC9E;AAEJ;AAGO,SAASa,IAAiC;AAC/C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAqB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACzF;"}
+{"version":3,"file":"FederalTaxesComponents.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesCard } from './FederalTaxesCard'\nimport { FederalTaxesEditForm } from './FederalTaxesEditForm'\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 FederalTaxesSuccessAlertCode = 'federalTaxesUpdated'\n\n/** @internal */\nexport interface FederalTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: FederalTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function FederalTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert, LoaderComponent } =\n    useFlow<FederalTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\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_FEDERAL_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <FederalTaxesCard\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function FederalTaxesEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<FederalTaxesContextInterface>()\n  return (\n    <FederalTaxesEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["FederalTaxesCardContextual","employeeId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","FederalTaxesCard","ensureRequired","FederalTaxesEditFormContextual","FederalTaxesEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAA6B;AAC3C,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IACzCC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,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,mDAAmD,IAAI;AAAA,QACjF;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,IAAiC;AAC/C,QAAM,EAAE,YAAAf,GAAY,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,YAAYF,EAAed,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.d.ts

@@ -28,4 +28,4 @@ export interface FederalTaxesEditFormProps extends BaseComponentInterface<'Emplo
  * @public
  * @group Block components
  */
-export declare function FederalTaxesEditForm({ FallbackComponent, ...props }: FederalTaxesEditFormProps): import("react").JSX.Element;
+export declare function FederalTaxesEditForm({ FallbackComponent, LoaderComponent, ...props }: FederalTaxesEditFormProps): import("react").JSX.Element;

package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.js

@@ -1,64 +1,78 @@
-import { jsx as e, jsxs as T } from "react/jsx-runtime";
-import { useTranslation as F } from "react-i18next";
-import { FederalTaxesView as f } from "../shared/FederalTaxesView.js";
-import { useFederalTaxesForm as x } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
-import { useManagementFederalTaxesViewDictionary as M } from "./useViewDictionary.js";
-import { BaseBoundaries as y, BaseLayout as _ } from "../../../Base/Base.js";
+import { jsx as e, jsxs as F } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { FederalTaxesView as x } from "../shared/FederalTaxesView.js";
+import { useFederalTaxesForm as M } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
+import { useManagementFederalTaxesViewDictionary as y } from "./useViewDictionary.js";
+import { BaseBoundaries as _, BaseLayout as g } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useI18n as A, useComponentDictionary as L } from "../../../../i18n/I18n.js";
-import { componentEvents as m } from "../../../../shared/constants.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function j({ FallbackComponent: t, ...n }) {
+import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as h, useComponentDictionary as D } from "../../../../i18n/I18n.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
+import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function G({
+  FallbackComponent: n,
+  LoaderComponent: t,
+  ...r
+}) {
   return /* @__PURE__ */ e(
-    y,
+    _,
     {
       componentName: "Employee.Management.FederalTaxes",
-      FallbackComponent: t,
-      children: /* @__PURE__ */ e(h, { ...n })
+      FallbackComponent: n,
+      LoaderComponent: t,
+      children: /* @__PURE__ */ e(C, { LoaderComponent: t, ...r })
     }
   );
 }
-function h({
-  employeeId: t,
-  className: n,
-  children: d,
-  dictionary: c,
-  defaultValues: l,
-  onEvent: r
+function C({
+  employeeId: n,
+  className: t,
+  children: r,
+  dictionary: l,
+  defaultValues: u,
+  onEvent: a,
+  LoaderComponent: i
 }) {
-  A("Employee.Management.FederalTaxes"), L("Employee.Management.FederalTaxes", c);
-  const { t: a } = F("Employee.Management.FederalTaxes"), i = C(), u = M(), o = x({
-    employeeId: t,
-    defaultValues: l,
+  h("Employee.Management.FederalTaxes"), D("Employee.Management.FederalTaxes", l);
+  const { t: s } = f("Employee.Management.FederalTaxes"), m = L(), E = y(), o = M({
+    employeeId: n,
+    defaultValues: u,
     optionalFieldsToRequire: {
       update: ["twoJobs", "dependentsAmount", "otherIncome", "deductions", "extraWithholding"]
     }
   });
   if (o.isLoading)
-    return /* @__PURE__ */ e(_, { isLoading: !0, error: o.errorHandling.errors });
-  const E = async () => {
-    const s = await o.actions.onSubmit();
-    s && r(m.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, s.data);
-  }, p = () => {
-    r(m.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED);
+    return /* @__PURE__ */ e(
+      g,
+      {
+        isLoading: !0,
+        error: o.errorHandling.errors,
+        LoaderComponent: i
+      }
+    );
+  const p = async () => {
+    const d = await o.actions.onSubmit();
+    d && a(c.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, d.data);
+  }, T = () => {
+    a(c.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED);
   };
   return /* @__PURE__ */ e(
-    f,
+    x,
     {
       federalTaxes: o,
-      onSubmit: E,
-      actions: /* @__PURE__ */ T(g, { children: [
-        /* @__PURE__ */ e(i.Button, { variant: "secondary", onClick: p, children: a("cancelCta") }),
-        /* @__PURE__ */ e(i.Button, { type: "submit", isLoading: o.status.isPending, children: a("saveCta") })
+      onSubmit: p,
+      LoaderComponent: i,
+      actions: /* @__PURE__ */ F(A, { children: [
+        /* @__PURE__ */ e(m.Button, { variant: "secondary", onClick: T, children: s("cancelCta") }),
+        /* @__PURE__ */ e(m.Button, { type: "submit", isLoading: o.status.isPending, children: s("saveCta") })
       ] }),
-      className: n,
-      dictionary: u,
-      children: d
+      className: t,
+      dictionary: E,
+      children: r
     }
   );
 }
 export {
-  j as FederalTaxesEditForm
+  G as FederalTaxesEditForm
 };
 //# sourceMappingURL=FederalTaxesEditForm.js.map

package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesEditForm.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useManagementFederalTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link FederalTaxesEditForm}.\n *\n * @public\n */\nexport interface FederalTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n}\n\n/**\n * Standalone form for editing an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * Pair with {@link FederalTaxesCard} to route its `employee/management/federalTaxes/card/editRequested` event to this form. {@link FederalTaxes} bundles the card, this form, and the swap wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the form is saved; use it to return to the card | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link FederalTaxesEditFormProps}.\n * @returns The rendered federal taxes edit form.\n * @public\n * @group Block components\n */\nexport function FederalTaxesEditForm({ FallbackComponent, ...props }: FederalTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <FederalTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesEditFormRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesEditFormProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const viewDictionary = useManagementFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, result.data)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={federalTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n"],"names":["FederalTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesEditFormRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","viewDictionary","useManagementFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","handleSubmit","result","componentEvents","handleCancel","FederalTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AA2CO,SAASA,EAAqB,EAAE,mBAAAC,GAAmB,GAAGC,KAAoC;AAC/F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAA0B,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEA,SAASG,EAAyB;AAAA,EAChC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,kCAAkC,GAC1CC,EAAuB,oCAAoCJ,CAAU;AACrE,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAf;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,MAAIU,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,IAAKI,KAELb,EAAQc,EAAgB,uDAAuDD,EAAO,IAAI;AAAA,EAC5F,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,qDAAqD;AAAA,EAC/E;AAEA,SACE,gBAAAtB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,cAAAP;AAAA,MACA,UAAUG;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACa,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAX,EAACa,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWI,EAAa,OAAO,WAC7D,UAAAN,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAP;AAAA,MACA,YAAYW;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"FederalTaxesEditForm.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useManagementFederalTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link FederalTaxesEditForm}.\n *\n * @public\n */\nexport interface FederalTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n}\n\n/**\n * Standalone form for editing an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * Pair with {@link FederalTaxesCard} to route its `employee/management/federalTaxes/card/editRequested` event to this form. {@link FederalTaxes} bundles the card, this form, and the swap wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the form is saved; use it to return to the card | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link FederalTaxesEditFormProps}.\n * @returns The rendered federal taxes edit form.\n * @public\n * @group Block components\n */\nexport function FederalTaxesEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: FederalTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <FederalTaxesEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesEditFormRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n  LoaderComponent,\n}: FederalTaxesEditFormProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const viewDictionary = useManagementFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={federalTaxes.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, result.data)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      LoaderComponent={LoaderComponent}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={federalTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n"],"names":["FederalTaxesEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","FederalTaxesEditFormRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","viewDictionary","useManagementFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","handleSubmit","result","componentEvents","handleCancel","FederalTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AA2CO,SAASA,EAAqB;AAAA,EACnC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA8B;AAC5B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAyB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7E;AAEA,SAASG,EAAyB;AAAA,EAChC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAV;AACF,GAA8B;AAC5B,EAAAW,EAAQ,kCAAkC,GAC1CC,EAAuB,oCAAoCJ,CAAU;AACrE,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAf;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,MAAIU,EAAa;AACf,WACE,gBAAAjB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOF,EAAa,cAAc;AAAA,QAClC,iBAAAnB;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMsB,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,IAAKI,KAELb,EAAQc,EAAgB,uDAAuDD,EAAO,IAAI;AAAA,EAC5F,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,qDAAqD;AAAA,EAC/E;AAEA,SACE,gBAAAtB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,cAAAP;AAAA,MACA,UAAUG;AAAA,MACV,iBAAAtB;AAAA,MACA,2BACG2B,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACa,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAX,EAACa,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWI,EAAa,OAAO,WAC7D,UAAAN,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAP;AAAA,MACA,YAAYW;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Employee/FederalTaxes/management/federalTaxesStateMachine.d.ts

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

package/dist/components/Employee/FederalTaxes/management/federalTaxesStateMachine.js

@@ -1,5 +1,6 @@
-import { state as a, transition as e, reduce as r } from "robot3";
 import { FederalTaxesEditFormContextual as _, FederalTaxesCardContextual as A } from "./FederalTaxesComponents.js";
+import "react";
+import { state as a, transition as e, reduce as r } from "../../../../lib/state-machine/core.js";
 import { componentEvents as t } from "../../../../shared/constants.js";
 const o = r((E) => ({
   ...E,
@@ -9,7 +10,7 @@ const o = r((E) => ({
   ...T,
   component: A,
   successAlert: E
-})), M = {
+})), l = {
   card: a(
     e(
       t.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED,
@@ -40,6 +41,6 @@ const o = r((E) => ({
   )
 };
 export {
-  M as federalTaxesStateMachine
+  l as federalTaxesStateMachine
 };
 //# sourceMappingURL=federalTaxesStateMachine.js.map