@gusto/embedded-react-sdk 0.55.6 → 0.55.7

package/dist/components/Contractor/Dashboard/Dashboard.js

@@ -7,25 +7,25 @@ import { PayView as g } from "./PayView.js";
 import { Flex as l } from "../../Common/Flex/Flex.js";
 import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { BaseBoundaries as S } from "../../Base/Base.js";
-import { useI18n as R, useComponentDictionary as y } from "../../../i18n/I18n.js";
-import { componentEvents as A, CONTRACTOR_TYPE as B } from "../../../shared/constants.js";
-import { firstLastName as _ } from "../../../helpers/formattedStrings.js";
+import { useI18n as R, useComponentDictionary as _ } from "../../../i18n/I18n.js";
+import { componentEvents as y, CONTRACTOR_TYPE as A } from "../../../shared/constants.js";
+import { firstLastName as B } from "../../../helpers/formattedStrings.js";
 import { DocumentsCard as O } from "../Documents/management/DocumentsCard/DocumentsCard.js";
 function H({
-  contractorId: e,
+  contractorId: o,
   dictionary: n,
-  onEvent: o,
+  onEvent: e,
   selectedTab: a,
   LoaderComponent: c
 }) {
-  R("Contractor.Dashboard"), y("Contractor.Dashboard", n);
+  R("Contractor.Dashboard"), _("Contractor.Dashboard", n);
   const { t: r } = d("Contractor.Dashboard"), u = p(), [b, f] = D("details"), s = a ?? b, h = [
     { id: "details", label: r("tabs.details"), content: null },
     { id: "pay", label: r("tabs.pay"), content: null },
     { id: "documents", label: r("tabs.documents"), content: null }
   ];
   return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(T, { fallback: null, children: /* @__PURE__ */ t(j, { contractorId: e }) }),
+    /* @__PURE__ */ t(T, { fallback: null, children: /* @__PURE__ */ t(j, { contractorId: o }) }),
     /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ t(
         u.Tabs,
@@ -34,19 +34,19 @@ function H({
           selectedId: s,
           onSelectionChange: (C) => {
             const m = C;
-            f(m), o(A.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: m });
+            f(m), e(y.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: m });
           },
           "aria-label": r("tabsLabel")
         }
       ),
       /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
-        s === "details" && /* @__PURE__ */ t(N, { contractorId: e, onEvent: o }),
-        s === "pay" && /* @__PURE__ */ t(g, { contractorId: e, onEvent: o }),
+        s === "details" && /* @__PURE__ */ t(N, { contractorId: o, onEvent: e }),
+        s === "pay" && /* @__PURE__ */ t(g, { contractorId: o, onEvent: e }),
         s === "documents" && /* @__PURE__ */ t(
           O,
           {
-            contractorId: e,
-            onEvent: o,
+            contractorId: o,
+            onEvent: e,
             LoaderComponent: c
           }
         )
@@ -54,23 +54,27 @@ function H({
     ] })
   ] });
 }
-function j({ contractorId: e }) {
-  const { t: n } = d("Contractor.Dashboard"), o = p(), {
+function j({ contractorId: o }) {
+  const { t: n } = d("Contractor.Dashboard"), e = p(), {
     data: { contractor: a }
-  } = x({ contractorUuid: e }), c = a?.type === B.BUSINESS, r = a ? c ? a.businessName : _({ first_name: a.firstName, last_name: a.lastName }) : void 0;
+  } = x({ contractorUuid: o }), c = a?.type === A.BUSINESS, r = a ? c ? a.businessName : B({
+    first_name: a.firstName,
+    middle_initial: a.middleInitial,
+    last_name: a.lastName
+  }) : void 0;
   return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
-    /* @__PURE__ */ t(o.Heading, { as: "h2", children: r }),
-    /* @__PURE__ */ t(o.Text, { variant: "supporting", children: n("contractorRoleLabel") })
+    /* @__PURE__ */ t(e.Heading, { as: "h2", children: r }),
+    /* @__PURE__ */ t(e.Text, { variant: "supporting", children: n("contractorRoleLabel") })
   ] });
 }
-function z({ FallbackComponent: e, LoaderComponent: n, ...o }) {
+function z({ FallbackComponent: o, LoaderComponent: n, ...e }) {
   return /* @__PURE__ */ t(
     S,
     {
       componentName: "Contractor.Dashboard",
-      FallbackComponent: e,
+      FallbackComponent: o,
       LoaderComponent: n,
-      children: /* @__PURE__ */ t(H, { LoaderComponent: n, ...o })
+      children: /* @__PURE__ */ t(H, { LoaderComponent: n, ...e })
     }
   );
 }

package/dist/components/Contractor/Dashboard/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","jsxs","Flex","jsx","Suspense","DashboardHeader","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","jsxs","Flex","jsx","Suspense","DashboardHeader","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;;;;;;;AAwBA,SAASA,EAAc;AAAA,EACrB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAaC;AAAA,EACb,iBAAAC;AACF,GAAmB;AACjB,EAAAC,EAAQ,sBAAsB,GAC9BC,EAAuB,wBAAwBL,CAAU;AACzD,QAAM,EAAE,GAAAM,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb,CAACC,GAAaC,CAAc,IAAIC,EAAuB,SAAS,GAChEC,IAAcX,KAAiBQ,GAE/BI,IAAO;AAAA,IACX,EAAE,IAAI,WAAoB,OAAOR,EAAE,cAAc,GAAG,SAAS,KAAA;AAAA,IAC7D,EAAE,IAAI,OAAgB,OAAOA,EAAE,UAAU,GAAG,SAAS,KAAA;AAAA,IACrD,EAAE,IAAI,aAAsB,OAAOA,EAAE,gBAAgB,GAAG,SAAS,KAAA;AAAA,EAAK;AAGxE,SACE,gBAAAS,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAS,UAAU,MAClB,UAAA,gBAAAD,EAACE,GAAA,EAAgB,cAAApB,GAA4B,GAC/C;AAAA,IAEA,gBAAAgB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACT,EAAW;AAAA,QAAX;AAAA,UACC,MAAAM;AAAA,UACA,YAAYD;AAAA,UACZ,mBAAmB,CAAAO,MAAM;AACvB,kBAAMC,IAAOD;AACb,YAAAT,EAAeU,CAAI,GACnBpB,EAAQqB,EAAgB,iCAAiC,EAAE,KAAKD,GAAM;AAAA,UACxE;AAAA,UACA,cAAYf,EAAE,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,gBAAAS,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAH,MAAgB,aACf,gBAAAI,EAACM,GAAA,EAAY,cAAAxB,GAA4B,SAAAE,GAAkB;AAAA,QAG5DY,MAAgB,SAAS,gBAAAI,EAACO,GAAA,EAAQ,cAAAzB,GAA4B,SAAAE,GAAkB;AAAA,QAEhFY,MAAgB,eACf,gBAAAI;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,cAAA1B;AAAA,YACA,SAAAE;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAASgB,EAAgB,EAAE,cAAApB,KAA0C;AACnE,QAAM,EAAE,GAAAO,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb;AAAA,IACJ,MAAM,EAAE,YAAAiB,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgB5B,GAAc,GAExD6B,IAAaF,GAAY,SAASG,EAAgB,UAClDC,IAAYJ,IACdE,IACEF,EAAW,eACXK,EAAc;AAAA,IACZ,YAAYL,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,WAAWA,EAAW;AAAA,EAAA,CACvB,IACH;AAEJ,SACE,gBAAAX,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAsB,GAAU;AAAA,IACvC,gBAAAb,EAACT,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,qBAAqB,EAAA,CAAE;AAAA,EAAA,GAClE;AAEJ;AAqBO,SAAS0B,EAAU,EAAE,mBAAAC,GAAmB,iBAAA9B,GAAiB,GAAG+B,KAAyB;AAC1F,SACE,gBAAAjB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAA9B;AAAA,MAEA,UAAA,gBAAAc,EAACnB,GAAA,EAAc,iBAAAK,GAAmC,GAAG+B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

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

@@ -1,96 +1,92 @@
-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
+import { state as i, transition as t, reduce as a, guard as p } from "robot3";
+import { SubmitContextual as O, NewHireReportContextual as N, PaymentMethodContextual as u, AddressContextual as w, ProfileContextual as g, ProgressBarCta as h, ContractorListContextual as T } from "./OnboardingFlowComponents.js";
+import { componentEvents as n, ContractorOnboardingStatus as f } from "../../../shared/constants.js";
+const C = /* @__PURE__ */ new Set([
+  f.ADMIN_ONBOARDING_INCOMPLETE,
+  f.SELF_ONBOARDING_NOT_INVITED
+]), c = (r) => !r || C.has(r), E = (r, s) => {
+  const e = ["profile"];
+  return r || e.push("address", "paymentMethod"), s && e.push("newHireReport"), e.push("submit"), e;
+}, d = (r, {
+  selfOnboarding: s = !1,
+  showNewHireReport: e = !0
 } = {}) => {
-  const c = m(o, a);
+  const o = E(s, e);
   return {
     type: "progress",
-    currentStep: c.indexOf(e) + 1,
-    totalSteps: c.length,
-    cta: b
+    currentStep: o.indexOf(r) + 1,
+    totalSteps: o.length,
+    cta: h
   };
-}, w = (e) => (o) => ({
-  ...o,
-  ...e
-}), p = () => r(
+}, b = (r) => (s) => ({
+  ...s,
+  ...r
+}), l = (r) => t(
   n.CANCEL,
   "list",
-  t(
-    w({
-      component: f,
+  a(
+    b({
+      component: r,
       header: null,
       contractorId: void 0,
       successMessage: void 0
     })
   )
-), H = {
-  list: d(
-    r(
-      n.CONTRACTOR_CREATE,
-      "profile",
-      t(
-        w({
-          component: N,
-          header: s("profile"),
-          contractorId: void 0,
-          successMessage: void 0
-        })
-      )
-    ),
-    r(
-      n.CONTRACTOR_UPDATE,
-      "profile",
-      t(
-        (e, o) => ({
-          ...e,
-          component: N,
-          header: s("profile"),
-          contractorId: o.payload.contractorId,
-          successMessage: void 0
-        })
-      )
-    )
-  ),
-  profile: d(
-    p(),
-    r(
+), _ = t(
+  n.CONTRACTOR_CREATE,
+  "profile",
+  a(
+    b({
+      component: g,
+      header: d("profile"),
+      contractorId: void 0,
+      successMessage: void 0
+    })
+  )
+), m = t(
+  n.CONTRACTOR_UPDATE,
+  "profile",
+  a(
+    (r, s) => ({
+      ...r,
+      component: g,
+      header: d("profile"),
+      contractorId: s.payload.contractorId,
+      successMessage: void 0
+    })
+  )
+), H = (r, { waitForExplicitSubmitDone: s = !1 } = {}) => ({
+  profile: i(
+    l(r),
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "address",
-      t(
+      a(
         (e, o) => {
-          const a = O(o.payload.onboardingStatus);
+          const R = c(o.payload.onboardingStatus);
           return {
             ...e,
-            component: g,
-            header: s("address", {
+            component: w,
+            header: d("address", {
               selfOnboarding: o.payload.selfOnboarding,
-              showNewHireReport: a
+              showNewHireReport: R
             }),
             contractorId: o.payload.contractorId,
             selfOnboarding: o.payload.selfOnboarding,
-            showNewHireReport: a
+            showNewHireReport: R
           };
         }
       ),
-      i((e, o) => !o.payload.selfOnboarding)
+      p((e, o) => !o.payload.selfOnboarding)
     ),
-    r(
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "newHireReport",
-      t(
+      a(
         (e, o) => ({
           ...e,
-          component: R,
-          header: s("newHireReport", {
+          component: N,
+          header: d("newHireReport", {
             selfOnboarding: o.payload.selfOnboarding,
             showNewHireReport: !0
           }),
@@ -99,18 +95,18 @@ const T = /* @__PURE__ */ new Set([
           showNewHireReport: !0
         })
       ),
-      i(
-        (e, o) => o.payload.selfOnboarding && O(o.payload.onboardingStatus)
+      p(
+        (e, o) => o.payload.selfOnboarding && c(o.payload.onboardingStatus)
       )
     ),
-    r(
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "submit",
-      t(
+      a(
         (e, o) => ({
           ...e,
-          component: l,
-          header: s("submit", {
+          component: O,
+          header: d("submit", {
             selfOnboarding: o.payload.selfOnboarding,
             showNewHireReport: !1
           }),
@@ -119,88 +115,99 @@ const T = /* @__PURE__ */ new Set([
           showNewHireReport: !1
         })
       ),
-      i(
-        (e, o) => o.payload.selfOnboarding && !O(o.payload.onboardingStatus)
+      p(
+        (e, o) => o.payload.selfOnboarding && !c(o.payload.onboardingStatus)
       )
     )
   ),
-  address: d(
-    p(),
-    r(
+  address: i(
+    l(r),
+    t(
       n.CONTRACTOR_ADDRESS_DONE,
       "paymentMethod",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: h,
-        header: s("paymentMethod", {
+        component: u,
+        header: d("paymentMethod", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       }))
     )
   ),
-  paymentMethod: d(
-    p(),
-    r(
+  paymentMethod: i(
+    l(r),
+    t(
       n.CONTRACTOR_PAYMENT_METHOD_DONE,
       "newHireReport",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: R,
-        header: s("newHireReport", {
+        component: N,
+        header: d("newHireReport", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       })),
-      i((e) => e.showNewHireReport !== !1)
+      p((e) => e.showNewHireReport !== !1)
     ),
-    r(
+    t(
       n.CONTRACTOR_PAYMENT_METHOD_DONE,
       "submit",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: l,
-        header: s("submit", {
+        component: O,
+        header: d("submit", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       })),
-      i((e) => e.showNewHireReport === !1)
+      p((e) => e.showNewHireReport === !1)
     )
   ),
-  newHireReport: d(
-    p(),
-    r(
+  newHireReport: i(
+    l(r),
+    t(
       n.CONTRACTOR_NEW_HIRE_REPORT_DONE,
       "submit",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: l,
-        header: s("submit", {
+        component: O,
+        header: d("submit", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       }))
     )
   ),
-  submit: d(
-    p(),
-    r(
+  submit: i(
+    l(r),
+    t(
       n.CONTRACTOR_SUBMIT_DONE,
       "list",
-      t(
+      a(
         (e, o) => ({
           ...e,
-          component: f,
+          component: r,
           header: null,
           successMessage: o.payload.message
         })
-      )
+      ),
+      ...s ? [
+        p(
+          (e, o) => e.selfOnboarding === !0 || o.payload.onboardingStatus !== void 0
+        )
+      ] : []
     )
-  ),
-  final: d()
+  )
+}), D = {
+  list: i(_, m),
+  ...H(T),
+  final: i()
 };
 export {
-  H as onboardingMachine
+  _ as contractorCreateTransition,
+  m as contractorUpdateTransition,
+  H as createContractorOnboardingSteps,
+  D 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 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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"}
+{"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]: {\n    message?: string\n    onboardingStatus?: Contractor['onboardingStatus']\n  }\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\n// Parameterized by the \"list\" screen to return to on cancel/submit, so this same step\n// sequence can be reused by a host machine with its own list state (see\n// `createContractorOnboardingSteps` below) without hardcoding this module's own\n// onboarding-side list.\nconst cancelTransition = (returnToListComponent: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: returnToListComponent,\n        header: null,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\n/**\n * Transitions a host machine's `list` state into the Profile step to onboard a brand-new\n * contractor. Reused as-is by both {@link onboardingMachine} and `ContractorListFlow`'s own\n * machine so \"Add contractor\" behaves identically in both places.\n *\n * @internal\n */\nexport const contractorCreateTransition = 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\n/**\n * Transitions a host machine's `list` state into the Profile step to continue an existing\n * contractor's onboarding. Reused as-is by both {@link onboardingMachine} and\n * `ContractorListFlow`'s own machine so \"Continue\"/\"Review\" behaves identically in both places.\n *\n * @internal\n */\nexport const contractorUpdateTransition = 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/**\n * The Profile → Address → Payment Method → New Hire Report → Submit step sequence, with all\n * of its self-onboarding and new-hire-report skip logic. Extracted so a host machine with its\n * own `list` state (e.g. `ContractorListFlow`) can spread these states in directly rather than\n * mounting {@link OnboardingFlow} as a nested component — nesting would render a second,\n * independent `<Flow>` with its own header, and its `CANCEL`/submit-done transitions would\n * resolve against *its own* internal list rather than the host's. Spreading these states into\n * the host's own machine means every `'list'`-targeting transition below resolves against\n * whichever machine they're mixed into, so `returnToListComponent` is the only piece that\n * varies per host.\n *\n * `ContractorSubmit`'s admin (non-self-onboarding) submit button fires `contractor/submit/done`\n * twice in quick succession for the same completion: once immediately after the mutation\n * succeeds (`{ message }`, no `onboardingStatus`), and again if the admin then clicks the\n * \"Done\" CTA on the `SubmitDone` confirmation screen it renders once the onboarding-status\n * query refetches as completed (`{ onboardingStatus, message }`). The self-onboarding invite\n * path has no such confirmation screen and only ever fires once, immediately. By default (used\n * by {@link OnboardingFlow}, which shows a success banner on its own list on return) both fires\n * transition straight to `list` — matching its long-standing behavior. Pass\n * `waitForExplicitSubmitDone: true` (used by `ContractorListFlow`, whose list has no such\n * banner) to hold on the first, bare-message fire so the admin actually sees `SubmitDone` and\n * must click its \"Done\" CTA before returning to `list`.\n *\n * @internal\n */\nexport const createContractorOnboardingSteps = (\n  returnToListComponent: React.ComponentType,\n  { waitForExplicitSubmitDone = false }: { waitForExplicitSubmitDone?: boolean } = {},\n) => ({\n  profile: state<MachineTransition>(\n    cancelTransition(returnToListComponent),\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(returnToListComponent),\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(returnToListComponent),\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(returnToListComponent),\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(returnToListComponent),\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: returnToListComponent,\n            header: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n      ...(waitForExplicitSubmitDone\n        ? [\n            guard(\n              (\n                ctx: OnboardingFlowContextInterface,\n                ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n              ) => ctx.selfOnboarding === true || ev.payload.onboardingStatus !== undefined,\n            ),\n          ]\n        : []),\n    ),\n  ),\n})\n\n/** @internal */\nexport const onboardingMachine = {\n  list: state<MachineTransition>(contractorCreateTransition, contractorUpdateTransition),\n  ...createContractorOnboardingSteps(ContractorListContextual),\n  final: state<MachineTransition>(),\n}\n"],"names":["INITIAL_ONBOARDING_STATUSES","ContractorOnboardingStatus","showNewHireReportForStatus","status","stepsForPath","selfOnboarding","showNewHireReport","steps","progressHeader","currentStep","ProgressBarCta","createReducer","props","ctx","cancelTransition","returnToListComponent","transition","componentEvents","reduce","contractorCreateTransition","ProfileContextual","contractorUpdateTransition","ev","createContractorOnboardingSteps","waitForExplicitSubmitDone","state","AddressContextual","guard","NewHireReportContextual","SubmitContextual","PaymentMethodContextual","onboardingMachine","ContractorListContextual"],"mappings":"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"}

package/dist/components/Contractor/Profile/management/ProfileCard/ProfileCard.js

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useTranslation as N } from "react-i18next";
 import { Loading as h } from "../../../../Common/Loading/Loading.js";
 import { BaseBoundaries as g, BaseLayout as P } from "../../../../Base/Base.js";
@@ -9,43 +9,47 @@ import { useI18n as y } from "../../../../../i18n/I18n.js";
 import { CONTRACTOR_TYPE as B, componentEvents as D } from "../../../../../shared/constants.js";
 import { useContractorProfileSummary as L } from "../../shared/useContractorProfileSummary/useContractorProfileSummary.js";
 function U({ LoaderComponent: r, ...s }) {
-  return /* @__PURE__ */ o(g, { componentName: "Contractor.Management.Profile", LoaderComponent: r, children: /* @__PURE__ */ o(S, { LoaderComponent: r, ...s }) });
+  return /* @__PURE__ */ e(g, { componentName: "Contractor.Management.Profile", LoaderComponent: r, children: /* @__PURE__ */ e(S, { LoaderComponent: r, ...s }) });
 }
 function S({ contractorId: r, onEvent: s, LoaderComponent: l }) {
   y("Contractor.Management.Profile");
-  const { t: e } = N("Contractor.Management.Profile"), n = T(), a = L({ contractorId: r }), m = a.isLoading, t = a.isLoading ? void 0 : a.data.contractor, c = t?.type === B.BUSINESS, d = t ? c ? t.businessName : v({ first_name: t.firstName, last_name: t.lastName }) : void 0, p = t ? X(t.startDate) : void 0, f = t?.hasSsn ? "XXX-XX-XXXX" : void 0, u = t?.hasEin ? t.ein ?? void 0 : void 0, i = /* @__PURE__ */ o("span", { "aria-label": e("listEmptyPlaceholder"), children: "–" }), C = t ? [
-    { term: e("legalName"), description: d || i },
-    { term: e("startDate"), description: p || i },
+  const { t: o } = N("Contractor.Management.Profile"), n = T(), a = L({ contractorId: r }), m = a.isLoading, t = a.isLoading ? void 0 : a.data.contractor, c = t?.type === B.BUSINESS, d = t ? c ? t.businessName : v({
+    first_name: t.firstName,
+    middle_initial: t.middleInitial,
+    last_name: t.lastName
+  }) : void 0, p = t ? X(t.startDate) : void 0, f = t?.hasSsn ? "XXX-XX-XXXX" : void 0, u = t?.hasEin ? t.ein ?? void 0 : void 0, i = /* @__PURE__ */ e("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), C = t ? [
+    { term: o("legalName"), description: d || i },
+    { term: o("startDate"), description: p || i },
     c ? {
-      term: e("employerIdentificationNumber"),
+      term: o("employerIdentificationNumber"),
       description: u || i
     } : {
-      term: e("socialSecurityNumber"),
+      term: o("socialSecurityNumber"),
       description: f || i
     },
-    { term: e("email"), description: t.email || i }
+    { term: o("email"), description: t.email || i }
   ] : [], E = () => {
     s(D.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId: r });
   };
-  return /* @__PURE__ */ o(P, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(P, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ e(
     n.Box,
     {
-      header: /* @__PURE__ */ o(
+      header: /* @__PURE__ */ e(
         n.BoxHeader,
         {
-          title: e("title"),
-          action: /* @__PURE__ */ o(
+          title: o("title"),
+          action: /* @__PURE__ */ e(
             n.Button,
             {
               variant: "secondary",
               onClick: E,
               isDisabled: m,
-              children: e("editCta")
+              children: o("editCta")
             }
           )
         }
       ),
-      children: m ? /* @__PURE__ */ o(h, {}) : t ? /* @__PURE__ */ o(n.DescriptionList, { items: C }) : null
+      children: m ? /* @__PURE__ */ e(h, {}) : t ? /* @__PURE__ */ e(n.DescriptionList, { items: C }) : null
     }
   ) });
 }