@gusto/embedded-react-sdk 0.52.2 → 0.54.0

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

@@ -1,60 +1,76 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useEmployeeList as d } from "../shared/useEmployeeList.js";
-import { EmployeeListView as u } from "./EmployeeListView.js";
-import { BaseBoundaries as L, BaseLayout as s } from "../../../Base/Base.js";
-import { useI18n as y, useComponentDictionary as O } from "../../../../i18n/I18n.js";
-import { componentEvents as i } from "../../../../shared/constants.js";
-function D({
-  companyId: a,
-  onEvent: e,
-  dictionary: E,
-  showContinueButton: m = !1
+import { EmployeeListView as y } from "./EmployeeListView.js";
+import { BaseBoundaries as L, BaseLayout as l } from "../../../Base/Base.js";
+import { useI18n as O, useComponentDictionary as D } from "../../../../i18n/I18n.js";
+import { componentEvents as n } from "../../../../shared/constants.js";
+function f({
+  companyId: s,
+  onEvent: o,
+  dictionary: a,
+  showContinueButton: m = !1,
+  LoaderComponent: E
 }) {
-  y("Employee.EmployeeList"), O("Employee.EmployeeList", E);
-  const o = d({
-    companyId: a
+  O("Employee.EmployeeList"), D("Employee.EmployeeList", a);
+  const e = d({
+    companyId: s
   });
-  if (o.isLoading)
-    return /* @__PURE__ */ r(s, { isLoading: !0, error: o.errorHandling.errors });
-  const l = (n, t) => {
-    e(i.EMPLOYEE_UPDATE, { employeeId: n, onboardingStatus: t });
-  }, p = () => {
-    e(i.EMPLOYEE_CREATE);
+  if (e.isLoading)
+    return /* @__PURE__ */ r(
+      l,
+      {
+        isLoading: !0,
+        error: e.errorHandling.errors,
+        LoaderComponent: E
+      }
+    );
+  const p = (i, t) => {
+    o(n.EMPLOYEE_UPDATE, { employeeId: i, onboardingStatus: t });
   }, c = () => {
-    e(i.EMPLOYEE_ONBOARDING_DONE);
+    o(n.EMPLOYEE_CREATE);
+  }, u = () => {
+    o(n.EMPLOYEE_ONBOARDING_DONE);
   };
-  return /* @__PURE__ */ r(s, { error: o.errorHandling.errors, children: /* @__PURE__ */ r(
-    u,
+  return /* @__PURE__ */ r(l, { error: e.errorHandling.errors, LoaderComponent: E, children: /* @__PURE__ */ r(
+    y,
     {
-      employees: o.data.employees,
-      isFetching: o.status.isFetching,
-      pagination: o.pagination,
-      status: o.status,
-      onEdit: l,
-      onDelete: async (n) => {
-        await o.actions.onDelete(n), e(i.EMPLOYEE_DELETED, { employeeId: n });
+      employees: e.data.employees,
+      isFetching: e.status.isFetching,
+      pagination: e.pagination,
+      status: e.status,
+      onEdit: p,
+      onDelete: async (i) => {
+        await e.actions.onDelete(i), o(n.EMPLOYEE_DELETED, { employeeId: i });
       },
-      onCancelSelfOnboarding: async (n) => {
-        const t = await o.actions.onCancelSelfOnboarding(n);
-        t && e(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t);
+      onCancelSelfOnboarding: async (i) => {
+        const t = await e.actions.onCancelSelfOnboarding(i);
+        t && o(n.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t);
       },
-      onReview: async (n) => {
-        const t = await o.actions.onReview(n);
-        t && (e(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t), e(i.EMPLOYEE_UPDATE, {
-          employeeId: n,
+      onReview: async (i) => {
+        const t = await e.actions.onReview(i);
+        t && (o(n.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t), o(n.EMPLOYEE_UPDATE, {
+          employeeId: i,
           onboardingStatus: t.onboardingStatus
         }));
       },
-      onAddEmployee: p,
-      onSkip: c,
+      onAddEmployee: c,
+      onSkip: u,
       showContinueButton: m
     }
   ) });
 }
-function T({ FallbackComponent: a, ...e }) {
-  return /* @__PURE__ */ r(L, { componentName: "Employee.EmployeeList", FallbackComponent: a, children: /* @__PURE__ */ r(D, { ...e }) });
+function N({ FallbackComponent: s, LoaderComponent: o, ...a }) {
+  return /* @__PURE__ */ r(
+    L,
+    {
+      componentName: "Employee.EmployeeList",
+      FallbackComponent: s,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ r(f, { LoaderComponent: o, ...a })
+    }
+  );
 }
 export {
-  T as EmployeeList
+  N as EmployeeList
 };
 //# sourceMappingURL=EmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link EmployeeList}.\n *\n * @public\n */\nexport interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button in the employee list.\n   *\n   * @remarks\n   *\n   * When `true`, displays a Continue button below the populated employee list and\n   * a Skip button in the empty state. These controls trigger the `employee/onboarding/done` event,\n   * allowing navigation to the next step in a multi-step flow (e.g., company onboarding).\n   *\n   * When `false` (default), hides both buttons. Use this when the employee list is the final destination\n   * in its flow and no further navigation is needed (e.g., standalone employee onboarding where\n   * the list is the terminal screen).\n   *\n   * @defaultValue `false`\n   */\n  showContinueButton?: boolean\n}\n\nfunction EmployeeListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = false,\n}: EmployeeListProps) {\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n\n  const employeeList = useEmployeeList({\n    companyId,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <EmployeeListView\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onCancelSelfOnboarding={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n        }}\n        onReview={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onReview(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, {\n            employeeId,\n            onboardingStatus: onboardingStatus.onboardingStatus,\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n        showContinueButton={showContinueButton}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a paginated list of a company's employees with per-row onboarding actions (edit,\n * delete, review, cancel self-onboarding) and an \"Add employee\" entry point.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" or \"Review\" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n * | `employee/onboardingStatus/updated` | Fired after the \"Review\" or \"Cancel self-onboarding\" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |\n * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |\n *\n * @public\n */\nexport function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n      <EmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","showContinueButton","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiCA,SAASA,EAAiB;AAAA,EACxB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBH,CAAU;AAE1D,QAAMI,IAAeC,EAAgB;AAAA,IACnC,WAAAP;AAAA,EAAA,CACD;AAED,MAAIM,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAV,EAAQW,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAZ,EAAQW,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAb,EAAQW,EAAgB,wBAAwB;AAAA,EAClD;AAEA,SACE,gBAAAG,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9CT,EAAQW,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMC,IAAmB,MAAML,EAAa,QAAQ,uBAAuBI,CAAU;AACrF,QAAKC,KACLV,EAAQW,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAML,EAAa,QAAQ,SAASI,CAAU;AACvE,QAAKC,MACLV,EAAQW,EAAgB,oCAAoCD,CAAgB,GAC5EV,EAAQW,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,MACR,oBAAAX;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAiBO,SAASc,EAAa,EAAE,mBAAAC,GAAmB,GAAGC,KAA4B;AAC/E,SACE,gBAAAJ,EAACK,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAH,EAAChB,GAAA,EAAkB,GAAGoB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}
+{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link EmployeeList}.\n *\n * @public\n */\nexport interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button in the employee list.\n   *\n   * @remarks\n   *\n   * When `true`, displays a Continue button below the populated employee list and\n   * a Skip button in the empty state. These controls trigger the `employee/onboarding/done` event,\n   * allowing navigation to the next step in a multi-step flow (e.g., company onboarding).\n   *\n   * When `false` (default), hides both buttons. Use this when the employee list is the final destination\n   * in its flow and no further navigation is needed (e.g., standalone employee onboarding where\n   * the list is the terminal screen).\n   *\n   * @defaultValue `false`\n   */\n  showContinueButton?: boolean\n}\n\nfunction EmployeeListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = false,\n  LoaderComponent,\n}: EmployeeListProps) {\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n\n  const employeeList = useEmployeeList({\n    companyId,\n  })\n\n  if (employeeList.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={employeeList.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <EmployeeListView\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onCancelSelfOnboarding={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n        }}\n        onReview={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onReview(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, {\n            employeeId,\n            onboardingStatus: onboardingStatus.onboardingStatus,\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n        showContinueButton={showContinueButton}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a paginated list of a company's employees with per-row onboarding actions (edit,\n * delete, review, cancel self-onboarding) and an \"Add employee\" entry point.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" or \"Review\" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n * | `employee/onboardingStatus/updated` | Fired after the \"Review\" or \"Cancel self-onboarding\" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |\n * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |\n *\n * @public\n */\nexport function EmployeeList({ FallbackComponent, LoaderComponent, ...props }: EmployeeListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.EmployeeList\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <EmployeeListRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","showContinueButton","LoaderComponent","useI18n","useComponentDictionary","employeeList","useEmployeeList","jsx","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","EmployeeListView","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiCA,SAASA,EAAiB;AAAA,EACxB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,iBAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAE1D,QAAMK,IAAeC,EAAgB;AAAA,IACnC,WAAAR;AAAA,EAAA,CACD;AAED,MAAIO,EAAa;AACf,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAa,cAAc;AAAA,QAClC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMO,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAZ,EAAQa,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAd,EAAQa,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAf,EAAQa,EAAgB,wBAAwB;AAAA,EAClD;AAEA,2BACGJ,GAAA,EAAW,OAAOH,EAAa,cAAc,QAAQ,iBAAAH,GACpD,UAAA,gBAAAK;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQI;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAML,EAAa,QAAQ,SAASK,CAAU,GAC9CX,EAAQa,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMC,IAAmB,MAAMN,EAAa,QAAQ,uBAAuBK,CAAU;AACrF,QAAKC,KACLZ,EAAQa,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAMN,EAAa,QAAQ,SAASK,CAAU;AACvE,QAAKC,MACLZ,EAAQa,EAAgB,oCAAoCD,CAAgB,GAC5EZ,EAAQa,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,MACR,oBAAAb;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAiBO,SAASe,EAAa,EAAE,mBAAAC,GAAmB,iBAAAf,GAAiB,GAAGgB,KAA4B;AAChG,SACE,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAf;AAAA,MAEA,UAAA,gBAAAK,EAACV,GAAA,EAAiB,iBAAAK,GAAmC,GAAGgB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

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 { jsx as m } from "react/jsx-runtime";
 import { createMachine as n } from "robot3";
-import { useMemo as t } 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 { useMemo as i } from "react";
+import { FederalTaxesCardContextual as s } from "./FederalTaxesComponents.js";
+import { federalTaxesStateMachine as l } from "./federalTaxesStateMachine.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,
-      component: i,
-      employeeId: e,
-      successAlert: null
+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 = i(
+    () => n("card", l, (t) => ({
+      ...t,
+      component: s,
+      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 { 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, 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,58 +1,64 @@
 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 { useComponentContext as x } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
+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 g from "../../../../../hooks/useNumberFormatter.js";
-import { useI18n as F } from "../../../../../i18n/I18n.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 W(n) {
-  return /* @__PURE__ */ t(E, { 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"), i = x(), a = 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 ? a(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 ? a(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 ? a(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 ? a(parseFloat(e.extraWithholding)) : r
+      description: "extraWithholding" in e && e.extraWithholding ? i(parseFloat(e.extraWithholding)) : n
     }
   ] : [];
-  return /* @__PURE__ */ t(f, { error: d.errorHandling.errors, children: /* @__PURE__ */ t(
-    i.Box,
+  return /* @__PURE__ */ t(f, { error: d.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ t(
+    a.Box,
     {
       header: /* @__PURE__ */ t(
-        i.BoxHeader,
+        a.BoxHeader,
         {
           title: o("card.title"),
-          action: /* @__PURE__ */ t(i.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(i.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 })
     }
   ) });
 }

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,61 +1,74 @@
-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 { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { useI18n as L, useComponentDictionary as C } from "../../../../i18n/I18n.js";
-import { componentEvents as m } from "../../../../shared/constants.js";
-function G({ 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
 }) {
-  L("Employee.Management.FederalTaxes"), C("Employee.Management.FederalTaxes", c);
-  const { t: a } = F("Employee.Management.FederalTaxes"), i = A(), 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
     }
   );
 }