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

package/dist/components/Contractor/Landing/Landing.js

@@ -1,58 +1,59 @@
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { useContractorsGetSuspense as g } from "@gusto/embedded-api/react-query/contractorsGet";
-import { useCompaniesGetSuspense as C } from "@gusto/embedded-api/react-query/companiesGet";
+import { useTranslation as g } from "react-i18next";
+import { useContractorsGetSuspense as C } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useCompaniesGetSuspense as x } from "@gusto/embedded-api/react-query/companiesGet";
 import c from "dompurify";
 import { useMemo as m } from "react";
-import { BaseComponent as x } from "../../Base/Base.js";
-import { useBase as N } from "../../Base/useBase.js";
+import { BaseComponent as N } from "../../Base/Base.js";
+import { useBase as y } from "../../Base/useBase.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as y } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as D, useComponentDictionary as L } from "../../../i18n/I18n.js";
-import { componentEvents as R } from "../../../shared/constants.js";
-import T from "../../../assets/icons/icon-arrow-right.svg.js";
-function U(o) {
-  return D("Contractor.Landing"), L("Contractor.Landing", o.dictionary), /* @__PURE__ */ n(x, { ...o, children: /* @__PURE__ */ n(v, { ...o, children: o.children }) });
+import { ActionsLayout as S } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as L, useComponentDictionary as R } from "../../../i18n/I18n.js";
+import { componentEvents as T } from "../../../shared/constants.js";
+import v from "../../../assets/icons/icon-arrow-right.svg.js";
+function w(e) {
+  return /* @__PURE__ */ n(N, { ...e, children: /* @__PURE__ */ n(A, { ...e, children: e.children }) });
 }
-const v = ({ contractorId: o, companyId: d, className: p }) => {
-  const { onEvent: l } = N(), e = S(), { t } = h("Contractor.Landing"), {
+const A = ({ contractorId: e, companyId: p, className: d, dictionary: l }) => {
+  L("Contractor.Landing"), R("Contractor.Landing", l);
+  const { onEvent: u } = y(), o = D(), { t } = g("Contractor.Landing"), {
     data: { contractor: i }
-  } = g({ contractorUuid: o }), u = m(
+  } = C({ contractorUuid: e }), f = m(
     () => c.sanitize(i?.firstName ?? i?.businessName ?? t("fallbackName")),
     [i, t]
   ), {
     data: { company: s }
-  } = C({ companyId: d }), f = m(() => c.sanitize(s?.name ?? ""), [s]);
-  return /* @__PURE__ */ n("section", { className: p, children: /* @__PURE__ */ n(
-    e.Box,
+  } = x({ companyId: p }), h = m(() => c.sanitize(s?.name ?? ""), [s]);
+  return /* @__PURE__ */ n("section", { className: d, children: /* @__PURE__ */ n(
+    o.Box,
     {
-      footer: /* @__PURE__ */ n(y, { children: /* @__PURE__ */ r(
-        e.Button,
+      footer: /* @__PURE__ */ n(S, { children: /* @__PURE__ */ r(
+        o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            l(R.CONTRACTOR_SELF_ONBOARDING_START);
+            u(T.CONTRACTOR_SELF_ONBOARDING_START);
           },
           children: [
             t("getStartedCta"),
-            /* @__PURE__ */ n(T, { "aria-hidden": !0 })
+            /* @__PURE__ */ n(v, { "aria-hidden": !0 })
           ]
         }
       ) }),
       children: /* @__PURE__ */ r(a, { alignItems: "center", flexDirection: "column", gap: 32, children: [
         /* @__PURE__ */ r(a, { flexDirection: "column", gap: 4, children: [
-          /* @__PURE__ */ n(e.Heading, { as: "h2", children: t("landingSubtitle", {
-            contractorName: u,
-            companyName: f,
+          /* @__PURE__ */ n(o.Heading, { as: "h2", children: t("landingSubtitle", {
+            contractorName: f,
+            companyName: h,
             interpolation: { escapeValue: !1 }
           }) }),
-          /* @__PURE__ */ n(e.Text, { variant: "supporting", children: t("landingDescription") })
+          /* @__PURE__ */ n(o.Text, { variant: "supporting", children: t("landingDescription") })
         ] }),
         /* @__PURE__ */ r(a, { flexDirection: "column", gap: 8, children: [
-          /* @__PURE__ */ n(e.Heading, { as: "h3", children: t("stepsSubtitle") }),
+          /* @__PURE__ */ n(o.Heading, { as: "h3", children: t("stepsSubtitle") }),
           /* @__PURE__ */ n(
-            e.UnorderedList,
+            o.UnorderedList,
             {
               items: [
                 t("steps.profile"),
@@ -68,6 +69,6 @@ const v = ({ contractorId: o, companyId: d, className: p }) => {
   ) });
 };
 export {
-  U as Landing
+  w as Landing
 };
 //# sourceMappingURL=Landing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Contractor/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Contractor.Landing'> {\n  /** UUID of the contractor entering the self-onboarding flow. */\n  contractorId: string\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n}\n\n/**\n * Landing page for the contractor self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the contractor needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  useI18n('Contractor.Landing')\n  useComponentDictionary('Contractor.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, companyId, className }: LandingProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Contractor.Landing')\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const sanitizedContractorName = useMemo(\n    () =>\n      DOMPurify.sanitize(contractor?.firstName ?? contractor?.businessName ?? t('fallbackName')),\n    [contractor, t],\n  )\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                contractorName: sanitizedContractorName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[\n                t('steps.profile'),\n                t('steps.address'),\n                t('steps.paymentMethod'),\n                t('steps.documents'),\n              ]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","contractorId","companyId","className","onEvent","useBase","Components","useComponentContext","useTranslation","contractor","useContractorsGetSuspense","sanitizedContractorName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AA+BO,SAASA,EAAQC,GAAqB;AAC3C,SAAAC,EAAQ,oBAAoB,GAC5BC,EAAuB,sBAAsBF,EAAM,UAAU,GAG3D,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,WAAAC,QAA8B;AACrE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAE3C;AAAA,IACJ,MAAM,EAAE,YAAAC,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBT,GAAc,GACxDU,IAA0BC;AAAA,IAC9B,MACEC,EAAU,SAASJ,GAAY,aAAaA,GAAY,gBAAgB,EAAE,cAAc,CAAC;AAAA,IAC3F,CAACA,GAAY,CAAC;AAAA,EAAA,GAGV;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAb,GAAW,GACnCc,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC;AAE7F,SACE,gBAAAhB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,0BACGW,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACZ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQe,EAAgB,gCAAgC;AAAA,UAC1D;AAAA,UAEC,UAAA;AAAA,YAAA,EAAE,eAAe;AAAA,YAClB,gBAAArB,EAACsB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAvB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,gBAAgBK;AAAA,YAChB,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAlB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAY,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAvB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAR;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO;AAAA,gBACL,EAAE,eAAe;AAAA,gBACjB,EAAE,eAAe;AAAA,gBACjB,EAAE,qBAAqB;AAAA,gBACvB,EAAE,iBAAiB;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Contractor/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Contractor.Landing'> {\n  /** UUID of the contractor entering the self-onboarding flow. */\n  contractorId: string\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n}\n\n/**\n * Landing page for the contractor self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the contractor needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, companyId, className, dictionary }: LandingProps) => {\n  useI18n('Contractor.Landing')\n  useComponentDictionary('Contractor.Landing', dictionary)\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Contractor.Landing')\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const sanitizedContractorName = useMemo(\n    () =>\n      DOMPurify.sanitize(contractor?.firstName ?? contractor?.businessName ?? t('fallbackName')),\n    [contractor, t],\n  )\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                contractorName: sanitizedContractorName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[\n                t('steps.profile'),\n                t('steps.address'),\n                t('steps.paymentMethod'),\n                t('steps.documents'),\n              ]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","jsx","BaseComponent","Root","contractorId","companyId","className","dictionary","useI18n","useComponentDictionary","onEvent","useBase","Components","useComponentContext","useTranslation","contractor","useContractorsGetSuspense","sanitizedContractorName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AA+BO,SAASA,EAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,WAAAC,GAAW,YAAAC,QAA+B;AACjF,EAAAC,EAAQ,oBAAoB,GAC5BC,EAAuB,sBAAsBF,CAAU;AACvD,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAE3C;AAAA,IACJ,MAAM,EAAE,YAAAC,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBZ,GAAc,GACxDa,IAA0BC;AAAA,IAC9B,MACEC,EAAU,SAASJ,GAAY,aAAaA,GAAY,gBAAgB,EAAE,cAAc,CAAC;AAAA,IAC3F,CAACA,GAAY,CAAC;AAAA,EAAA,GAGV;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAhB,GAAW,GACnCiB,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC;AAE7F,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACW,EAAW;AAAA,IAAX;AAAA,MACC,0BACGW,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACZ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQe,EAAgB,gCAAgC;AAAA,UAC1D;AAAA,UAEC,UAAA;AAAA,YAAA,EAAE,eAAe;AAAA,YAClB,gBAAAxB,EAACyB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAA1B,EAACW,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,gBAAgBK;AAAA,YAChB,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAArB,EAACW,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAY,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAA1B,EAACW,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAX;AAAA,YAACW,EAAW;AAAA,YAAX;AAAA,cACC,OAAO;AAAA,gBACL,EAAE,eAAe;AAAA,gBACjB,EAAE,eAAe;AAAA,gBACjB,EAAE,qBAAqB;AAAA,gBACvB,EAAE,iBAAiB;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Contractor/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  ContractorListContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Guided flow for admins to onboard a contractor to the company.\n *\n * @remarks\n * Renders a multi-step experience that collects every piece of information\n * required to add a contractor to a company. Begins on the contractor list\n * and transitions into the per-step screens when \"Add contractor\" or a row's\n * \"Edit\"/\"Continue\" action is invoked; the submit step returns to the list.\n * The flow is driven by an internal state machine and wraps each step in\n * error and suspense boundaries.\n *\n * Each step of the flow is also exported as a standalone block (see the\n * Blocks table) for composing a custom workflow when this orchestration\n * is the wrong fit.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | Fired when the user chooses to add a new contractor | — |\n * | `contractor/update` | Fired when the user selects a contractor to edit | `{ contractorId: string }` |\n * | `contractor/deleted` | Fired when a contractor is deleted | `{ contractorId: string }` |\n * | `contractor/onboarding/continue` | Fired when the user chooses to continue onboarding a contractor | — |\n * | `contractor/created` | Fired when a new contractor is created successfully | Create contractor API response |\n * | `contractor/updated` | Fired when an existing contractor is updated | Update contractor API response |\n * | `contractor/profile/done` | Fired when the contractor profile step is complete | `{ contractorId: string, onboardingStatus?: string, selfOnboarding: boolean }` |\n * | `contractor/address/updated` | Fired when the contractor address is updated | Create or update contractor address API response |\n * | `contractor/address/done` | Fired when the address step is complete | — |\n * | `contractor/bankAccount/created` | Fired when a bank account is created for the contractor | Create contractor bank account API response |\n * | `contractor/paymentMethod/updated` | Fired when the payment method is updated | Update contractor payment method API response |\n * | `contractor/paymentMethod/done` | Fired when the payment method step is complete | — |\n * | `contractor/newHireReport/updated` | Fired when the new hire report is updated | Update contractor API response |\n * | `contractor/newHireReport/done` | Fired when the new hire report step is complete | — |\n * | `contractor/onboardingStatus/updated` | Fired when the contractor's onboarding status is updated | Change contractor onboarding status API response |\n * | `contractor/submit/done` | Fired when the contractor submission is complete | `{ message: string }` or `{ onboardingStatus, message: string }` |\n * | `contractor/invite/selfOnboarding` | Fired when the contractor is invited for self-onboarding | `{ contractorId: string }` |\n *\n * @components\n * - {@link ContractorList}\n * - {@link ContractorProfile}\n * - {@link Address}\n * - {@link PaymentMethod}\n * - {@link NewHireReport}\n * - {@link ContractorSubmit}\n *\n * @param props - See {@link OnboardingFlowProps}.\n * @returns The multi-step onboarding flow with internal navigation between the contractor list and the per-step screens.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorOnboarding.OnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'contractor/submit/done') {\n *           // Contractor onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const OnboardingFlow = ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => {\n  const onboardingFlow = useMemo(\n    () =>\n      createMachine(\n        'list',\n        onboardingMachine,\n        (initialContext: OnboardingFlowContextInterface) => ({\n          ...initialContext,\n          component: ContractorListContextual,\n          companyId,\n          defaultValues,\n          selfOnboarding: false,\n        }),\n      ),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={onboardingFlow} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","onboardingFlow","useMemo","createMachine","onboardingMachine","initialContext","ContractorListContextual","jsx","Flow"],"mappings":";;;;;;AAgFO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAyC;AAC5F,QAAMC,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,eAAAE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAgB,SAAAF,EAAA,CAAkB;AAC1D;"}
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Contractor/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  ContractorListContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Guided flow for admins to onboard a contractor to the company.\n *\n * @remarks\n * Renders a multi-step experience that collects every piece of information\n * required to add a contractor to a company. Begins on the contractor list\n * and transitions into the per-step screens when \"Add contractor\" or a row's\n * \"Edit\"/\"Continue\" action is invoked; the submit step returns to the list.\n * The flow is driven by an internal state machine and wraps each step in\n * error and suspense boundaries.\n *\n * Each step of the flow is also exported as a standalone block (see the\n * Blocks table) for composing a custom workflow when this orchestration\n * is the wrong fit.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | Fired when the user chooses to add a new contractor | — |\n * | `contractor/update` | Fired when the user selects a contractor to edit | `{ contractorId: string }` |\n * | `contractor/deleted` | Fired when a contractor is deleted | `{ contractorId: string }` |\n * | `contractor/onboarding/continue` | Fired when the user chooses to continue onboarding a contractor | — |\n * | `contractor/created` | Fired when a new contractor is created successfully | Create contractor API response |\n * | `contractor/updated` | Fired when an existing contractor is updated | Update contractor API response |\n * | `contractor/profile/done` | Fired when the contractor profile step is complete | `{ contractorId: string, onboardingStatus?: string, selfOnboarding: boolean }` |\n * | `contractor/address/updated` | Fired when the contractor address is updated | Create or update contractor address API response |\n * | `contractor/address/done` | Fired when the address step is complete | — |\n * | `contractor/bankAccount/created` | Fired when a bank account is created for the contractor | Create contractor bank account API response |\n * | `contractor/paymentMethod/updated` | Fired when the payment method is updated | Update contractor payment method API response |\n * | `contractor/paymentMethod/done` | Fired when the payment method step is complete | — |\n * | `contractor/newHireReport/updated` | Fired when the new hire report is updated | Update contractor API response |\n * | `contractor/newHireReport/done` | Fired when the new hire report step is complete | — |\n * | `contractor/onboardingStatus/updated` | Fired when the contractor's onboarding status is updated | Change contractor onboarding status API response |\n * | `contractor/submit/done` | Fired when the contractor submission is complete | `{ message: string }` or `{ onboardingStatus, message: string }` |\n * | `contractor/invite/selfOnboarding` | Fired when the contractor is invited for self-onboarding | `{ contractorId: string }` |\n *\n * @components\n * - {@link ContractorList}\n * - {@link ContractorProfile}\n * - {@link Address}\n * - {@link PaymentMethod}\n * - {@link NewHireReport}\n * - {@link ContractorSubmit}\n *\n * @param props - See {@link OnboardingFlowProps}.\n * @returns The multi-step onboarding flow with internal navigation between the contractor list and the per-step screens.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorOnboarding.OnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'contractor/submit/done') {\n *           // Contractor onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const OnboardingFlow = ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => {\n  const onboardingFlow = useMemo(\n    () =>\n      createMachine(\n        'list',\n        onboardingMachine,\n        (initialContext: OnboardingFlowContextInterface) => ({\n          ...initialContext,\n          component: ContractorListContextual,\n          companyId,\n          defaultValues,\n          selfOnboarding: false,\n        }),\n      ),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={onboardingFlow} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","onboardingFlow","useMemo","createMachine","onboardingMachine","initialContext","ContractorListContextual","jsx","Flow"],"mappings":";;;;;;AAgFO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAyC;AAC5F,QAAMC,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,eAAAE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAgB,SAAAF,EAAA,CAAkB;AAC1D;"}

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

@@ -1,10 +1,10 @@
 /** @internal */
 export declare const onboardingMachine: {
-    list: import('robot3').MachineState<any>;
-    profile: import('robot3').MachineState<any>;
-    address: import('robot3').MachineState<any>;
-    paymentMethod: import('robot3').MachineState<any>;
-    newHireReport: import('robot3').MachineState<any>;
-    submit: import('robot3').MachineState<any>;
-    final: import('robot3').MachineState<any>;
+    list: import('../../../lib/state-machine').StateDefinition;
+    profile: import('../../../lib/state-machine').StateDefinition;
+    address: import('../../../lib/state-machine').StateDefinition;
+    paymentMethod: import('../../../lib/state-machine').StateDefinition;
+    newHireReport: import('../../../lib/state-machine').StateDefinition;
+    submit: import('../../../lib/state-machine').StateDefinition;
+    final: import('../../../lib/state-machine').StateDefinition;
 };

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

@@ -1,5 +1,6 @@
-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 { ProgressBarCta as h, ContractorListContextual as f, SubmitContextual as l, NewHireReportContextual as R, PaymentMethodContextual as g, AddressContextual as b, ProfileContextual as N } from "./OnboardingFlowComponents.js";
+import "react";
+import { state as d, transition as r, reduce as t, guard as i } from "../../../lib/state-machine/core.js";
 import { componentEvents as n, ContractorOnboardingStatus as u } from "../../../shared/constants.js";
 const T = /* @__PURE__ */ new Set([
   u.ADMIN_ONBOARDING_INCOMPLETE,
@@ -16,7 +17,7 @@ const T = /* @__PURE__ */ new Set([
     type: "progress",
     currentStep: c.indexOf(e) + 1,
     totalSteps: c.length,
-    cta: b
+    cta: h
   };
 }, w = (e) => (o) => ({
   ...o,
@@ -32,7 +33,7 @@ const T = /* @__PURE__ */ new Set([
       successMessage: void 0
     })
   )
-), H = {
+), I = {
   list: d(
     r(
       n.CONTRACTOR_CREATE,
@@ -70,7 +71,7 @@ const T = /* @__PURE__ */ new Set([
           const a = O(o.payload.onboardingStatus);
           return {
             ...e,
-            component: g,
+            component: b,
             header: s("address", {
               selfOnboarding: o.payload.selfOnboarding,
               showNewHireReport: a
@@ -131,7 +132,7 @@ const T = /* @__PURE__ */ new Set([
       "paymentMethod",
       t((e) => ({
         ...e,
-        component: h,
+        component: g,
         header: s("paymentMethod", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
@@ -201,6 +202,6 @@ const T = /* @__PURE__ */ new Set([
   final: d()
 };
 export {
-  H as onboardingMachine
+  I 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 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 { transition, reduce, state, guard } from '@/lib/state-machine'\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/OnboardingSummary/OnboardingSummary.js

@@ -1,35 +1,36 @@
 import { jsx as n, jsxs as e } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
-import { BaseComponent as s } from "../../Base/Base.js";
-import { useBase as l } from "../../Base/useBase.js";
+import { useTranslation as s } from "react-i18next";
+import { BaseComponent as l } from "../../Base/Base.js";
+import { useBase as d } from "../../Base/useBase.js";
 import { Flex as i } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as d } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as f, useComponentDictionary as C } from "../../../i18n/I18n.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-function E(t) {
-  return f("Contractor.OnboardingSummary"), C("Contractor.OnboardingSummary", t.dictionary), /* @__PURE__ */ n(s, { ...t, children: /* @__PURE__ */ n(h, { ...t, children: t.children }) });
+import { componentEvents as h } from "../../../shared/constants.js";
+function N(o) {
+  return /* @__PURE__ */ n(l, { ...o, children: /* @__PURE__ */ n(g, { ...o, children: o.children }) });
 }
-const h = ({ contractorId: t, className: c }) => {
-  const { onEvent: m } = l(), { t: o } = a("Contractor.OnboardingSummary"), r = u();
-  return /* @__PURE__ */ n("section", { className: c, children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 32, children: [
+const g = ({ contractorId: o, className: m, dictionary: c }) => {
+  f("Contractor.OnboardingSummary"), C("Contractor.OnboardingSummary", c);
+  const { onEvent: a } = d(), { t } = s("Contractor.OnboardingSummary"), r = p();
+  return /* @__PURE__ */ n("section", { className: m, children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(i, { alignItems: "center", flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ n(r.Heading, { as: "h2", textAlign: "center", children: o("subtitle") }),
-      /* @__PURE__ */ n(r.Text, { textAlign: "center", children: o("description") })
+      /* @__PURE__ */ n(r.Heading, { as: "h2", textAlign: "center", children: t("subtitle") }),
+      /* @__PURE__ */ n(r.Text, { textAlign: "center", children: t("description") })
     ] }),
-    /* @__PURE__ */ n(d, { justifyContent: "center", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(u, { justifyContent: "center", children: /* @__PURE__ */ n(
       r.Button,
       {
         variant: "secondary",
         onClick: () => {
-          m(p.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId: t });
+          a(h.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId: o });
         },
-        children: o("doneCta")
+        children: t("doneCta")
       }
     ) })
   ] }) });
 };
 export {
-  E as OnboardingSummary
+  N as OnboardingSummary
 };
 //# sourceMappingURL=OnboardingSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Contractor/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for {@link OnboardingSummary}.\n *\n * @public\n */\nexport interface OnboardingSummaryProps extends BaseComponentInterface<'Contractor.OnboardingSummary'> {\n  /** UUID of the contractor who completed self-onboarding. */\n  contractorId: string\n}\n\n/**\n * Confirmation screen shown at the end of the contractor self-onboarding flow.\n * Lets the contractor know their information has been submitted and emits\n * `contractor/selfOnboarding/done` when they acknowledge it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/selfOnboarding/done` | Fired when the contractor acknowledges completion and clicks the Done button | `{ contractorId: string }` |\n *\n * @public\n */\nexport function OnboardingSummary(props: OnboardingSummaryProps) {\n  useI18n('Contractor.OnboardingSummary')\n  useComponentDictionary('Contractor.OnboardingSummary', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, className }: OnboardingSummaryProps) => {\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Contractor.OnboardingSummary')\n  const Components = useComponentContext()\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('subtitle')}\n          </Components.Heading>\n          <Components.Text textAlign=\"center\">{t('description')}</Components.Text>\n        </Flex>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId })\n            }}\n          >\n            {t('doneCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["OnboardingSummary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","contractorId","className","onEvent","useBase","t","useTranslation","Components","useComponentContext","jsxs","Flex","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAkBC,GAA+B;AAC/D,SAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCF,EAAM,UAAU,GAGrE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,QAAwC;AACpE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,SACE,gBAAAV,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAO,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAZ,EAACS,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAF,EAAE,UAAU,EAAA,CACf;AAAA,MACA,gBAAAP,EAACS,EAAW,MAAX,EAAgB,WAAU,UAAU,UAAAF,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GACxD;AAAA,IACA,gBAAAP,EAACa,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAAb;AAAA,MAACS,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAJ,EAAQS,EAAgB,iCAAiC,EAAE,cAAAX,EAAA,CAAc;AAAA,QAC3E;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Contractor/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for {@link OnboardingSummary}.\n *\n * @public\n */\nexport interface OnboardingSummaryProps extends BaseComponentInterface<'Contractor.OnboardingSummary'> {\n  /** UUID of the contractor who completed self-onboarding. */\n  contractorId: string\n}\n\n/**\n * Confirmation screen shown at the end of the contractor self-onboarding flow.\n * Lets the contractor know their information has been submitted and emits\n * `contractor/selfOnboarding/done` when they acknowledge it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/selfOnboarding/done` | Fired when the contractor acknowledges completion and clicks the Done button | `{ contractorId: string }` |\n *\n * @public\n */\nexport function OnboardingSummary(props: OnboardingSummaryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, className, dictionary }: OnboardingSummaryProps) => {\n  useI18n('Contractor.OnboardingSummary')\n  useComponentDictionary('Contractor.OnboardingSummary', dictionary)\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Contractor.OnboardingSummary')\n  const Components = useComponentContext()\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('subtitle')}\n          </Components.Heading>\n          <Components.Text textAlign=\"center\">{t('description')}</Components.Text>\n        </Flex>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId })\n            }}\n          >\n            {t('doneCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["OnboardingSummary","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useI18n","useComponentDictionary","onEvent","useBase","useTranslation","Components","useComponentContext","jsxs","Flex","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,YAAAC,QAAyC;AAChF,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCF,CAAU;AACjE,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GACd,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,SACE,gBAAAZ,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAS,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAd,EAACW,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAA,EAAE,UAAU,EAAA,CACf;AAAA,MACA,gBAAAX,EAACW,EAAW,MAAX,EAAgB,WAAU,UAAU,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GACxD;AAAA,IACA,gBAAAX,EAACe,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAAf;AAAA,MAACW,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAH,EAAQQ,EAAgB,iCAAiC,EAAE,cAAAb,EAAA,CAAc;AAAA,QAC3E;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Contractor/PaymentMethod/management/PaymentMethod.js

@@ -1,18 +1,18 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createMachine as a } from "robot3";
-import { useMemo as i } from "react";
-import { CardContextual as c } from "./PaymentMethodComponents.js";
-import { paymentMethodStateMachine as p } from "./paymentMethodStateMachine.js";
+import { useMemo as a } from "react";
+import { CardContextual as i } from "./PaymentMethodComponents.js";
+import { paymentMethodStateMachine as c } from "./paymentMethodStateMachine.js";
+import { createMachine as p } from "../../../../lib/state-machine/core.js";
 import { Flow as M } from "../../../Flow/Flow.js";
 import { BaseBoundaries as u } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useComponentDictionary as f, useI18n as h } from "../../../../i18n/I18n.js";
 function s({ contractorId: e, onEvent: o, LoaderComponent: t }) {
   h("Contractor.Management.PaymentMethod");
-  const n = i(
-    () => a("card", p, (m) => ({
+  const n = a(
+    () => p("card", c, (m) => ({
       ...m,
-      component: c,
+      component: i,
       contractorId: e,
       successAlert: null,
       LoaderComponent: t

package/dist/components/Contractor/PaymentMethod/management/PaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Contractor.Management.PaymentMethod'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction PaymentMethodFlow({ contractorId, onEvent, LoaderComponent }: PaymentMethodProps) {\n  useI18n('Contractor.Management.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', paymentMethodStateMachine, (ctx: PaymentMethodContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        contractorId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [contractorId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing a contractor's payment method after onboarding.\n *\n * @remarks\n * Drives the read-view card and bank-account form via an internal state\n * machine. Emits events on the supplied `onEvent` handler when the user\n * requests to add or edit a bank account, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/paymentMethod/card/addRequested` | Fired when the user clicks \"Add bank account\" on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/editRequested` | Fired when the user chooses \"Edit\" from the bank account row menu | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed and the payment method reverts to Check | {@link APIModels.ContractorPaymentMethod} |\n * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank-account form is successfully saved | {@link APIModels.ContractorBankAccount} |\n * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user cancels the bank-account form | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The contractor payment method management surface.\n * @public\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PaymentMethodProps) {\n  useComponentDictionary('Contractor.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","CardContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAkB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAuC;AACzF,EAAAC,EAAQ,qCAAqC;AAE7C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA2B,CAACC,OAAwC;AAAA,MACxF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,cAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAcE,CAAe;AAAA,EAAA;AAGhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAuBO,SAASW,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAuB;AACrB,SAAAC,EAAuB,uCAAuCH,CAAU,GAEtE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAkB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { CardContextual, type PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Contractor.Management.PaymentMethod'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction PaymentMethodFlow({ contractorId, onEvent, LoaderComponent }: PaymentMethodProps) {\n  useI18n('Contractor.Management.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', paymentMethodStateMachine, (ctx: PaymentMethodContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        contractorId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [contractorId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing a contractor's payment method after onboarding.\n *\n * @remarks\n * Drives the read-view card and bank-account form via an internal state\n * machine. Emits events on the supplied `onEvent` handler when the user\n * requests to add or edit a bank account, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/paymentMethod/card/addRequested` | Fired when the user clicks \"Add bank account\" on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/editRequested` | Fired when the user chooses \"Edit\" from the bank account row menu | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed and the payment method reverts to Check | {@link APIModels.ContractorPaymentMethod} |\n * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank-account form is successfully saved | {@link APIModels.ContractorBankAccount} |\n * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user cancels the bank-account form | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The contractor payment method management surface.\n * @public\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PaymentMethodProps) {\n  useComponentDictionary('Contractor.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","CardContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAkB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAuC;AACzF,EAAAC,EAAQ,qCAAqC;AAE7C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA2B,CAACC,OAAwC;AAAA,MACxF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,cAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAcE,CAAe;AAAA,EAAA;AAGhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAuBO,SAASW,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAuB;AACrB,SAAAC,EAAuB,uCAAuCH,CAAU,GAEtE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAkB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;"}

package/dist/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.d.ts

@@ -1,5 +1,5 @@
 /** @internal */
 export declare const paymentMethodStateMachine: {
-    card: import('robot3').MachineState<any>;
-    editPaymentMethod: import('robot3').MachineState<any>;
+    card: import('../../../../lib/state-machine').StateDefinition;
+    editPaymentMethod: import('../../../../lib/state-machine').StateDefinition;
 };

package/dist/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.js

@@ -1,24 +1,25 @@
-import { state as T, transition as e, reduce as E } from "robot3";
-import { PaymentMethodEditFormContextual as M, CardContextual as n } from "./PaymentMethodComponents.js";
+import { PaymentMethodEditFormContextual as T, CardContextual as n } from "./PaymentMethodComponents.js";
+import "react";
+import { state as o, transition as e, reduce as E } from "../../../../lib/state-machine/core.js";
 import { componentEvents as A } from "../../../../shared/constants.js";
-const o = E(
+const M = E(
   (t) => ({
     ...t,
     component: n,
     successAlert: null
   })
-), _ = (t) => E((c) => ({
-  ...c,
+), _ = (t) => E((r) => ({
+  ...r,
   component: n,
   successAlert: t
-})), C = {
-  card: T(
+})), R = {
+  card: o(
     e(
       A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,
       "editPaymentMethod",
       E((t) => ({
         ...t,
-        component: M,
+        component: T,
         successAlert: null
       }))
     ),
@@ -27,7 +28,7 @@ const o = E(
       "editPaymentMethod",
       E((t) => ({
         ...t,
-        component: M,
+        component: T,
         successAlert: null
       }))
     ),
@@ -39,10 +40,10 @@ const o = E(
     e(
       A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,
       "card",
-      o
+      M
     )
   ),
-  editPaymentMethod: T(
+  editPaymentMethod: o(
     e(
       A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,
       "card",
@@ -51,11 +52,11 @@ const o = E(
     e(
       A.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,
       "card",
-      o
+      M
     )
   )
 };
 export {
-  C as paymentMethodStateMachine
+  R as paymentMethodStateMachine
 };
 //# sourceMappingURL=paymentMethodStateMachine.js.map

package/dist/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { CardContextual, PaymentMethodEditFormContextual } from './PaymentMethodComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: PaymentMethodContextInterface['successAlert']) =>\n  reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,\n      'card',\n      returnToCardWithAlert('bankAccountRemoved'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editPaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAuE;AAAA,EAC7E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,oBAAoB;AAAA,IAAA;AAAA,IAE5CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,mBAAmBO;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"paymentMethodStateMachine.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/paymentMethodStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { CardContextual, PaymentMethodEditFormContextual } from './PaymentMethodComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: PaymentMethodContextInterface['successAlert']) =>\n  reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const paymentMethodStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,\n      'editPaymentMethod',\n      reduce((ctx: PaymentMethodContextInterface): PaymentMethodContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,\n      'card',\n      returnToCardWithAlert('bankAccountRemoved'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editPaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","paymentMethodStateMachine","state","transition","componentEvents","PaymentMethodEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAuE;AAAA,IACtE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAuE;AAAA,EAC7E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA4B;AAAA,EACvC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAuE;AAAA,QAC7E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,oBAAoB;AAAA,IAAA;AAAA,IAE5CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,mBAAmBO;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

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