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

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

@@ -1 +1 @@
-{"version":3,"file":"federalTaxesStateMachine.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/federalTaxesStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { FederalTaxesContextInterface } from './FederalTaxesComponents'\nimport {\n  FederalTaxesCardContextual,\n  FederalTaxesEditFormContextual,\n} from './FederalTaxesComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: FederalTaxesContextInterface): FederalTaxesContextInterface => ({\n  ...ctx,\n  component: FederalTaxesCardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: FederalTaxesContextInterface['successAlert']) =>\n  reduce((ctx: FederalTaxesContextInterface): FederalTaxesContextInterface => ({\n    ...ctx,\n    component: FederalTaxesCardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const federalTaxesStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED,\n      'editFederalTaxes',\n      reduce((ctx: FederalTaxesContextInterface): FederalTaxesContextInterface => ({\n        ...ctx,\n        component: FederalTaxesEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editFederalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('federalTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","FederalTaxesCardContextual","returnToCardWithAlert","alert","federalTaxesStateMachine","state","transition","componentEvents","FederalTaxesEditFormContextual"],"mappings":";;;AAUA,MAAMA,IAAeC,EAAO,CAACC,OAAqE;AAAA,EAChG,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAqE;AAAA,EAC3E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,qBAAqB;AAAA,IAAA;AAAA,IAE7CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"federalTaxesStateMachine.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/federalTaxesStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { FederalTaxesContextInterface } from './FederalTaxesComponents'\nimport {\n  FederalTaxesCardContextual,\n  FederalTaxesEditFormContextual,\n} from './FederalTaxesComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: FederalTaxesContextInterface): FederalTaxesContextInterface => ({\n  ...ctx,\n  component: FederalTaxesCardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: FederalTaxesContextInterface['successAlert']) =>\n  reduce((ctx: FederalTaxesContextInterface): FederalTaxesContextInterface => ({\n    ...ctx,\n    component: FederalTaxesCardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const federalTaxesStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED,\n      'editFederalTaxes',\n      reduce((ctx: FederalTaxesContextInterface): FederalTaxesContextInterface => ({\n        ...ctx,\n        component: FederalTaxesEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editFederalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('federalTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","FederalTaxesCardContextual","returnToCardWithAlert","alert","federalTaxesStateMachine","state","transition","componentEvents","FederalTaxesEditFormContextual"],"mappings":";;;;AAUA,MAAMA,IAAeC,EAAO,CAACC,OAAqE;AAAA,EAChG,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAqE;AAAA,EAC3E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,qBAAqB;AAAA,IAAA;AAAA,IAE7CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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 { 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";
 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({
+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/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 { jsx as t } from "react/jsx-runtime";
 import { useMemo as s } 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 { CardContextual as i } from "./HomeAddressComponents.js";
+import { homeAddressStateMachine as a } from "./homeAddressStateMachine.js";
+import { createMachine as d } from "../../../../lib/state-machine/core.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 = s(
+    () => d("card", a, (n) => ({
       ...n,
-      component: a,
-      employeeId: e
+      component: i,
+      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 { useMemo } from 'react'\nimport { CardContextual, type HomeAddressContextInterface } from './HomeAddressComponents'\nimport { homeAddressStateMachine } from './homeAddressStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link 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.

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

@@ -1,39 +1,46 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
 import { Flex as a } from "../../../../Common/Flex/Flex.js";
-import { Loading as p } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as u, BaseLayout as g } from "../../../../Base/Base.js";
-import { useComponentContext as E } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as f, getCityStateZip as h } from "../../../../../helpers/formattedStrings.js";
-import { useI18n as x } from "../../../../../i18n/I18n.js";
-import { componentEvents as A } from "../../../../../shared/constants.js";
+import { Loading as u } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as g, BaseLayout as E } from "../../../../Base/Base.js";
+import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as h, getCityStateZip as x } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as A } from "../../../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../../../shared/constants.js";
 import { useHomeAddressSummary as H } from "../../shared/useHomeAddressSummary/useHomeAddressSummary.js";
-function j(o) {
-  return /* @__PURE__ */ e(u, { componentName: "Employee.Management.HomeAddress", children: /* @__PURE__ */ e(C, { ...o }) });
+function O(r) {
+  return /* @__PURE__ */ e(
+    g,
+    {
+      componentName: "Employee.Management.HomeAddress",
+      LoaderComponent: r.LoaderComponent,
+      children: /* @__PURE__ */ e(L, { ...r })
+    }
+  );
 }
-function C({ employeeId: o, onEvent: s }) {
-  x("Employee.Management.HomeAddress");
-  const { t } = l("Employee.Management.HomeAddress"), r = E(), n = H({ employeeId: o }), m = n.isLoading, i = n.isLoading ? void 0 : n.data.currentHomeAddress, d = () => {
-    s(A.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId: o });
+function L({ employeeId: r, onEvent: d, LoaderComponent: s }) {
+  A("Employee.Management.HomeAddress");
+  const { t } = p("Employee.Management.HomeAddress"), o = f(), n = H({ employeeId: r }), m = n.isLoading, i = n.isLoading ? void 0 : n.data.currentHomeAddress, c = () => {
+    d(C.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId: r });
   };
-  return /* @__PURE__ */ e(g, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
-    r.Box,
+  return /* @__PURE__ */ e(E, { error: n.errorHandling.errors, LoaderComponent: s, children: /* @__PURE__ */ e(
+    o.Box,
     {
       header: /* @__PURE__ */ e(
-        r.BoxHeader,
+        o.BoxHeader,
         {
           title: t("card.title"),
-          action: /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: d, isDisabled: m, children: t("card.manageCta") })
+          action: /* @__PURE__ */ e(o.Button, { variant: "secondary", onClick: c, isDisabled: m, children: t("card.manageCta") })
         }
       ),
-      children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: m ? /* @__PURE__ */ e(p, {}) : i ? /* @__PURE__ */ c(a, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ e(r.Text, { weight: "medium", children: f(i).replace(",", "") }),
-        /* @__PURE__ */ e(r.Text, { variant: "supporting", children: h(i) })
-      ] }) : /* @__PURE__ */ e(r.Text, { children: t("card.noAddress") }) })
+      children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: m ? /* @__PURE__ */ e(u, {}) : i ? /* @__PURE__ */ l(a, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ e(o.Text, { weight: "medium", children: h(i).replace(",", "") }),
+        /* @__PURE__ */ e(o.Text, { variant: "supporting", children: x(i) })
+      ] }) : /* @__PURE__ */ e(o.Text, { children: t("card.noAddress") }) })
     }
   ) });
 }
 export {
-  j as HomeAddressCard
+  O as HomeAddressCard
 };
 //# sourceMappingURL=HomeAddressCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressCard.js","sources":["../../../../../../src/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useHomeAddressSummary } from '../../shared/useHomeAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link HomeAddressCard}.\n *\n * @public\n */\nexport interface HomeAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone employee home address summary card.\n *\n * @remarks\n * Fetches the employee's active home address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function HomeAddressCard(props: HomeAddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.HomeAddress\">\n      <HomeAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction HomeAddressCardContent({ employeeId, onEvent }: HomeAddressCardProps) {\n  useI18n('Employee.Management.HomeAddress')\n  const { t } = useTranslation('Employee.Management.HomeAddress')\n  const Components = useComponentContext()\n\n  const summary = useHomeAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentHomeAddress = summary.isLoading ? undefined : summary.data.currentHomeAddress\n\n  const handleManage = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId })\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={handleManage} isDisabled={isLoading}>\n                {t('card.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {getStreet(currentHomeAddress).replace(',', '')}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {getCityStateZip(currentHomeAddress)}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["HomeAddressCard","props","jsx","BaseBoundaries","HomeAddressCardContent","employeeId","onEvent","useI18n","useTranslation","Components","useComponentContext","summary","useHomeAddressSummary","isLoading","currentHomeAddress","handleManage","componentEvents","BaseLayout","Flex","Loading","jsxs","getStreet","getCityStateZip"],"mappings":";;;;;;;;;;AAoCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,KAAe,eAAc,mCAC5B,4BAACC,GAAA,EAAwB,GAAGH,GAAO,EAAA,CACrC;AAEJ;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,KAAiC;AAC7E,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAAsB,EAAE,YAAAP,GAAY,GAE9CQ,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAe,MAAM;AACzB,IAAAT,EAAQU,EAAgB,iDAAiD,EAAE,YAAAX,EAAA,CAAY;AAAA,EACzF;AAEA,SACE,gBAAAH,EAACe,GAAA,EAAW,OAAON,EAAQ,cAAc,QACvC,UAAA,gBAAAT;AAAA,IAACO,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAP;AAAA,QAACO,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAP,EAACO,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAc,YAAYF,GACvE,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAX,EAACiB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhB,EAACO,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAAY,EAAUP,CAAkB,EAAE,QAAQ,KAAK,EAAE,EAAA,CAChD;AAAA,QACA,gBAAAZ,EAACO,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAa,EAAgBR,CAAkB,EAAA,CACrC;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAA,EAAE,gBAAgB,GAAE,EAAA,CAE1C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"HomeAddressCard.js","sources":["../../../../../../src/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useHomeAddressSummary } from '../../shared/useHomeAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\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 HomeAddressCard}.\n *\n * @public\n */\nexport interface HomeAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\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 employee home address summary card.\n *\n * @remarks\n * Fetches the employee's active home address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function HomeAddressCard(props: HomeAddressCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      LoaderComponent={props.LoaderComponent}\n    >\n      <HomeAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction HomeAddressCardContent({ employeeId, onEvent, LoaderComponent }: HomeAddressCardProps) {\n  useI18n('Employee.Management.HomeAddress')\n  const { t } = useTranslation('Employee.Management.HomeAddress')\n  const Components = useComponentContext()\n\n  const summary = useHomeAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentHomeAddress = summary.isLoading ? undefined : summary.data.currentHomeAddress\n\n  const handleManage = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId })\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={handleManage} isDisabled={isLoading}>\n                {t('card.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {getStreet(currentHomeAddress).replace(',', '')}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {getCityStateZip(currentHomeAddress)}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["HomeAddressCard","props","jsx","BaseBoundaries","HomeAddressCardContent","employeeId","onEvent","LoaderComponent","useI18n","useTranslation","Components","useComponentContext","summary","useHomeAddressSummary","isLoading","currentHomeAddress","handleManage","componentEvents","BaseLayout","Flex","Loading","jsxs","getStreet","getCityStateZip"],"mappings":";;;;;;;;;;AAuCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAiBF,EAAM;AAAA,MAEvB,UAAA,gBAAAC,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAyC;AAC9F,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAAsB,EAAE,YAAAR,GAAY,GAE9CS,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAe,MAAM;AACzB,IAAAV,EAAQW,EAAgB,iDAAiD,EAAE,YAAAZ,EAAA,CAAY;AAAA,EACzF;AAEA,2BACGa,GAAA,EAAW,OAAON,EAAQ,cAAc,QAAQ,iBAAAL,GAC/C,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAR,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAc,YAAYF,GACvE,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAZ,EAACkB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAjB,EAACQ,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAAY,EAAUP,CAAkB,EAAE,QAAQ,KAAK,EAAE,EAAA,CAChD;AAAA,QACA,gBAAAb,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAa,EAAgBR,CAAkB,EAAA,CACrC;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAA,EAAE,gBAAgB,GAAE,EAAA,CAE1C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,18 +1,32 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { HomeAddressEditForm as d } from "./HomeAddressEditForm.js";
-import { useFlow as t } from "../../../Flow/useFlow.js";
-import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
-import { HomeAddressCard as n } from "./HomeAddressCard/HomeAddressCard.js";
-function l() {
-  const { employeeId: e, onEvent: o } = t();
-  return /* @__PURE__ */ r(n, { employeeId: m(e), onEvent: o });
-}
+import { useFlow as m } from "../../../Flow/useFlow.js";
+import { ensureRequired as n } from "../../../../helpers/ensureRequired.js";
+import { HomeAddressCard as p } from "./HomeAddressCard/HomeAddressCard.js";
 function a() {
-  const { employeeId: e, onEvent: o } = t();
-  return /* @__PURE__ */ r(d, { employeeId: m(e), onEvent: o });
+  const { employeeId: o, onEvent: e, LoaderComponent: r } = m();
+  return /* @__PURE__ */ t(
+    p,
+    {
+      employeeId: n(o),
+      onEvent: e,
+      LoaderComponent: r
+    }
+  );
+}
+function C() {
+  const { employeeId: o, onEvent: e, LoaderComponent: r } = m();
+  return /* @__PURE__ */ t(
+    d,
+    {
+      employeeId: n(o),
+      onEvent: e,
+      LoaderComponent: r
+    }
+  );
 }
 export {
-  l as CardContextual,
-  a as HomeAddressEditFormContextual
+  a as CardContextual,
+  C as HomeAddressEditFormContextual
 };
 //# sourceMappingURL=HomeAddressComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressComponents.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressComponents.tsx"],"sourcesContent":["import { HomeAddressCard } from './HomeAddressCard'\nimport { HomeAddressEditForm } from './HomeAddressEditForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface HomeAddressContextInterface extends FlowContextInterface {\n  employeeId?: string\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { employeeId, onEvent } = useFlow<HomeAddressContextInterface>()\n  return <HomeAddressCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function HomeAddressEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<HomeAddressContextInterface>()\n  return <HomeAddressEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["CardContextual","employeeId","onEvent","useFlow","HomeAddressCard","ensureRequired","HomeAddressEditFormContextual","HomeAddressEditForm"],"mappings":";;;;;AAWO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAgB,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACpF;AAGO,SAASI,IAAgC;AAC9C,QAAM,EAAE,YAAAL,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQI,GAAA,EAAoB,YAAYF,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACxF;"}
+{"version":3,"file":"HomeAddressComponents.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressComponents.tsx"],"sourcesContent":["import { HomeAddressCard } from './HomeAddressCard'\nimport { HomeAddressEditForm } from './HomeAddressEditForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface HomeAddressContextInterface extends FlowContextInterface {\n  employeeId?: string\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<HomeAddressContextInterface>()\n  return (\n    <HomeAddressCard\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\n/** @internal */\nexport function HomeAddressEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<HomeAddressContextInterface>()\n  return (\n    <HomeAddressEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CardContextual","employeeId","onEvent","LoaderComponent","useFlow","jsx","HomeAddressCard","ensureRequired","HomeAddressEditFormContextual","HomeAddressEditForm"],"mappings":";;;;;AAWO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYC,EAAeN,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAAgC;AAC9C,QAAM,EAAE,YAAAP,GAAY,SAAAC,GAAS,iBAAAC,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,YAAYF,EAAeN,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -21,4 +21,4 @@ export interface HomeAddressEditFormProps extends BaseComponentInterface<'Employ
  *
  * @public
  */
-export declare function HomeAddressEditForm({ FallbackComponent, ...props }: HomeAddressEditFormProps): import("react").JSX.Element;
+export declare function HomeAddressEditForm({ FallbackComponent, LoaderComponent, ...props }: HomeAddressEditFormProps): import("react").JSX.Element;