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

package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

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

@@ -1,6 +1,6 @@
 /** @internal */
 export declare const locationsStateMachine: {
-    index: import('robot3').MachineState<any>;
-    locationAdd: import('robot3').MachineState<any>;
-    locationEdit: import('robot3').MachineState<any>;
+    index: import('../../../lib/state-machine').StateDefinition;
+    locationAdd: import('../../../lib/state-machine').StateDefinition;
+    locationEdit: import('../../../lib/state-machine').StateDefinition;
 };

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

@@ -1,6 +1,7 @@
-import { state as c, transition as n, reduce as t } from "robot3";
 import { LocationsListContextual as a, LocationFormContextual as e } from "./locationsStateMachine.js";
-import { companyEvents as i, componentEvents as A } from "../../../shared/constants.js";
+import "react";
+import { state as c, transition as n, reduce as t } from "../../../lib/state-machine/core.js";
+import { componentEvents as A, companyEvents as i } from "../../../shared/constants.js";
 const d = n(
   A.CANCEL,
   "index",

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\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;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/Locations/stateMachine.ts"],"sourcesContent":["import type { LocationsContextInterface, EventPayloads } from './locationsStateMachine'\nimport { LocationFormContextual, LocationsListContextual } from './locationsStateMachine'\nimport { state, transition, reduce } from '@/lib/state-machine'\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.js

@@ -1,17 +1,17 @@
 import { jsx as e } from "react/jsx-runtime";
-import { createMachine as t } from "robot3";
-import { useMemo as p } from "react";
-import { onboardingMachine as a } from "./onboardingStateMachine.js";
-import { OnboardingOverviewContextual as c } from "./OnboardingFlowComponents.js";
+import { useMemo as t } from "react";
+import { onboardingMachine as p } from "./onboardingStateMachine.js";
+import { OnboardingOverviewContextual as a } from "./OnboardingFlowComponents.js";
+import { createMachine as c } from "../../../lib/state-machine/core.js";
 import { Flow as f } from "../../Flow/Flow.js";
 const x = ({ companyId: o, onEvent: n, defaultValues: r }) => {
-  const i = p(
-    () => t(
+  const i = t(
+    () => c(
       "overview",
-      a,
+      p,
       (m) => ({
         ...m,
-        component: c,
+        component: a,
         companyId: o,
         defaultValues: r
       })

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 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/guides/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;"}
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  OnboardingOverviewContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\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/guides/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/onboardingStateMachine.d.ts

@@ -1,13 +1,13 @@
 /** @internal */
 export declare const onboardingMachine: {
-    overview: import('robot3').MachineState<any>;
-    locations: import('robot3').MachineState<any>;
-    federalTaxes: import('robot3').MachineState<any>;
-    industry: import('robot3').MachineState<any>;
-    bankAccount: import('robot3').MachineState<any>;
-    employees: import('robot3').MachineState<any>;
-    payschedule: import('robot3').MachineState<any>;
-    stateTaxes: import('robot3').MachineState<any>;
-    documents: import('robot3').MachineState<any>;
-    final: import('robot3').MachineState<any>;
+    overview: import('../../../lib/state-machine').StateDefinition;
+    locations: import('../../../lib/state-machine').StateDefinition;
+    federalTaxes: import('../../../lib/state-machine').StateDefinition;
+    industry: import('../../../lib/state-machine').StateDefinition;
+    bankAccount: import('../../../lib/state-machine').StateDefinition;
+    employees: import('../../../lib/state-machine').StateDefinition;
+    payschedule: import('../../../lib/state-machine').StateDefinition;
+    stateTaxes: import('../../../lib/state-machine').StateDefinition;
+    documents: import('../../../lib/state-machine').StateDefinition;
+    final: import('../../../lib/state-machine').StateDefinition;
 };

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

@@ -1,21 +1,22 @@
-import { state as e, transition as t, reduce as n } from "robot3";
-import { OnboardingOverviewContextual as O, DocumentSignerContextual as E, StateTaxesContextual as d, PayScheduleContextual as l, EmployeesContextual as u, BankAccountContextual as N, IndustryContextual as _, FederalTaxesContextual as p, LocationsContextual as C } from "./OnboardingFlowComponents.js";
+import { OnboardingOverviewContextual as O, DocumentSignerContextual as E, StateTaxesContextual as d, PayScheduleContextual as l, EmployeesContextual as u, BankAccountContextual as p, IndustryContextual as N, FederalTaxesContextual as _, LocationsContextual as m } from "./OnboardingFlowComponents.js";
+import "react";
+import { state as e, transition as t, reduce as n } from "../../../lib/state-machine/core.js";
 import { componentEvents as o } from "../../../shared/constants.js";
-const m = 8, r = (c) => ({
+const C = 8, r = (c) => ({
   type: "progress",
   currentStep: c,
-  totalSteps: m
+  totalSteps: C
 }), a = (c) => (s) => ({
   ...s,
   ...c
-}), x = {
+}), D = {
   overview: e(
     t(
       o.COMPANY_OVERVIEW_CONTINUE,
       "locations",
       n(
         a({
-          component: C,
+          component: m,
           header: r(1)
         })
       )
@@ -26,21 +27,21 @@ const m = 8, r = (c) => ({
     t(
       o.COMPANY_LOCATION_DONE,
       "federalTaxes",
-      n(a({ component: p, header: r(2) }))
+      n(a({ component: _, header: r(2) }))
     )
   ),
   federalTaxes: e(
     t(
       o.COMPANY_FEDERAL_TAXES_DONE,
       "industry",
-      n(a({ component: _, header: r(3) }))
+      n(a({ component: N, header: r(3) }))
     )
   ),
   industry: e(
     t(
       o.COMPANY_INDUSTRY_SELECTED,
       "bankAccount",
-      n(a({ component: N, header: r(4) }))
+      n(a({ component: p, header: r(4) }))
     )
   ),
   bankAccount: e(
@@ -86,6 +87,6 @@ const m = 8, r = (c) => ({
   final: e()
 };
 export {
-  x as onboardingMachine
+  D as onboardingMachine
 };
 //# sourceMappingURL=onboardingStateMachine.js.map

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\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;"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Company/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import {\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 { transition, reduce, state } from '@/lib/state-machine'\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/OnboardingOverview.js

@@ -1,23 +1,24 @@
-import { jsx as n, jsxs as s, Fragment as c } from "react/jsx-runtime";
-import { useCompaniesGetOnboardingStatusSuspense as p } from "@gusto/embedded-api/react-query/companiesGetOnboardingStatus";
-import { OnboardingOverviewProvider as l } from "./context.js";
-import { MissingRequirements as u } from "./MissingRequirements.js";
-import { Completed as O } from "./Completed.js";
-import { BaseComponent as f } from "../../Base/Base.js";
-import { useBase as v } from "../../Base/useBase.js";
-import { useI18n as C, useComponentDictionary as g } from "../../../i18n/I18n.js";
-import { Flex as h } from "../../Common/Flex/Flex.js";
+import { jsx as n, jsxs as c, Fragment as p } from "react/jsx-runtime";
+import { useCompaniesGetOnboardingStatusSuspense as l } from "@gusto/embedded-api/react-query/companiesGetOnboardingStatus";
+import { OnboardingOverviewProvider as u } from "./context.js";
+import { MissingRequirements as O } from "./MissingRequirements.js";
+import { Completed as f } from "./Completed.js";
+import { BaseComponent as v } from "../../Base/Base.js";
+import { useBase as C } from "../../Base/useBase.js";
+import { useI18n as g, useComponentDictionary as h } from "../../../i18n/I18n.js";
+import { Flex as b } from "../../Common/Flex/Flex.js";
 import { componentEvents as i } from "../../../shared/constants.js";
-function P(o) {
-  return C("Company.OnboardingOverview"), g("Company.OnboardingOverview", o.dictionary), /* @__PURE__ */ n(f, { ...o, children: /* @__PURE__ */ n(b, { ...o, children: o.children }) });
+function j(o) {
+  return /* @__PURE__ */ n(v, { ...o, children: /* @__PURE__ */ n(E, { ...o, children: o.children }) });
 }
-const b = ({ companyId: o, className: t, children: e }) => {
-  const { onEvent: r } = v(), { data: m } = p({ companyUuid: o }), { onboardingCompleted: a, onboardingSteps: d } = m.companyOnboardingStatus;
+const E = ({ companyId: o, className: t, children: e, dictionary: m }) => {
+  g("Company.OnboardingOverview"), h("Company.OnboardingOverview", m);
+  const { onEvent: r } = C(), { data: a } = l({ companyUuid: o }), { onboardingCompleted: s, onboardingSteps: d } = a.companyOnboardingStatus;
   return /* @__PURE__ */ n("section", { className: t, children: /* @__PURE__ */ n(
-    l,
+    u,
     {
       value: {
-        onboardingCompleted: a,
+        onboardingCompleted: s,
         onboardingSteps: d,
         handleDone: () => {
           r(i.COMPANY_OVERVIEW_DONE);
@@ -26,14 +27,14 @@ const b = ({ companyId: o, className: t, children: e }) => {
           r(i.COMPANY_OVERVIEW_CONTINUE);
         }
       },
-      children: /* @__PURE__ */ n(h, { flexDirection: "column", gap: 32, children: e || /* @__PURE__ */ s(c, { children: [
-        /* @__PURE__ */ n(O, {}),
-        /* @__PURE__ */ n(u, {})
+      children: /* @__PURE__ */ n(b, { flexDirection: "column", gap: 32, children: e || /* @__PURE__ */ c(p, { children: [
+        /* @__PURE__ */ n(f, {}),
+        /* @__PURE__ */ n(O, {})
       ] }) })
     }
   ) });
 };
 export {
-  P as OnboardingOverview
+  j as OnboardingOverview
 };
 //# sourceMappingURL=OnboardingOverview.js.map

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/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;"}
+{"version":3,"file":"OnboardingOverview.js","sources":["../../../../src/components/Company/OnboardingOverview/OnboardingOverview.tsx"],"sourcesContent":["import { useCompaniesGetOnboardingStatusSuspense } from '@gusto/embedded-api/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  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children, dictionary }: OnboardingOverviewProps) => {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', dictionary)\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","jsx","BaseComponent","Root","companyId","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;AAuCO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,YAAAC,QAA0C;AACxF,EAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,CAAU;AAC/D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaT,GAAW,GAC7E,EAAE,qBAAAU,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAX,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;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,gBAAAhB,EAACiB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAGC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAnB,EAACoB,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

@@ -13,11 +13,10 @@ import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [s, u] = o("OnboardingOverviewContext");
+const [c, s] = o("OnboardingOverviewContext");
 export {
-  u as OnboardingOverviewProvider,
-  s as useOnboardingOverview
+  s as OnboardingOverviewProvider,
+  c 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/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/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.js

@@ -1,26 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { createMachine as l } from "robot3";
+import { useMemo as l } from "react";
 import { usePaySchedulesGetAllSuspense as p } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
 import { payScheduleStateMachine as h } from "./payScheduleStateMachine.js";
 import { PayScheduleListContextual as S, PayScheduleFormContextual as d } from "./PayScheduleComponents.js";
-import { BaseComponent as f } from "../../Base/Base.js";
-import { useBase as y } from "../../Base/useBase.js";
-import { useI18n as C, useComponentDictionary as P } from "../../../i18n/I18n.js";
-import { Flow as x } from "../../Flow/Flow.js";
-const G = ({
+import { createMachine as f } from "../../../lib/state-machine/core.js";
+import { BaseComponent as y } from "../../Base/Base.js";
+import { useBase as C } from "../../Base/useBase.js";
+import { useI18n as P, useComponentDictionary as x } from "../../../i18n/I18n.js";
+import { Flow as M } from "../../Flow/Flow.js";
+const L = ({
   companyId: e,
   defaultValues: o,
   dictionary: t,
   ...n
-}) => (C("Company.PaySchedule"), P("Company.PaySchedule", t), /* @__PURE__ */ r(f, { ...n, children: /* @__PURE__ */ r(M, { companyId: e, defaultValues: o }) }));
-function M({ companyId: e, defaultValues: o }) {
-  const { onEvent: t } = y(), { data: n } = p({ companyId: e }), m = (n.payScheduleShowResponse?.length ?? 0) > 0, c = m ? "listSchedules" : "addSchedule", i = m ? S : d, s = u(
-    () => l(
+}) => /* @__PURE__ */ r(y, { ...n, children: /* @__PURE__ */ r(w, { companyId: e, defaultValues: o, dictionary: t }) });
+function w({ companyId: e, defaultValues: o, dictionary: t }) {
+  P("Company.PaySchedule"), x("Company.PaySchedule", t);
+  const { onEvent: n } = C(), { data: s } = p({ companyId: e }), m = (s.payScheduleShowResponse?.length ?? 0) > 0, c = m ? "listSchedules" : "addSchedule", i = m ? S : d, a = l(
+    () => f(
       c,
       h,
-      (a) => ({
-        ...a,
+      (u) => ({
+        ...u,
         component: i,
         companyId: e,
         defaultValues: o
@@ -28,9 +29,9 @@ function M({ companyId: e, defaultValues: o }) {
     ),
     [e, o, c, i]
   );
-  return /* @__PURE__ */ r(x, { machine: s, onEvent: t });
+  return /* @__PURE__ */ r(M, { machine: a, onEvent: n });
 }
 export {
-  G as PaySchedule
+  L as PaySchedule
 };
 //# sourceMappingURL=PaySchedule.js.map

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/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;"}
+{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/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 { createMachine } from '@/lib/state-machine'\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  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues} dictionary={dictionary} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues, dictionary }: Omit<PayScheduleProps, BaseComponentKeys>) {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\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","jsx","BaseComponent","Root","useI18n","useComponentDictionary","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,MAEI,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAK,WAAAN,GAAsB,eAAAC,GAA8B,YAAAC,EAAA,CAAwB,EAAA,CACpF;AAIJ,SAASI,EAAK,EAAE,WAAAN,GAAW,eAAAC,GAAe,YAAAC,KAAyD;AACjG,EAAAK,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBN,CAAU;AACxD,QAAM,EAAE,SAAAO,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,gBAAAX,EAACmB,GAAA,EAAK,SAAAL,GAAkB,SAAAT,EAAA,CAAkB;AACnD;"}

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

@@ -1,14 +1,14 @@
 import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { useTranslation as R } from "react-i18next";
-import { usePayScheduleForm as A } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
+import { useState as C } from "react";
+import { useTranslation as w } from "react-i18next";
+import { usePayScheduleForm as q } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
 import y from "./PayScheduleForm.module.scss.js";
-import { BaseBoundaries as q, BaseLayout as P } from "../../Base/Base.js";
+import { BaseBoundaries as A, BaseLayout as P } from "../../Base/Base.js";
 import "../../Base/useBase.js";
 import { SDKFormProvider as M } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as L } from "../../Common/Form/Form.js";
+import { Form as O } from "../../Common/Form/Form.js";
 import { Flex as h } from "../../Common/Flex/Flex.js";
-import { Grid as O } from "../../Common/Grid/Grid.js";
+import { Grid as L } from "../../Common/Grid/Grid.js";
 import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
@@ -16,49 +16,49 @@ import { componentEvents as f } from "../../../shared/constants.js";
 import { normalizeToDate as N } from "../../../helpers/dateFormatting.js";
 const u = (s) => N(s.toString());
 function $({ onEvent: s, LoaderComponent: d, ...p }) {
-  return /* @__PURE__ */ a(q, { componentName: "Company.PayScheduleForm", LoaderComponent: d, children: /* @__PURE__ */ a(I, { onEvent: s, LoaderComponent: d, ...p }) });
+  return /* @__PURE__ */ a(A, { componentName: "Company.PayScheduleForm", LoaderComponent: d, children: /* @__PURE__ */ a(I, { onEvent: s, LoaderComponent: d, ...p }) });
 }
 function I({ onEvent: s, LoaderComponent: d, ...p }) {
-  const { t: e } = R("Company.PaySchedule"), o = x(), D = F(), r = A(p), [n, v] = w(0);
-  if (r.isLoading)
+  const { t: e } = w("Company.PaySchedule"), o = x(), D = F(), i = q(p), [n, v] = C(0);
+  if (i.isLoading)
     return /* @__PURE__ */ a(
       P,
       {
         isLoading: !0,
-        error: r.errorHandling.errors,
+        error: i.errorHandling.errors,
         LoaderComponent: d
       }
     );
   const g = async () => {
-    const t = await r.actions.onSubmit();
+    const t = await i.actions.onSubmit();
     t && s(
       t.mode === "create" ? f.PAY_SCHEDULE_CREATED : f.PAY_SCHEDULE_UPDATED,
       { paySchedule: t.data }
     );
-  }, { Fields: i } = r.form, { paymentSpeedDays: b, payPreviewLoading: E } = r.data, l = r.data.payPeriodPreview, S = {
+  }, { Fields: r } = i.form, { paymentSpeedDays: b, payPreviewLoading: E } = i.data, l = i.data.payPeriodPreview, S = {
     "Every week": e("frequencies.everyWeek"),
     "Every other week": e("frequencies.everyOtherWeek"),
     "Twice per month": e("frequencies.twicePerMonth"),
     Monthly: e("frequencies.monthly")
-  }, C = {
+  }, R = {
     "1st15th": e("frequencyOptions.15thAndLast"),
     custom: e("frequencyOptions.custom")
   };
-  return /* @__PURE__ */ a(P, { error: r.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ a(M, { formHookResult: r, children: /* @__PURE__ */ a(L, { onSubmit: () => {
+  return /* @__PURE__ */ a(P, { error: i.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ a(M, { formHookResult: i, children: /* @__PURE__ */ a(O, { onSubmit: () => {
     g();
   }, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
-    /* @__PURE__ */ a(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(o.Heading, { as: "h2", children: r.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
-    /* @__PURE__ */ a("div", { className: y.payScheduleContainer, children: /* @__PURE__ */ c(O, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+    /* @__PURE__ */ a(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(o.Heading, { as: "h2", children: i.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
+    /* @__PURE__ */ a("div", { className: y.payScheduleContainer, children: /* @__PURE__ */ c(L, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
       /* @__PURE__ */ a("div", { className: y.payScheduleForm, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
         /* @__PURE__ */ a(
-          i.CustomName,
+          r.CustomName,
           {
             label: e("labels.name"),
             validationMessages: { REQUIRED: e("validations.name") }
           }
         ),
         /* @__PURE__ */ a(
-          i.Frequency,
+          r.Frequency,
           {
             label: e("labels.frequency"),
             placeholder: e("labels.frequencyPlaceholder"),
@@ -66,16 +66,17 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
             validationMessages: { REQUIRED: e("validations.frequency") }
           }
         ),
-        i.CustomTwicePerMonth && /* @__PURE__ */ a(
-          i.CustomTwicePerMonth,
+        r.CustomTwicePerMonth && /* @__PURE__ */ a(
+          r.CustomTwicePerMonth,
           {
             label: e("labels.frequencyOptions"),
             description: e("descriptions.frequencyOptionsDescription"),
-            getOptionLabel: (t) => C[t] ?? t
+            getOptionLabel: (t) => R[t] ?? t,
+            validationMessages: { REQUIRED: e("validations.frequencyOptions") }
           }
         ),
         /* @__PURE__ */ a(
-          i.AnchorPayDate,
+          r.AnchorPayDate,
           {
             label: e("labels.firstPayDate"),
             description: e("descriptions.anchorPayDateDescription", {
@@ -86,15 +87,15 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           }
         ),
         /* @__PURE__ */ a(
-          i.AnchorEndOfPayPeriod,
+          r.AnchorEndOfPayPeriod,
           {
             label: e("labels.firstPayPeriodEndDate"),
             description: e("descriptions.anchorEndOfPayPeriodDescription"),
             validationMessages: { REQUIRED: e("validations.firstPayPeriodEndDate") }
           }
         ),
-        i.Day1 && /* @__PURE__ */ a(
-          i.Day1,
+        r.Day1 && /* @__PURE__ */ a(
+          r.Day1,
           {
             label: e("labels.firstPayDayOfTheMonth"),
             validationMessages: {
@@ -103,8 +104,8 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
             }
           }
         ),
-        i.Day2 && /* @__PURE__ */ a(
-          i.Day2,
+        r.Day2 && /* @__PURE__ */ a(
+          r.Day2,
           {
             label: e("labels.lastPayDayOfTheMonth"),
             validationMessages: {
@@ -183,7 +184,7 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           children: e("actions.cancel")
         }
       ),
-      /* @__PURE__ */ a(o.Button, { type: "submit", isLoading: r.status.isPending, children: e("actions.save") })
+      /* @__PURE__ */ a(o.Button, { type: "submit", isLoading: i.status.isPending, children: e("actions.save") })
     ] })
   ] }) }) }) });
 }