@gusto/embedded-react-sdk 0.52.0 → 0.52.2

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

@@ -1,136 +1,206 @@
-import { state as a, transition as t, reduce as r, guard as i } from "robot3";
-import { ContractorListContextual as l, AddressContextual as T, NewHireReportContextual as O, ProfileContextual as p, ProgressBarCta as R, SubmitContextual as C, PaymentMethodContextual as m } from "./OnboardingFlowComponents.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-const u = 5, E = 3, s = (o, e = u) => ({
-  type: "progress",
-  currentStep: o,
-  totalSteps: e,
-  cta: R
-}), d = (o) => (e) => ({
-  ...e,
-  ...o
-}), c = () => t(
+import { state as d, transition as r, reduce as t, guard as i } from "robot3";
+import { ContractorListContextual as f, SubmitContextual as l, NewHireReportContextual as R, PaymentMethodContextual as h, AddressContextual as g, ProfileContextual as N, ProgressBarCta as b } from "./OnboardingFlowComponents.js";
+import { componentEvents as n, ContractorOnboardingStatus as u } from "../../../shared/constants.js";
+const T = /* @__PURE__ */ new Set([
+  u.ADMIN_ONBOARDING_INCOMPLETE,
+  u.SELF_ONBOARDING_NOT_INVITED
+]), O = (e) => !e || T.has(e), m = (e, o) => {
+  const a = ["profile"];
+  return e || a.push("address", "paymentMethod"), o && a.push("newHireReport"), a.push("submit"), a;
+}, s = (e, {
+  selfOnboarding: o = !1,
+  showNewHireReport: a = !0
+} = {}) => {
+  const c = m(o, a);
+  return {
+    type: "progress",
+    currentStep: c.indexOf(e) + 1,
+    totalSteps: c.length,
+    cta: b
+  };
+}, w = (e) => (o) => ({
+  ...o,
+  ...e
+}), p = () => r(
   n.CANCEL,
   "list",
-  r(
-    d({
-      component: l,
+  t(
+    w({
+      component: f,
       header: null,
       contractorId: void 0,
       successMessage: void 0
     })
   )
-), g = {
-  list: a(
-    t(
+), H = {
+  list: d(
+    r(
       n.CONTRACTOR_CREATE,
       "profile",
-      r(
-        d({
-          component: p,
-          header: s(1),
+      t(
+        w({
+          component: N,
+          header: s("profile"),
           contractorId: void 0,
           successMessage: void 0
         })
       )
     ),
-    t(
+    r(
       n.CONTRACTOR_UPDATE,
       "profile",
-      r(
-        (o, e) => ({
-          ...o,
-          component: p,
-          header: s(1),
-          contractorId: e.payload.contractorId,
+      t(
+        (e, o) => ({
+          ...e,
+          component: N,
+          header: s("profile"),
+          contractorId: o.payload.contractorId,
           successMessage: void 0
         })
       )
     )
   ),
-  profile: a(
-    c(),
-    t(
+  profile: d(
+    p(),
+    r(
       n.CONTRACTOR_PROFILE_DONE,
       "address",
-      r(
-        (o, e) => ({
-          ...o,
-          component: T,
-          header: s(2),
-          contractorId: e.payload.contractorId,
-          selfOnboarding: e.payload.selfOnboarding
-        })
+      t(
+        (e, o) => {
+          const a = O(o.payload.onboardingStatus);
+          return {
+            ...e,
+            component: g,
+            header: s("address", {
+              selfOnboarding: o.payload.selfOnboarding,
+              showNewHireReport: a
+            }),
+            contractorId: o.payload.contractorId,
+            selfOnboarding: o.payload.selfOnboarding,
+            showNewHireReport: a
+          };
+        }
       ),
-      i((o, e) => !e.payload.selfOnboarding)
+      i((e, o) => !o.payload.selfOnboarding)
     ),
-    t(
+    r(
       n.CONTRACTOR_PROFILE_DONE,
       "newHireReport",
-      r(
-        (o, e) => ({
-          ...o,
-          component: O,
-          header: s(2, E),
-          contractorId: e.payload.contractorId,
-          selfOnboarding: e.payload.selfOnboarding
+      t(
+        (e, o) => ({
+          ...e,
+          component: R,
+          header: s("newHireReport", {
+            selfOnboarding: o.payload.selfOnboarding,
+            showNewHireReport: !0
+          }),
+          contractorId: o.payload.contractorId,
+          selfOnboarding: o.payload.selfOnboarding,
+          showNewHireReport: !0
         })
       ),
-      i((o, e) => e.payload.selfOnboarding)
+      i(
+        (e, o) => o.payload.selfOnboarding && O(o.payload.onboardingStatus)
+      )
+    ),
+    r(
+      n.CONTRACTOR_PROFILE_DONE,
+      "submit",
+      t(
+        (e, o) => ({
+          ...e,
+          component: l,
+          header: s("submit", {
+            selfOnboarding: o.payload.selfOnboarding,
+            showNewHireReport: !1
+          }),
+          contractorId: o.payload.contractorId,
+          selfOnboarding: o.payload.selfOnboarding,
+          showNewHireReport: !1
+        })
+      ),
+      i(
+        (e, o) => o.payload.selfOnboarding && !O(o.payload.onboardingStatus)
+      )
     )
   ),
-  address: a(
-    c(),
-    t(
+  address: d(
+    p(),
+    r(
       n.CONTRACTOR_ADDRESS_DONE,
       "paymentMethod",
-      r(d({ component: m, header: s(3) }))
+      t((e) => ({
+        ...e,
+        component: h,
+        header: s("paymentMethod", {
+          selfOnboarding: e.selfOnboarding,
+          showNewHireReport: e.showNewHireReport
+        })
+      }))
     )
   ),
-  paymentMethod: a(
-    c(),
-    t(
+  paymentMethod: d(
+    p(),
+    r(
       n.CONTRACTOR_PAYMENT_METHOD_DONE,
       "newHireReport",
-      r(
-        d({
-          component: O,
-          header: s(4)
+      t((e) => ({
+        ...e,
+        component: R,
+        header: s("newHireReport", {
+          selfOnboarding: e.selfOnboarding,
+          showNewHireReport: e.showNewHireReport
         })
-      )
+      })),
+      i((e) => e.showNewHireReport !== !1)
+    ),
+    r(
+      n.CONTRACTOR_PAYMENT_METHOD_DONE,
+      "submit",
+      t((e) => ({
+        ...e,
+        component: l,
+        header: s("submit", {
+          selfOnboarding: e.selfOnboarding,
+          showNewHireReport: e.showNewHireReport
+        })
+      })),
+      i((e) => e.showNewHireReport === !1)
     )
   ),
-  newHireReport: a(
-    c(),
-    t(
+  newHireReport: d(
+    p(),
+    r(
       n.CONTRACTOR_NEW_HIRE_REPORT_DONE,
       "submit",
-      r(
-        d({
-          component: C,
-          header: s(5)
+      t((e) => ({
+        ...e,
+        component: l,
+        header: s("submit", {
+          selfOnboarding: e.selfOnboarding,
+          showNewHireReport: e.showNewHireReport
         })
-      )
+      }))
     )
   ),
-  submit: a(
-    c(),
-    t(
+  submit: d(
+    p(),
+    r(
       n.CONTRACTOR_SUBMIT_DONE,
       "list",
-      r(
-        (o, e) => ({
-          ...o,
-          component: l,
+      t(
+        (e, o) => ({
+          ...e,
+          component: f,
           header: null,
-          successMessage: e.payload.message
+          successMessage: o.payload.message
         })
       )
     )
   ),
-  final: a()
+  final: d()
 };
 export {
-  g as onboardingMachine
+  H as onboardingMachine
 };
 //# sourceMappingURL=onboardingStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  ProgressBarCta,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: { contractorId: string; selfOnboarding: boolean }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\nconst TOTAL_STEPS_DEFAULT = 5\nconst TOTAL_STEPS_SELF_ONBOARDING = 3\n\nconst progressHeader = (\n  currentStep: number,\n  totalSteps: number = TOTAL_STEPS_DEFAULT,\n): FlowHeaderConfig => ({\n  type: 'progress',\n  currentStep,\n  totalSteps,\n  cta: ProgressBarCta,\n})\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = () =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: ContractorListContextual,\n        header: null,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\n/** @internal */\nexport const onboardingMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          header: progressHeader(1),\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            header: progressHeader(1),\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: AddressContextual,\n            header: progressHeader(2),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            header: progressHeader(2, TOTAL_STEPS_SELF_ONBOARDING),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => ev.payload.selfOnboarding),\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual, header: progressHeader(3) })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce(\n        createReducer({\n          component: NewHireReportContextual,\n          header: progressHeader(4),\n        }),\n      ),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce(\n        createReducer({\n          component: SubmitContextual,\n          header: progressHeader(5),\n        }),\n      ),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            header: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["TOTAL_STEPS_DEFAULT","TOTAL_STEPS_SELF_ONBOARDING","progressHeader","currentStep","totalSteps","ProgressBarCta","createReducer","props","ctx","cancelTransition","transition","componentEvents","reduce","ContractorListContextual","onboardingMachine","state","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","PaymentMethodContextual","SubmitContextual"],"mappings":"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"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  ProgressBarCta,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: {\n    contractorId: string\n    onboardingStatus?: Contractor['onboardingStatus']\n    selfOnboarding: boolean\n  }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\n// The new hire report belongs to the contractor's initial onboarding pass only.\n// These are the statuses where the admin still owns first-time setup; once the\n// contractor advances to admin review, an active self-onboarding stage, or\n// completion, the report is settled and the step is skipped. A missing status\n// (a just-created contractor) counts as initial. We read the post-save status\n// off the profile/done contractor because the API auto-advances to\n// admin_onboarding_review the instant the last required field is saved.\nconst INITIAL_ONBOARDING_STATUSES = new Set<Contractor['onboardingStatus']>([\n  ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n  ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED,\n])\n\nconst showNewHireReportForStatus = (status?: Contractor['onboardingStatus']): boolean =>\n  !status || INITIAL_ONBOARDING_STATUSES.has(status)\n\ntype OnboardingStep = 'profile' | 'address' | 'paymentMethod' | 'newHireReport' | 'submit'\n\n// The flow is a linear list of steps. The admin-only steps (address, payment\n// method) drop out when the contractor self-onboards, and the new hire report\n// drops out once past the initial onboarding pass.\nconst stepsForPath = (selfOnboarding: boolean, showNewHireReport: boolean): OnboardingStep[] => {\n  const steps: OnboardingStep[] = ['profile']\n  if (!selfOnboarding) steps.push('address', 'paymentMethod')\n  if (showNewHireReport) steps.push('newHireReport')\n  steps.push('submit')\n  return steps\n}\n\n// The defaults describe the profile step, which renders before the path is\n// known: assume the longest path so it reads \"1 of 5\".\nconst progressHeader = (\n  currentStep: OnboardingStep,\n  {\n    selfOnboarding = false,\n    showNewHireReport = true,\n  }: { selfOnboarding?: boolean; showNewHireReport?: boolean } = {},\n): FlowHeaderConfig => {\n  const steps = stepsForPath(selfOnboarding, showNewHireReport)\n  return {\n    type: 'progress',\n    currentStep: steps.indexOf(currentStep) + 1,\n    totalSteps: steps.length,\n    cta: ProgressBarCta,\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = () =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: ContractorListContextual,\n        header: null,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\n/** @internal */\nexport const onboardingMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          header: progressHeader('profile'),\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            header: progressHeader('profile'),\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          const showNewHireReport = showNewHireReportForStatus(ev.payload.onboardingStatus)\n          return {\n            ...ctx,\n            component: AddressContextual,\n            header: progressHeader('address', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            header: progressHeader('newHireReport', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport: true,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport: true,\n          }\n        },\n      ),\n      guard(\n        (ctx, ev) =>\n          ev.payload.selfOnboarding && showNewHireReportForStatus(ev.payload.onboardingStatus),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'submit',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: SubmitContextual,\n            header: progressHeader('submit', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport: false,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport: false,\n          }\n        },\n      ),\n      guard(\n        (ctx, ev) =>\n          ev.payload.selfOnboarding && !showNewHireReportForStatus(ev.payload.onboardingStatus),\n      ),\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: PaymentMethodContextual,\n        header: progressHeader('paymentMethod', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: NewHireReportContextual,\n        header: progressHeader('newHireReport', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n      guard((ctx: OnboardingFlowContextInterface) => ctx.showNewHireReport !== false),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'submit',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: SubmitContextual,\n        header: progressHeader('submit', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n      guard((ctx: OnboardingFlowContextInterface) => ctx.showNewHireReport === false),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: SubmitContextual,\n        header: progressHeader('submit', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            header: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["INITIAL_ONBOARDING_STATUSES","ContractorOnboardingStatus","showNewHireReportForStatus","status","stepsForPath","selfOnboarding","showNewHireReport","steps","progressHeader","currentStep","ProgressBarCta","createReducer","props","ctx","cancelTransition","transition","componentEvents","reduce","ContractorListContextual","onboardingMachine","state","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","SubmitContextual","PaymentMethodContextual"],"mappings":"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"}

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Contractor/PaymentMethod/shared/useContractorBankAccountForm/fields.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 import { TextInputHookField as o } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function m(e) {
   return /* @__PURE__ */ n(o, { ...e, name: "name" });
 }

package/dist/components/Contractor/Profile/BusinessSelfOnboardingProfile.js

@@ -1,48 +1,49 @@
-import { jsx as i, jsxs as o, Fragment as p } from "react/jsx-runtime";
+import { jsx as i, jsxs as t, Fragment as p } from "react/jsx-runtime";
 import { useTranslation as g } from "react-i18next";
 import b from "classnames";
 import { useContractorDetailsForm as h } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
 import D from "./ContractorProfile.module.scss.js";
-import { BaseLayout as m } from "../../Base/Base.js";
+import { BaseLayout as d } from "../../Base/Base.js";
 import "../../Base/useBase.js";
 import { SDKFormProvider as E } from "../../../partner-hook-utils/form/SDKFormProvider.js";
 import { Form as O } from "../../Common/Form/Form.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
 import { useComponentContext as N } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { componentEvents as d } from "../../../shared/constants.js";
+import { componentEvents as m } from "../../../shared/constants.js";
 const R = {
   update: ["businessName", "ein"]
 };
 function A({
-  contractorId: c,
+  contractorId: u,
   onEvent: l,
-  className: u
+  className: c
 }) {
-  const { t: e } = g("Contractor.Profile"), t = N(), n = h({
-    contractorId: c,
+  const { t: e } = g("Contractor.Profile"), s = N(), n = h({
+    contractorId: u,
     withSelfOnboardingField: !1,
     defaultValues: { selfOnboarding: !0 },
     optionalFieldsToRequire: R
   });
   if (n.isLoading)
-    return /* @__PURE__ */ i(m, { isLoading: !0, error: n.errorHandling.errors });
+    return /* @__PURE__ */ i(d, { isLoading: !0, error: n.errorHandling.errors });
   const { Fields: r } = n.form, f = async () => {
-    const s = await n.actions.onSubmit();
-    s && (l(d.CONTRACTOR_UPDATED, s.data), l(d.CONTRACTOR_PROFILE_DONE, {
-      contractorId: s.data.uuid,
+    const o = await n.actions.onSubmit();
+    o && (l(m.CONTRACTOR_UPDATED, o.data), l(m.CONTRACTOR_PROFILE_DONE, {
+      contractorId: o.data.uuid,
+      onboardingStatus: o.data.onboardingStatus,
       selfOnboarding: !0
     }));
   };
-  return /* @__PURE__ */ i("section", { className: b(D.root, u), children: /* @__PURE__ */ i(m, { error: n.errorHandling.errors, children: /* @__PURE__ */ i(E, { formHookResult: n, children: /* @__PURE__ */ o(O, { onSubmit: () => {
+  return /* @__PURE__ */ i("section", { className: b(D.root, c), children: /* @__PURE__ */ i(d, { error: n.errorHandling.errors, children: /* @__PURE__ */ i(E, { formHookResult: n, children: /* @__PURE__ */ t(O, { onSubmit: () => {
     f();
   }, children: [
-    /* @__PURE__ */ o(a, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
-      /* @__PURE__ */ i("header", { children: /* @__PURE__ */ o(a, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ i(t.Heading, { as: "h2", children: e("selfOnboarding.title") }),
-        /* @__PURE__ */ i(t.Text, { variant: "supporting", children: e("selfOnboarding.businessDescription") })
+    /* @__PURE__ */ t(a, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      /* @__PURE__ */ i("header", { children: /* @__PURE__ */ t(a, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ i(s.Heading, { as: "h2", children: e("selfOnboarding.title") }),
+        /* @__PURE__ */ i(s.Text, { variant: "supporting", children: e("selfOnboarding.businessDescription") })
       ] }) }),
-      r.BusinessName && /* @__PURE__ */ o(p, { children: [
+      r.BusinessName && /* @__PURE__ */ t(p, { children: [
         /* @__PURE__ */ i(
           r.BusinessName,
           {
@@ -63,7 +64,7 @@ function A({
       ] })
     ] }),
     /* @__PURE__ */ i(a, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(
-      t.Button,
+      s.Button,
       {
         type: "submit",
         variant: "primary",

package/dist/components/Contractor/Profile/BusinessSelfOnboardingProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusinessSelfOnboardingProfile.js","sources":["../../../../src/components/Contractor/Profile/BusinessSelfOnboardingProfile.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorDetailsForm,\n  type ContractorDetailsOptionalFieldsToRequire,\n} from './shared/useContractorDetailsForm'\nimport type { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile'\nimport styles from './ContractorProfile.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nconst BUSINESS_REQUIRED_FIELDS: ContractorDetailsOptionalFieldsToRequire = {\n  update: ['businessName', 'ein'],\n}\n\n/**\n * Self-onboarding profile for a business contractor — collects business name\n * and EIN.\n *\n * @internal\n */\nexport function BusinessSelfOnboardingProfile({\n  contractorId,\n  onEvent,\n  className,\n}: ContractorSelfOnboardingProfileProps) {\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n\n  const contractor = useContractorDetailsForm({\n    contractorId,\n    withSelfOnboardingField: false,\n    defaultValues: { selfOnboarding: true },\n    optionalFieldsToRequire: BUSINESS_REQUIRED_FIELDS,\n  })\n\n  if (contractor.isLoading) {\n    return <BaseLayout isLoading error={contractor.errorHandling.errors} />\n  }\n\n  const { Fields } = contractor.form\n\n  const handleSubmit = async () => {\n    const result = await contractor.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.CONTRACTOR_UPDATED, result.data)\n    onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n      contractorId: result.data.uuid,\n      selfOnboarding: true,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors}>\n        <SDKFormProvider formHookResult={contractor}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{t('selfOnboarding.title')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">\n                    {t('selfOnboarding.businessDescription')}\n                  </Components.Text>\n                </Flex>\n              </header>\n\n              {Fields.BusinessName && (\n                <>\n                  <Fields.BusinessName\n                    label={t('fields.businessName.label')}\n                    validationMessages={{ REQUIRED: t('validations.businessName') }}\n                  />\n                  {Fields.Ein && (\n                    <Fields.Ein\n                      label={t('fields.ein.label')}\n                      validationMessages={{\n                        INVALID_EIN: t('validations.einFormat'),\n                        REQUIRED: t('validations.ein'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n            </Flex>\n\n            <Flex gap={12} justifyContent=\"flex-end\">\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={contractor.status.isPending}\n              >\n                {contractor.status.isPending\n                  ? t('selfOnboarding.submitting')\n                  : t('selfOnboarding.continue')}\n              </Components.Button>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["BUSINESS_REQUIRED_FIELDS","BusinessSelfOnboardingProfile","contractorId","onEvent","className","t","useTranslation","Components","useComponentContext","contractor","useContractorDetailsForm","BaseLayout","Fields","handleSubmit","result","componentEvents","jsx","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Fragment"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAqE;AAAA,EACzE,QAAQ,CAAC,gBAAgB,KAAK;AAChC;AAQO,SAASC,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAaC,EAAyB;AAAA,IAC1C,cAAAR;AAAA,IACA,yBAAyB;AAAA,IACzB,eAAe,EAAE,gBAAgB,GAAA;AAAA,IACjC,yBAAyBF;AAAA,EAAA,CAC1B;AAED,MAAIS,EAAW;AACb,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ;AAGvE,QAAM,EAAE,QAAAG,MAAWH,EAAW,MAExBI,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAML,EAAW,QAAQ,SAAA;AACxC,IAAKK,MAELX,EAAQY,EAAgB,oBAAoBD,EAAO,IAAI,GACvDX,EAAQY,EAAgB,yBAAyB;AAAA,MAC/C,cAAcD,EAAO,KAAK;AAAA,MAC1B,gBAAgB;AAAA,IAAA,CACjB;AAAA,EACH;AAEA,SACE,gBAAAE,EAAC,WAAA,EAAQ,WAAWC,EAAWC,EAAO,MAAMd,CAAS,GACnD,UAAA,gBAAAY,EAACL,GAAA,EAAW,OAAOF,EAAW,cAAc,QAC1C,UAAA,gBAAAO,EAACG,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKR,EAAA;AAAA,KACzB,UAAA;AAAA,IAAA,gBAAAO,EAACE,KAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC/C,UAAA;AAAA,MAAA,gBAAAN,EAAC,YACC,UAAA,gBAAAI,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAN,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,sBAAsB,GAAE;AAAA,QACvD,gBAAAW,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,oCAAoC,EAAA,CACzC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAECO,EAAO,gBACN,gBAAAQ,EAAAG,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACJ,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,2BAA2B;AAAA,YACpC,oBAAoB,EAAE,UAAUA,EAAE,0BAA0B,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAE/DO,EAAO,OACN,gBAAAI;AAAA,UAACJ,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,kBAAkB;AAAA,YAC3B,oBAAoB;AAAA,cAClB,aAAaA,EAAE,uBAAuB;AAAA,cACtC,UAAUA,EAAE,iBAAiB;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAW,EAACM,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA,gBAAAN;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,YAAYE,EAAW,OAAO;AAAA,QAE7B,YAAW,OAAO,YACfJ,EAAE,2BAA2B,IAC7BA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA,EACjC,CACF;AAAA,EAAA,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"BusinessSelfOnboardingProfile.js","sources":["../../../../src/components/Contractor/Profile/BusinessSelfOnboardingProfile.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorDetailsForm,\n  type ContractorDetailsOptionalFieldsToRequire,\n} from './shared/useContractorDetailsForm'\nimport type { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile'\nimport styles from './ContractorProfile.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nconst BUSINESS_REQUIRED_FIELDS: ContractorDetailsOptionalFieldsToRequire = {\n  update: ['businessName', 'ein'],\n}\n\n/**\n * Self-onboarding profile for a business contractor — collects business name\n * and EIN.\n *\n * @internal\n */\nexport function BusinessSelfOnboardingProfile({\n  contractorId,\n  onEvent,\n  className,\n}: ContractorSelfOnboardingProfileProps) {\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n\n  const contractor = useContractorDetailsForm({\n    contractorId,\n    withSelfOnboardingField: false,\n    defaultValues: { selfOnboarding: true },\n    optionalFieldsToRequire: BUSINESS_REQUIRED_FIELDS,\n  })\n\n  if (contractor.isLoading) {\n    return <BaseLayout isLoading error={contractor.errorHandling.errors} />\n  }\n\n  const { Fields } = contractor.form\n\n  const handleSubmit = async () => {\n    const result = await contractor.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.CONTRACTOR_UPDATED, result.data)\n    onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n      contractorId: result.data.uuid,\n      onboardingStatus: result.data.onboardingStatus,\n      selfOnboarding: true,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors}>\n        <SDKFormProvider formHookResult={contractor}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{t('selfOnboarding.title')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">\n                    {t('selfOnboarding.businessDescription')}\n                  </Components.Text>\n                </Flex>\n              </header>\n\n              {Fields.BusinessName && (\n                <>\n                  <Fields.BusinessName\n                    label={t('fields.businessName.label')}\n                    validationMessages={{ REQUIRED: t('validations.businessName') }}\n                  />\n                  {Fields.Ein && (\n                    <Fields.Ein\n                      label={t('fields.ein.label')}\n                      validationMessages={{\n                        INVALID_EIN: t('validations.einFormat'),\n                        REQUIRED: t('validations.ein'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n            </Flex>\n\n            <Flex gap={12} justifyContent=\"flex-end\">\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={contractor.status.isPending}\n              >\n                {contractor.status.isPending\n                  ? t('selfOnboarding.submitting')\n                  : t('selfOnboarding.continue')}\n              </Components.Button>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["BUSINESS_REQUIRED_FIELDS","BusinessSelfOnboardingProfile","contractorId","onEvent","className","t","useTranslation","Components","useComponentContext","contractor","useContractorDetailsForm","BaseLayout","Fields","handleSubmit","result","componentEvents","jsx","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Fragment"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAqE;AAAA,EACzE,QAAQ,CAAC,gBAAgB,KAAK;AAChC;AAQO,SAASC,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAaC,EAAyB;AAAA,IAC1C,cAAAR;AAAA,IACA,yBAAyB;AAAA,IACzB,eAAe,EAAE,gBAAgB,GAAA;AAAA,IACjC,yBAAyBF;AAAA,EAAA,CAC1B;AAED,MAAIS,EAAW;AACb,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ;AAGvE,QAAM,EAAE,QAAAG,MAAWH,EAAW,MAExBI,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAML,EAAW,QAAQ,SAAA;AACxC,IAAKK,MAELX,EAAQY,EAAgB,oBAAoBD,EAAO,IAAI,GACvDX,EAAQY,EAAgB,yBAAyB;AAAA,MAC/C,cAAcD,EAAO,KAAK;AAAA,MAC1B,kBAAkBA,EAAO,KAAK;AAAA,MAC9B,gBAAgB;AAAA,IAAA,CACjB;AAAA,EACH;AAEA,SACE,gBAAAE,EAAC,WAAA,EAAQ,WAAWC,EAAWC,EAAO,MAAMd,CAAS,GACnD,UAAA,gBAAAY,EAACL,GAAA,EAAW,OAAOF,EAAW,cAAc,QAC1C,UAAA,gBAAAO,EAACG,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKR,EAAA;AAAA,KACzB,UAAA;AAAA,IAAA,gBAAAO,EAACE,KAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC/C,UAAA;AAAA,MAAA,gBAAAN,EAAC,YACC,UAAA,gBAAAI,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAN,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,sBAAsB,GAAE;AAAA,QACvD,gBAAAW,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,oCAAoC,EAAA,CACzC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAECO,EAAO,gBACN,gBAAAQ,EAAAG,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACJ,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,2BAA2B;AAAA,YACpC,oBAAoB,EAAE,UAAUA,EAAE,0BAA0B,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAE/DO,EAAO,OACN,gBAAAI;AAAA,UAACJ,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,kBAAkB;AAAA,YAC3B,oBAAoB;AAAA,cAClB,aAAaA,EAAE,uBAAuB;AAAA,cACtC,UAAUA,EAAE,iBAAiB;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAW,EAACM,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA,gBAAAN;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,YAAYE,EAAW,OAAO;AAAA,QAE7B,YAAW,OAAO,YACfJ,EAAE,2BAA2B,IAC7BA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA,EACjC,CACF;AAAA,EAAA,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Contractor/Profile/ContractorProfile.d.ts

@@ -68,7 +68,7 @@ export type ContractorProfileProps = ContractorProfileAdminProps | ContractorPro
  * | ----- | ----------- | ---- |
  * | `contractor/created` | A new contractor was created successfully. | The created contractor entity |
  * | `contractor/updated` | An existing contractor was updated successfully. | The updated contractor entity |
- * | `contractor/profile/done` | The contractor profile step finished. | `{ contractorId: string, selfOnboarding: boolean }` |
+ * | `contractor/profile/done` | The contractor profile step finished. | `{ contractorId: string, onboardingStatus?: string, selfOnboarding: boolean }` |
  *
  * @param props - See {@link ContractorProfileProps}.
  * @returns The rendered contractor profile form.