@gusto/embedded-react-sdk 0.46.2 → 0.47.0

package/dist/components/Employee/exports/employeeManagement.js

@@ -1,29 +1,79 @@
-import { ManagementEmployeeList as r } from "../EmployeeList/management/ManagementEmployeeList.js";
-import { DocumentManager as t } from "../Documents/management/DocumentManager.js";
-import { WorkAddress as a } from "../WorkAddress/management/WorkAddress.js";
-import { FederalTaxes as f } from "../FederalTaxes/management/FederalTaxes.js";
-import { StateTaxes as l } from "../StateTaxes/management/StateTaxes.js";
-import { Profile as i } from "../Profile/management/Profile.js";
-import { TerminateEmployee as d } from "../Terminations/TerminateEmployee/TerminateEmployee.js";
-import { TerminationSummary as T } from "../Terminations/TerminationSummary/TerminationSummary.js";
-import { TerminationFlow as u } from "../Terminations/TerminationFlow/TerminationFlow.js";
-import { DashboardFlow as D } from "../Dashboard/DashboardFlow.js";
-import { EmployeeDocuments as M } from "../Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
-import { EmployeeListFlow as g } from "../EmployeeListFlow/EmployeeListFlow.js";
-import { PaymentMethod as P } from "../PaymentMethod/management/PaymentMethod.js";
+import { ManagementEmployeeList as e } from "../EmployeeList/management/ManagementEmployeeList.js";
+import { TerminateEmployee as m } from "../Terminations/TerminateEmployee/TerminateEmployee.js";
+import { TerminationSummary as a } from "../Terminations/TerminationSummary/TerminationSummary.js";
+import { TerminationFlow as x } from "../Terminations/TerminationFlow/TerminationFlow.js";
+import { Compensation as s } from "../Compensation/management/Compensation.js";
+import { CompensationAddAnotherJobForm as i } from "../Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.js";
+import { CompensationAddJobForm as l } from "../Compensation/management/CompensationAddJobForm/CompensationAddJobForm.js";
+import { CompensationCard as E } from "../Compensation/management/CompensationCard/CompensationCard.js";
+import { CompensationEditForm as u } from "../Compensation/management/CompensationEditForm/CompensationEditForm.js";
+import { DashboardFlow as T } from "../Dashboard/DashboardFlow.js";
+import { Deductions as P } from "../Deductions/management/Deductions.js";
+import { DeductionsCard as h } from "../Deductions/management/DeductionsCard/DeductionsCard.js";
+import { DeductionsEditForm as S } from "../Deductions/management/DeductionsEditForm/DeductionsEditForm.js";
+import { DocumentManager as k } from "../Documents/management/DocumentManager.js";
+import { Documents as H } from "../Documents/management/Documents.js";
+import { DocumentsCard as W } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+import { EmployeeDocuments as J } from "../Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
+import { EmployeeListFlow as j } from "../EmployeeListFlow/EmployeeListFlow.js";
+import { FederalTaxes as v } from "../FederalTaxes/management/FederalTaxes.js";
+import { FederalTaxesCard as G } from "../FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js";
+import { FederalTaxesEditForm as K } from "../FederalTaxes/management/FederalTaxesEditForm.js";
+import { HomeAddress as O } from "../HomeAddress/management/HomeAddress.js";
+import { HomeAddressCard as R } from "../HomeAddress/management/HomeAddressCard/HomeAddressCard.js";
+import { HomeAddressEditForm as V } from "../HomeAddress/management/HomeAddressEditForm.js";
+import { PaymentMethod as Y } from "../PaymentMethod/management/PaymentMethod.js";
+import { PaymentMethodBankForm as _ } from "../PaymentMethod/management/PaymentMethodBankForm.js";
+import { PaymentMethodCard as oo } from "../PaymentMethod/management/PaymentMethodCard.js";
+import { PaymentMethodSplitForm as eo } from "../PaymentMethod/management/PaymentMethodSplitForm.js";
+import { PaystubsCard as mo } from "../Paystubs/management/PaystubsCard/PaystubsCard.js";
+import { Profile as ao } from "../Profile/management/Profile.js";
+import { ProfileCard as fo } from "../Profile/management/ProfileCard/ProfileCard.js";
+import { ProfileEditForm as no } from "../Profile/management/ProfileEditForm.js";
+import { StateTaxes as Fo } from "../StateTaxes/management/StateTaxes.js";
+import { StateTaxesCard as Co } from "../StateTaxes/management/StateTaxesCard/StateTaxesCard.js";
+import { StateTaxesEditForm as yo } from "../StateTaxes/management/StateTaxesEditForm.js";
+import { WorkAddress as Ao } from "../WorkAddress/management/WorkAddress.js";
+import { WorkAddressCard as Do } from "../WorkAddress/management/WorkAddressCard/WorkAddressCard.js";
+import { WorkAddressEditForm as co } from "../WorkAddress/management/WorkAddressEditForm.js";
 export {
-  D as DashboardFlow,
-  t as DocumentManager,
-  M as EmployeeDocuments,
-  r as EmployeeList,
-  g as EmployeeListFlow,
-  f as FederalTaxes,
-  P as PaymentMethod,
-  i as Profile,
-  l as StateTaxes,
-  d as TerminateEmployee,
-  u as TerminationFlow,
-  T as TerminationSummary,
-  a as WorkAddress
+  s as Compensation,
+  i as CompensationAddAnotherJobForm,
+  l as CompensationAddJobForm,
+  E as CompensationCard,
+  u as CompensationEditForm,
+  T as DashboardFlow,
+  P as Deductions,
+  h as DeductionsCard,
+  S as DeductionsEditForm,
+  k as DocumentManager,
+  H as Documents,
+  W as DocumentsCard,
+  J as EmployeeDocuments,
+  e as EmployeeList,
+  j as EmployeeListFlow,
+  v as FederalTaxes,
+  G as FederalTaxesCard,
+  K as FederalTaxesEditForm,
+  O as HomeAddress,
+  R as HomeAddressCard,
+  V as HomeAddressEditForm,
+  Y as PaymentMethod,
+  _ as PaymentMethodBankForm,
+  oo as PaymentMethodCard,
+  eo as PaymentMethodSplitForm,
+  mo as PaystubsCard,
+  ao as Profile,
+  fo as ProfileCard,
+  no as ProfileEditForm,
+  Fo as StateTaxes,
+  Co as StateTaxesCard,
+  yo as StateTaxesEditForm,
+  m as TerminateEmployee,
+  x as TerminationFlow,
+  a as TerminationSummary,
+  Ao as WorkAddress,
+  Do as WorkAddressCard,
+  co as WorkAddressEditForm
 };
 //# sourceMappingURL=employeeManagement.js.map

package/dist/components/Employee/exports/employeeManagement.js.map

@@ -1 +1 @@
-{"version":3,"file":"employeeManagement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"employeeManagement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Employee/exports/employeeOnboarding.d.ts

@@ -1,4 +1,5 @@
 export { OnboardingFlow } from '../OnboardingFlow/OnboardingFlow';
+export { OnboardingExecutionFlow, type OnboardingExecutionFlowProps, type OnboardingExecutionInitialState, } from '../OnboardingExecutionFlow';
 export { SelfOnboardingFlow } from '../SelfOnboardingFlow/SelfOnboardingFlow';
 export { EmployeeList } from '../EmployeeList/onboarding/EmployeeList';
 export { OnboardingSummary } from '../OnboardingSummary';

package/dist/components/Employee/exports/employeeOnboarding.js

@@ -1,31 +1,33 @@
 import { OnboardingFlow as e } from "../OnboardingFlow/OnboardingFlow.js";
 import { SelfOnboardingFlow as m } from "../SelfOnboardingFlow/SelfOnboardingFlow.js";
-import { EmployeeList as x } from "../EmployeeList/onboarding/EmployeeList.js";
-import { Profile as n } from "../Profile/onboarding/Profile.js";
+import { EmployeeList as n } from "../EmployeeList/onboarding/EmployeeList.js";
+import { Profile as f } from "../Profile/onboarding/Profile.js";
 import { FederalTaxes as a } from "../FederalTaxes/onboarding/FederalTaxes.js";
 import { Compensation as d } from "../Compensation/onboarding/Compensation.js";
-import { Deductions as s } from "../Deductions/Deductions.js";
-import { DocumentSigner as b } from "../Documents/onboarding/DocumentSigner/DocumentSigner.js";
-import { EmploymentEligibility as u } from "../Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
-import { Landing as F } from "../Landing/Landing.js";
+import { Deductions as s } from "../Deductions/onboarding/Deductions.js";
+import { DocumentSigner as y } from "../Documents/onboarding/DocumentSigner/DocumentSigner.js";
+import { EmploymentEligibility as E } from "../Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
+import { Landing as O } from "../Landing/Landing.js";
+import { OnboardingExecutionFlow as c } from "../OnboardingExecutionFlow/OnboardingExecutionFlow.js";
 import { OnboardingSummary as T } from "../OnboardingSummary/OnboardingSummary.js";
-import { PaymentMethod as w } from "../PaymentMethod/onboarding/PaymentMethod.js";
-import { StateTaxes as L } from "../StateTaxes/onboarding/StateTaxes.js";
-import { Taxes as h } from "../Taxes/Taxes.js";
+import { PaymentMethod as L } from "../PaymentMethod/onboarding/PaymentMethod.js";
+import { StateTaxes as h } from "../StateTaxes/onboarding/StateTaxes.js";
+import { Taxes as M } from "../Taxes/Taxes.js";
 export {
   d as Compensation,
   s as Deductions,
-  b as DocumentSigner,
-  x as EmployeeList,
-  u as EmploymentEligibility,
+  y as DocumentSigner,
+  n as EmployeeList,
+  E as EmploymentEligibility,
   a as FederalTaxes,
-  F as Landing,
+  O as Landing,
+  c as OnboardingExecutionFlow,
   e as OnboardingFlow,
   T as OnboardingSummary,
-  w as PaymentMethod,
-  n as Profile,
+  L as PaymentMethod,
+  f as Profile,
   m as SelfOnboardingFlow,
-  L as StateTaxes,
-  h as Taxes
+  h as StateTaxes,
+  M as Taxes
 };
 //# sourceMappingURL=employeeOnboarding.js.map

package/dist/components/Employee/exports/employeeOnboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"employeeOnboarding.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"employeeOnboarding.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/Employee/index.d.ts

@@ -11,14 +11,15 @@ export { PaymentMethod } from './PaymentMethod';
 export { Landing } from './Landing';
 export { DocumentSigner } from './Documents/onboarding/DocumentSigner';
 export { OnboardingFlow } from './OnboardingFlow/OnboardingFlow';
+export { OnboardingExecutionFlow, type OnboardingExecutionFlowProps, type OnboardingExecutionInitialState, } from './OnboardingExecutionFlow';
 export { SelfOnboardingFlow } from './SelfOnboardingFlow/SelfOnboardingFlow';
 export { EmployeeDocuments } from './Documents/onboarding/EmployeeDocuments';
 export { DashboardFlow } from './Dashboard';
 export type { DashboardFlowProps } from './Dashboard';
 export { EmployeeListFlow } from './EmployeeListFlow';
 export type { EmployeeListFlowProps } from './EmployeeListFlow';
-export { HomeAddress } from './HomeAddress/management/HomeAddress';
-export type { HomeAddressProps } from './HomeAddress/management/HomeAddress';
+export { HomeAddress } from './HomeAddress/management';
+export type { HomeAddressProps } from './HomeAddress/management';
 export { EmploymentEligibility } from './Documents/onboarding/DocumentSigner/EmploymentEligibility';
 export type { EmploymentEligibilityProps } from './Documents/onboarding/DocumentSigner/EmploymentEligibility';
 export { TerminateEmployee } from './Terminations/TerminateEmployee/TerminateEmployee';

package/dist/components/Employee/index.js

@@ -2,46 +2,48 @@ import { EmployeeList as e } from "./EmployeeList/onboarding/EmployeeList.js";
 import { Profile as t } from "./Profile/onboarding/Profile.js";
 import { OnboardingFlow as x } from "./OnboardingFlow/OnboardingFlow.js";
 import { SelfOnboardingFlow as n } from "./SelfOnboardingFlow/SelfOnboardingFlow.js";
-import { HomeAddress as a } from "./HomeAddress/management/HomeAddress.js";
-import { TerminateEmployee as s } from "./Terminations/TerminateEmployee/TerminateEmployee.js";
-import { TerminationSummary as y } from "./Terminations/TerminationSummary/TerminationSummary.js";
-import { TerminationFlow as E } from "./Terminations/TerminationFlow/TerminationFlow.js";
-import { WorkAddress as T } from "./WorkAddress/management/WorkAddress.js";
-import { Compensation as u } from "./Compensation/onboarding/Compensation.js";
-import { DashboardFlow as S } from "./Dashboard/DashboardFlow.js";
-import { Deductions as c } from "./Deductions/Deductions.js";
-import { DocumentSigner as O } from "./Documents/onboarding/DocumentSigner/DocumentSigner.js";
-import { EmployeeDocuments as A } from "./Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
-import { EmployeeListFlow as k } from "./EmployeeListFlow/EmployeeListFlow.js";
-import { EmploymentEligibility as H } from "./Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
-import { FederalTaxes as W } from "./FederalTaxes/management/FederalTaxes.js";
+import { TerminateEmployee as a } from "./Terminations/TerminateEmployee/TerminateEmployee.js";
+import { TerminationSummary as d } from "./Terminations/TerminationSummary/TerminationSummary.js";
+import { TerminationFlow as y } from "./Terminations/TerminationFlow/TerminationFlow.js";
+import { WorkAddress as E } from "./WorkAddress/management/WorkAddress.js";
+import { Compensation as b } from "./Compensation/onboarding/Compensation.js";
+import { DashboardFlow as w } from "./Dashboard/DashboardFlow.js";
+import { Deductions as S } from "./Deductions/onboarding/Deductions.js";
+import { DocumentSigner as D } from "./Documents/onboarding/DocumentSigner/DocumentSigner.js";
+import { EmployeeDocuments as L } from "./Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
+import { EmployeeListFlow as A } from "./EmployeeListFlow/EmployeeListFlow.js";
+import { EmploymentEligibility as k } from "./Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
+import { FederalTaxes as H } from "./FederalTaxes/management/FederalTaxes.js";
+import { HomeAddress as W } from "./HomeAddress/management/HomeAddress.js";
 import { Landing as q } from "./Landing/Landing.js";
-import { OnboardingSummary as z } from "./OnboardingSummary/OnboardingSummary.js";
-import { PaymentMethod as G } from "./PaymentMethod/onboarding/PaymentMethod.js";
-import { StateTaxes as J } from "./StateTaxes/management/StateTaxes.js";
-import { Taxes as N } from "./Taxes/Taxes.js";
+import { OnboardingExecutionFlow as z } from "./OnboardingExecutionFlow/OnboardingExecutionFlow.js";
+import { OnboardingSummary as G } from "./OnboardingSummary/OnboardingSummary.js";
+import { PaymentMethod as J } from "./PaymentMethod/onboarding/PaymentMethod.js";
+import { StateTaxes as N } from "./StateTaxes/management/StateTaxes.js";
+import { Taxes as R } from "./Taxes/Taxes.js";
 export {
-  u as Compensation,
-  S as DashboardFlow,
-  c as Deductions,
-  O as DocumentSigner,
-  A as EmployeeDocuments,
+  b as Compensation,
+  w as DashboardFlow,
+  S as Deductions,
+  D as DocumentSigner,
+  L as EmployeeDocuments,
   e as EmployeeList,
-  k as EmployeeListFlow,
-  H as EmploymentEligibility,
-  W as FederalTaxes,
-  a as HomeAddress,
+  A as EmployeeListFlow,
+  k as EmploymentEligibility,
+  H as FederalTaxes,
+  W as HomeAddress,
   q as Landing,
+  z as OnboardingExecutionFlow,
   x as OnboardingFlow,
-  z as OnboardingSummary,
-  G as PaymentMethod,
+  G as OnboardingSummary,
+  J as PaymentMethod,
   t as Profile,
   n as SelfOnboardingFlow,
-  J as StateTaxes,
-  N as Taxes,
-  s as TerminateEmployee,
-  E as TerminationFlow,
-  y as TerminationSummary,
-  T as WorkAddress
+  N as StateTaxes,
+  R as Taxes,
+  a as TerminateEmployee,
+  y as TerminationFlow,
+  d as TerminationSummary,
+  E as WorkAddress
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Employee/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,5 +6,22 @@ type FlowProps<M extends Machine> = {
     machine: M;
     onEvent: OnEventType<EventType, unknown>;
 };
-export declare const Flow: <M extends Machine<object, FlowContextInterface>>({ onEvent, machine, }: FlowProps<M>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Drives a robot3 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.
+ *
+ * @typeParam M - The robot3 {@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,
+ *   with a {@link FlowHeader} above it.
+ * @internal
+ */
+export declare const Flow: <M extends Machine<object, FlowContextInterface>>({ onEvent, machine, }: FlowProps<M>) => import("react").JSX.Element;
 export {};

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\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":";;;;;AAcO,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 { 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;"}

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

@@ -1,16 +1,20 @@
 /**
- * Renders the chrome above the active flow component (back affordance,
- * progress bar, breadcrumbs, ...). Layout is driven by a single
- * discriminated `header` field on the flow context. Each variant maps to a
- * focused renderer below:
+ * Renders the chrome above the active flow component (back affordance, progress bar, breadcrumbs).
  *
- *   header.type === 'minimal'     → MinimalHeader
- *   header.type === 'progress'    → ProgressHeader
- *   header.type === 'breadcrumbs' → BreadcrumbsHeader
+ * @remarks
+ * Reads the discriminated `header` value from {@link FlowContext} and dispatches to the matching
+ * internal renderer:
  *
- * To add a new piece of chrome:
- *   1. Add a new variant to `FlowHeaderConfig` in `useFlow.ts`.
- *   2. Add a new renderer function below.
- *   3. Branch on it in `FlowHeader`.
+ * - `header.type === 'minimal'` — back button and optional CTA.
+ * - `header.type === 'progress'` — step indicator with `currentStep` / `totalSteps`.
+ * - `header.type === 'breadcrumbs'` — breadcrumb trail; renders nothing while
+ *   `currentBreadcrumbId` is absent so passive states (e.g. landing screens) don't reset the bar.
+ *
+ * When no `header` is configured, or there is no active `component` in context, nothing is
+ * rendered. To add a new chrome variant: extend {@link FlowHeaderConfig}, add a renderer below,
+ * and add a branch here.
+ *
+ * @returns A header element above the active flow component, or `null` when no header should show.
+ * @internal
  */
-export declare function FlowHeader(): import("react/jsx-runtime").JSX.Element | null;
+export declare function FlowHeader(): import("react").JSX.Element | null;

package/dist/components/Flow/FlowHeader.js

@@ -2,12 +2,11 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as m } from "react-i18next";
 import { FlowBreadcrumbs as f } from "../Common/FlowBreadcrumbs/FlowBreadcrumbs.js";
 import { Flex as l, FlexItem as a } from "../Common/Flex/Flex.js";
-import "classnames";
-import { componentEvents as b } from "../../shared/constants.js";
 import { useFlow as s } from "./useFlow.js";
+import { componentEvents as b } from "../../shared/constants.js";
 import { useComponentContext as u } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import h from "../../assets/icons/caret-left.svg.js";
-function L() {
+function I() {
   const { header: e, component: t } = s();
   if (!e || !t) return null;
   switch (e.type) {
@@ -88,6 +87,6 @@ function v({
   ] });
 }
 export {
-  L as FlowHeader
+  I as FlowHeader
 };
 //# sourceMappingURL=FlowHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowHeader.js","sources":["../../../src/components/Flow/FlowHeader.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport type { BreadcrumbTrail } from '../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport { useFlow } from './useFlow'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\n\n/**\n * Renders the chrome above the active flow component (back affordance,\n * progress bar, breadcrumbs, ...). Layout is driven by a single\n * discriminated `header` field on the flow context. Each variant maps to a\n * focused renderer below:\n *\n *   header.type === 'minimal'     → MinimalHeader\n *   header.type === 'progress'    → ProgressHeader\n *   header.type === 'breadcrumbs' → BreadcrumbsHeader\n *\n * To add a new piece of chrome:\n *   1. Add a new variant to `FlowHeaderConfig` in `useFlow.ts`.\n *   2. Add a new renderer function below.\n *   3. Branch on it in `FlowHeader`.\n */\nexport function FlowHeader() {\n  const { header, component } = useFlow()\n\n  if (!header || !component) return null\n\n  switch (header.type) {\n    case 'minimal':\n      return <MinimalHeader back={header.back} cta={header.cta} />\n    case 'progress':\n      return (\n        <ProgressHeader\n          currentStep={header.currentStep}\n          totalSteps={header.totalSteps}\n          cta={header.cta}\n        />\n      )\n    case 'breadcrumbs':\n      // The breadcrumb trail is intentionally persisted across \"passive\"\n      // states (e.g. landing screens) so that subsequent transitions can\n      // pick up where they left off without rebuilding it. We render the\n      // bar only when there's an active breadcrumb to show; otherwise\n      // we treat the flow as \"no chrome\" for this state.\n      if (!header.currentBreadcrumbId) return null\n      return (\n        <BreadcrumbsHeader\n          currentBreadcrumbId={header.currentBreadcrumbId}\n          breadcrumbs={header.breadcrumbs}\n          cta={header.cta}\n        />\n      )\n  }\n}\n\nfunction MinimalHeader({\n  back,\n  cta: Cta,\n}: {\n  back?: {\n    labelKey: string\n    namespace: keyof CustomTypeOptions['resources']\n    event: EventType\n  }\n  cta?: React.ComponentType\n}) {\n  const { onEvent } = useFlow()\n  const Components = useComponentContext()\n  const { t } = useTranslation(back?.namespace)\n\n  const label = back ? t(back.labelKey as never) : t('back')\n  const event = back?.event ?? componentEvents.CANCEL\n\n  return (\n    <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n      <FlexItem>\n        <Components.Button\n          variant=\"secondary\"\n          icon={<CaretLeftIcon aria-hidden=\"true\" />}\n          onClick={() => {\n            onEvent(event, undefined)\n          }}\n        >\n          {label}\n        </Components.Button>\n      </FlexItem>\n      {Cta && (\n        <FlexItem>\n          <Cta />\n        </FlexItem>\n      )}\n    </Flex>\n  )\n}\n\nfunction ProgressHeader({\n  currentStep,\n  totalSteps,\n  cta: Cta,\n}: {\n  currentStep: number\n  totalSteps: number\n  cta?: React.ComponentType\n}) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <Components.ProgressBar\n      totalSteps={totalSteps}\n      currentStep={currentStep}\n      label={t('progressBarLabel', { totalSteps, currentStep })}\n      cta={Cta}\n    />\n  )\n}\n\nfunction BreadcrumbsHeader({\n  currentBreadcrumbId,\n  breadcrumbs = {},\n  cta: Cta,\n}: {\n  currentBreadcrumbId?: string\n  breadcrumbs?: BreadcrumbTrail\n  cta?: React.ComponentType\n}) {\n  const { onEvent } = useFlow()\n\n  return (\n    <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n      <FlexItem flexGrow={1}>\n        <FlowBreadcrumbs\n          breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n          currentBreadcrumbId={currentBreadcrumbId}\n          onEvent={onEvent}\n        />\n      </FlexItem>\n      <FlexItem>{Cta && <Cta />}</FlexItem>\n    </Flex>\n  )\n}\n"],"names":["FlowHeader","header","component","useFlow","MinimalHeader","jsx","ProgressHeader","BreadcrumbsHeader","back","Cta","onEvent","Components","useComponentContext","t","useTranslation","label","event","componentEvents","Flex","FlexItem","CaretLeftIcon","currentStep","totalSteps","currentBreadcrumbId","breadcrumbs","FlowBreadcrumbs"],"mappings":";;;;;;;;;AA0BO,SAASA,IAAa;AAC3B,QAAM,EAAE,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAA;AAE9B,MAAI,CAACF,KAAU,CAACC,EAAW,QAAO;AAElC,UAAQD,EAAO,MAAA;AAAA,IACb,KAAK;AACH,+BAAQG,GAAA,EAAc,MAAMH,EAAO,MAAM,KAAKA,EAAO,KAAK;AAAA,IAC5D,KAAK;AACH,aACE,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaL,EAAO;AAAA,UACpB,YAAYA,EAAO;AAAA,UACnB,KAAKA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AAMH,aAAKA,EAAO,sBAEV,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,qBAAqBN,EAAO;AAAA,UAC5B,aAAaA,EAAO;AAAA,UACpB,KAAKA,EAAO;AAAA,QAAA;AAAA,MAAA,IALwB;AAAA,EAMtC;AAGR;AAEA,SAASG,EAAc;AAAA,EACrB,MAAAI;AAAA,EACA,KAAKC;AACP,GAOG;AACD,QAAM,EAAE,SAAAC,EAAA,IAAYP,EAAA,GACdQ,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAeN,GAAM,SAAS,GAEtCO,IAAeF,EAAPL,IAASA,EAAK,WAAuB,MAAN,GACvCQ,IAAQR,GAAM,SAASS,EAAgB;AAE7C,2BACGC,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,IAAA,gBAAAb,EAACc,GAAA,EACC,UAAA,gBAAAd;AAAA,MAACM,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,MAAM,gBAAAN,EAACe,GAAA,EAAc,eAAY,OAAA,CAAO;AAAA,QACxC,SAAS,MAAM;AACb,UAAAV,EAAQM,GAAO,MAAS;AAAA,QAC1B;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCN,KACC,gBAAAJ,EAACc,GAAA,EACC,UAAA,gBAAAd,EAACI,KAAI,EAAA,CACP;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASH,EAAe;AAAA,EACtB,aAAAe;AAAA,EACA,YAAAC;AAAA,EACA,KAAKb;AACP,GAIG;AACD,QAAME,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAT;AAAA,IAACM,EAAW;AAAA,IAAX;AAAA,MACC,YAAAW;AAAA,MACA,aAAAD;AAAA,MACA,OAAOR,EAAE,oBAAoB,EAAE,YAAAS,GAAY,aAAAD,GAAa;AAAA,MACxD,KAAKZ;AAAA,IAAA;AAAA,EAAA;AAGX;AAEA,SAASF,EAAkB;AAAA,EACzB,qBAAAgB;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,KAAKf;AACP,GAIG;AACD,QAAM,EAAE,SAAAC,EAAA,IAAYP,EAAA;AAEpB,2BACGe,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,IAAA,gBAAAb,EAACc,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAd;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,aAAaF,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,QAC9E,qBAAAA;AAAA,QACA,SAAAb;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAL,EAACc,GAAA,EAAU,UAAAV,KAAO,gBAAAJ,EAACI,KAAI,EAAA,CAAG;AAAA,EAAA,GAC5B;AAEJ;"}
+{"version":3,"file":"FlowHeader.js","sources":["../../../src/components/Flow/FlowHeader.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport type { BreadcrumbTrail } from '../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport { useFlow } from './useFlow'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\n\n/**\n * Renders the chrome above the active flow component (back affordance, progress bar, breadcrumbs).\n *\n * @remarks\n * Reads the discriminated `header` value from {@link FlowContext} and dispatches to the matching\n * internal renderer:\n *\n * - `header.type === 'minimal'` — back button and optional CTA.\n * - `header.type === 'progress'` — step indicator with `currentStep` / `totalSteps`.\n * - `header.type === 'breadcrumbs'` — breadcrumb trail; renders nothing while\n *   `currentBreadcrumbId` is absent so passive states (e.g. landing screens) don't reset the bar.\n *\n * When no `header` is configured, or there is no active `component` in context, nothing is\n * rendered. To add a new chrome variant: extend {@link FlowHeaderConfig}, add a renderer below,\n * and add a branch here.\n *\n * @returns A header element above the active flow component, or `null` when no header should show.\n * @internal\n */\nexport function FlowHeader() {\n  const { header, component } = useFlow()\n\n  if (!header || !component) return null\n\n  switch (header.type) {\n    case 'minimal':\n      return <MinimalHeader back={header.back} cta={header.cta} />\n    case 'progress':\n      return (\n        <ProgressHeader\n          currentStep={header.currentStep}\n          totalSteps={header.totalSteps}\n          cta={header.cta}\n        />\n      )\n    case 'breadcrumbs':\n      // The breadcrumb trail is intentionally persisted across \"passive\"\n      // states (e.g. landing screens) so that subsequent transitions can\n      // pick up where they left off without rebuilding it. We render the\n      // bar only when there's an active breadcrumb to show; otherwise\n      // we treat the flow as \"no chrome\" for this state.\n      if (!header.currentBreadcrumbId) return null\n      return (\n        <BreadcrumbsHeader\n          currentBreadcrumbId={header.currentBreadcrumbId}\n          breadcrumbs={header.breadcrumbs}\n          cta={header.cta}\n        />\n      )\n  }\n}\n\nfunction MinimalHeader({\n  back,\n  cta: Cta,\n}: {\n  back?: {\n    labelKey: string\n    namespace: keyof CustomTypeOptions['resources']\n    event: EventType\n  }\n  cta?: React.ComponentType\n}) {\n  const { onEvent } = useFlow()\n  const Components = useComponentContext()\n  const { t } = useTranslation(back?.namespace)\n\n  const label = back ? t(back.labelKey as never) : t('back')\n  const event = back?.event ?? componentEvents.CANCEL\n\n  return (\n    <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n      <FlexItem>\n        <Components.Button\n          variant=\"secondary\"\n          icon={<CaretLeftIcon aria-hidden=\"true\" />}\n          onClick={() => {\n            onEvent(event, undefined)\n          }}\n        >\n          {label}\n        </Components.Button>\n      </FlexItem>\n      {Cta && (\n        <FlexItem>\n          <Cta />\n        </FlexItem>\n      )}\n    </Flex>\n  )\n}\n\nfunction ProgressHeader({\n  currentStep,\n  totalSteps,\n  cta: Cta,\n}: {\n  currentStep: number\n  totalSteps: number\n  cta?: React.ComponentType\n}) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <Components.ProgressBar\n      totalSteps={totalSteps}\n      currentStep={currentStep}\n      label={t('progressBarLabel', { totalSteps, currentStep })}\n      cta={Cta}\n    />\n  )\n}\n\nfunction BreadcrumbsHeader({\n  currentBreadcrumbId,\n  breadcrumbs = {},\n  cta: Cta,\n}: {\n  currentBreadcrumbId?: string\n  breadcrumbs?: BreadcrumbTrail\n  cta?: React.ComponentType\n}) {\n  const { onEvent } = useFlow()\n\n  return (\n    <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n      <FlexItem flexGrow={1}>\n        <FlowBreadcrumbs\n          breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n          currentBreadcrumbId={currentBreadcrumbId}\n          onEvent={onEvent}\n        />\n      </FlexItem>\n      <FlexItem>{Cta && <Cta />}</FlexItem>\n    </Flex>\n  )\n}\n"],"names":["FlowHeader","header","component","useFlow","MinimalHeader","jsx","ProgressHeader","BreadcrumbsHeader","back","Cta","onEvent","Components","useComponentContext","t","useTranslation","label","event","componentEvents","Flex","FlexItem","CaretLeftIcon","currentStep","totalSteps","currentBreadcrumbId","breadcrumbs","FlowBreadcrumbs"],"mappings":";;;;;;;;AA8BO,SAASA,IAAa;AAC3B,QAAM,EAAE,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAA;AAE9B,MAAI,CAACF,KAAU,CAACC,EAAW,QAAO;AAElC,UAAQD,EAAO,MAAA;AAAA,IACb,KAAK;AACH,+BAAQG,GAAA,EAAc,MAAMH,EAAO,MAAM,KAAKA,EAAO,KAAK;AAAA,IAC5D,KAAK;AACH,aACE,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaL,EAAO;AAAA,UACpB,YAAYA,EAAO;AAAA,UACnB,KAAKA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AAMH,aAAKA,EAAO,sBAEV,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,qBAAqBN,EAAO;AAAA,UAC5B,aAAaA,EAAO;AAAA,UACpB,KAAKA,EAAO;AAAA,QAAA;AAAA,MAAA,IALwB;AAAA,EAMtC;AAGR;AAEA,SAASG,EAAc;AAAA,EACrB,MAAAI;AAAA,EACA,KAAKC;AACP,GAOG;AACD,QAAM,EAAE,SAAAC,EAAA,IAAYP,EAAA,GACdQ,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAeN,GAAM,SAAS,GAEtCO,IAAeF,EAAPL,IAASA,EAAK,WAAuB,MAAN,GACvCQ,IAAQR,GAAM,SAASS,EAAgB;AAE7C,2BACGC,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,IAAA,gBAAAb,EAACc,GAAA,EACC,UAAA,gBAAAd;AAAA,MAACM,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,MAAM,gBAAAN,EAACe,GAAA,EAAc,eAAY,OAAA,CAAO;AAAA,QACxC,SAAS,MAAM;AACb,UAAAV,EAAQM,GAAO,MAAS;AAAA,QAC1B;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCN,KACC,gBAAAJ,EAACc,GAAA,EACC,UAAA,gBAAAd,EAACI,KAAI,EAAA,CACP;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASH,EAAe;AAAA,EACtB,aAAAe;AAAA,EACA,YAAAC;AAAA,EACA,KAAKb;AACP,GAIG;AACD,QAAME,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAT;AAAA,IAACM,EAAW;AAAA,IAAX;AAAA,MACC,YAAAW;AAAA,MACA,aAAAD;AAAA,MACA,OAAOR,EAAE,oBAAoB,EAAE,YAAAS,GAAY,aAAAD,GAAa;AAAA,MACxD,KAAKZ;AAAA,IAAA;AAAA,EAAA;AAGX;AAEA,SAASF,EAAkB;AAAA,EACzB,qBAAAgB;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,KAAKf;AACP,GAIG;AACD,QAAM,EAAE,SAAAC,EAAA,IAAYP,EAAA;AAEpB,2BACGe,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,IAAA,gBAAAb,EAACc,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAd;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,aAAaF,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,QAC9E,qBAAAA;AAAA,QACA,SAAAb;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAL,EAACc,GAAA,EAAU,UAAAV,KAAO,gBAAAJ,EAACI,KAAI,EAAA,CAAG;AAAA,EAAA,GAC5B;AAEJ;"}

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

@@ -3,23 +3,30 @@ import { OnEventType } from '../Base/useBase';
 import { CommonComponentInterface } from '../Base';
 import { BreadcrumbTrail } from '../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
 import { EventType } from '../../shared/constants';
-export interface CtaConfig {
+/**
+ * Configuration for a call-to-action label sourced from the i18n catalogue.
+ *
+ * @internal
+ */
+interface CtaConfig {
     labelKey: string;
     namespace?: keyof CustomTypeOptions['resources'];
 }
 /**
- * Discriminated union describing the chrome rendered above the active flow
- * component. Each variant declares only the data it needs:
- *   - `minimal`     → Back button. Optional `cta` for an extra control next to it.
- *   - `progress`    → Step indicator. Requires `currentStep` / `totalSteps`,
- *                     plus optional `cta`.
- *   - `breadcrumbs` → Breadcrumb trail. Optional `currentBreadcrumbId` /
- *                     `breadcrumbs` (typically populated via
- *                     `buildBreadcrumbs` + `updateBreadcrumbs`), plus optional
- *                     `cta`.
- *
- * `cta` carries the same meaning across every variant: an optional component
- * rendered as part of the header chrome.
+ * Discriminated union describing the chrome rendered above the active flow component.
+ *
+ * @remarks
+ * Each variant declares only the data it needs:
+ *
+ * - `minimal` — back button. Optional `cta` for an extra control next to it.
+ * - `progress` — step indicator. Requires `currentStep` / `totalSteps`, plus optional `cta`.
+ * - `breadcrumbs` — breadcrumb trail. Optional `currentBreadcrumbId` / `breadcrumbs` (typically
+ *   populated via `buildBreadcrumbs` + `updateBreadcrumbs`), plus optional `cta`.
+ *
+ * `cta` carries the same meaning across every variant: an optional component rendered as part
+ * of the header chrome.
+ *
+ * @internal
  */
 export type FlowHeaderConfig = {
     type: 'minimal';
@@ -47,6 +54,12 @@ export type FlowHeaderConfig = {
     breadcrumbs?: BreadcrumbTrail;
     cta?: React.ComponentType;
 };
+/**
+ * Shape of the value carried by {@link FlowContext}: the active step component, the upstream
+ * event dispatcher, and optional defaults / chrome configuration.
+ *
+ * @internal
+ */
 export interface FlowContextInterface {
     component: React.ComponentType<CommonComponentInterface> | null;
     onEvent: OnEventType<EventType, unknown>;
@@ -58,5 +71,25 @@ export interface FlowContextInterface {
      */
     header?: FlowHeaderConfig | null;
 }
+/**
+ * React context that exposes the current {@link FlowContextInterface} to step components
+ * rendered inside a {@link Flow}.
+ *
+ * @internal
+ */
 export declare const FlowContext: import('react').Context<FlowContextInterface | null>;
+/**
+ * Reads the active {@link FlowContext} value from a step component rendered inside a {@link Flow}.
+ *
+ * @remarks
+ * Throws if called outside a {@link Flow} provider. The generic `C` parameter lets callers narrow
+ * the context to a flow-specific extension of {@link FlowContextInterface} that carries extra
+ * fields (e.g. `companyId`, `employeeId`).
+ *
+ * @typeParam C - The concrete context shape the calling flow expects, extending {@link FlowContextInterface}.
+ * @returns The current flow context value, narrowed to `C`.
+ * @throws When called outside a {@link Flow} provider, an `Error` is thrown.
+ * @internal
+ */
 export declare function useFlow<C extends FlowContextInterface>(): C;
+export {};

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\nexport interface CtaConfig {\n  labelKey: string\n  namespace?: keyof CustomTypeOptions['resources']\n}\n\n/**\n * Discriminated union describing the chrome rendered above the active flow\n * component. Each variant declares only the data it needs:\n *   - `minimal`     → Back button. Optional `cta` for an extra control next to it.\n *   - `progress`    → Step indicator. Requires `currentStep` / `totalSteps`,\n *                     plus optional `cta`.\n *   - `breadcrumbs` → Breadcrumb trail. Optional `currentBreadcrumbId` /\n *                     `breadcrumbs` (typically populated via\n *                     `buildBreadcrumbs` + `updateBreadcrumbs`), plus optional\n *                     `cta`.\n *\n * `cta` carries the same meaning across every variant: an optional component\n * rendered as part of the header chrome.\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\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\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-next-line @typescript-eslint/no-unnecessary-type-parameters\nexport function useFlow<C extends FlowContextInterface>() {\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":";AAoEO,MAAMA,IAAcC,EAA2C,IAAI;AAKnE,SAASC,IAA0C;AAExD,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 } 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;"}

package/dist/components/InformationRequests/InformationRequestForm/InformationRequestForm.d.ts

@@ -6,10 +6,10 @@ interface InformationRequestFormProps extends BaseComponentInterface<'Informatio
     requestId: string;
     onEvent: OnEventType<EventType, unknown>;
 }
-export declare function InformationRequestForm(props: InformationRequestFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function InformationRequestForm(props: InformationRequestFormProps): import("react").JSX.Element;
 export declare namespace InformationRequestForm {
     var Footer: ({ onEvent }: {
         onEvent: OnEventType<EventType, unknown>;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react").JSX.Element;
 }
 export {};