@gusto/embedded-react-sdk 0.40.0 → 0.42.0

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

@@ -1,45 +1,47 @@
-import { state as a, transition as r, reduce as o, guard as p } from "robot3";
-import { ContractorListContextual as l, AddressContextual as u, NewHireReportContextual as d, ProfileContextual as i, SubmitContextual as O, PaymentMethodContextual as R } from "./OnboardingFlowComponents.js";
+import { state as a, transition as t, reduce as r, guard as i } from "robot3";
+import { ContractorListContextual as l, AddressContextual as T, NewHireReportContextual as O, ProfileContextual as p, ProgressBarCta as R, SubmitContextual as C, PaymentMethodContextual as m } from "./OnboardingFlowComponents.js";
 import { componentEvents as n } from "../../../shared/constants.js";
-const c = (t) => (e) => ({
+const u = 5, E = 3, s = (o, e = u) => ({
+  type: "progress",
+  currentStep: o,
+  totalSteps: e,
+  cta: R
+}), d = (o) => (e) => ({
   ...e,
-  ...t
-}), s = () => r(
+  ...o
+}), c = () => t(
   n.CANCEL,
   "list",
-  o(
-    c({
+  r(
+    d({
       component: l,
-      progressBarType: null,
-      currentStep: 0,
+      header: null,
       contractorId: void 0,
       successMessage: void 0
     })
   )
 ), g = {
   list: a(
-    r(
+    t(
       n.CONTRACTOR_CREATE,
       "profile",
-      o(
-        c({
-          component: i,
-          currentStep: 1,
-          progressBarType: "progress",
+      r(
+        d({
+          component: p,
+          header: s(1),
           contractorId: void 0,
           successMessage: void 0
         })
       )
     ),
-    r(
+    t(
       n.CONTRACTOR_UPDATE,
       "profile",
-      o(
-        (t, e) => ({
-          ...t,
-          component: i,
-          currentStep: 1,
-          progressBarType: "progress",
+      r(
+        (o, e) => ({
+          ...o,
+          component: p,
+          header: s(1),
           contractorId: e.payload.contractorId,
           successMessage: void 0
         })
@@ -47,84 +49,80 @@ const c = (t) => (e) => ({
     )
   ),
   profile: a(
-    s(),
-    r(
+    c(),
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "address",
-      o(
-        (t, e) => ({
-          ...t,
-          component: u,
-          currentStep: 2,
+      r(
+        (o, e) => ({
+          ...o,
+          component: T,
+          header: s(2),
           contractorId: e.payload.contractorId,
           selfOnboarding: e.payload.selfOnboarding
         })
       ),
-      p((t, e) => !e.payload.selfOnboarding)
-      // Only allow transition to address if not self-onboarding
+      i((o, e) => !e.payload.selfOnboarding)
     ),
-    r(
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "newHireReport",
-      o(
-        (t, e) => ({
-          ...t,
-          component: d,
+      r(
+        (o, e) => ({
+          ...o,
+          component: O,
+          header: s(2, E),
           contractorId: e.payload.contractorId,
-          selfOnboarding: e.payload.selfOnboarding,
-          currentStep: 2,
-          totalSteps: 3
+          selfOnboarding: e.payload.selfOnboarding
         })
       ),
-      p((t, e) => e.payload.selfOnboarding)
-      // Only allow transition to new hire report if self-onboarding
+      i((o, e) => e.payload.selfOnboarding)
     )
   ),
   address: a(
-    s(),
-    r(
+    c(),
+    t(
       n.CONTRACTOR_ADDRESS_DONE,
       "paymentMethod",
-      o(c({ component: R, currentStep: 3 }))
+      r(d({ component: m, header: s(3) }))
     )
   ),
   paymentMethod: a(
-    s(),
-    r(
+    c(),
+    t(
       n.CONTRACTOR_PAYMENT_METHOD_DONE,
       "newHireReport",
-      o(
-        c({
-          component: d,
-          currentStep: 4
+      r(
+        d({
+          component: O,
+          header: s(4)
         })
       )
     )
   ),
   newHireReport: a(
-    s(),
-    r(
+    c(),
+    t(
       n.CONTRACTOR_NEW_HIRE_REPORT_DONE,
       "submit",
-      o(
-        c({
-          component: O,
-          currentStep: 5
+      r(
+        d({
+          component: C,
+          header: s(5)
         })
       )
     )
   ),
   submit: a(
-    s(),
-    r(
+    c(),
+    t(
       n.CONTRACTOR_SUBMIT_DONE,
       "list",
-      o(
-        (t, e) => ({
-          ...t,
+      r(
+        (o, e) => ({
+          ...o,
           component: l,
-          currentStep: 0,
-          progressBarType: null,
+          header: null,
           successMessage: e.payload.message
         })
       )

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

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: { contractorId: string; selfOnboarding: boolean }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\nconst cancelTransition = () =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: ContractorListContextual,\n        progressBarType: null,\n        currentStep: 0,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\nexport const onboardingMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          currentStep: 1,\n          progressBarType: 'progress',\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            currentStep: 1,\n            progressBarType: 'progress',\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: AddressContextual,\n            currentStep: 2,\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding), // Only allow transition to address if not self-onboarding\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            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            currentStep: 2,\n            totalSteps: 3,\n          }\n        },\n      ),\n      guard((ctx, ev) => ev.payload.selfOnboarding), // Only allow transition to new hire report if self-onboarding\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual, currentStep: 3 })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce(\n        createReducer({\n          component: NewHireReportContextual,\n          currentStep: 4,\n        }),\n      ),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce(\n        createReducer({\n          component: SubmitContextual,\n          currentStep: 5,\n        }),\n      ),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            currentStep: 0,\n            progressBarType: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","transition","componentEvents","reduce","ContractorListContextual","onboardingMachine","state","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","PaymentMethodContextual","SubmitContextual"],"mappings":"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"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  ProgressBarCta,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: { contractorId: string; selfOnboarding: boolean }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\nconst TOTAL_STEPS_DEFAULT = 5\nconst TOTAL_STEPS_SELF_ONBOARDING = 3\n\nconst progressHeader = (\n  currentStep: number,\n  totalSteps: number = TOTAL_STEPS_DEFAULT,\n): FlowHeaderConfig => ({\n  type: 'progress',\n  currentStep,\n  totalSteps,\n  cta: ProgressBarCta,\n})\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = () =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: ContractorListContextual,\n        header: null,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\nexport const onboardingMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          header: progressHeader(1),\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            header: progressHeader(1),\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: AddressContextual,\n            header: progressHeader(2),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            header: progressHeader(2, TOTAL_STEPS_SELF_ONBOARDING),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => ev.payload.selfOnboarding),\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual, header: progressHeader(3) })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce(\n        createReducer({\n          component: NewHireReportContextual,\n          header: progressHeader(4),\n        }),\n      ),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce(\n        createReducer({\n          component: SubmitContextual,\n          header: progressHeader(5),\n        }),\n      ),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            header: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["TOTAL_STEPS_DEFAULT","TOTAL_STEPS_SELF_ONBOARDING","progressHeader","currentStep","totalSteps","ProgressBarCta","createReducer","props","ctx","cancelTransition","transition","componentEvents","reduce","ContractorListContextual","onboardingMachine","state","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","PaymentMethodContextual","SubmitContextual"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.js

@@ -1,24 +1,24 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createMachine as n } from "robot3";
-import { useMemo as a } from "react";
+import { createMachine as a } from "robot3";
+import { useMemo as n } from "react";
 import { paymentMachine as i, paymentFlowBreadcrumbsNodes as p } from "./paymentStateMachine.js";
 import { PaymentListContextual as c } from "./PaymentFlowComponents.js";
 import { Flow as s } from "../../../Flow/Flow.js";
-import { buildBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
-const F = ({ companyId: r, onEvent: o }) => {
-  const m = a(
-    () => n("landing", i, (e) => ({
+import { buildBreadcrumbs as u } from "../../../../helpers/breadcrumbHelpers.js";
+const F = ({ companyId: r, onEvent: m }) => {
+  const o = n(
+    () => a("landing", i, (e) => ({
       ...e,
       component: c,
       companyId: r,
-      progressBarType: null,
-      //landing step does not show progress bar/breadcrumbs
-      breadcrumbs: l(p),
-      currentBreadcrumb: "landing"
+      header: {
+        type: "breadcrumbs",
+        breadcrumbs: u(p)
+      }
     })),
     [r]
   );
-  return /* @__PURE__ */ t(s, { machine: m, onEvent: o });
+  return /* @__PURE__ */ t(s, { machine: o, onEvent: m });
 };
 export {
   F as PaymentFlow

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        progressBarType: null, //landing step does not show progress bar/breadcrumbs\n        breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        currentBreadcrumb: 'landing',\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,iBAAiB;AAAA;AAAA,MACjB,aAAaQ,EAAiBC,CAA2B;AAAA,MACzD,mBAAmB;AAAA,IAAA,EACnB;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}
+{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        },\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAaQ,EAAiBC,CAA2B;AAAA,MAAA;AAAA,IAC3D,EACA;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js

@@ -1,21 +1,19 @@
 import { state as m, transition as a, reduce as n } from "robot3";
-import { getContractorDisplayName as p } from "../CreatePayment/helpers.js";
-import { PaymentListContextual as i, PaymentStatementContextual as u, PaymentSummaryContextual as d, CreatePaymentContextual as T, PaymentHistoryContextual as c, InformationRequestsContextual as g } from "./PaymentFlowComponents.js";
-import { informationRequestEvents as l, componentEvents as o, payrollWireEvents as y } from "../../../../shared/constants.js";
-import { updateBreadcrumbs as r } from "../../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as b } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const _ = {
+import { getContractorDisplayName as l } from "../CreatePayment/helpers.js";
+import { PaymentListContextual as d, PaymentStatementContextual as p, PaymentSummaryContextual as C, CreatePaymentContextual as P, PaymentHistoryContextual as y, InformationRequestsContextual as b } from "./PaymentFlowComponents.js";
+import { informationRequestEvents as u, componentEvents as r, payrollWireEvents as s } from "../../../../shared/constants.js";
+import { patchBreadcrumbsHeader as i, updateBreadcrumbs as o } from "../../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as R } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const I = {
   landing: {
     parent: null,
     item: {
       id: "landing",
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentsList",
-      onNavigate: ((e) => ({
-        ...e,
-        currentBreadcrumb: "landing",
-        progressBarType: null,
-        component: i
+      onNavigate: ((t) => ({
+        ...i(t, { currentBreadcrumbId: void 0 }),
+        component: d
       }))
     }
   },
@@ -25,8 +23,8 @@ const _ = {
       id: "createPayment",
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.CreatePayment",
-      onNavigate: ((e) => ({
-        ...r("createPayment", e)
+      onNavigate: ((t) => ({
+        ...o("createPayment", t)
       }))
     }
   },
@@ -36,8 +34,8 @@ const _ = {
       id: "paymentSummary",
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentSummary",
-      onNavigate: ((e) => ({
-        ...r("paymentSummary", e)
+      onNavigate: ((t) => ({
+        ...o("paymentSummary", t)
       }))
     }
   },
@@ -47,9 +45,9 @@ const _ = {
       id: "history",
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentHistory",
-      onNavigate: ((e) => ({
-        ...r("history", e),
-        component: c
+      onNavigate: ((t) => ({
+        ...o("history", t),
+        component: y
       }))
     }
   },
@@ -61,55 +59,48 @@ const _ = {
       namespace: "Contractor.Payments.PaymentStatement"
     }
   }
-}, s = b(), A = {
+}, c = R(), g = {
   landing: m(
     a(
-      o.CONTRACTOR_PAYMENT_CREATE,
+      r.CONTRACTOR_PAYMENT_CREATE,
       "createPayment",
-      n(
-        (e, t) => ({
-          ...r("createPayment", e),
-          component: T,
-          progressBarType: "breadcrumbs",
-          alerts: void 0
-        })
-      )
+      n((t) => ({
+        ...o("createPayment", t),
+        component: P,
+        alerts: void 0
+      }))
     ),
     a(
-      o.CONTRACTOR_PAYMENT_VIEW,
+      r.CONTRACTOR_PAYMENT_VIEW,
       "history",
       n(
-        (e, t) => ({
-          ...r("history", e),
-          component: c,
-          currentPaymentId: t.payload.paymentId,
-          progressBarType: "breadcrumbs",
+        (t, e) => ({
+          ...o("history", t),
+          component: y,
+          currentPaymentId: e.payload.paymentId,
           alerts: void 0
         })
       )
     ),
     a(
-      o.CONTRACTOR_PAYMENT_RFI_RESPOND,
+      r.CONTRACTOR_PAYMENT_RFI_RESPOND,
       "informationRequests",
-      n(
-        (e, t) => ({
-          ...e,
-          component: g,
-          progressBarType: null
-        })
-      )
+      n((t) => ({
+        ...i(t, { currentBreadcrumbId: void 0 }),
+        component: b
+      }))
     ),
     a(
-      y.PAYROLL_WIRE_FORM_DONE,
+      s.PAYROLL_WIRE_FORM_DONE,
       "landing",
       n(
-        (e, t) => ({
-          ...e,
+        (t, e) => ({
+          ...t,
           alerts: [
             {
               type: "success",
               title: "wireDetailsSubmitted",
-              content: t.payload.confirmationAlert.content
+              content: e.payload.confirmationAlert.content
             }
           ]
         })
@@ -118,119 +109,105 @@ const _ = {
   ),
   createPayment: m(
     a(
-      o.CONTRACTOR_PAYMENT_CREATED,
+      r.CONTRACTOR_PAYMENT_CREATED,
       "paymentSummary",
       n(
-        (e, t) => ({
-          ...r("paymentSummary", e),
-          component: d,
-          createdPaymentGroupId: t.payload.uuid,
-          progressBarType: "breadcrumbs",
+        (t, e) => ({
+          ...o("paymentSummary", t),
+          component: C,
+          createdPaymentGroupId: e.payload.uuid,
           alerts: void 0
         })
       )
     ),
-    s("landing")
+    c("landing")
   ),
   paymentSummary: m(
     a(
-      o.CONTRACTOR_PAYMENT_EXIT,
+      r.CONTRACTOR_PAYMENT_EXIT,
       "landing",
-      n(
-        (e, t) => ({
-          ...r("landing", e),
-          progressBarType: null,
-          component: i,
-          createdPaymentGroupId: void 0,
-          alerts: void 0
-        })
-      )
+      n((t) => ({
+        ...i(t, { currentBreadcrumbId: void 0 }),
+        component: d,
+        createdPaymentGroupId: void 0,
+        alerts: void 0
+      }))
     ),
     a(
-      y.PAYROLL_WIRE_FORM_DONE,
+      s.PAYROLL_WIRE_FORM_DONE,
       "paymentSummary",
       n(
-        (e, t) => ({
-          ...e,
+        (t, e) => ({
+          ...t,
           alerts: [
             {
               type: "success",
               title: "wireDetailsSubmitted",
-              content: t.payload.confirmationAlert.content
+              content: e.payload.confirmationAlert.content
             }
           ]
         })
       )
     ),
-    s("landing")
+    c("landing")
   ),
   history: m(
     a(
-      o.CONTRACTOR_PAYMENT_VIEW_DETAILS,
+      r.CONTRACTOR_PAYMENT_VIEW_DETAILS,
       "statement",
       n(
-        (e, t) => ({
-          ...r("statement", e, {
-            contractorName: p(t.payload.contractor)
+        (t, e) => ({
+          ...o("statement", t, {
+            contractorName: l(e.payload.contractor)
           }),
-          component: u,
-          currentContractorUuid: t.payload.contractor.uuid,
-          currentPaymentId: t.payload.paymentGroupId,
-          progressBarType: "breadcrumbs",
+          component: p,
+          currentContractorUuid: e.payload.contractor.uuid,
+          currentPaymentId: e.payload.paymentGroupId,
           alerts: void 0
         })
       )
     ),
     a(
-      o.CONTRACTOR_PAYMENT_CANCEL,
+      r.CONTRACTOR_PAYMENT_CANCEL,
       "landing",
-      n(
-        (e, t) => ({
-          ...r("landing", e),
-          progressBarType: null,
-          component: i,
-          alerts: [
-            {
-              type: "success",
-              title: "paymentCancelledSuccessfully"
-            }
-          ]
-        })
-      )
+      n((t) => ({
+        ...i(t, { currentBreadcrumbId: void 0 }),
+        component: d,
+        alerts: [
+          {
+            type: "success",
+            title: "paymentCancelledSuccessfully"
+          }
+        ]
+      }))
     ),
-    s("landing")
+    c("landing")
   ),
   statement: m(
-    s("landing"),
-    s("history")
+    c("landing"),
+    c("history")
   ),
   informationRequests: m(
     a(
-      l.INFORMATION_REQUEST_FORM_DONE,
+      u.INFORMATION_REQUEST_FORM_DONE,
       "landing",
-      n(
-        (e, t) => ({
-          ...r("landing", e),
-          component: i,
-          progressBarType: null
-        })
-      )
+      n((t) => ({
+        ...i(t, { currentBreadcrumbId: void 0 }),
+        component: d
+      }))
     ),
     a(
-      l.INFORMATION_REQUEST_FORM_CANCEL,
+      u.INFORMATION_REQUEST_FORM_CANCEL,
       "landing",
-      n(
-        (e, t) => ({
-          ...r("landing", e),
-          component: i,
-          progressBarType: null
-        })
-      )
+      n((t) => ({
+        ...i(t, { currentBreadcrumbId: void 0 }),
+        component: d
+      }))
     )
   )
 };
 export {
-  _ as paymentFlowBreadcrumbsNodes,
-  A as paymentMachine
+  I as paymentFlowBreadcrumbsNodes,
+  g as paymentMachine
 };
 //# sourceMappingURL=paymentStateMachine.js.map