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

package/dist/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.d.ts

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link WorkAddressCard}.
  *
@@ -10,6 +11,8 @@ export interface WorkAddressCardProps {
     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 work address summary card.

package/dist/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.js

@@ -1,47 +1,54 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
+import { jsx as e, jsxs as s } 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 E } from "../../../../Base/Base.js";
-import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as g } from "../../../../../i18n/I18n.js";
-import { componentEvents as h } from "../../../../../shared/constants.js";
-import { useEmployeeWorkAddressSummary as x } from "../../shared/useEmployeeWorkAddressSummary/useEmployeeWorkAddressSummary.js";
-function _(n) {
-  return /* @__PURE__ */ r(u, { componentName: "Employee.Management.WorkAddress", children: /* @__PURE__ */ r(A, { ...n }) });
+import { Loading as u } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as E, BaseLayout as f } from "../../../../Base/Base.js";
+import { useComponentContext as g } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as h } from "../../../../../i18n/I18n.js";
+import { componentEvents as x } from "../../../../../shared/constants.js";
+import { useEmployeeWorkAddressSummary as A } from "../../shared/useEmployeeWorkAddressSummary/useEmployeeWorkAddressSummary.js";
+function v(n) {
+  return /* @__PURE__ */ e(
+    E,
+    {
+      componentName: "Employee.Management.WorkAddress",
+      LoaderComponent: n.LoaderComponent,
+      children: /* @__PURE__ */ e(C, { ...n })
+    }
+  );
 }
-function A({ employeeId: n, onEvent: m }) {
-  g("Employee.Management.WorkAddress");
-  const { t: s } = l("Employee.Management.WorkAddress"), o = f(), t = x({ employeeId: n }), d = t.isLoading, e = t.isLoading ? void 0 : t.data.currentWorkAddress, c = () => {
-    m(h.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED, { employeeId: n });
+function C({ employeeId: n, onEvent: m, LoaderComponent: c }) {
+  h("Employee.Management.WorkAddress");
+  const { t: i } = p("Employee.Management.WorkAddress"), o = g(), t = A({ employeeId: n }), d = t.isLoading, r = t.isLoading ? void 0 : t.data.currentWorkAddress, l = () => {
+    m(x.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED, { employeeId: n });
   };
-  return /* @__PURE__ */ r(E, { error: t.errorHandling.errors, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(f, { error: t.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ e(
     o.Box,
     {
-      header: /* @__PURE__ */ r(
+      header: /* @__PURE__ */ e(
         o.BoxHeader,
         {
-          title: s("cardTitle"),
-          action: /* @__PURE__ */ r(o.Button, { variant: "secondary", onClick: c, isDisabled: d, children: s("cardManageCta") })
+          title: i("cardTitle"),
+          action: /* @__PURE__ */ e(o.Button, { variant: "secondary", onClick: l, isDisabled: d, children: i("cardManageCta") })
         }
       ),
-      children: /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: d ? /* @__PURE__ */ r(p, {}) : e ? /* @__PURE__ */ i(a, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ i(o.Text, { weight: "medium", children: [
-          e.street1,
-          e.street2 ? `, ${e.street2}` : ""
+      children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: d ? /* @__PURE__ */ e(u, {}) : r ? /* @__PURE__ */ s(a, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ s(o.Text, { weight: "medium", children: [
+          r.street1,
+          r.street2 ? `, ${r.street2}` : ""
         ] }),
-        /* @__PURE__ */ i(o.Text, { variant: "supporting", children: [
-          e.city,
+        /* @__PURE__ */ s(o.Text, { variant: "supporting", children: [
+          r.city,
           ", ",
-          e.state,
+          r.state,
           " ",
-          e.zip
+          r.zip
         ] })
-      ] }) : /* @__PURE__ */ r(o.Text, { children: s("cardNoAddress") }) })
+      ] }) : /* @__PURE__ */ e(o.Text, { children: i("cardNoAddress") }) })
     }
   ) });
 }
 export {
-  _ as WorkAddressCard
+  v as WorkAddressCard
 };
 //# sourceMappingURL=WorkAddressCard.js.map

package/dist/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkAddressCard.js","sources":["../../../../../../src/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeWorkAddressSummary } from '../../shared/useEmployeeWorkAddressSummary'\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 { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link WorkAddressCard}.\n *\n * @public\n */\nexport interface WorkAddressCardProps {\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 work address summary card.\n *\n * @remarks\n * Fetches the employee's active work address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function WorkAddressCard(props: WorkAddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.WorkAddress\">\n      <WorkAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction WorkAddressCardContent({ employeeId, onEvent }: WorkAddressCardProps) {\n  useI18n('Employee.Management.WorkAddress')\n  const { t } = useTranslation('Employee.Management.WorkAddress')\n  const Components = useComponentContext()\n\n  const summary = useEmployeeWorkAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentWorkAddress = summary.isLoading ? undefined : summary.data.currentWorkAddress\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_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('cardTitle')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('cardManageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentWorkAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {currentWorkAddress.street1}\n                {currentWorkAddress.street2 ? `, ${currentWorkAddress.street2}` : ''}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {currentWorkAddress.city}, {currentWorkAddress.state} {currentWorkAddress.zip}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('cardNoAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["WorkAddressCard","props","jsx","BaseBoundaries","WorkAddressCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","summary","useEmployeeWorkAddressSummary","isLoading","currentWorkAddress","handleEdit","componentEvents","BaseLayout","Flex","Loading","jsxs"],"mappings":";;;;;;;;;AAmCO,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,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAA8B,EAAE,YAAAR,GAAY,GAEtDS,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAa,MAAM;AACvB,IAAAV,EAAQW,EAAgB,iDAAiD,EAAE,YAAAZ,EAAA,CAAY;AAAA,EACzF;AAEA,SACE,gBAAAH,EAACgB,GAAA,EAAW,OAAON,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,WAAW;AAAA,UACpB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAY,YAAYF,GACrE,UAAAN,EAAE,eAAe,EAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACW,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,gBAAAE,EAACX,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UACnBA,EAAmB,UAAU,KAAKA,EAAmB,OAAO,KAAK;AAAA,QAAA,GACpE;AAAA,QACA,gBAAAM,EAACX,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UAAK;AAAA,UAAGA,EAAmB;AAAA,UAAM;AAAA,UAAEA,EAAmB;AAAA,QAAA,EAAA,CAC5E;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAAF,EAAE,eAAe,GAAE,EAAA,CAEzC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"WorkAddressCard.js","sources":["../../../../../../src/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeWorkAddressSummary } from '../../shared/useEmployeeWorkAddressSummary'\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 { 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 WorkAddressCard}.\n *\n * @public\n */\nexport interface WorkAddressCardProps {\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 work address summary card.\n *\n * @remarks\n * Fetches the employee's active work address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function WorkAddressCard(props: WorkAddressCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      LoaderComponent={props.LoaderComponent}\n    >\n      <WorkAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction WorkAddressCardContent({ employeeId, onEvent, LoaderComponent }: WorkAddressCardProps) {\n  useI18n('Employee.Management.WorkAddress')\n  const { t } = useTranslation('Employee.Management.WorkAddress')\n  const Components = useComponentContext()\n\n  const summary = useEmployeeWorkAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentWorkAddress = summary.isLoading ? undefined : summary.data.currentWorkAddress\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_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('cardTitle')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('cardManageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentWorkAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {currentWorkAddress.street1}\n                {currentWorkAddress.street2 ? `, ${currentWorkAddress.street2}` : ''}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {currentWorkAddress.city}, {currentWorkAddress.state} {currentWorkAddress.zip}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('cardNoAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["WorkAddressCard","props","jsx","BaseBoundaries","WorkAddressCardContent","employeeId","onEvent","LoaderComponent","useI18n","t","useTranslation","Components","useComponentContext","summary","useEmployeeWorkAddressSummary","isLoading","currentWorkAddress","handleEdit","componentEvents","BaseLayout","Flex","Loading","jsxs"],"mappings":";;;;;;;;;AAsCO,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,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAA8B,EAAE,YAAAT,GAAY,GAEtDU,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAa,MAAM;AACvB,IAAAX,EAAQY,EAAgB,iDAAiD,EAAE,YAAAb,EAAA,CAAY;AAAA,EACzF;AAEA,2BACGc,GAAA,EAAW,OAAON,EAAQ,cAAc,QAAQ,iBAAAN,GAC/C,UAAA,gBAAAL;AAAA,IAACS,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAT;AAAA,QAACS,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,WAAW;AAAA,UACpB,QACE,gBAAAP,EAACS,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAY,YAAYF,GACrE,UAAAN,EAAE,eAAe,EAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACW,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAb,EAACmB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAE,EAACX,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UACnBA,EAAmB,UAAU,KAAKA,EAAmB,OAAO,KAAK;AAAA,QAAA,GACpE;AAAA,QACA,gBAAAM,EAACX,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UAAK;AAAA,UAAGA,EAAmB;AAAA,UAAM;AAAA,UAAEA,EAAmB;AAAA,QAAA,EAAA,CAC5E;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAAF,EAAE,eAAe,GAAE,EAAA,CAEzC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/WorkAddress/management/WorkAddressComponents.js

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

package/dist/components/Employee/WorkAddress/management/WorkAddressComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkAddressComponents.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddressComponents.tsx"],"sourcesContent":["import { WorkAddressCard } from './WorkAddressCard'\nimport { WorkAddressEditForm } from './WorkAddressEditForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface WorkAddressContextInterface extends FlowContextInterface {\n  employeeId?: string\n}\n\n/** @internal */\nexport function WorkAddressCardContextual() {\n  const { employeeId, onEvent } = useFlow<WorkAddressContextInterface>()\n  return <WorkAddressCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function WorkAddressEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<WorkAddressContextInterface>()\n  return <WorkAddressEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["WorkAddressCardContextual","employeeId","onEvent","useFlow","WorkAddressCard","ensureRequired","WorkAddressEditFormContextual","WorkAddressEditForm"],"mappings":";;;;;AAWO,SAASA,IAA4B;AAC1C,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":"WorkAddressComponents.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddressComponents.tsx"],"sourcesContent":["import { WorkAddressCard } from './WorkAddressCard'\nimport { WorkAddressEditForm } from './WorkAddressEditForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface WorkAddressContextInterface extends FlowContextInterface {\n  employeeId?: string\n}\n\n/** @internal */\nexport function WorkAddressCardContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<WorkAddressContextInterface>()\n  return (\n    <WorkAddressCard\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\n/** @internal */\nexport function WorkAddressEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<WorkAddressContextInterface>()\n  return (\n    <WorkAddressEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["WorkAddressCardContextual","employeeId","onEvent","LoaderComponent","useFlow","jsx","WorkAddressCard","ensureRequired","WorkAddressEditFormContextual","WorkAddressEditForm"],"mappings":";;;;;AAWO,SAASA,IAA4B;AAC1C,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/WorkAddress/management/WorkAddressEditForm.d.ts

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

package/dist/components/Employee/WorkAddress/management/WorkAddressEditForm.js

@@ -1,21 +1,33 @@
-import { jsx as r } from "react/jsx-runtime";
-import { WorkAddressView as m } from "./WorkAddressView.js";
-import { useWorkAddressManagement as A, isUseWorkAddressManagementSuccess as E } from "./useWorkAddressManagement.js";
-import { BaseBoundaries as g, BaseLayout as t } from "../../../Base/Base.js";
-import { useI18n as W, useComponentDictionary as c } from "../../../../i18n/I18n.js";
+import { jsx as o } from "react/jsx-runtime";
+import { WorkAddressView as A } from "./WorkAddressView.js";
+import { useWorkAddressManagement as E, isUseWorkAddressManagementSuccess as g } from "./useWorkAddressManagement.js";
+import { BaseBoundaries as W, BaseLayout as i } from "../../../Base/Base.js";
+import { useI18n as c, useComponentDictionary as k } from "../../../../i18n/I18n.js";
 import { componentEvents as n } from "../../../../shared/constants.js";
-function k({ employeeId: d, dictionary: s, onEvent: o }) {
-  W(["Employee.Management.WorkAddress"]), c("Employee.Management.WorkAddress", s);
-  const e = A({ employeeId: d, onEvent: o });
+function D({
+  employeeId: s,
+  dictionary: d,
+  onEvent: r,
+  LoaderComponent: a
+}) {
+  c(["Employee.Management.WorkAddress"]), k("Employee.Management.WorkAddress", d);
+  const e = E({ employeeId: s, onEvent: r });
   if (e.isLoading)
-    return /* @__PURE__ */ r(t, { isLoading: !0, error: e.errorHandling.errors });
-  if (!E(e))
-    return /* @__PURE__ */ r(t, { error: e.errorHandling.errors });
-  const i = (a) => {
-    a.mode === "create" ? o(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_CREATED, a.data) : o(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_UPDATED, a.data);
+    return /* @__PURE__ */ o(
+      i,
+      {
+        isLoading: !0,
+        error: e.errorHandling.errors,
+        LoaderComponent: a
+      }
+    );
+  if (!g(e))
+    return /* @__PURE__ */ o(i, { error: e.errorHandling.errors, LoaderComponent: a });
+  const m = (t) => {
+    t.mode === "create" ? r(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_CREATED, t.data) : r(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_UPDATED, t.data);
   };
-  return /* @__PURE__ */ r(t, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
-    m,
+  return /* @__PURE__ */ o(i, { error: e.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ o(
+    A,
     {
       editWorkAddressForm: e.data.editWorkAddressForm,
       changeWorkAddressForm: e.data.changeWorkAddressForm,
@@ -24,25 +36,30 @@ function k({ employeeId: d, dictionary: s, onEvent: o }) {
       onEditTargetUuidChange: e.actions.setEditTargetUuid,
       employeeDisplayName: e.data.employeeDisplayName,
       onConfirmDelete: e.actions.confirmDeleteWorkAddress,
-      onWorkAddressSaved: i,
+      onWorkAddressSaved: m,
       onBack: () => {
-        o(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED);
+        r(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED);
       },
       isDeletePending: e.status.isDeletePending
     }
   ) });
 }
-function _({ FallbackComponent: d, ...s }) {
-  return /* @__PURE__ */ r(
-    g,
+function y({
+  FallbackComponent: s,
+  LoaderComponent: d,
+  ...r
+}) {
+  return /* @__PURE__ */ o(
+    W,
     {
       componentName: "Employee.Management.WorkAddress",
-      FallbackComponent: d,
-      children: /* @__PURE__ */ r(k, { ...s })
+      FallbackComponent: s,
+      LoaderComponent: d,
+      children: /* @__PURE__ */ o(D, { LoaderComponent: d, ...r })
     }
   );
 }
 export {
-  _ as WorkAddressEditForm
+  y as WorkAddressEditForm
 };
 //# sourceMappingURL=WorkAddressEditForm.js.map

package/dist/components/Employee/WorkAddress/management/WorkAddressEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkAddressEditForm.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { WorkAddressView } from './WorkAddressView'\nimport {\n  isUseWorkAddressManagementSuccess,\n  useWorkAddressManagement,\n} from './useWorkAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link WorkAddressEditForm}.\n *\n * @public\n */\nexport interface WorkAddressEditFormProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressEditFormRoot({ employeeId, dictionary, onEvent }: WorkAddressEditFormProps) {\n  useI18n(['Employee.Management.WorkAddress'])\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n\n  const management = useWorkAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return <BaseLayout isLoading error={management.errorHandling.errors} />\n  }\n\n  if (!isUseWorkAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} />\n  }\n\n  const handleWorkAddressSaved = (result: HookSubmitResult<EmployeeWorkAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors}>\n      <WorkAddressView\n        editWorkAddressForm={management.data.editWorkAddressForm}\n        changeWorkAddressForm={management.data.changeWorkAddressForm}\n        workAddresses={management.data.employeeWorkAddresses}\n        editTargetUuid={management.data.editTargetUuid}\n        onEditTargetUuidChange={management.actions.setEditTargetUuid}\n        employeeDisplayName={management.data.employeeDisplayName}\n        onConfirmDelete={management.actions.confirmDeleteWorkAddress}\n        onWorkAddressSaved={handleWorkAddressSaved}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee work address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function WorkAddressEditForm({ FallbackComponent, ...props }: WorkAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <WorkAddressEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressEditFormRoot","employeeId","dictionary","onEvent","useI18n","useComponentDictionary","management","useWorkAddressManagement","BaseLayout","isUseWorkAddressManagementSuccess","jsx","handleWorkAddressSaved","result","componentEvents","WorkAddressView","WorkAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAAqC;AAC9F,EAAAC,EAAQ,CAAC,iCAAiC,CAAC,GAC3CC,EAAuB,mCAAmCH,CAAU;AAEpE,QAAMI,IAAaC,EAAyB,EAAE,YAAAN,GAAY,SAAAE,GAAS;AAEnE,MAAIG,EAAW;AACb,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ;AAGvE,MAAI,CAACG,EAAkCH,CAAU;AAC/C,WAAO,gBAAAI,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAAQ;AAG7D,QAAMK,IAAyB,CAACC,MAAkD;AAChF,IAAIA,EAAO,SAAS,WAClBT,EAAQU,EAAgB,0CAA0CD,EAAO,IAAI,IAE7ET,EAAQU,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,SACE,gBAAAF,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAC1C,UAAA,gBAAAI;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,eAAeA,EAAW,KAAK;AAAA,MAC/B,gBAAgBA,EAAW,KAAK;AAAA,MAChC,wBAAwBA,EAAW,QAAQ;AAAA,MAC3C,qBAAqBA,EAAW,KAAK;AAAA,MACrC,iBAAiBA,EAAW,QAAQ;AAAA,MACpC,oBAAoBK;AAAA,MACpB,QAAQ,MAAM;AACZ,QAAAR,EAAQU,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB,EAAE,mBAAAC,GAAmB,GAAGC,KAAmC;AAC7F,SACE,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAN,EAACV,GAAA,EAAyB,GAAGiB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1C;"}
+{"version":3,"file":"WorkAddressEditForm.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { WorkAddressView } from './WorkAddressView'\nimport {\n  isUseWorkAddressManagementSuccess,\n  useWorkAddressManagement,\n} from './useWorkAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link WorkAddressEditForm}.\n *\n * @public\n */\nexport interface WorkAddressEditFormProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressEditFormRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: WorkAddressEditFormProps) {\n  useI18n(['Employee.Management.WorkAddress'])\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n\n  const management = useWorkAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={management.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  if (!isUseWorkAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const handleWorkAddressSaved = (result: HookSubmitResult<EmployeeWorkAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <WorkAddressView\n        editWorkAddressForm={management.data.editWorkAddressForm}\n        changeWorkAddressForm={management.data.changeWorkAddressForm}\n        workAddresses={management.data.employeeWorkAddresses}\n        editTargetUuid={management.data.editTargetUuid}\n        onEditTargetUuidChange={management.actions.setEditTargetUuid}\n        employeeDisplayName={management.data.employeeDisplayName}\n        onConfirmDelete={management.actions.confirmDeleteWorkAddress}\n        onWorkAddressSaved={handleWorkAddressSaved}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee work address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function WorkAddressEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: WorkAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <WorkAddressEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressEditFormRoot","employeeId","dictionary","onEvent","LoaderComponent","useI18n","useComponentDictionary","management","useWorkAddressManagement","jsx","BaseLayout","isUseWorkAddressManagementSuccess","handleWorkAddressSaved","result","componentEvents","WorkAddressView","WorkAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB;AAAA,EAC/B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,GAA6B;AAC3B,EAAAC,EAAQ,CAAC,iCAAiC,CAAC,GAC3CC,EAAuB,mCAAmCJ,CAAU;AAEpE,QAAMK,IAAaC,EAAyB,EAAE,YAAAP,GAAY,SAAAE,GAAS;AAEnE,MAAII,EAAW;AACb,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAW,cAAc;AAAA,QAChC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,MAAI,CAACO,EAAkCJ,CAAU;AAC/C,6BAAQG,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAAkC;AAG/F,QAAMQ,IAAyB,CAACC,MAAkD;AAChF,IAAIA,EAAO,SAAS,WAClBV,EAAQW,EAAgB,0CAA0CD,EAAO,IAAI,IAE7EV,EAAQW,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,2BACGH,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAClD,UAAA,gBAAAK;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,eAAeA,EAAW,KAAK;AAAA,MAC/B,gBAAgBA,EAAW,KAAK;AAAA,MAChC,wBAAwBA,EAAW,QAAQ;AAAA,MAC3C,qBAAqBA,EAAW,KAAK;AAAA,MACrC,iBAAiBA,EAAW,QAAQ;AAAA,MACpC,oBAAoBK;AAAA,MACpB,QAAQ,MAAM;AACZ,QAAAT,EAAQW,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB;AAAA,EAClC,mBAAAC;AAAA,EACA,iBAAAb;AAAA,EACA,GAAGc;AACL,GAA6B;AAC3B,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAb;AAAA,MAEA,UAAA,gBAAAK,EAACT,GAAA,EAAwB,iBAAAI,GAAmC,GAAGc,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;"}

package/dist/components/Employee/WorkAddress/management/workAddressStateMachine.d.ts

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

package/dist/components/Employee/WorkAddress/management/workAddressStateMachine.js

@@ -1,5 +1,6 @@
-import { state as o, transition as t, reduce as e } from "robot3";
 import { WorkAddressEditFormContextual as d, WorkAddressCardContextual as n } from "./WorkAddressComponents.js";
+import "react";
+import { state as o, transition as t, reduce as e } from "../../../../lib/state-machine/core.js";
 import { componentEvents as E } from "../../../../shared/constants.js";
 const s = e((r) => ({
   ...r,

package/dist/components/Employee/WorkAddress/management/workAddressStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"workAddressStateMachine.js","sources":["../../../../../src/components/Employee/WorkAddress/management/workAddressStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { WorkAddressContextInterface } from './WorkAddressComponents'\nimport { WorkAddressCardContextual, WorkAddressEditFormContextual } from './WorkAddressComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n  ...ctx,\n  component: WorkAddressCardContextual as ComponentType,\n}))\n\n/** @internal */\nexport const workAddressStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED,\n      'editWorkAddress',\n      reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n        ...ctx,\n        component: WorkAddressEditFormContextual as ComponentType,\n      })),\n    ),\n  ),\n  // The edit surface is modal-style: editing/changing/deleting a row closes\n  // the modal but keeps the user on the edit screen so they can manage\n  // additional rows. Only the explicit Back action returns to the card.\n  editWorkAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","WorkAddressCardContextual","workAddressStateMachine","state","transition","componentEvents","WorkAddressEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAAmE;AAAA,EAC9F,GAAGA;AAAA,EACH,WAAWC;AACb,EAAE,GAGWC,IAA0B;AAAA,EACrC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAmE;AAAA,QACzE,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKF,iBAAiBH;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"workAddressStateMachine.js","sources":["../../../../../src/components/Employee/WorkAddress/management/workAddressStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { WorkAddressContextInterface } from './WorkAddressComponents'\nimport { WorkAddressCardContextual, WorkAddressEditFormContextual } from './WorkAddressComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n  ...ctx,\n  component: WorkAddressCardContextual as ComponentType,\n}))\n\n/** @internal */\nexport const workAddressStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED,\n      'editWorkAddress',\n      reduce((ctx: WorkAddressContextInterface): WorkAddressContextInterface => ({\n        ...ctx,\n        component: WorkAddressEditFormContextual as ComponentType,\n      })),\n    ),\n  ),\n  // The edit surface is modal-style: editing/changing/deleting a row closes\n  // the modal but keeps the user on the edit screen so they can manage\n  // additional rows. Only the explicit Back action returns to the card.\n  editWorkAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","WorkAddressCardContextual","workAddressStateMachine","state","transition","componentEvents","WorkAddressEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAAmE;AAAA,EAC9F,GAAGA;AAAA,EACH,WAAWC;AACb,EAAE,GAGWC,IAA0B;AAAA,EACrC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAmE;AAAA,QACzE,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKF,iBAAiBH;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Flow/Flow.d.ts

@@ -1,22 +1,21 @@
-import { Machine } from 'robot3';
 import { OnEventType } from '../Base/useBase';
 import { FlowContextInterface } from './useFlow';
+import { Machine } from '../../lib/state-machine';
 import { EventType } from '../../shared/constants';
 type FlowProps<M extends Machine> = {
     machine: M;
     onEvent: OnEventType<EventType, unknown>;
 };
 /**
- * Drives a robot3 state machine that orchestrates a multi-step SDK flow, rendering the active
+ * Drives a state machine that orchestrates a multi-step SDK flow, rendering the active
  * step component inside a {@link FlowContext} provider with optional header chrome above it.
  *
  * @remarks
- * Re-emits every event produced by the state machine (or the active child machine, when one is
- * nested) to the upstream `onEvent` callback, so the consuming flow component (e.g. `PayrollFlow`,
- * `OnboardingFlow`) can forward them to partner code. The set of event types is defined by the
- * machine itself rather than a fixed catalogue.
+ * Re-emits every event to the upstream `onEvent` callback, so the consuming flow component
+ * (e.g. `PayrollFlow`, `OnboardingFlow`) can forward them to partner code. The set of event
+ * types is defined by the machine itself rather than a fixed catalogue.
  *
- * @typeParam M - The robot3 {@link Machine} type whose context extends {@link FlowContextInterface}.
+ * @typeParam M - The {@link Machine} type whose context extends {@link FlowContextInterface}.
  * @param props - Component props: the `machine` instance to run and an `onEvent` handler that
  *   receives every event the machine emits.
  * @returns A React element rendering the machine's current `component` inside the flow context,

package/dist/components/Flow/Flow.js

@@ -1,35 +1,41 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { useMachine as h } from "react-robot";
-import { Flex as l } from "../Common/Flex/Flex.js";
-import { FlowContext as u } from "./useFlow.js";
-import { FlowHeader as v } from "./FlowHeader.js";
-const E = ({
-  onEvent: m,
-  machine: s
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { Suspense as p } from "react";
+import { FlowContext as s } from "./useFlow.js";
+import { FlowHeader as f } from "./FlowHeader.js";
+import { useLoadingIndicator as u } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import { useMachine as h } from "../../lib/state-machine/index.js";
+import { Flex as i } from "../Common/Flex/Flex.js";
+const x = 40;
+function E() {
+  const { LoadingIndicator: n } = u();
+  return /* @__PURE__ */ o(n, { height: x });
+}
+const L = ({
+  onEvent: n,
+  machine: l
 }) => {
-  const [o, d, e] = h(s, {
-    onEvent: p,
+  const [e, m] = h(l, {
+    onEvent: a,
     component: null
   });
-  function p(r, c) {
-    const i = { type: r, payload: c }, f = d;
-    e.child ? e.child.send(i) : f(i), m(r, c);
+  function a(t, c) {
+    m({ type: t, payload: c }), n(t, c);
   }
-  const t = o.context.component;
-  return /* @__PURE__ */ n(l, { children: /* @__PURE__ */ n(
-    u.Provider,
+  const r = e.context.component;
+  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
+    s.Provider,
     {
       value: {
-        ...o.context
+        ...e.context
       },
-      children: /* @__PURE__ */ x(l, { flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ n(v, {}),
-        t && /* @__PURE__ */ n(t, {})
+      children: /* @__PURE__ */ d(i, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ o(p, { fallback: /* @__PURE__ */ o(E, {}), children: /* @__PURE__ */ o(f, {}) }),
+        r && /* @__PURE__ */ o(r, {})
       ] })
     }
   ) });
 };
 export {
-  E as Flow
+  L as Flow
 };
 //# sourceMappingURL=Flow.js.map

package/dist/components/Flow/Flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine, type SendFunction } from 'robot3'\nimport type { OnEventType } from '../Base/useBase'\nimport { Flex } from '../Common/Flex'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { FlowHeader } from './FlowHeader'\nimport { type EventType } from '@/shared/constants'\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Drives a robot3 state machine that orchestrates a multi-step SDK flow, rendering the active\n * step component inside a {@link FlowContext} provider with optional header chrome above it.\n *\n * @remarks\n * Re-emits every event produced by the state machine (or the active child machine, when one is\n * nested) to the upstream `onEvent` callback, so the consuming flow component (e.g. `PayrollFlow`,\n * `OnboardingFlow`) can forward them to partner code. The set of event types is defined by the\n * machine itself rather than a fixed catalogue.\n *\n * @typeParam M - The robot3 {@link Machine} type whose context extends {@link FlowContextInterface}.\n * @param props - Component props: the `machine` instance to run and an `onEvent` handler that\n *   receives every event the machine emits.\n * @returns A React element rendering the machine's current `component` inside the flow context,\n *   with a {@link FlowHeader} above it.\n * @internal\n */\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n  })\n\n  function handleEvent(type: EventType, data: unknown): void {\n    const event = { type, payload: data }\n    const sendFn = send as SendFunction<string>\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      ;(service.child.send as SendFunction<string>)(event)\n    } else {\n      sendFn(event)\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  const Component = current.context.component\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FlowHeader />\n          {Component && <Component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","current","send","service","useMachine","handleEvent","type","data","event","sendFn","Component","Flex","jsx","FlowContext","jsxs","FlowHeader"],"mappings":";;;;;AA+BO,MAAMA,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAM,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWJ,GAAS;AAAA,IACnD,SAASK;AAAA,IACT,WAAW;AAAA,EAAA,CACZ;AAED,WAASA,EAAYC,GAAiBC,GAAqB;AACzD,UAAMC,IAAQ,EAAE,MAAAF,GAAM,SAASC,EAAA,GACzBE,IAASP;AAEf,IAAIC,EAAQ,QACRA,EAAQ,MAAM,KAA8BK,CAAK,IAEnDC,EAAOD,CAAK,GAGdT,EAAQO,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAMG,IAAYT,EAAQ,QAAQ;AAElC,2BACGU,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGZ,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAa,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAC,EAACG,GAAA,EAAW;AAAA,QACXL,uBAAcA,GAAA,CAAA,CAAU;AAAA,MAAA,EAAA,CAC3B;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { Suspense } from 'react'\nimport type { OnEventType } from '../Base/useBase'\nimport { Flex } from '../Common/Flex'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { FlowHeader } from './FlowHeader'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { useMachine, type Machine } from '@/lib/state-machine'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Header chrome is short (a back-button row is the only header that can suspend),\n * so the header fallback matches its height rather than the full content loader —\n * this keeps the step body at the same level, avoiding a layout shift.\n */\nconst HEADER_LOADER_HEIGHT = 40\n\n/**\n * Fallback for the {@link FlowHeader} Suspense boundary. FlowHeader calls\n * `useTranslation` and renders above the active step's own boundary, so a\n * first-time i18n namespace load during a synchronous transition would otherwise\n * throw React #426. Reuses the SDK loading indicator sized to the header height\n * so the placeholder matches the header chrome and the step body doesn't shift.\n * (Step components manage their own loading via `BaseComponent`/`BaseBoundaries`.)\n */\nfunction FlowHeaderFallback() {\n  const { LoadingIndicator } = useLoadingIndicator()\n  return <LoadingIndicator height={HEADER_LOADER_HEIGHT} />\n}\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Drives a state machine that orchestrates a multi-step SDK flow, rendering the active\n * step component inside a {@link FlowContext} provider with optional header chrome above it.\n *\n * @remarks\n * Re-emits every event to the upstream `onEvent` callback, so the consuming flow component\n * (e.g. `PayrollFlow`, `OnboardingFlow`) can forward them to partner code. The set of event\n * types is defined by the machine itself rather than a fixed catalogue.\n *\n * @typeParam M - The {@link Machine} type whose context extends {@link FlowContextInterface}.\n * @param props - Component props: the `machine` instance to run and an `onEvent` handler that\n *   receives every event the machine emits.\n * @returns A React element rendering the machine's current `component` inside the flow context,\n *   with a {@link FlowHeader} above it.\n * @internal\n */\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const [current, send] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n  })\n\n  function handleEvent(type: EventType, data: unknown): void {\n    send({ type, payload: data })\n    onEvent(type, data)\n  }\n\n  const Component = current.context.component\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <Suspense fallback={<FlowHeaderFallback />}>\n            <FlowHeader />\n          </Suspense>\n          {Component && <Component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["HEADER_LOADER_HEIGHT","FlowHeaderFallback","LoadingIndicator","useLoadingIndicator","jsx","Flow","onEvent","machine","current","send","useMachine","handleEvent","type","data","Component","Flex","FlowContext","jsxs","Suspense","FlowHeader"],"mappings":";;;;;;;AAeA,MAAMA,IAAuB;AAU7B,SAASC,IAAqB;AAC5B,QAAM,EAAE,kBAAAC,EAAA,IAAqBC,EAAA;AAC7B,SAAO,gBAAAC,EAACF,GAAA,EAAiB,QAAQF,EAAA,CAAsB;AACzD;AAuBO,MAAMK,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAM,CAACC,GAASC,CAAI,IAAIC,EAAWH,GAAS;AAAA,IAC1C,SAASI;AAAA,IACT,WAAW;AAAA,EAAA,CACZ;AAED,WAASA,EAAYC,GAAiBC,GAAqB;AACzD,IAAAJ,EAAK,EAAE,MAAAG,GAAM,SAASC,EAAA,CAAM,GAC5BP,EAAQM,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAMC,IAAYN,EAAQ,QAAQ;AAElC,2BACGO,GAAA,EACC,UAAA,gBAAAX;AAAA,IAACY,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGR,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAS,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAX,EAACc,KAAS,UAAU,gBAAAd,EAACH,KAAmB,GACtC,UAAA,gBAAAG,EAACe,KAAW,EAAA,CACd;AAAA,QACCL,uBAAcA,GAAA,CAAA,CAAU;AAAA,MAAA,EAAA,CAC3B;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Flow/useFlow.d.ts

@@ -1,6 +1,6 @@
 import { CustomTypeOptions } from 'i18next';
 import { OnEventType } from '../Base/useBase';
-import { CommonComponentInterface } from '../Base';
+import { CommonComponentInterface, LoaderComponentType } from '../Base';
 import { BreadcrumbTrail } from '../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
 import { EventType } from '../../shared/constants';
 /**
@@ -70,6 +70,12 @@ export interface FlowContextInterface {
      * (or set to `null`), no header is shown.
      */
     header?: FlowHeaderConfig | null;
+    /**
+     * Optional loading indicator propagated from the flow's entry component so step
+     * components can forward it to their `BaseLayout`. Falls back to the
+     * `LoadingIndicatorContext` value when omitted.
+     */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * React context that exposes the current {@link FlowContextInterface} to step components

package/dist/components/Flow/useFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlow.js","sources":["../../../src/components/Flow/useFlow.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { CustomTypeOptions } from 'i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport type { CommonComponentInterface } from '../Base'\nimport type { BreadcrumbTrail } from '../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport type { EventType } from '@/shared/constants'\n\n/**\n * Configuration for a call-to-action label sourced from the i18n catalogue.\n *\n * @internal\n */\ninterface CtaConfig {\n  labelKey: string\n  namespace?: keyof CustomTypeOptions['resources']\n}\n\n/**\n * Discriminated union describing the chrome rendered above the active flow component.\n *\n * @remarks\n * Each variant declares only the data it needs:\n *\n * - `minimal` — back button. Optional `cta` for an extra control next to it.\n * - `progress` — step indicator. Requires `currentStep` / `totalSteps`, plus optional `cta`.\n * - `breadcrumbs` — breadcrumb trail. Optional `currentBreadcrumbId` / `breadcrumbs` (typically\n *   populated via `buildBreadcrumbs` + `updateBreadcrumbs`), plus optional `cta`.\n *\n * `cta` carries the same meaning across every variant: an optional component rendered as part\n * of the header chrome.\n *\n * @internal\n */\nexport type FlowHeaderConfig =\n  | {\n      type: 'minimal'\n      /**\n       * Optional override for the default back button (defaults to\n       * `t('back')` + `componentEvents.CANCEL`). Provide both `label` and\n       * `event` to render a flow-specific affordance — e.g. \"Back to\n       * employees\" routed to a dedicated state-machine transition so nested\n       * flows don't intercept it as a generic cancel.\n       */\n      back?: {\n        labelKey: string\n        namespace: keyof CustomTypeOptions['resources']\n        event: EventType\n      }\n      cta?: React.ComponentType\n    }\n  | {\n      type: 'progress'\n      currentStep: number\n      totalSteps: number\n      cta?: React.ComponentType\n    }\n  | {\n      type: 'breadcrumbs'\n      currentBreadcrumbId?: string\n      breadcrumbs?: BreadcrumbTrail\n      cta?: React.ComponentType\n    }\n\n/**\n * Shape of the value carried by {@link FlowContext}: the active step component, the upstream\n * event dispatcher, and optional defaults / chrome configuration.\n *\n * @internal\n */\nexport interface FlowContextInterface {\n  component: React.ComponentType<CommonComponentInterface> | null\n  onEvent: OnEventType<EventType, unknown>\n  defaultValues?: Record<string, unknown>\n  ctaConfig?: CtaConfig | null\n  /**\n   * Optional chrome rendered above the active flow component. When omitted\n   * (or set to `null`), no header is shown.\n   */\n  header?: FlowHeaderConfig | null\n}\n\n/**\n * React context that exposes the current {@link FlowContextInterface} to step components\n * rendered inside a {@link Flow}.\n *\n * @internal\n */\nexport const FlowContext = createContext<FlowContextInterface | null>(null)\n\n//TODO: This is hiding the fact that the callsite for useFlow\n//  destructures a `companyId` that doesn't seem to exist\n/* eslint-disable @typescript-eslint/no-unnecessary-type-parameters */\n/**\n * Reads the active {@link FlowContext} value from a step component rendered inside a {@link Flow}.\n *\n * @remarks\n * Throws if called outside a {@link Flow} provider. The generic `C` parameter lets callers narrow\n * the context to a flow-specific extension of {@link FlowContextInterface} that carries extra\n * fields (e.g. `companyId`, `employeeId`).\n *\n * @typeParam C - The concrete context shape the calling flow expects, extending {@link FlowContextInterface}.\n * @returns The current flow context value, narrowed to `C`.\n * @throws When called outside a {@link Flow} provider, an `Error` is thrown.\n * @internal\n */\nexport function useFlow<C extends FlowContextInterface>() {\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-parameters */\n  // When used outside provider, this is expected to return undefined - consumers must fallback to params\n  const values = useContext<C>(FlowContext as unknown as React.Context<C>)\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!values) {\n    throw new Error('useFlow used outside provider')\n  }\n  return values\n}\n"],"names":["FlowContext","createContext","useFlow","values","useContext"],"mappings":";AAuFO,MAAMA,IAAcC,EAA2C,IAAI;AAkBnE,SAASC,IAA0C;AAGxD,QAAMC,IAASC,EAAcJ,CAA0C;AAEvE,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+BAA+B;AAEjD,SAAOA;AACT;"}
+{"version":3,"file":"useFlow.js","sources":["../../../src/components/Flow/useFlow.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { CustomTypeOptions } from 'i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport type { CommonComponentInterface, LoaderComponentType } from '../Base'\nimport type { BreadcrumbTrail } from '../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport type { EventType } from '@/shared/constants'\n\n/**\n * Configuration for a call-to-action label sourced from the i18n catalogue.\n *\n * @internal\n */\ninterface CtaConfig {\n  labelKey: string\n  namespace?: keyof CustomTypeOptions['resources']\n}\n\n/**\n * Discriminated union describing the chrome rendered above the active flow component.\n *\n * @remarks\n * Each variant declares only the data it needs:\n *\n * - `minimal` — back button. Optional `cta` for an extra control next to it.\n * - `progress` — step indicator. Requires `currentStep` / `totalSteps`, plus optional `cta`.\n * - `breadcrumbs` — breadcrumb trail. Optional `currentBreadcrumbId` / `breadcrumbs` (typically\n *   populated via `buildBreadcrumbs` + `updateBreadcrumbs`), plus optional `cta`.\n *\n * `cta` carries the same meaning across every variant: an optional component rendered as part\n * of the header chrome.\n *\n * @internal\n */\nexport type FlowHeaderConfig =\n  | {\n      type: 'minimal'\n      /**\n       * Optional override for the default back button (defaults to\n       * `t('back')` + `componentEvents.CANCEL`). Provide both `label` and\n       * `event` to render a flow-specific affordance — e.g. \"Back to\n       * employees\" routed to a dedicated state-machine transition so nested\n       * flows don't intercept it as a generic cancel.\n       */\n      back?: {\n        labelKey: string\n        namespace: keyof CustomTypeOptions['resources']\n        event: EventType\n      }\n      cta?: React.ComponentType\n    }\n  | {\n      type: 'progress'\n      currentStep: number\n      totalSteps: number\n      cta?: React.ComponentType\n    }\n  | {\n      type: 'breadcrumbs'\n      currentBreadcrumbId?: string\n      breadcrumbs?: BreadcrumbTrail\n      cta?: React.ComponentType\n    }\n\n/**\n * Shape of the value carried by {@link FlowContext}: the active step component, the upstream\n * event dispatcher, and optional defaults / chrome configuration.\n *\n * @internal\n */\nexport interface FlowContextInterface {\n  component: React.ComponentType<CommonComponentInterface> | null\n  onEvent: OnEventType<EventType, unknown>\n  defaultValues?: Record<string, unknown>\n  ctaConfig?: CtaConfig | null\n  /**\n   * Optional chrome rendered above the active flow component. When omitted\n   * (or set to `null`), no header is shown.\n   */\n  header?: FlowHeaderConfig | null\n  /**\n   * Optional loading indicator propagated from the flow's entry component so step\n   * components can forward it to their `BaseLayout`. Falls back to the\n   * `LoadingIndicatorContext` value when omitted.\n   */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * React context that exposes the current {@link FlowContextInterface} to step components\n * rendered inside a {@link Flow}.\n *\n * @internal\n */\nexport const FlowContext = createContext<FlowContextInterface | null>(null)\n\n//TODO: This is hiding the fact that the callsite for useFlow\n//  destructures a `companyId` that doesn't seem to exist\n/* eslint-disable @typescript-eslint/no-unnecessary-type-parameters */\n/**\n * Reads the active {@link FlowContext} value from a step component rendered inside a {@link Flow}.\n *\n * @remarks\n * Throws if called outside a {@link Flow} provider. The generic `C` parameter lets callers narrow\n * the context to a flow-specific extension of {@link FlowContextInterface} that carries extra\n * fields (e.g. `companyId`, `employeeId`).\n *\n * @typeParam C - The concrete context shape the calling flow expects, extending {@link FlowContextInterface}.\n * @returns The current flow context value, narrowed to `C`.\n * @throws When called outside a {@link Flow} provider, an `Error` is thrown.\n * @internal\n */\nexport function useFlow<C extends FlowContextInterface>() {\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-parameters */\n  // When used outside provider, this is expected to return undefined - consumers must fallback to params\n  const values = useContext<C>(FlowContext as unknown as React.Context<C>)\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!values) {\n    throw new Error('useFlow used outside provider')\n  }\n  return values\n}\n"],"names":["FlowContext","createContext","useFlow","values","useContext"],"mappings":";AA6FO,MAAMA,IAAcC,EAA2C,IAAI;AAkBnE,SAASC,IAA0C;AAGxD,QAAMC,IAASC,EAAcJ,CAA0C;AAEvE,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+BAA+B;AAEjD,SAAOA;AACT;"}