@gusto/embedded-react-sdk 0.53.0 → 0.54.0

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/onboarding/FederalTaxes.d.ts

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/onboarding/FederalTaxes.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 { useOnboardingFederalTaxesViewDictionary } 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 FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.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  /** Callback invoked when the block emits an event. See the events table on {@link FederalTaxes} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * The federal tax record is created automatically with the employee, so this step is always in update mode. Only the revised 2020 W-4 format is supported. All fields are required by the bundled form, mirroring the IRS-form UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/federalTaxes/updated` | Fired after the form is saved | The updated `EmployeeFederalTax` entity |\n * | `employee/federalTaxes/done` | Fired after a successful save so the parent flow can advance | — |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The federal taxes onboarding step.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({ FallbackComponent, ...props }: FederalTaxesProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.FederalTaxes\" FallbackComponent={FallbackComponent}>\n      <FederalTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesProps) {\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n  const viewDictionary = useOnboardingFederalTaxesViewDictionary()\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_FEDERAL_TAXES_UPDATED, result.data)\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={federalTaxes.status.isPending} />}\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["FederalTaxes","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","viewDictionary","useOnboardingFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","FederalTaxesView","result","componentEvents","ContinueAction","isPending","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAAa,EAAE,mBAAAC,GAAmB,GAAGC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,yBAAwB,mBAAAH,GACpD,UAAA,gBAAAE,EAACE,GAAA,EAAkB,GAAGH,EAAA,CAAO,EAAA,CAC/B;AAEJ;AAEA,SAASG,EAAiB;AAAA,EACxB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAC1D,QAAMK,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAX;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,SAAIM,EAAa,8BACPE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ,IAYvE,gBAAAb;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,UAXiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,QAAKI,MAELT,EAAQU,EAAgB,gCAAgCD,EAAO,IAAI,GACnET,EAAQU,EAAgB,2BAA2B;AAAA,MACrD;AAAA,MAMI,SAAS,gBAAAlB,EAACmB,GAAA,EAAe,WAAWN,EAAa,OAAO,WAAW;AAAA,MACnE,WAAAT;AAAA,MACA,YAAYO;AAAA,MAEX,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASc,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/onboarding/FederalTaxes.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 { useOnboardingFederalTaxesViewDictionary } 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 FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.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  /** Callback invoked when the block emits an event. See the events table on {@link FederalTaxes} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * The federal tax record is created automatically with the employee, so this step is always in update mode. Only the revised 2020 W-4 format is supported. All fields are required by the bundled form, mirroring the IRS-form UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/federalTaxes/updated` | Fired after the form is saved | The updated `EmployeeFederalTax` entity |\n * | `employee/federalTaxes/done` | Fired after a successful save so the parent flow can advance | — |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The federal taxes onboarding step.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({ FallbackComponent, LoaderComponent, ...props }: FederalTaxesProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <FederalTaxesRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n  LoaderComponent,\n}: FederalTaxesProps) {\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n  const viewDictionary = useOnboardingFederalTaxesViewDictionary()\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_FEDERAL_TAXES_UPDATED, result.data)\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      LoaderComponent={LoaderComponent}\n      actions={<ContinueAction isPending={federalTaxes.status.isPending} />}\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["FederalTaxes","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","FederalTaxesRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","viewDictionary","useOnboardingFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","FederalTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAAa,EAAE,mBAAAC,GAAmB,iBAAAC,GAAiB,GAAGC,KAA4B;AAChG,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAiB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;AAEA,SAASG,EAAiB;AAAA,EACxB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAV;AACF,GAAsB;AACpB,EAAAW,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAC1D,QAAMK,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAX;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,SAAIM,EAAa,YAEb,gBAAAb;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,OAAOF,EAAa,cAAc;AAAA,MAClC,iBAAAf;AAAA,IAAA;AAAA,EAAA,IAcJ,gBAAAE;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,UAXiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,QAAKI,MAELT,EAAQU,EAAgB,gCAAgCD,EAAO,IAAI,GACnET,EAAQU,EAAgB,2BAA2B;AAAA,MACrD;AAAA,MAMI,iBAAApB;AAAA,MACA,SAAS,gBAAAE,EAACmB,GAAA,EAAe,WAAWN,EAAa,OAAO,WAAW;AAAA,MACnE,WAAAT;AAAA,MACA,YAAYO;AAAA,MAEX,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASc,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAxB,EAACyB,GAAA,EACC,UAAA,gBAAAzB,EAACuB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { useFederalTaxesForm } from './useFederalTaxesForm';
+import { LoaderComponentType } from '../../../Base';
 import { ResourceDictionary } from '../../../../types/Helpers';
 type ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, {
     isLoading: false;
@@ -32,7 +33,8 @@ export interface FederalTaxesViewProps {
      * overrides on the flow's `dictionary` prop propagate into the view.
      */
     dictionary?: FederalTaxesViewDictionary;
+    LoaderComponent?: LoaderComponentType;
 }
 /** @internal */
-export declare function FederalTaxesView({ federalTaxes, onSubmit, actions, alert, className, children, dictionary, }: FederalTaxesViewProps): import("react").JSX.Element;
+export declare function FederalTaxesView({ federalTaxes, onSubmit, actions, alert, className, children, dictionary, LoaderComponent, }: FederalTaxesViewProps): import("react").JSX.Element;
 export {};

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -1,23 +1,24 @@
-import { jsx as i, jsxs as n, Fragment as h } from "react/jsx-runtime";
-import { useTranslation as E, Trans as s } from "react-i18next";
-import { BaseLayout as x } from "../../../Base/Base.js";
+import { jsx as i, jsxs as n, Fragment as E } from "react/jsx-runtime";
+import { useTranslation as x, Trans as s } from "react-i18next";
+import { BaseLayout as b } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { Form as b } from "../../../Common/Form/Form.js";
+import { Form as I } from "../../../Common/Form/Form.js";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
-import { SDKFormProvider as I } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as D, useComponentDictionary as F } from "../../../../i18n/I18n.js";
-function C({
+import { SDKFormProvider as R } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as F, useComponentDictionary as S } from "../../../../i18n/I18n.js";
+function Q({
   federalTaxes: r,
   onSubmit: d,
   actions: c,
   alert: m,
   className: u,
   children: p,
-  dictionary: g
+  dictionary: g,
+  LoaderComponent: f
 }) {
-  D("Employee.FederalTaxesView"), F("Employee.FederalTaxesView", g);
-  const { t: e } = E("Employee.FederalTaxesView"), t = R(), o = r.form.Fields, f = (a) => {
+  F("Employee.FederalTaxesView"), S("Employee.FederalTaxesView", g);
+  const { t: e } = x("Employee.FederalTaxesView"), t = D(), o = r.form.Fields, h = (a) => {
     switch (a) {
       case "Single":
         return e("filingStatusSingle");
@@ -29,7 +30,7 @@ function C({
         return e("filingStatusExemptFromWithholding");
     }
   };
-  return /* @__PURE__ */ i(l, { flexDirection: "column", alignItems: "stretch", children: /* @__PURE__ */ i("section", { className: u, children: /* @__PURE__ */ i(x, { error: r.errorHandling.errors, children: /* @__PURE__ */ i(I, { formHookResult: r, children: /* @__PURE__ */ i(b, { onSubmit: d, children: p ?? /* @__PURE__ */ n(h, { children: [
+  return /* @__PURE__ */ i(l, { flexDirection: "column", alignItems: "stretch", children: /* @__PURE__ */ i("section", { className: u, children: /* @__PURE__ */ i(b, { error: r.errorHandling.errors, LoaderComponent: f, children: /* @__PURE__ */ i(R, { formHookResult: r, children: /* @__PURE__ */ i(I, { onSubmit: d, children: p ?? /* @__PURE__ */ n(E, { children: [
     m,
     /* @__PURE__ */ n(l, { flexDirection: "column", gap: 32, children: [
       /* @__PURE__ */ n(l, { flexDirection: "column", gap: 4, children: [
@@ -54,7 +55,7 @@ function C({
             placeholder: e("federalFilingStatusPlaceholder"),
             description: e("selectWithholdingDescription"),
             validationMessages: { REQUIRED: e("validations.federalFilingStatus") },
-            getOptionLabel: f
+            getOptionLabel: h
           }
         ),
         /* @__PURE__ */ i(
@@ -109,6 +110,6 @@ function C({
   ] }) }) }) }) }) });
 }
 export {
-  C as FederalTaxesView
+  Q as FederalTaxesView
 };
 //# sourceMappingURL=FederalTaxesView.js.map

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common/Flex'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\n/**\n * Override surface for {@link FederalTaxesView}'s default copy. Each consuming\n * flow (onboarding, management) builds a resolved dictionary from its own\n * translation namespace via a dedicated `use*FederalTaxesViewDictionary` hook\n * and passes it here, so partner overrides on the flow's namespace flow into\n * the shared view text at render time.\n *\n * The underlying `Employee.FederalTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type FederalTaxesViewDictionary = ResourceDictionary<'Employee.FederalTaxesView'>\n\n/** @internal */\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*FederalTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: FederalTaxesViewDictionary\n}\n\n/** @internal */\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n  dictionary,\n}: FederalTaxesViewProps) {\n  useI18n('Employee.FederalTaxesView')\n  useComponentDictionary('Employee.FederalTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.FederalTaxesView')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <section className={className}>\n        <BaseLayout error={federalTaxes.errorHandling.errors}>\n          <SDKFormProvider formHookResult={federalTaxes}>\n            <Form onSubmit={onSubmit}>\n              {children ?? (\n                <>\n                  {alert}\n                  <Flex flexDirection=\"column\" gap={32}>\n                    <Flex flexDirection=\"column\" gap={4}>\n                      <Components.Heading as=\"h1\" styledAs=\"h2\">\n                        {t('federalTaxesTitle')}\n                      </Components.Heading>\n                      <Components.Text variant=\"supporting\">\n                        <Trans\n                          i18nKey=\"irsCalculator\"\n                          t={t}\n                          components={{\n                            IrsCalculatorLink: <Components.Link />,\n                            HelpCenterLink: <Components.Link />,\n                          }}\n                        />\n                      </Components.Text>\n                    </Flex>\n                    <Flex flexDirection=\"column\" gap={20}>\n                      <Fields.FilingStatus\n                        label={t('federalFilingStatus1c')}\n                        placeholder={t('federalFilingStatusPlaceholder')}\n                        description={t('selectWithholdingDescription')}\n                        validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                        getOptionLabel={filingStatusLabel}\n                      />\n                      <Fields.TwoJobs\n                        label={t('multipleJobs2c')}\n                        description={\n                          <Trans\n                            i18nKey=\"includesSpouseExplanation\"\n                            t={t}\n                            components={{\n                              IrsLink: <Components.Link />,\n                            }}\n                          />\n                        }\n                        validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                        getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                      />\n                      <Fields.DependentsAmount\n                        label={t('dependentsTotalIfApplicable')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.OtherIncome\n                        label={t('otherIncome')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.Deductions\n                        label={t('deductions')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.ExtraWithholding\n                        label={t('extraWithholding')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                    </Flex>\n\n                    {actions}\n                  </Flex>\n                </>\n              )}\n            </Form>\n          </SDKFormProvider>\n        </BaseLayout>\n      </section>\n    </Flex>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","dictionary","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","Flex","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}
+{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common/Flex'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\n/**\n * Override surface for {@link FederalTaxesView}'s default copy. Each consuming\n * flow (onboarding, management) builds a resolved dictionary from its own\n * translation namespace via a dedicated `use*FederalTaxesViewDictionary` hook\n * and passes it here, so partner overrides on the flow's namespace flow into\n * the shared view text at render time.\n *\n * The underlying `Employee.FederalTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type FederalTaxesViewDictionary = ResourceDictionary<'Employee.FederalTaxesView'>\n\n/** @internal */\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*FederalTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: FederalTaxesViewDictionary\n  LoaderComponent?: LoaderComponentType\n}\n\n/** @internal */\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n  dictionary,\n  LoaderComponent,\n}: FederalTaxesViewProps) {\n  useI18n('Employee.FederalTaxesView')\n  useComponentDictionary('Employee.FederalTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.FederalTaxesView')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <section className={className}>\n        <BaseLayout error={federalTaxes.errorHandling.errors} LoaderComponent={LoaderComponent}>\n          <SDKFormProvider formHookResult={federalTaxes}>\n            <Form onSubmit={onSubmit}>\n              {children ?? (\n                <>\n                  {alert}\n                  <Flex flexDirection=\"column\" gap={32}>\n                    <Flex flexDirection=\"column\" gap={4}>\n                      <Components.Heading as=\"h1\" styledAs=\"h2\">\n                        {t('federalTaxesTitle')}\n                      </Components.Heading>\n                      <Components.Text variant=\"supporting\">\n                        <Trans\n                          i18nKey=\"irsCalculator\"\n                          t={t}\n                          components={{\n                            IrsCalculatorLink: <Components.Link />,\n                            HelpCenterLink: <Components.Link />,\n                          }}\n                        />\n                      </Components.Text>\n                    </Flex>\n                    <Flex flexDirection=\"column\" gap={20}>\n                      <Fields.FilingStatus\n                        label={t('federalFilingStatus1c')}\n                        placeholder={t('federalFilingStatusPlaceholder')}\n                        description={t('selectWithholdingDescription')}\n                        validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                        getOptionLabel={filingStatusLabel}\n                      />\n                      <Fields.TwoJobs\n                        label={t('multipleJobs2c')}\n                        description={\n                          <Trans\n                            i18nKey=\"includesSpouseExplanation\"\n                            t={t}\n                            components={{\n                              IrsLink: <Components.Link />,\n                            }}\n                          />\n                        }\n                        validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                        getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                      />\n                      <Fields.DependentsAmount\n                        label={t('dependentsTotalIfApplicable')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.OtherIncome\n                        label={t('otherIncome')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.Deductions\n                        label={t('deductions')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.ExtraWithholding\n                        label={t('extraWithholding')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                    </Flex>\n\n                    {actions}\n                  </Flex>\n                </>\n              )}\n            </Form>\n          </SDKFormProvider>\n        </BaseLayout>\n      </section>\n    </Flex>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","dictionary","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","Flex","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/fields.js

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
+import { SelectHookField as t } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { RadioGroupHookField as t } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
-import { SelectHookField as r } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function d(n) {
-  return /* @__PURE__ */ e(r, { ...n, name: "filingStatus" });
+  return /* @__PURE__ */ e(t, { ...n, name: "filingStatus" });
 }
 function a(n) {
-  return /* @__PURE__ */ e(t, { ...n, name: "twoJobs" });
+  return /* @__PURE__ */ e(r, { ...n, name: "twoJobs" });
 }
 function f(n) {
   return /* @__PURE__ */ e(o, { ...n, name: "dependentsAmount", format: "currency", min: 0 });

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

@@ -22,4 +22,4 @@ export interface HomeAddressProps extends BaseComponentInterface<'Employee.Manag
  *
  * @public
  */
-export declare function HomeAddress({ dictionary, FallbackComponent, ...props }: HomeAddressProps): import("react").JSX.Element;
+export declare function HomeAddress({ dictionary, FallbackComponent, LoaderComponent, ...props }: HomeAddressProps): import("react").JSX.Element;

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

@@ -1,35 +1,42 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createMachine as t } from "robot3";
-import { useMemo as s } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { createMachine as s } from "robot3";
+import { useMemo as i } from "react";
 import { CardContextual as a } from "./HomeAddressComponents.js";
-import { homeAddressStateMachine as i } from "./homeAddressStateMachine.js";
-import { Flow as d } from "../../../Flow/Flow.js";
-import { BaseBoundaries as p } from "../../../Base/Base.js";
+import { homeAddressStateMachine as d } from "./homeAddressStateMachine.js";
+import { Flow as p } from "../../../Flow/Flow.js";
+import { BaseBoundaries as c } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentDictionary as c, useI18n as f } from "../../../../i18n/I18n.js";
-function u({ employeeId: e, onEvent: o }) {
-  f("Employee.Management.HomeAddress");
-  const m = s(
-    () => t("card", i, (n) => ({
+import { useComponentDictionary as f, useI18n as u } from "../../../../i18n/I18n.js";
+function l({ employeeId: o, onEvent: m, LoaderComponent: e }) {
+  u("Employee.Management.HomeAddress");
+  const r = i(
+    () => s("card", d, (n) => ({
       ...n,
       component: a,
-      employeeId: e
+      employeeId: o,
+      LoaderComponent: e
     })),
-    [e]
+    [o, e]
   );
-  return /* @__PURE__ */ r(d, { machine: m, onEvent: o });
+  return /* @__PURE__ */ t(p, { machine: r, onEvent: m });
 }
-function E({ dictionary: e, FallbackComponent: o, ...m }) {
-  return c("Employee.Management.HomeAddress", e), /* @__PURE__ */ r(
-    p,
+function B({
+  dictionary: o,
+  FallbackComponent: m,
+  LoaderComponent: e,
+  ...r
+}) {
+  return f("Employee.Management.HomeAddress", o), /* @__PURE__ */ t(
+    c,
     {
       componentName: "Employee.Management.HomeAddress",
-      FallbackComponent: o,
-      children: /* @__PURE__ */ r(u, { ...m })
+      FallbackComponent: m,
+      LoaderComponent: e,
+      children: /* @__PURE__ */ t(l, { LoaderComponent: e, ...r })
     }
   );
 }
 export {
-  E as HomeAddress
+  B as HomeAddress
 };
 //# sourceMappingURL=HomeAddress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HomeAddress.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type HomeAddressContextInterface } from './HomeAddressComponents'\nimport { homeAddressStateMachine } from './homeAddressStateMachine'\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 HomeAddress}.\n *\n * @public\n */\nexport interface HomeAddressProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressFlow({ employeeId, onEvent }: HomeAddressProps) {\n  useI18n('Employee.Management.HomeAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', homeAddressStateMachine, (ctx: HomeAddressContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee home address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button on the home address card clicked | `{ employeeId: string }` |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n *\n * @public\n */\nexport function HomeAddress({ dictionary, FallbackComponent, ...props }: HomeAddressProps) {\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <HomeAddressFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","homeAddressStateMachine","ctx","CardContextual","jsx","Flow","HomeAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AAClE,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAgBO,SAASU,EAAY,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA2B;AACzF,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAiB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlC;"}
+{"version":3,"file":"HomeAddress.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type HomeAddressContextInterface } from './HomeAddressComponents'\nimport { homeAddressStateMachine } from './homeAddressStateMachine'\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 HomeAddress}.\n *\n * @public\n */\nexport interface HomeAddressProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressFlow({ employeeId, onEvent, LoaderComponent }: HomeAddressProps) {\n  useI18n('Employee.Management.HomeAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', homeAddressStateMachine, (ctx: HomeAddressContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee home address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button on the home address card clicked | `{ employeeId: string }` |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n *\n * @public\n */\nexport function HomeAddress({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: HomeAddressProps) {\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <HomeAddressFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","homeAddressStateMachine","ctx","CardContextual","jsx","Flow","HomeAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAqC;AACnF,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAgBO,SAASW,EAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAqB;AACnB,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAgB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

package/dist/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.d.ts

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link HomeAddressCard}.
  *
@@ -10,6 +11,8 @@ export interface HomeAddressCardProps {
     employeeId: string;
     /** Event handler fired when the card's Manage button is clicked. */
     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 employee home address summary card.