@gusto/embedded-react-sdk 0.53.0 → 0.54.0

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/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;"}