@gusto/embedded-react-sdk 0.48.2 → 0.49.0

package/dist/components/Company/Locations/locationsStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"locationsStateMachine.js","sources":["../../../../src/components/Company/Locations/locationsStateMachine.tsx"],"sourcesContent":["import { LocationsList } from './LocationsList'\nimport { LocationForm } from './LocationForm/LocationForm'\nimport type { companyEvents } from '@/shared/constants'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [companyEvents.COMPANY_LOCATION_DONE]: undefined\n  [companyEvents.COMPANY_LOCATION_EDIT]: { uuid: string }\n  [companyEvents.COMPANY_LOCATION_CREATE]: undefined\n}\n\nexport interface LocationsContextInterface extends FlowContextInterface {\n  companyId: string\n  locationId?: string\n}\n\nexport function LocationsListContextual() {\n  const { companyId, onEvent } = useFlow<LocationsContextInterface>()\n  return <LocationsList companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\nexport function LocationFormContextual() {\n  const { onEvent, locationId, companyId } = useFlow<LocationsContextInterface>()\n  return (\n    <LocationForm companyId={ensureRequired(companyId)} locationId={locationId} onEvent={onEvent} />\n  )\n}\n"],"names":["LocationsListContextual","companyId","onEvent","useFlow","LocationsList","ensureRequired","LocationFormContextual","locationId","LocationForm"],"mappings":";;;;;AAiBO,SAASA,IAA0B;AACxC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAc,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AAChF;AACO,SAASI,IAAyB;AACvC,QAAM,EAAE,SAAAJ,GAAS,YAAAK,GAAY,WAAAN,EAAA,IAAcE,EAAA;AAC3C,2BACGK,GAAA,EAAa,WAAWH,EAAeJ,CAAS,GAAG,YAAAM,GAAwB,SAAAL,GAAkB;AAElG;"}
+{"version":3,"file":"locationsStateMachine.js","sources":["../../../../src/components/Company/Locations/locationsStateMachine.tsx"],"sourcesContent":["import { LocationsList } from './LocationsList'\nimport { LocationForm } from './LocationForm/LocationForm'\nimport type { companyEvents } from '@/shared/constants'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [companyEvents.COMPANY_LOCATION_DONE]: undefined\n  [companyEvents.COMPANY_LOCATION_EDIT]: { uuid: string }\n  [companyEvents.COMPANY_LOCATION_CREATE]: undefined\n}\n\n/** @internal */\nexport interface LocationsContextInterface extends FlowContextInterface {\n  companyId: string\n  locationId?: string\n}\n\n/** @internal */\nexport function LocationsListContextual() {\n  const { companyId, onEvent } = useFlow<LocationsContextInterface>()\n  return <LocationsList companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n/** @internal */\nexport function LocationFormContextual() {\n  const { onEvent, locationId, companyId } = useFlow<LocationsContextInterface>()\n  return (\n    <LocationForm companyId={ensureRequired(companyId)} locationId={locationId} onEvent={onEvent} />\n  )\n}\n"],"names":["LocationsListContextual","companyId","onEvent","useFlow","LocationsList","ensureRequired","LocationFormContextual","locationId","LocationForm"],"mappings":";;;;;AAoBO,SAASA,IAA0B;AACxC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAc,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AAChF;AAEO,SAASI,IAAyB;AACvC,QAAM,EAAE,SAAAJ,GAAS,YAAAK,GAAY,WAAAN,EAAA,IAAcE,EAAA;AAC3C,2BACGK,GAAA,EAAa,WAAWH,EAAeJ,CAAS,GAAG,YAAAM,GAAwB,SAAAL,GAAkB;AAElG;"}

package/dist/components/Company/Locations/stateMachine.d.ts

@@ -1,4 +1,4 @@
-export declare const cancelTransition: import('robot3').Transition<"CANCEL">;
+/** @internal */
 export declare const locationsStateMachine: {
     index: import('robot3').MachineState<any>;
     locationAdd: import('robot3').MachineState<any>;

package/dist/components/Company/Locations/stateMachine.js

@@ -25,12 +25,10 @@ const d = n(
     n(
       i.COMPANY_LOCATION_CREATE,
       "locationAdd",
-      t(
-        (o) => ({
-          ...o,
-          component: e
-        })
-      )
+      t((o) => ({
+        ...o,
+        component: e
+      }))
     )
   ),
   locationAdd: c(
@@ -55,7 +53,6 @@ const d = n(
   )
 };
 export {
-  d as cancelTransition,
   O as locationsStateMachine
 };
 //# sourceMappingURL=stateMachine.js.map

package/dist/components/Company/Locations/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/Locations/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { LocationsContextInterface, EventPayloads } from './locationsStateMachine'\nimport { LocationFormContextual, LocationsListContextual } from './locationsStateMachine'\nimport { companyEvents, componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const cancelTransition = transition(\n  componentEvents.CANCEL,\n  'index',\n  reduce((ctx: LocationsContextInterface) => ({\n    ...ctx,\n    component: LocationsListContextual,\n    locationId: undefined,\n  })),\n)\n\nexport const locationsStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_EDIT,\n      'locationEdit',\n      reduce(\n        (\n          ctx: LocationsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof companyEvents.COMPANY_LOCATION_EDIT>,\n        ): LocationsContextInterface => ({\n          ...ctx,\n          component: LocationFormContextual,\n          locationId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATE,\n      'locationAdd',\n      reduce(\n        (ctx: LocationsContextInterface): LocationsContextInterface => ({\n          ...ctx,\n          component: LocationFormContextual,\n        }),\n      ),\n    ),\n  ),\n  locationAdd: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({ ...ctx, component: LocationsListContextual })),\n    ),\n    cancelTransition,\n  ),\n  locationEdit: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_UPDATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({\n        ...ctx,\n        component: LocationsListContextual,\n        locationId: undefined,\n      })),\n    ),\n    cancelTransition,\n  ),\n}\n"],"names":["cancelTransition","transition","componentEvents","reduce","ctx","LocationsListContextual","locationsStateMachine","state","companyEvents","ev","LocationFormContextual"],"mappings":";;;AAMO,MAAMA,IAAmBC;AAAA,EAC9BC,EAAgB;AAAA,EAChB;AAAA,EACAC,EAAO,CAACC,OAAoC;AAAA,IAC1C,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,YAAY;AAAA,EAAA,EACZ;AACJ,GAEaC,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL;AAAA,QACE,CACEC,GACAK,OAC+B;AAAA,UAC/B,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFR;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL;AAAA,QACE,CAACC,OAA+D;AAAA,UAC9D,GAAGA;AAAA,UACH,WAAWM;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaH;AAAA,IACXN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC,EAAE,GAAGA,GAAK,WAAWC,IAA0B;AAAA,IAAA;AAAA,IAE7FL;AAAA,EAAA;AAAA,EAEF,cAAcO;AAAA,IACZN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC;AAAA,QAC1C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAY;AAAA,MAAA,EACZ;AAAA,IAAA;AAAA,IAEJL;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/Locations/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { LocationsContextInterface, EventPayloads } from './locationsStateMachine'\nimport { LocationFormContextual, LocationsListContextual } from './locationsStateMachine'\nimport { companyEvents, componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nconst cancelTransition = transition(\n  componentEvents.CANCEL,\n  'index',\n  reduce((ctx: LocationsContextInterface) => ({\n    ...ctx,\n    component: LocationsListContextual,\n    locationId: undefined,\n  })),\n)\n\n/** @internal */\nexport const locationsStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_EDIT,\n      'locationEdit',\n      reduce(\n        (\n          ctx: LocationsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof companyEvents.COMPANY_LOCATION_EDIT>,\n        ): LocationsContextInterface => ({\n          ...ctx,\n          component: LocationFormContextual,\n          locationId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATE,\n      'locationAdd',\n      reduce((ctx: LocationsContextInterface): LocationsContextInterface => ({\n        ...ctx,\n        component: LocationFormContextual,\n      })),\n    ),\n  ),\n  locationAdd: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({ ...ctx, component: LocationsListContextual })),\n    ),\n    cancelTransition,\n  ),\n  locationEdit: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_UPDATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({\n        ...ctx,\n        component: LocationsListContextual,\n        locationId: undefined,\n      })),\n    ),\n    cancelTransition,\n  ),\n}\n"],"names":["cancelTransition","transition","componentEvents","reduce","ctx","LocationsListContextual","locationsStateMachine","state","companyEvents","ev","LocationFormContextual"],"mappings":";;;AAMA,MAAMA,IAAmBC;AAAA,EACvBC,EAAgB;AAAA,EAChB;AAAA,EACAC,EAAO,CAACC,OAAoC;AAAA,IAC1C,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,YAAY;AAAA,EAAA,EACZ;AACJ,GAGaC,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL;AAAA,QACE,CACEC,GACAK,OAC+B;AAAA,UAC/B,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFR;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,aAAaH;AAAA,IACXN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC,EAAE,GAAGA,GAAK,WAAWC,IAA0B;AAAA,IAAA;AAAA,IAE7FL;AAAA,EAAA;AAAA,EAEF,cAAcO;AAAA,IACZN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC;AAAA,QAC1C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAY;AAAA,MAAA,EACZ;AAAA,IAAA;AAAA,IAEJL;AAAA,EAAA;AAEJ;"}

package/dist/components/Company/OnboardingFlow/OnboardingFlow.d.ts

@@ -1,2 +1,64 @@
 import { OnboardingFlowProps } from './OnboardingFlowComponents';
+export type { OnboardingFlowProps, OnboardingFlowDefaultValues } from './OnboardingFlowComponents';
+/**
+ * Guided flow to onboard a company to Gusto.
+ *
+ * @remarks
+ * The flow begins on the overview screen and steps through locations, federal taxes, industry,
+ * bank account, employee onboarding, pay schedule, state taxes, and document signing before
+ * returning to the overview.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `company/overview/continue` | User chose to continue to the next outstanding onboarding requirement | — |
+ * | `company/overview/done` | User signaled they are done with the overview screen | — |
+ * | `company/location/done` | User completed the locations step | — |
+ * | `company/federalTaxes/done` | User completed the federal taxes step | — |
+ * | `company/industry/selected` | User selected and saved an industry | The saved `industry` field from the update industry selection API |
+ * | `company/bankAccount/done` | User completed the bank account step | — |
+ * | `employee/onboarding/done` | User completed the embedded employee onboarding sub-flow | — |
+ * | `paySchedule/done` | User completed the pay schedule step | — |
+ * | `company/stateTaxes/done` | User completed the state taxes step | — |
+ * | `company/forms/done` | User completed signing company documents | — |
+ *
+ * Each step is also exported as a standalone block (see the Sub-components
+ * table) for composing a custom workflow when this orchestration is the wrong
+ * fit. See the
+ * {@link https://sdk.gusto.com/docs/integration-guide/composition | Composition guide}
+ * for how to recompose these blocks into your own flow.
+ *
+ * @components
+ * - {@link OnboardingOverview}
+ * - {@link Locations}
+ * - {@link FederalTaxes}
+ * - {@link Industry}
+ * - {@link BankAccount}
+ * - {@link EmployeeOnboarding.OnboardingFlow}
+ * - {@link PaySchedule}
+ * - {@link StateTaxes}
+ * - {@link DocumentSigner}
+ *
+ * @param props - See {@link OnboardingFlowProps}.
+ * @returns The multi-step company onboarding flow with internal navigation between the overview and the per-step screens.
+ * @public
+ *
+ * @example
+ * ```tsx title="App.tsx"
+ * import { CompanyOnboarding, type EventType } from '@gusto/embedded-react-sdk'
+ *
+ * function MyApp() {
+ *   return (
+ *     <CompanyOnboarding.OnboardingFlow
+ *       companyId="a007e1ab-3595-43c2-ab4b-af7a5af2e365"
+ *       onEvent={(eventType: EventType) => {
+ *         if (eventType === 'company/overview/done') {
+ *           // Onboarding complete — navigate to your next screen
+ *         }
+ *       }}
+ *     />
+ *   )
+ * }
+ * ```
+ */
 export declare const OnboardingFlow: ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => import("react").JSX.Element;

package/dist/components/Company/OnboardingFlow/OnboardingFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  OnboardingOverviewContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const OnboardingFlow = ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => {\n  const onboardingFlow = useMemo(\n    () =>\n      createMachine(\n        'overview',\n        onboardingMachine,\n        (initialContext: OnboardingFlowContextInterface) => ({\n          ...initialContext,\n          component: OnboardingOverviewContextual,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={onboardingFlow} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","onboardingFlow","useMemo","createMachine","onboardingMachine","initialContext","OnboardingOverviewContextual","jsx","Flow"],"mappings":";;;;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAyC;AAC5F,QAAMC,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,eAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAgB,SAAAF,EAAA,CAAkB;AAC1D;"}
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  OnboardingOverviewContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { OnboardingFlowProps, OnboardingFlowDefaultValues } from './OnboardingFlowComponents'\n/**\n * Guided flow to onboard a company to Gusto.\n *\n * @remarks\n * The flow begins on the overview screen and steps through locations, federal taxes, industry,\n * bank account, employee onboarding, pay schedule, state taxes, and document signing before\n * returning to the overview.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/overview/continue` | User chose to continue to the next outstanding onboarding requirement | — |\n * | `company/overview/done` | User signaled they are done with the overview screen | — |\n * | `company/location/done` | User completed the locations step | — |\n * | `company/federalTaxes/done` | User completed the federal taxes step | — |\n * | `company/industry/selected` | User selected and saved an industry | The saved `industry` field from the update industry selection API |\n * | `company/bankAccount/done` | User completed the bank account step | — |\n * | `employee/onboarding/done` | User completed the embedded employee onboarding sub-flow | — |\n * | `paySchedule/done` | User completed the pay schedule step | — |\n * | `company/stateTaxes/done` | User completed the state taxes step | — |\n * | `company/forms/done` | User completed signing company documents | — |\n *\n * Each step is also exported as a standalone block (see the Sub-components\n * table) for composing a custom workflow when this orchestration is the wrong\n * fit. See the\n * {@link https://sdk.gusto.com/docs/integration-guide/composition | Composition guide}\n * for how to recompose these blocks into your own flow.\n *\n * @components\n * - {@link OnboardingOverview}\n * - {@link Locations}\n * - {@link FederalTaxes}\n * - {@link Industry}\n * - {@link BankAccount}\n * - {@link EmployeeOnboarding.OnboardingFlow}\n * - {@link PaySchedule}\n * - {@link StateTaxes}\n * - {@link DocumentSigner}\n *\n * @param props - See {@link OnboardingFlowProps}.\n * @returns The multi-step company onboarding flow with internal navigation between the overview and the per-step screens.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { CompanyOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <CompanyOnboarding.OnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'company/overview/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const OnboardingFlow = ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => {\n  const onboardingFlow = useMemo(\n    () =>\n      createMachine(\n        'overview',\n        onboardingMachine,\n        (initialContext: OnboardingFlowContextInterface) => ({\n          ...initialContext,\n          component: OnboardingOverviewContextual,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={onboardingFlow} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","onboardingFlow","useMemo","createMachine","onboardingMachine","initialContext","OnboardingOverviewContextual","jsx","Flow"],"mappings":";;;;;;AAwEO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAyC;AAC5F,QAAMC,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,eAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAgB,SAAAF,EAAA,CAAkB;AAC1D;"}

package/dist/components/Company/OnboardingFlow/OnboardingFlowComponents.d.ts

@@ -3,24 +3,53 @@ import { PayScheduleDefaultValues } from '../PaySchedule/PaySchedule';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { RequireAtLeastOne } from '../../../types/Helpers';
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Default values for the company onboarding flow's per-step form components.
+ *
+ * @remarks
+ * At least one of the step-level keys must be provided. Per-step values are
+ * forwarded to the matching step component. If company data is already
+ * available via the API, the corresponding values are overwritten.
+ *
+ * @public
+ */
 export type OnboardingFlowDefaultValues = RequireAtLeastOne<{
+    /** Default values forwarded to the federal taxes step. */
     federalTaxes?: FederalTaxesDefaultValues;
+    /** Default values forwarded to the pay schedule step. */
     paySchedule?: PayScheduleDefaultValues;
 }>;
-export interface OnboardingFlowProps extends BaseComponentInterface {
+/**
+ * Props for the company onboarding flow orchestrator.
+ *
+ * @public
+ */
+export interface OnboardingFlowProps extends BaseComponentInterface<never> {
+    /** The associated company identifier. */
     companyId: string;
+    /** Default values applied to individual flow step components (federal taxes, pay schedule). */
     defaultValues?: RequireAtLeastOne<OnboardingFlowDefaultValues>;
 }
+/** @internal */
 export interface OnboardingFlowContextInterface extends FlowContextInterface {
     companyId: string;
     defaultValues?: OnboardingFlowDefaultValues;
 }
+/** @internal */
 export declare function LocationsContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function FederalTaxesContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function IndustryContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function BankAccountContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function EmployeesContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayScheduleContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function StateTaxesContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function DocumentSignerContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function OnboardingOverviewContextual(): import("react").JSX.Element;

package/dist/components/Company/OnboardingFlow/OnboardingFlowComponents.js

@@ -1,23 +1,23 @@
 import { jsx as t } from "react/jsx-runtime";
-import { BankAccount as c } from "../BankAccount/BankAccount.js";
-import { StateTaxes as u } from "../StateTaxes/StateTaxes.js";
+import { BankAccount as u } from "../BankAccount/BankAccount.js";
+import { StateTaxes as c } from "../StateTaxes/StateTaxes.js";
 import { OnboardingOverview as m } from "../OnboardingOverview/OnboardingOverview.js";
 import { Locations as d } from "../Locations/Locations.js";
 import { useFlow as e } from "../../Flow/useFlow.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 import { OnboardingFlow as p } from "../../Employee/OnboardingFlow/OnboardingFlow.js";
 import { DocumentSigner as i } from "../DocumentSigner/DocumentSigner.js";
-import { PaySchedule as f } from "../PaySchedule/PaySchedule.js";
-import { Industry as l } from "../Industry/Industry.js";
-import { FederalTaxes as s } from "../FederalTaxes/FederalTaxes.js";
-function V() {
+import { PaySchedule as s } from "../PaySchedule/PaySchedule.js";
+import { Industry as f } from "../Industry/Industry.js";
+import { FederalTaxes as l } from "../FederalTaxes/FederalTaxes.js";
+function F() {
   const { companyId: n, onEvent: o } = e();
   return /* @__PURE__ */ t(d, { onEvent: o, companyId: r(n) });
 }
-function b() {
+function V() {
   const { companyId: n, defaultValues: o, onEvent: a } = e();
   return /* @__PURE__ */ t(
-    s,
+    l,
     {
       onEvent: a,
       companyId: r(n),
@@ -25,22 +25,29 @@ function b() {
     }
   );
 }
-function h() {
+function b() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(l, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(f, { onEvent: o, companyId: r(n) });
 }
-function k() {
+function B() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(c, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(u, { onEvent: o, companyId: r(n) });
 }
-function A() {
+function k() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(p, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(
+    p,
+    {
+      onEvent: o,
+      companyId: r(n),
+      showContinueButton: !0
+    }
+  );
 }
-function B() {
+function A() {
   const { companyId: n, defaultValues: o, onEvent: a } = e();
   return /* @__PURE__ */ t(
-    f,
+    s,
     {
       onEvent: a,
       companyId: r(n),
@@ -50,7 +57,7 @@ function B() {
 }
 function D() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(u, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(c, { onEvent: o, companyId: r(n) });
 }
 function L() {
   const { companyId: n, onEvent: o } = e();
@@ -61,14 +68,14 @@ function P() {
   return /* @__PURE__ */ t(m, { companyId: r(n), onEvent: o });
 }
 export {
-  k as BankAccountContextual,
+  B as BankAccountContextual,
   L as DocumentSignerContextual,
-  A as EmployeesContextual,
-  b as FederalTaxesContextual,
-  h as IndustryContextual,
-  V as LocationsContextual,
+  k as EmployeesContextual,
+  V as FederalTaxesContextual,
+  b as IndustryContextual,
+  F as LocationsContextual,
   P as OnboardingOverviewContextual,
-  B as PayScheduleContextual,
+  A as PayScheduleContextual,
   D as StateTaxesContextual
 };
 //# sourceMappingURL=OnboardingFlowComponents.js.map

package/dist/components/Company/OnboardingFlow/OnboardingFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import { Industry } from '../Industry'\nimport { BankAccount } from '../BankAccount/BankAccount'\nimport { PaySchedule } from '../PaySchedule'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport { DocumentSigner } from '../DocumentSigner'\nimport { OnboardingOverview } from '../OnboardingOverview/OnboardingOverview'\nimport { FederalTaxes } from '../FederalTaxes'\nimport type { FederalTaxesDefaultValues } from '../FederalTaxes/useFederalTaxes'\nimport type { PayScheduleDefaultValues } from '../PaySchedule/PaySchedule'\nimport { Locations } from '@/components/Company/Locations/Locations'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { OnboardingFlow as EmployeeOnboardingFlow } from '@/components/Employee/OnboardingFlow/OnboardingFlow'\n\nexport type OnboardingFlowDefaultValues = RequireAtLeastOne<{\n  federalTaxes?: FederalTaxesDefaultValues\n  paySchedule?: PayScheduleDefaultValues\n}>\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<OnboardingFlowDefaultValues>\n}\nexport interface OnboardingFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  defaultValues?: OnboardingFlowDefaultValues\n}\n\nexport function LocationsContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Locations onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\nexport function FederalTaxesContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <FederalTaxes\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.federalTaxes}\n    />\n  )\n}\n\nexport function IndustryContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Industry onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function BankAccountContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <BankAccount onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\nexport function EmployeesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <EmployeeOnboardingFlow onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\nexport function PayScheduleContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <PaySchedule\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.paySchedule}\n    />\n  )\n}\nexport function StateTaxesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <StateTaxes onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\nexport function DocumentSignerContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <DocumentSigner onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\nexport function OnboardingOverviewContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <OnboardingOverview companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n"],"names":["LocationsContextual","companyId","onEvent","useFlow","Locations","ensureRequired","FederalTaxesContextual","defaultValues","jsx","FederalTaxes","IndustryContextual","Industry","BankAccountContextual","BankAccount","EmployeesContextual","EmployeeOnboardingFlow","PayScheduleContextual","PaySchedule","StateTaxesContextual","StateTaxes","DocumentSignerContextual","DocumentSigner","OnboardingOverviewContextual","OnboardingOverview"],"mappings":";;;;;;;;;;;;AA6BO,SAASA,IAAsB;AACpC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAU,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC5E;AACO,SAASK,IAAyB;AACvC,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEO,SAASG,IAAqB;AACnC,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQQ,GAAA,EAAS,SAAAT,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC3E;AAEO,SAASW,IAAwB;AACtC,QAAM,EAAE,WAAAX,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQU,GAAA,EAAY,SAAAX,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC9E;AACO,SAASa,IAAsB;AACpC,QAAM,EAAE,WAAAb,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQY,GAAA,EAAuB,SAAAb,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACzF;AACO,SAASe,IAAwB;AACtC,QAAM,EAAE,WAAAf,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAf;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AACO,SAASW,IAAuB;AACrC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAW,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC7E;AACO,SAASmB,IAA2B;AACzC,QAAM,EAAE,WAAAnB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQkB,GAAA,EAAe,SAAAnB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AACO,SAASqB,IAA+B;AAC7C,QAAM,EAAE,WAAArB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQoB,GAAA,EAAmB,WAAWlB,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACrF;"}
+{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import { Industry } from '../Industry'\nimport { BankAccount } from '../BankAccount/BankAccount'\nimport { PaySchedule } from '../PaySchedule'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport { DocumentSigner } from '../DocumentSigner'\nimport { OnboardingOverview } from '../OnboardingOverview/OnboardingOverview'\nimport { FederalTaxes } from '../FederalTaxes'\nimport type { FederalTaxesDefaultValues } from '../FederalTaxes/useFederalTaxes'\nimport type { PayScheduleDefaultValues } from '../PaySchedule/PaySchedule'\nimport { Locations } from '@/components/Company/Locations/Locations'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { OnboardingFlow as EmployeeOnboardingFlow } from '@/components/Employee/OnboardingFlow/OnboardingFlow'\n\n/**\n * Default values for the company onboarding flow's per-step form components.\n *\n * @remarks\n * At least one of the step-level keys must be provided. Per-step values are\n * forwarded to the matching step component. If company data is already\n * available via the API, the corresponding values are overwritten.\n *\n * @public\n */\nexport type OnboardingFlowDefaultValues = RequireAtLeastOne<{\n  /** Default values forwarded to the federal taxes step. */\n  federalTaxes?: FederalTaxesDefaultValues\n  /** Default values forwarded to the pay schedule step. */\n  paySchedule?: PayScheduleDefaultValues\n}>\n\n/**\n * Props for the company onboarding flow orchestrator.\n *\n * @public\n */\nexport interface OnboardingFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Default values applied to individual flow step components (federal taxes, pay schedule). */\n  defaultValues?: RequireAtLeastOne<OnboardingFlowDefaultValues>\n}\n/** @internal */\nexport interface OnboardingFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  defaultValues?: OnboardingFlowDefaultValues\n}\n\n/** @internal */\nexport function LocationsContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Locations onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function FederalTaxesContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <FederalTaxes\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.federalTaxes}\n    />\n  )\n}\n\n/** @internal */\nexport function IndustryContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Industry onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function BankAccountContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <BankAccount onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function EmployeesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <EmployeeOnboardingFlow\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      showContinueButton\n    />\n  )\n}\n/** @internal */\nexport function PayScheduleContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <PaySchedule\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.paySchedule}\n    />\n  )\n}\n/** @internal */\nexport function StateTaxesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <StateTaxes onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function DocumentSignerContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <DocumentSigner onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function OnboardingOverviewContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <OnboardingOverview companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n"],"names":["LocationsContextual","companyId","onEvent","useFlow","Locations","ensureRequired","FederalTaxesContextual","defaultValues","jsx","FederalTaxes","IndustryContextual","Industry","BankAccountContextual","BankAccount","EmployeesContextual","EmployeeOnboardingFlow","PayScheduleContextual","PaySchedule","StateTaxesContextual","StateTaxes","DocumentSignerContextual","DocumentSigner","OnboardingOverviewContextual","OnboardingOverview"],"mappings":";;;;;;;;;;;;AAmDO,SAASA,IAAsB;AACpC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAU,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC5E;AAEO,SAASK,IAAyB;AACvC,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAGO,SAASG,IAAqB;AACnC,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQQ,GAAA,EAAS,SAAAT,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC3E;AAGO,SAASW,IAAwB;AACtC,QAAM,EAAE,WAAAX,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQU,GAAA,EAAY,SAAAX,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC9E;AAEO,SAASa,IAAsB;AACpC,QAAM,EAAE,WAAAb,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,SACE,gBAAAK;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,oBAAkB;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEO,SAASe,IAAwB;AACtC,QAAM,EAAE,WAAAf,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAf;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEO,SAASW,IAAuB;AACrC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAW,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC7E;AAEO,SAASmB,IAA2B;AACzC,QAAM,EAAE,WAAAnB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQkB,GAAA,EAAe,SAAAnB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASqB,IAA+B;AAC7C,QAAM,EAAE,WAAArB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQoB,GAAA,EAAmB,WAAWlB,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACrF;"}

package/dist/components/Company/OnboardingFlow/onboardingStateMachine.d.ts

@@ -1,3 +1,4 @@
+/** @internal */
 export declare const onboardingMachine: {
     overview: import('robot3').MachineState<any>;
     locations: import('robot3').MachineState<any>;

package/dist/components/Company/OnboardingFlow/onboardingStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Company/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  BankAccountContextual,\n  DocumentSignerContextual,\n  EmployeesContextual,\n  FederalTaxesContextual,\n  IndustryContextual,\n  LocationsContextual,\n  OnboardingOverviewContextual,\n  PayScheduleContextual,\n  StateTaxesContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\nconst TOTAL_STEPS = 8\n\nconst progressHeader = (currentStep: number): FlowHeaderConfig => ({\n  type: 'progress',\n  currentStep,\n  totalSteps: TOTAL_STEPS,\n})\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nexport const onboardingMachine = {\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_OVERVIEW_CONTINUE,\n      'locations',\n      reduce(\n        createReducer({\n          component: LocationsContextual,\n          header: progressHeader(1),\n        }),\n      ),\n    ),\n    transition(componentEvents.COMPANY_OVERVIEW_DONE, 'final'),\n  ),\n  locations: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_LOCATION_DONE,\n      'federalTaxes',\n      reduce(createReducer({ component: FederalTaxesContextual, header: progressHeader(2) })),\n    ),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_FEDERAL_TAXES_DONE,\n      'industry',\n      reduce(createReducer({ component: IndustryContextual, header: progressHeader(3) })),\n    ),\n  ),\n  industry: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_INDUSTRY_SELECTED,\n      'bankAccount',\n      reduce(createReducer({ component: BankAccountContextual, header: progressHeader(4) })),\n    ),\n  ),\n  bankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_DONE,\n      'employees',\n      reduce(createReducer({ component: EmployeesContextual, header: progressHeader(5) })),\n    ),\n  ),\n  employees: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_ONBOARDING_DONE,\n      'payschedule',\n      reduce(createReducer({ component: PayScheduleContextual, header: progressHeader(6) })),\n    ),\n  ),\n  payschedule: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual, header: progressHeader(7) })),\n    ),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_DONE,\n      'documents',\n      reduce(createReducer({ component: DocumentSignerContextual, header: progressHeader(8) })),\n    ),\n  ),\n  documents: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_FORMS_DONE,\n      'overview',\n      reduce(\n        createReducer({\n          component: OnboardingOverviewContextual,\n          header: null,\n        }),\n      ),\n    ),\n  ),\n\n  final: state<MachineTransition>(),\n}\n"],"names":["TOTAL_STEPS","progressHeader","currentStep","createReducer","props","ctx","onboardingMachine","state","transition","componentEvents","reduce","LocationsContextual","FederalTaxesContextual","IndustryContextual","BankAccountContextual","EmployeesContextual","PayScheduleContextual","StateTaxesContextual","DocumentSignerContextual","OnboardingOverviewContextual"],"mappings":";;;AAiBA,MAAMA,IAAc,GAEdC,IAAiB,CAACC,OAA2C;AAAA,EACjE,MAAM;AAAA,EACN,aAAAA;AAAA,EACA,YAAYF;AACd,IAEMG,IAAgB,CAACC,MACd,CAACC,OAAyE;AAAA,EAC/E,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIME,IAAoB;AAAA,EAC/B,UAAUC;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWQ;AAAA,UACX,QAAQV,EAAe,CAAC;AAAA,QAAA,CACzB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFO,EAAWC,EAAgB,uBAAuB,OAAO;AAAA,EAAA;AAAA,EAE3D,WAAWF;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWS,GAAwB,QAAQX,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACxF;AAAA,EAEF,cAAcM;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWU,GAAoB,QAAQZ,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACpF;AAAA,EAEF,UAAUM;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWW,GAAuB,QAAQb,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACvF;AAAA,EAEF,aAAaM;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWY,GAAqB,QAAQd,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACrF;AAAA,EAEF,WAAWM;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWa,GAAuB,QAAQf,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACvF;AAAA,EAEF,aAAaM;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWc,GAAsB,QAAQhB,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACtF;AAAA,EAEF,YAAYM;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWe,GAA0B,QAAQjB,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EAC1F;AAAA,EAEF,WAAWM;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWgB;AAAA,UACX,QAAQ;AAAA,QAAA,CACT;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAGF,OAAOZ,EAAA;AACT;"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Company/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  BankAccountContextual,\n  DocumentSignerContextual,\n  EmployeesContextual,\n  FederalTaxesContextual,\n  IndustryContextual,\n  LocationsContextual,\n  OnboardingOverviewContextual,\n  PayScheduleContextual,\n  StateTaxesContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\nconst TOTAL_STEPS = 8\n\nconst progressHeader = (currentStep: number): FlowHeaderConfig => ({\n  type: 'progress',\n  currentStep,\n  totalSteps: TOTAL_STEPS,\n})\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\n/** @internal */\nexport const onboardingMachine = {\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_OVERVIEW_CONTINUE,\n      'locations',\n      reduce(\n        createReducer({\n          component: LocationsContextual,\n          header: progressHeader(1),\n        }),\n      ),\n    ),\n    transition(componentEvents.COMPANY_OVERVIEW_DONE, 'final'),\n  ),\n  locations: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_LOCATION_DONE,\n      'federalTaxes',\n      reduce(createReducer({ component: FederalTaxesContextual, header: progressHeader(2) })),\n    ),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_FEDERAL_TAXES_DONE,\n      'industry',\n      reduce(createReducer({ component: IndustryContextual, header: progressHeader(3) })),\n    ),\n  ),\n  industry: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_INDUSTRY_SELECTED,\n      'bankAccount',\n      reduce(createReducer({ component: BankAccountContextual, header: progressHeader(4) })),\n    ),\n  ),\n  bankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_DONE,\n      'employees',\n      reduce(createReducer({ component: EmployeesContextual, header: progressHeader(5) })),\n    ),\n  ),\n  employees: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_ONBOARDING_DONE,\n      'payschedule',\n      reduce(createReducer({ component: PayScheduleContextual, header: progressHeader(6) })),\n    ),\n  ),\n  payschedule: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual, header: progressHeader(7) })),\n    ),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_DONE,\n      'documents',\n      reduce(createReducer({ component: DocumentSignerContextual, header: progressHeader(8) })),\n    ),\n  ),\n  documents: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_FORMS_DONE,\n      'overview',\n      reduce(\n        createReducer({\n          component: OnboardingOverviewContextual,\n          header: null,\n        }),\n      ),\n    ),\n  ),\n\n  final: state<MachineTransition>(),\n}\n"],"names":["TOTAL_STEPS","progressHeader","currentStep","createReducer","props","ctx","onboardingMachine","state","transition","componentEvents","reduce","LocationsContextual","FederalTaxesContextual","IndustryContextual","BankAccountContextual","EmployeesContextual","PayScheduleContextual","StateTaxesContextual","DocumentSignerContextual","OnboardingOverviewContextual"],"mappings":";;;AAiBA,MAAMA,IAAc,GAEdC,IAAiB,CAACC,OAA2C;AAAA,EACjE,MAAM;AAAA,EACN,aAAAA;AAAA,EACA,YAAYF;AACd,IAEMG,IAAgB,CAACC,MACd,CAACC,OAAyE;AAAA,EAC/E,GAAGA;AAAA,EACH,GAAGD;AAAA,IAKME,IAAoB;AAAA,EAC/B,UAAUC;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWQ;AAAA,UACX,QAAQV,EAAe,CAAC;AAAA,QAAA,CACzB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFO,EAAWC,EAAgB,uBAAuB,OAAO;AAAA,EAAA;AAAA,EAE3D,WAAWF;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWS,GAAwB,QAAQX,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACxF;AAAA,EAEF,cAAcM;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWU,GAAoB,QAAQZ,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACpF;AAAA,EAEF,UAAUM;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWW,GAAuB,QAAQb,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACvF;AAAA,EAEF,aAAaM;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWY,GAAqB,QAAQd,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACrF;AAAA,EAEF,WAAWM;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWa,GAAuB,QAAQf,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACvF;AAAA,EAEF,aAAaM;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWc,GAAsB,QAAQhB,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EACtF;AAAA,EAEF,YAAYM;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWe,GAA0B,QAAQjB,EAAe,CAAC,GAAG,CAAC;AAAA,IAAA;AAAA,EAC1F;AAAA,EAEF,WAAWM;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWgB;AAAA,UACX,QAAQ;AAAA,QAAA,CACT;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAGF,OAAOZ,EAAA;AACT;"}

package/dist/components/Company/OnboardingOverview/Completed.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare const Completed: () => import("react").JSX.Element | null;

package/dist/components/Company/OnboardingOverview/Completed.js.map

@@ -1 +1 @@
-{"version":3,"file":"Completed.js","sources":["../../../../src/components/Company/OnboardingOverview/Completed.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Completed = () => {\n  const Components = useComponentContext()\n  const { onboardingCompleted, handleDone } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n  if (!onboardingCompleted) {\n    return null\n  }\n  return (\n    <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n      <Components.Heading as=\"h2\" textAlign=\"center\">\n        {t('onboardingCompletedTitle')}\n      </Components.Heading>\n      <p>{t('onboardingCompletedDescription')}</p>\n      <Components.Button variant=\"secondary\" onClick={handleDone}>\n        {t('onboardingCompletedCta')}\n      </Components.Button>\n    </Flex>\n  )\n}\n"],"names":["Completed","Components","useComponentContext","onboardingCompleted","handleDone","useOnboardingOverview","t","useTranslation","Flex","jsx"],"mappings":";;;;;;AAKO,MAAMA,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,qBAAAC,GAAqB,YAAAC,EAAA,IAAeC,EAAA,GACtC,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AACzD,SAAKJ,sBAIFK,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAK,EAAE,0BAA0B,EAAA,CAC/B;AAAA,IACA,gBAAAG,EAAC,KAAA,EAAG,UAAAH,EAAE,gCAAgC,EAAA,CAAE;AAAA,IACxC,gBAAAG,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASG,GAC7C,UAAAE,EAAE,wBAAwB,EAAA,CAC7B;AAAA,EAAA,GACF,IAXO;AAaX;"}
+{"version":3,"file":"Completed.js","sources":["../../../../src/components/Company/OnboardingOverview/Completed.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport const Completed = () => {\n  const Components = useComponentContext()\n  const { onboardingCompleted, handleDone } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n  if (!onboardingCompleted) {\n    return null\n  }\n  return (\n    <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n      <Components.Heading as=\"h2\" textAlign=\"center\">\n        {t('onboardingCompletedTitle')}\n      </Components.Heading>\n      <p>{t('onboardingCompletedDescription')}</p>\n      <Components.Button variant=\"secondary\" onClick={handleDone}>\n        {t('onboardingCompletedCta')}\n      </Components.Button>\n    </Flex>\n  )\n}\n"],"names":["Completed","Components","useComponentContext","onboardingCompleted","handleDone","useOnboardingOverview","t","useTranslation","Flex","jsx"],"mappings":";;;;;;AAMO,MAAMA,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,qBAAAC,GAAqB,YAAAC,EAAA,IAAeC,EAAA,GACtC,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AACzD,SAAKJ,sBAIFK,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAK,EAAE,0BAA0B,EAAA,CAC/B;AAAA,IACA,gBAAAG,EAAC,KAAA,EAAG,UAAAH,EAAE,gCAAgC,EAAA,CAAE;AAAA,IACxC,gBAAAG,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASG,GAC7C,UAAAE,EAAE,wBAAwB,EAAA,CAC7B;AAAA,EAAA,GACF,IAXO;AAaX;"}

package/dist/components/Company/OnboardingOverview/MissingRequirements.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare const MissingRequirements: () => import("react").JSX.Element | null;

package/dist/components/Company/OnboardingOverview/MissingRequirements.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\nexport const MissingRequirements = () => {\n  const Components = useComponentContext()\n  const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n\n  if (onboardingCompleted) {\n    return null\n  }\n\n  const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n  return (\n    <Components.Box\n      footer={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleContinue}>\n            {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n            <ArrowRightIcon aria-hidden />\n          </Components.Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h2\">\n            {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}\n          </Components.Text>\n        </Flex>\n        {onboardingSteps && (\n          <RequirementsList\n            requirements={onboardingSteps.map(step => ({\n              completed: step.completed!,\n              title: t(`stepTitles.${step.id!}`),\n              description: t(`stepDescriptions.${step.id!}`),\n            }))}\n          />\n        )}\n      </Flex>\n    </Components.Box>\n  )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","useTranslation","isInitialSetup","step","jsx","ActionsLayout","jsxs","ArrowRightIcon","Flex","RequirementsList"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIH;AACF,WAAO;AAGT,QAAMI,IAAiB,CAACL,GAAiB,KAAK,OAAQM,EAAK,YAAYA,EAAK,SAAS;AAErF,SACE,gBAAAC;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAS,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAA;AAAA,QAAA,EAAEG,IAAiB,oBAAoB,wBAAwB;AAAA,QAChE,gBAAAE,EAACG,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAAA,EAAA,CAC9B,EAAA,CACF;AAAA,MAGF,4BAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,IACxD,UAAA;AAAA,QAAA,gBAAAF,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAJ,EAACT,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAEO,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,UACA,gBAAAE,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAEO,IAAiB,4BAA4B,gCAAgC,EAAA,CAClF;AAAA,QAAA,GACF;AAAA,QACCL,KACC,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,cAAcZ,EAAgB,IAAI,CAAAM,OAAS;AAAA,cACzC,WAAWA,EAAK;AAAA,cAChB,OAAO,EAAE,cAAcA,EAAK,EAAG,EAAE;AAAA,cACjC,aAAa,EAAE,oBAAoBA,EAAK,EAAG,EAAE;AAAA,YAAA,EAC7C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/** @internal */\nexport const MissingRequirements = () => {\n  const Components = useComponentContext()\n  const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n\n  if (onboardingCompleted) {\n    return null\n  }\n\n  const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n  return (\n    <Components.Box\n      footer={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleContinue}>\n            {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n            <ArrowRightIcon aria-hidden />\n          </Components.Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h2\">\n            {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}\n          </Components.Text>\n        </Flex>\n        {onboardingSteps && (\n          <RequirementsList\n            requirements={onboardingSteps.map(step => ({\n              completed: step.completed!,\n              title: t(`stepTitles.${step.id!}`),\n              description: t(`stepDescriptions.${step.id!}`),\n            }))}\n          />\n        )}\n      </Flex>\n    </Components.Box>\n  )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","useTranslation","isInitialSetup","step","jsx","ActionsLayout","jsxs","ArrowRightIcon","Flex","RequirementsList"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIH;AACF,WAAO;AAGT,QAAMI,IAAiB,CAACL,GAAiB,KAAK,OAAQM,EAAK,YAAYA,EAAK,SAAS;AAErF,SACE,gBAAAC;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAS,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAA;AAAA,QAAA,EAAEG,IAAiB,oBAAoB,wBAAwB;AAAA,QAChE,gBAAAE,EAACG,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAAA,EAAA,CAC9B,EAAA,CACF;AAAA,MAGF,4BAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,IACxD,UAAA;AAAA,QAAA,gBAAAF,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAJ,EAACT,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAEO,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,UACA,gBAAAE,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAEO,IAAiB,4BAA4B,gCAAgC,EAAA,CAClF;AAAA,QAAA,GACF;AAAA,QACCL,KACC,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,cAAcZ,EAAgB,IAAI,CAAAM,OAAS;AAAA,cACzC,WAAWA,EAAK;AAAA,cAChB,OAAO,EAAE,cAAcA,EAAK,EAAG,EAAE;AAAA,cACjC,aAAa,EAAE,oBAAoBA,EAAK,EAAG,EAAE;AAAA,YAAA,EAC7C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Company/OnboardingOverview/OnboardingOverview.d.ts

@@ -1,6 +1,30 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface OnboardingOverviewProps extends CommonComponentInterface<'Company.OnboardingOverview'> {
+import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for the {@link OnboardingOverview} component.
+ *
+ * @public
+ */
+export interface OnboardingOverviewProps extends BaseComponentInterface<'Company.OnboardingOverview'> {
+    /** The associated company identifier. */
     companyId: string;
 }
-export declare function OnboardingOverview(props: OnboardingOverviewProps & BaseComponentInterface): import("react").JSX.Element;
-export {};
+/**
+ * Displays the company's overall onboarding status, showing completed steps alongside any remaining requirements.
+ *
+ * @remarks
+ * Renders as the landing or summary screen of a company onboarding flow. When `onboardingCompleted`
+ * is true, a completion message and "done" action are shown; otherwise a checklist of outstanding
+ * steps is rendered with a continue action. Provide `children` to override the default layout while
+ * still consuming the onboarding status via context.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `company/overview/continue` | Fired when the user chooses to continue to the next outstanding onboarding requirement | — |
+ * | `company/overview/done` | Fired when the user signals they are done with the overview screen, typically after onboarding ends | — |
+ *
+ * @param props - Component props including the target `companyId` and standard base/common component options.
+ * @returns The rendered onboarding overview section.
+ * @public
+ */
+export declare function OnboardingOverview(props: OnboardingOverviewProps): import("react").JSX.Element;

package/dist/components/Company/OnboardingOverview/OnboardingOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingOverview.js","sources":["../../../../src/components/Company/OnboardingOverview/OnboardingOverview.tsx"],"sourcesContent":["import { useCompaniesGetOnboardingStatusSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/companiesGetOnboardingStatus'\nimport { OnboardingOverviewProvider } from './context'\nimport { MissingRequirements } from './MissingRequirements'\nimport { Completed } from './Completed'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface OnboardingOverviewProps extends CommonComponentInterface<'Company.OnboardingOverview'> {\n  companyId: string\n}\n\nexport function OnboardingOverview(props: OnboardingOverviewProps & BaseComponentInterface) {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children }: OnboardingOverviewProps) => {\n  const { onEvent } = useBase()\n\n  const { data } = useCompaniesGetOnboardingStatusSuspense({ companyUuid: companyId })\n  const { onboardingCompleted, onboardingSteps } = data.companyOnboardingStatus!\n\n  const handleDone = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_DONE)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_CONTINUE)\n  }\n\n  return (\n    <section className={className}>\n      <OnboardingOverviewProvider\n        value={{\n          onboardingCompleted,\n          onboardingSteps,\n          handleDone,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Completed />\n              <MissingRequirements />\n            </>\n          )}\n        </Flex>\n      </OnboardingOverviewProvider>\n    </section>\n  )\n}\n"],"names":["OnboardingOverview","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","companyId","className","children","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;;;;AAmBO,SAASA,EAAmBC,GAAyD;AAC1F,SAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,EAAM,UAAU,GAEnE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,QAAwC;AAC5E,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaN,GAAW,GAC7E,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAR,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,qBAAAF;AAAA,QACA,iBAAAC;AAAA,QACA,YAbW,MAAM;AACvB,UAAAL,EAAQO,EAAgB,qBAAqB;AAAA,QAC/C;AAAA,QAYQ,gBAXe,MAAM;AAC3B,UAAAP,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAb,EAACc,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,KAGC,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhB,EAACiB,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"OnboardingOverview.js","sources":["../../../../src/components/Company/OnboardingOverview/OnboardingOverview.tsx"],"sourcesContent":["import { useCompaniesGetOnboardingStatusSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/companiesGetOnboardingStatus'\nimport { OnboardingOverviewProvider } from './context'\nimport { MissingRequirements } from './MissingRequirements'\nimport { Completed } from './Completed'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link OnboardingOverview} component.\n *\n * @public\n */\nexport interface OnboardingOverviewProps extends BaseComponentInterface<'Company.OnboardingOverview'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the company's overall onboarding status, showing completed steps alongside any remaining requirements.\n *\n * @remarks\n * Renders as the landing or summary screen of a company onboarding flow. When `onboardingCompleted`\n * is true, a completion message and \"done\" action are shown; otherwise a checklist of outstanding\n * steps is rendered with a continue action. Provide `children` to override the default layout while\n * still consuming the onboarding status via context.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/overview/continue` | Fired when the user chooses to continue to the next outstanding onboarding requirement | — |\n * | `company/overview/done` | Fired when the user signals they are done with the overview screen, typically after onboarding ends | — |\n *\n * @param props - Component props including the target `companyId` and standard base/common component options.\n * @returns The rendered onboarding overview section.\n * @public\n */\nexport function OnboardingOverview(props: OnboardingOverviewProps) {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children }: OnboardingOverviewProps) => {\n  const { onEvent } = useBase()\n\n  const { data } = useCompaniesGetOnboardingStatusSuspense({ companyUuid: companyId })\n  const { onboardingCompleted, onboardingSteps } = data.companyOnboardingStatus!\n\n  const handleDone = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_DONE)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_CONTINUE)\n  }\n\n  return (\n    <section className={className}>\n      <OnboardingOverviewProvider\n        value={{\n          onboardingCompleted,\n          onboardingSteps,\n          handleDone,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Completed />\n              <MissingRequirements />\n            </>\n          )}\n        </Flex>\n      </OnboardingOverviewProvider>\n    </section>\n  )\n}\n"],"names":["OnboardingOverview","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","companyId","className","children","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;;;;AAuCO,SAASA,EAAmBC,GAAgC;AACjE,SAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,EAAM,UAAU,GAEnE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,QAAwC;AAC5E,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaN,GAAW,GAC7E,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAR,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,qBAAAF;AAAA,QACA,iBAAAC;AAAA,QACA,YAbW,MAAM;AACvB,UAAAL,EAAQO,EAAgB,qBAAqB;AAAA,QAC/C;AAAA,QAYQ,gBAXe,MAAM;AAC3B,UAAAP,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAb,EAACc,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,KAGC,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhB,EAACiB,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/OnboardingOverview/context.js

@@ -9,14 +9,12 @@ import "@gusto/embedded-api-v-2025-11-15/models/errors/gustoembeddederror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [c, s] = o("OnboardingOverviewContext");
+const [x, C] = o("OnboardingOverviewContext");
 export {
-  s as OnboardingOverviewProvider,
-  c as useOnboardingOverview
+  C as OnboardingOverviewProvider,
+  x as useOnboardingOverview
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/OnboardingOverview/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api-v-2025-11-15/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}
+{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api-v-2025-11-15/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}

package/dist/components/Company/PaySchedule/PaySchedule.d.ts

@@ -1,13 +1,47 @@
 import { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema';
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+import { BaseComponentInterface } from '../../Base';
 import { RequireAtLeastOne } from '../../../types/Helpers';
-type PayScheduleDefaultFields = {
+/**
+ * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.
+ *
+ * @public
+ */
+export type PayScheduleDefaultFields = {
     [K in keyof Pick<PayScheduleFormData, 'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'>]: NonNullable<PayScheduleFormData[K]>;
 };
+/**
+ * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule
+ * takes precedence over these defaults when editing.
+ *
+ * @public
+ */
 export type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>;
-interface PayScheduleProps extends CommonComponentInterface<'Company.PaySchedule'> {
+/**
+ * Props for the {@link PaySchedule} component.
+ *
+ * @public
+ */
+export interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {
+    /** Identifier of the company whose pay schedules are managed. */
     companyId: string;
+    /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */
     defaultValues?: PayScheduleDefaultValues;
 }
-export declare const PaySchedule: ({ companyId, defaultValues, dictionary, ...props }: PayScheduleProps & BaseComponentInterface) => import("react").JSX.Element;
-export {};
+/**
+ * Manages a company's pay schedules, including listing existing schedules and creating or editing one.
+ *
+ * @remarks
+ * Renders the schedule list when at least one pay schedule exists and the create form otherwise.
+ * Emits the following events through `onEvent`:
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |
+ * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |
+ *
+ * @param props - {@link PayScheduleProps} plus the standard base component props.
+ * @returns The pay schedule list or form depending on whether any schedules exist.
+ * @public
+ */
+export declare const PaySchedule: ({ companyId, defaultValues, dictionary, ...props }: PayScheduleProps) => import("react").JSX.Element;

package/dist/components/Company/PaySchedule/PaySchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\ntype PayScheduleDefaultFields = {\n  [K in keyof Pick<\n    PayScheduleFormData,\n    'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n  >]: NonNullable<PayScheduleFormData[K]>\n}\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\ninterface PayScheduleProps extends CommonComponentInterface<'Company.PaySchedule'> {\n  companyId: string\n  defaultValues?: PayScheduleDefaultValues\n}\n\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps & BaseComponentInterface) => {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues }: PayScheduleProps) {\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n  const initialState = hasSchedules ? 'listSchedules' : 'addSchedule'\n  const initialComponent = hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","hasSchedules","initialState","initialComponent","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AA4BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,OACEC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBH,CAAU,GAEtD,gBAAAI,EAACC,KAAe,GAAGJ,GACjB,4BAACK,GAAA,EAAK,WAAAR,GAAsB,eAAAC,GAA8B,EAAA,CAC5D;AAIJ,SAASO,EAAK,EAAE,WAAAR,GAAW,eAAAC,KAAmC;AAC5D,QAAM,EAAE,SAAAQ,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAZ,GAAW,GAEpEa,KAAgBF,EAAa,yBAAyB,UAAU,KAAK,GACrEG,IAAeD,IAAe,kBAAkB,eAChDE,IAAmBF,IAAeG,IAA4BC,GAE9DC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAf;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,GAAea,GAAcC,CAAgB;AAAA,EAAA;AAG3D,SAAO,gBAAAT,EAACiB,GAAA,EAAK,SAAAL,GAAkB,SAAAT,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.\n *\n * @public\n */\nexport type PayScheduleDefaultFields = {\n  [\n    K in keyof Pick<\n      PayScheduleFormData,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  ]: NonNullable<PayScheduleFormData[K]>\n}\n\n/**\n * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule\n * takes precedence over these defaults when editing.\n *\n * @public\n */\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\n/**\n * Props for the {@link PaySchedule} component.\n *\n * @public\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {\n  /** Identifier of the company whose pay schedules are managed. */\n  companyId: string\n  /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */\n  defaultValues?: PayScheduleDefaultValues\n}\n\n/**\n * Manages a company's pay schedules, including listing existing schedules and creating or editing one.\n *\n * @remarks\n * Renders the schedule list when at least one pay schedule exists and the create form otherwise.\n * Emits the following events through `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |\n * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |\n *\n * @param props - {@link PayScheduleProps} plus the standard base component props.\n * @returns The pay schedule list or form depending on whether any schedules exist.\n * @public\n */\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues }: Omit<PayScheduleProps, BaseComponentKeys>) {\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n  const initialState = hasSchedules ? 'listSchedules' : 'addSchedule'\n  const initialComponent = hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","hasSchedules","initialState","initialComponent","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AAkEO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,OACEC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBH,CAAU,GAEtD,gBAAAI,EAACC,KAAe,GAAGJ,GACjB,4BAACK,GAAA,EAAK,WAAAR,GAAsB,eAAAC,GAA8B,EAAA,CAC5D;AAIJ,SAASO,EAAK,EAAE,WAAAR,GAAW,eAAAC,KAA4D;AACrF,QAAM,EAAE,SAAAQ,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAZ,GAAW,GAEpEa,KAAgBF,EAAa,yBAAyB,UAAU,KAAK,GACrEG,IAAeD,IAAe,kBAAkB,eAChDE,IAAmBF,IAAeG,IAA4BC,GAE9DC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAf;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,GAAea,GAAcC,CAAgB;AAAA,EAAA;AAG3D,SAAO,gBAAAT,EAACiB,GAAA,EAAK,SAAAL,GAAkB,SAAAT,EAAA,CAAkB;AACnD;"}

package/dist/components/Company/PaySchedule/PayScheduleComponents.d.ts

@@ -1,10 +1,13 @@
 import { PayScheduleDefaultValues } from './PaySchedule';
 import { FlowContextInterface } from '../../Flow/useFlow';
+/** @internal */
 export interface PayScheduleContextInterface extends FlowContextInterface {
     companyId: string;
     payScheduleId?: string;
     defaultValues?: PayScheduleDefaultValues;
     component: React.ComponentType | null;
 }
+/** @internal */
 export declare function PayScheduleListContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayScheduleFormContextual(): import("react").JSX.Element;

package/dist/components/Company/PaySchedule/PayScheduleComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleComponents.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleComponents.tsx"],"sourcesContent":["import type { PayScheduleDefaultValues } from './PaySchedule'\nimport { PayScheduleList } from './PayScheduleList'\nimport { PayScheduleForm } from './PayScheduleForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PayScheduleContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  component: React.ComponentType | null\n}\n\nexport function PayScheduleListContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleContextInterface>()\n  return <PayScheduleList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayScheduleFormContextual() {\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleListContextual","companyId","onEvent","useFlow","PayScheduleList","ensureRequired","PayScheduleFormContextual","payScheduleId","defaultValues","jsx","PayScheduleForm"],"mappings":";;;;;AAaO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAgB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAClF;AAEO,SAASK,IAA4B;AAC1C,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,eAAAC,GAAe,SAAAN,EAAA,IAC/CC,EAAA;AAEF,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWL,EAAeJ,CAAS;AAAA,MACnC,eAAAM;AAAA,MACA,eAAAC;AAAA,MACA,SAAAN;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayScheduleComponents.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleComponents.tsx"],"sourcesContent":["import type { PayScheduleDefaultValues } from './PaySchedule'\nimport { PayScheduleList } from './PayScheduleList'\nimport { PayScheduleForm } from './PayScheduleForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface PayScheduleContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleListContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleContextInterface>()\n  return <PayScheduleList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function PayScheduleFormContextual() {\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleListContextual","companyId","onEvent","useFlow","PayScheduleList","ensureRequired","PayScheduleFormContextual","payScheduleId","defaultValues","jsx","PayScheduleForm"],"mappings":";;;;;AAeO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAgB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAClF;AAGO,SAASK,IAA4B;AAC1C,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,eAAAC,GAAe,SAAAN,EAAA,IAC/CC,EAAA;AAEF,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWL,EAAeJ,CAAS;AAAA,MACnC,eAAAM;AAAA,MACA,eAAAC;AAAA,MACA,SAAAN;AAAA,IAAA;AAAA,EAAA;AAGN;"}