@gusto/embedded-react-sdk 0.41.0 → 0.42.0

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          totalSteps: 8,\n          currentStep: 1,\n          progressBarType: null, //Overview step does not show progress bar\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,QACA,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,iBAAiB;AAAA;AAAA,MAAA;AAAA,IACnB;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 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;"}

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

@@ -1,82 +1,84 @@
-import { state as e, transition as t, reduce as o } from "robot3";
-import { OnboardingOverviewContextual as u, DocumentSignerContextual as p, StateTaxesContextual as s, PayScheduleContextual as O, EmployeesContextual as E, BankAccountContextual as l, IndustryContextual as N, FederalTaxesContextual as C, LocationsContextual as _ } from "./OnboardingFlowComponents.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-const r = (a) => (c) => ({
-  ...c,
-  ...a
-}), S = {
+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 { componentEvents as o } from "../../../shared/constants.js";
+const m = 8, r = (c) => ({
+  type: "progress",
+  currentStep: c,
+  totalSteps: m
+}), a = (c) => (s) => ({
+  ...s,
+  ...c
+}), x = {
   overview: e(
     t(
-      n.COMPANY_OVERVIEW_CONTINUE,
+      o.COMPANY_OVERVIEW_CONTINUE,
       "locations",
-      o(
-        r({
-          component: _,
-          currentStep: 1,
-          progressBarType: "progress"
+      n(
+        a({
+          component: C,
+          header: r(1)
         })
       )
     ),
-    t(n.COMPANY_OVERVIEW_DONE, "final")
+    t(o.COMPANY_OVERVIEW_DONE, "final")
   ),
   locations: e(
     t(
-      n.COMPANY_LOCATION_DONE,
+      o.COMPANY_LOCATION_DONE,
       "federalTaxes",
-      o(r({ component: C, currentStep: 2 }))
+      n(a({ component: p, header: r(2) }))
     )
   ),
   federalTaxes: e(
     t(
-      n.COMPANY_FEDERAL_TAXES_DONE,
+      o.COMPANY_FEDERAL_TAXES_DONE,
       "industry",
-      o(r({ component: N, currentStep: 3 }))
+      n(a({ component: _, header: r(3) }))
     )
   ),
   industry: e(
     t(
-      n.COMPANY_INDUSTRY_SELECTED,
+      o.COMPANY_INDUSTRY_SELECTED,
       "bankAccount",
-      o(r({ component: l, currentStep: 4 }))
+      n(a({ component: N, header: r(4) }))
     )
   ),
   bankAccount: e(
     t(
-      n.COMPANY_BANK_ACCOUNT_DONE,
+      o.COMPANY_BANK_ACCOUNT_DONE,
       "employees",
-      o(r({ component: E, currentStep: 5 }))
+      n(a({ component: u, header: r(5) }))
     )
   ),
   employees: e(
     t(
-      n.EMPLOYEE_ONBOARDING_DONE,
+      o.EMPLOYEE_ONBOARDING_DONE,
       "payschedule",
-      o(r({ component: O, currentStep: 6 }))
+      n(a({ component: l, header: r(6) }))
     )
   ),
   payschedule: e(
     t(
-      n.PAY_SCHEDULE_DONE,
+      o.PAY_SCHEDULE_DONE,
       "stateTaxes",
-      o(r({ component: s, currentStep: 7 }))
+      n(a({ component: d, header: r(7) }))
     )
   ),
   stateTaxes: e(
     t(
-      n.COMPANY_STATE_TAX_DONE,
+      o.COMPANY_STATE_TAX_DONE,
       "documents",
-      o(r({ component: p, currentStep: 8 }))
+      n(a({ component: E, header: r(8) }))
     )
   ),
   documents: e(
     t(
-      n.COMPANY_FORMS_DONE,
+      o.COMPANY_FORMS_DONE,
       "overview",
-      o(
-        r({
-          component: u,
-          currentStep: 1,
-          progressBarType: null
+      n(
+        a({
+          component: O,
+          header: null
         })
       )
     )
@@ -84,6 +86,6 @@ const r = (a) => (c) => ({
   final: e()
 };
 export {
-  S as onboardingMachine
+  x 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'\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\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          currentStep: 1,\n          progressBarType: 'progress',\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, currentStep: 2 })),\n    ),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_FEDERAL_TAXES_DONE,\n      'industry',\n      reduce(createReducer({ component: IndustryContextual, currentStep: 3 })),\n    ),\n  ),\n  industry: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_INDUSTRY_SELECTED,\n      'bankAccount',\n      reduce(createReducer({ component: BankAccountContextual, currentStep: 4 })),\n    ),\n  ),\n  bankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_DONE,\n      'employees',\n      reduce(createReducer({ component: EmployeesContextual, currentStep: 5 })),\n    ),\n  ),\n  employees: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_ONBOARDING_DONE,\n      'payschedule',\n      reduce(createReducer({ component: PayScheduleContextual, currentStep: 6 })),\n    ),\n  ),\n  payschedule: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual, currentStep: 7 })),\n    ),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_DONE,\n      'documents',\n      reduce(createReducer({ component: DocumentSignerContextual, currentStep: 8 })),\n    ),\n  ),\n  documents: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_FORMS_DONE,\n      'overview',\n      reduce(\n        createReducer({\n          component: OnboardingOverviewContextual,\n          currentStep: 1,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","onboardingMachine","state","transition","componentEvents","reduce","LocationsContextual","FederalTaxesContextual","IndustryContextual","BankAccountContextual","EmployeesContextual","PayScheduleContextual","StateTaxesContextual","DocumentSignerContextual","OnboardingOverviewContextual"],"mappings":";;;AAgBA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAyE;AAAA,EAC/E,GAAGA;AAAA,EACH,GAAGD;AAAA,IAGME,IAAoB;AAAA,EAC/B,UAAUC;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWQ;AAAA,UACX,aAAa;AAAA,UACb,iBAAiB;AAAA,QAAA,CAClB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFH,EAAWC,EAAgB,uBAAuB,OAAO;AAAA,EAAA;AAAA,EAE3D,WAAWF;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWS,GAAwB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC7E;AAAA,EAEF,cAAcL;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWU,GAAoB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EACzE;AAAA,EAEF,UAAUN;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWW,GAAuB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC5E;AAAA,EAEF,aAAaP;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWY,GAAqB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC1E;AAAA,EAEF,WAAWR;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWa,GAAuB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC5E;AAAA,EAEF,aAAaT;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWc,GAAsB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC3E;AAAA,EAEF,YAAYV;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWe,GAA0B,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC/E;AAAA,EAEF,WAAWX;AAAA,IACTC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWgB;AAAA,UACX,aAAa;AAAA,UACb,iBAAiB;AAAA,QAAA,CAClB;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\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;"}

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

@@ -1,11 +1,10 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import { useOnboardingOverview as l } from "./context.js";
+import { useTranslation as l } from "react-i18next";
+import { useOnboardingOverview as m } from "./context.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const f = () => {
-  const e = d(), { onboardingCompleted: t, handleDone: r } = l(), { t: n } = m("Company.OnboardingOverview");
+const u = () => {
+  const e = d(), { onboardingCompleted: t, handleDone: r } = m(), { t: n } = l("Company.OnboardingOverview");
   return t ? /* @__PURE__ */ i(a, { alignItems: "center", flexDirection: "column", gap: 8, children: [
     /* @__PURE__ */ o(e.Heading, { as: "h2", textAlign: "center", children: n("onboardingCompletedTitle") }),
     /* @__PURE__ */ o("p", { children: n("onboardingCompletedDescription") }),
@@ -13,6 +12,6 @@ const f = () => {
   ] }) : null;
 };
 export {
-  f as Completed
+  u as Completed
 };
 //# sourceMappingURL=Completed.js.map

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

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

@@ -1,21 +1,20 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
+import { useTranslation as p } from "react-i18next";
 import { useOnboardingOverview as c } from "./context.js";
 import { Flex as m } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { ActionsLayout as d } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { RequirementsList as u } from "../../Common/RequirementsList/RequirementsList.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import f from "../../../assets/icons/icon-arrow-right.svg.js";
-const b = () => {
-  const n = g(), { onboardingSteps: o, onboardingCompleted: l, handleContinue: p } = c(), { t } = a("Company.OnboardingOverview");
+const T = () => {
+  const n = g(), { onboardingSteps: o, onboardingCompleted: l, handleContinue: a } = c(), { t } = p("Company.OnboardingOverview");
   if (l)
     return null;
   const r = !o?.some((i) => i.required && i.completed);
   return /* @__PURE__ */ e(
     n.Box,
     {
-      footer: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s(n.Button, { variant: "secondary", onClick: p, children: [
+      footer: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s(n.Button, { variant: "secondary", onClick: a, children: [
         t(r ? "initialSetupCta" : "missingRequirementsCta"),
         /* @__PURE__ */ e(f, { "aria-hidden": !0 })
       ] }) }),
@@ -39,6 +38,6 @@ const b = () => {
   );
 };
 export {
-  b as MissingRequirements
+  T as MissingRequirements
 };
 //# sourceMappingURL=MissingRequirements.js.map

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

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

@@ -7,10 +7,8 @@ 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 "react-i18next";
-import "classnames";
 import { componentEvents as i } from "../../../shared/constants.js";
-function A(o) {
+function P(o) {
   return C("Company.OnboardingOverview"), g("Company.OnboardingOverview", o.dictionary), /* @__PURE__ */ n(f, { ...o, children: /* @__PURE__ */ n(b, { ...o, children: o.children }) });
 }
 const b = ({ companyId: o, className: t, children: e }) => {
@@ -36,6 +34,6 @@ const b = ({ companyId: o, className: t, children: e }) => {
   ) });
 };
 export {
-  A as OnboardingOverview
+  P 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 {\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/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;"}

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

@@ -10,12 +10,11 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
-import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [C, c] = o("OnboardingOverviewContext");
+const [x, C] = o("OnboardingOverviewContext");
 export {
-  c 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/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/PayScheduleForm.js

@@ -1,129 +1,116 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { useTranslation as C } from "react-i18next";
-import { usePayScheduleForm as q } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
-import l from "./PayScheduleForm.module.scss.js";
-import { BaseBoundaries as F, BaseLayout as h } from "../../Base/Base.js";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { useState as E } from "react";
+import { useTranslation as w } from "react-i18next";
+import { usePayScheduleForm as C } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
+import m from "./PayScheduleForm.module.scss.js";
+import { BaseBoundaries as R, BaseLayout as p } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { SDKFormProvider as E } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { SDKFormProvider as A } from "../../../partner-hook-utils/form/SDKFormProvider.js";
 import { Form as M } from "../../Common/Form/Form.js";
-import { Flex as m } from "../../Common/Flex/Flex.js";
-import { Grid as x } from "../../Common/Grid/Grid.js";
-import "classnames";
-import { ActionsLayout as N } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useDateFormatter as T } from "../../../hooks/useDateFormatter.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-import { TextInputField as O } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { SelectField as A } from "../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as L } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as f } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { DatePickerField as P } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function ie({ onEvent: d, ...u }) {
-  return /* @__PURE__ */ r(F, { componentName: "Company.PayScheduleForm", children: /* @__PURE__ */ r(k, { onEvent: d, ...u }) });
+import { Flex as y } from "../../Common/Flex/Flex.js";
+import { Grid as q } from "../../Common/Grid/Grid.js";
+import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as x } from "../../../hooks/useDateFormatter.js";
+import { componentEvents as u } from "../../../shared/constants.js";
+function z({ onEvent: d, ...h }) {
+  return /* @__PURE__ */ a(R, { componentName: "Company.PayScheduleForm", children: /* @__PURE__ */ a(F, { onEvent: d, ...h }) });
 }
-function k({ onEvent: d, ...u }) {
-  const { t: e } = C("Company.PaySchedule"), i = R(), v = T(), a = q(u), [o, D] = w(0);
-  if (a.isLoading)
-    return /* @__PURE__ */ r(h, { isLoading: !0, error: a.errorHandling.errors });
-  const g = async () => {
-    const t = await a.actions.onSubmit();
+function F({ onEvent: d, ...h }) {
+  const { t: e } = w("Company.PaySchedule"), n = O(), f = x(), r = C(h), [o, P] = E(0);
+  if (r.isLoading)
+    return /* @__PURE__ */ a(p, { isLoading: !0, error: r.errorHandling.errors });
+  const D = async () => {
+    const t = await r.actions.onSubmit();
     t && d(
-      t.mode === "create" ? p.PAY_SCHEDULE_CREATED : p.PAY_SCHEDULE_UPDATED,
+      t.mode === "create" ? u.PAY_SCHEDULE_CREATED : u.PAY_SCHEDULE_UPDATED,
       { paySchedule: t.data }
     );
-  }, { Fields: y } = a.form, { paymentSpeedDays: b, payPreviewLoading: S } = a.data, n = a.data.payPeriodPreview ?? void 0;
-  return /* @__PURE__ */ r(h, { error: a.errorHandling.errors, children: /* @__PURE__ */ r(E, { formHookResult: a, children: /* @__PURE__ */ r(M, { onSubmit: () => void g(), children: /* @__PURE__ */ s(m, { flexDirection: "column", children: [
-    /* @__PURE__ */ r(m, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ r("header", { children: /* @__PURE__ */ r(i.Heading, { as: "h2", children: a.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
-    /* @__PURE__ */ r("div", { className: l.payScheduleContainer, children: /* @__PURE__ */ s(x, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
-      /* @__PURE__ */ r("div", { className: l.payScheduleForm, children: /* @__PURE__ */ s(m, { flexDirection: "column", children: [
-        /* @__PURE__ */ r(
-          O,
+  }, { Fields: i } = r.form, { paymentSpeedDays: g, payPreviewLoading: v } = r.data, l = r.data.payPeriodPreview, b = {
+    "Every week": e("frequencies.everyWeek"),
+    "Every other week": e("frequencies.everyOtherWeek"),
+    "Twice per month": e("frequencies.twicePerMonth"),
+    Monthly: e("frequencies.monthly")
+  }, S = {
+    "1st15th": e("frequencyOptions.15thAndLast"),
+    custom: e("frequencyOptions.custom")
+  };
+  return /* @__PURE__ */ a(p, { error: r.errorHandling.errors, children: /* @__PURE__ */ a(A, { formHookResult: r, children: /* @__PURE__ */ a(M, { onSubmit: () => void D(), children: /* @__PURE__ */ s(y, { flexDirection: "column", children: [
+    /* @__PURE__ */ a(y, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(n.Heading, { as: "h2", children: r.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
+    /* @__PURE__ */ a("div", { className: m.payScheduleContainer, children: /* @__PURE__ */ s(q, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+      /* @__PURE__ */ a("div", { className: m.payScheduleForm, children: /* @__PURE__ */ s(y, { flexDirection: "column", children: [
+        /* @__PURE__ */ a(
+          i.CustomName,
           {
-            name: "customName",
             label: e("labels.name"),
-            isRequired: !0,
-            errorMessage: e("validations.name")
+            validationMessages: { REQUIRED: e("validations.name") }
           }
         ),
-        /* @__PURE__ */ r(
-          A,
+        /* @__PURE__ */ a(
+          i.Frequency,
           {
-            name: "frequency",
             label: e("labels.frequency"),
-            options: [
-              { value: "Every week", label: e("frequencies.everyWeek") },
-              { value: "Every other week", label: e("frequencies.everyOtherWeek") },
-              { value: "Twice per month", label: e("frequencies.twicePerMonth") },
-              { value: "Monthly", label: e("frequencies.monthly") }
-            ],
-            isRequired: !0,
-            errorMessage: e("validations.frequency")
+            getOptionLabel: (t) => b[t],
+            validationMessages: { REQUIRED: e("validations.frequency") }
           }
         ),
-        y.CustomTwicePerMonth !== void 0 && /* @__PURE__ */ r(
-          L,
+        i.CustomTwicePerMonth && /* @__PURE__ */ a(
+          i.CustomTwicePerMonth,
           {
-            name: "customTwicePerMonth",
             label: e("labels.frequencyOptions"),
             description: e("descriptions.frequencyOptionsDescription"),
-            options: [
-              { value: "1st15th", label: e("frequencyOptions.15thAndLast") },
-              { value: "custom", label: e("frequencyOptions.custom") }
-            ]
+            getOptionLabel: (t) => S[t] ?? t
           }
         ),
-        /* @__PURE__ */ r(
-          P,
+        /* @__PURE__ */ a(
+          i.AnchorPayDate,
           {
-            name: "anchorPayDate",
             label: e("labels.firstPayDate"),
             description: e("descriptions.anchorPayDateDescription", {
-              count: b
+              count: g
             }),
-            isRequired: !0,
-            errorMessage: e("validations.firstPayDate"),
+            validationMessages: { REQUIRED: e("validations.firstPayDate") },
             minDate: /* @__PURE__ */ new Date()
           }
         ),
-        /* @__PURE__ */ r(
-          P,
+        /* @__PURE__ */ a(
+          i.AnchorEndOfPayPeriod,
           {
-            name: "anchorEndOfPayPeriod",
             label: e("labels.firstPayPeriodEndDate"),
             description: e("descriptions.anchorEndOfPayPeriodDescription"),
-            isRequired: !0,
-            errorMessage: e("validations.firstPayPeriodEndDate")
+            validationMessages: { REQUIRED: e("validations.firstPayPeriodEndDate") }
           }
         ),
-        /* @__PURE__ */ r("div", { className: y.Day1 !== void 0 ? "" : l.visuallyHidden, children: /* @__PURE__ */ r(
-          f,
+        i.Day1 && /* @__PURE__ */ a(
+          i.Day1,
           {
-            name: "day1",
             label: e("labels.firstPayDayOfTheMonth"),
-            isRequired: !0,
-            errorMessage: e("validations.firstPayDayOfTheMonth")
+            validationMessages: {
+              REQUIRED: e("validations.firstPayDayOfTheMonth"),
+              DAY_RANGE: e("validations.dayRange")
+            }
           }
-        ) }),
-        /* @__PURE__ */ r("div", { className: y.Day2 !== void 0 ? "" : l.visuallyHidden, children: /* @__PURE__ */ r(
-          f,
+        ),
+        i.Day2 && /* @__PURE__ */ a(
+          i.Day2,
           {
-            name: "day2",
             label: e("labels.lastPayDayOfTheMonth"),
-            isRequired: !0,
-            errorMessage: e("validations.lastPayDayOfTheMonth")
+            validationMessages: {
+              REQUIRED: e("validations.lastPayDayOfTheMonth"),
+              DAY_RANGE: e("validations.dayRange")
+            }
           }
-        ) })
+        )
       ] }) }),
-      /* @__PURE__ */ r(m, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: n && n[o] ? /* @__PURE__ */ s("div", { className: l.calendarContainer, children: [
-        !S && /* @__PURE__ */ r(
-          i.Select,
+      /* @__PURE__ */ a(y, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: l && l[o] ? /* @__PURE__ */ s("div", { className: m.calendarContainer, children: [
+        !v && /* @__PURE__ */ a(
+          n.Select,
           {
             label: e("labels.preview"),
             isRequired: !0,
-            options: n.map((t, c) => ({
+            options: l.map((t, c) => ({
               value: String(c),
-              label: v.formatPayPeriodRange(
+              label: f.formatPayPeriodRange(
                 t.startDate.toString(),
                 t.endDate.toString()
               )
@@ -131,33 +118,33 @@ function k({ onEvent: d, ...u }) {
             value: String(o),
             onChange: (t) => {
               const c = Number(t);
-              isNaN(c) || D(c);
+              isNaN(c) || P(c);
             }
           }
         ),
-        /* @__PURE__ */ r(
-          i.CalendarPreview,
+        /* @__PURE__ */ a(
+          n.CalendarPreview,
           {
             dateRange: {
               start: new Date(
-                n[o].startDate.toString()
+                l[o].startDate.toString()
               ),
               end: new Date(
-                n[o].endDate.toString()
+                l[o].endDate.toString()
               ),
               label: e("payPreview.payPeriod") || "Pay Period"
             },
             highlightDates: [
               {
                 date: new Date(
-                  n[o].checkDate.toString()
+                  l[o].checkDate.toString()
                 ),
                 highlightColor: "primary",
                 label: e("payPreview.payday") || "Payday"
               },
               {
                 date: new Date(
-                  n[o].runPayrollBy.toString()
+                  l[o].runPayrollBy.toString()
                 ),
                 highlightColor: "secondary",
                 label: e("payPreview.payrollDeadline") || "Payroll Deadline"
@@ -166,34 +153,34 @@ function k({ onEvent: d, ...u }) {
           },
           o
         )
-      ] }) : /* @__PURE__ */ r("div", { className: l.calendarContainer, children: /* @__PURE__ */ r(
-        i.Alert,
+      ] }) : /* @__PURE__ */ a("div", { className: m.calendarContainer, children: /* @__PURE__ */ a(
+        n.Alert,
         {
           status: "info",
           label: e("previewAlert.title", "Pay Schedule Preview"),
-          children: /* @__PURE__ */ r(i.Text, { children: e(
+          children: /* @__PURE__ */ a(n.Text, { children: e(
             "previewAlert.description",
             "Complete all the required fields on the left to see a preview of your pay schedule."
           ) })
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ s(N, { children: [
-      /* @__PURE__ */ r(
-        i.Button,
+    /* @__PURE__ */ s(L, { children: [
+      /* @__PURE__ */ a(
+        n.Button,
         {
           variant: "secondary",
           onClick: () => {
-            d(p.CANCEL);
+            d(u.CANCEL);
           },
           children: e("actions.cancel")
         }
       ),
-      /* @__PURE__ */ r(i.Button, { type: "submit", isLoading: a.status.isPending, children: e("actions.save") })
+      /* @__PURE__ */ a(n.Button, { type: "submit", isLoading: r.status.isPending, children: e("actions.save") })
     ] })
   ] }) }) }) });
 }
 export {
-  ie as PayScheduleForm
+  z as PayScheduleForm
 };
 //# sourceMappingURL=PayScheduleForm.js.map