@gusto/embedded-react-sdk 0.41.0 → 0.43.0

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.js

@@ -1,12 +1,12 @@
-import { state as t, transition as l, reduce as o, guard as P } from "robot3";
-import { PayrollReceiptsContextual as g, PayrollBlockerContextual as L, PayrollLandingContextual as b, PayrollOverviewContextual as R } from "./PayrollFlowComponents.js";
-import { PayrollExecutionFlowContextual as C } from "./PayrollExecutionFlowContextual.js";
-import { TransitionFlowContextual as v } from "./TransitionFlowContextual.js";
-import { OffCycleFlowContextual as _ } from "./OffCycleFlowContextual.js";
-import { componentEvents as r } from "../../../shared/constants.js";
-import { updateBreadcrumbs as u } from "../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as E } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const U = {
+import { state as n, transition as t, reduce as o, guard as L } from "robot3";
+import { PayrollReceiptsContextual as R, PayrollBlockerContextual as v, PayrollLandingContextual as b, PayrollOverviewContextual as C } from "./PayrollFlowComponents.js";
+import { PayrollExecutionFlowContextual as g } from "./PayrollExecutionFlowContextual.js";
+import { TransitionFlowContextual as _ } from "./TransitionFlowContextual.js";
+import { OffCycleFlowContextual as E } from "./OffCycleFlowContextual.js";
+import { componentEvents as l } from "../../../shared/constants.js";
+import { updateBreadcrumbs as m, patchBreadcrumbsHeader as c } from "../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as f } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const I = {
   landing: {
     parent: null,
     item: {
@@ -14,9 +14,7 @@ const U = {
       label: "breadcrumbs.landing",
       namespace: "Payroll.PayrollLanding",
       onNavigate: ((e) => ({
-        ...e,
-        currentBreadcrumbId: "landing",
-        progressBarType: null,
+        ...c(e, { currentBreadcrumbId: void 0 }),
         component: b,
         payrollUuid: void 0,
         executionInitialState: void 0
@@ -47,40 +45,38 @@ const U = {
       namespace: "Payroll.PayrollLanding"
     }
   }
-}, s = E();
+}, s = f();
 function y(e) {
   return {
-    ...e,
+    ...c(e, { currentBreadcrumbId: void 0 }),
     component: b,
     payrollUuid: void 0,
     payPeriod: void 0,
-    progressBarType: null,
-    currentBreadcrumbId: "landing",
     executionInitialState: void 0
   };
 }
-function m(e, a, i) {
+function P(e, a, i) {
   return {
     ...e,
-    component: C,
+    component: g,
     payrollUuid: a.payload.payrollUuid,
     showPayrollCancelledAlert: !1,
     executionInitialState: i
   };
 }
-const c = l(
-  r.BREADCRUMB_NAVIGATE,
+const u = t(
+  l.BREADCRUMB_NAVIGATE,
   "landing",
-  P(
+  L(
     (e, a) => a.payload.key === "landing"
   ),
   o(y)
-), n = l(
-  r.PAYROLL_EXIT_FLOW,
+), r = t(
+  l.PAYROLL_EXIT_FLOW,
   "landing",
   o(y)
-), d = l(
-  r.RUN_PAYROLL_CANCELLED,
+), d = t(
+  l.RUN_PAYROLL_CANCELLED,
   "landing",
   o(
     (e) => ({
@@ -88,21 +84,20 @@ const c = l(
       showPayrollCancelledAlert: !0
     })
   )
-), p = l(
-  r.RUN_PAYROLL_PROCESSED,
+), p = t(
+  l.RUN_PAYROLL_PROCESSED,
   "submittedOverview",
   o(
     (e, a) => {
       const i = a.payload.payPeriod ?? e.payPeriod;
       return {
-        ...u("submittedOverview", e, {
+        ...m("submittedOverview", e, {
           startDate: i?.startDate ?? "",
           endDate: i?.endDate ?? ""
         }),
-        component: R,
+        component: C,
         payrollUuid: a.payload.payrollUuid ?? e.payrollUuid,
         payPeriod: i,
-        progressBarType: "breadcrumbs",
         executionInitialState: void 0,
         ctaConfig: {
           labelKey: "exitFlowCta",
@@ -111,30 +106,29 @@ const c = l(
       };
     }
   )
-), x = {
-  landing: t(
-    l(
-      r.RUN_PAYROLL_SELECTED,
+), B = {
+  landing: n(
+    t(
+      l.RUN_PAYROLL_SELECTED,
       "execution",
       o(
-        (e, a) => m(e, a, "configuration")
+        (e, a) => P(e, a, "configuration")
       )
     ),
-    l(
-      r.REVIEW_PAYROLL,
+    t(
+      l.REVIEW_PAYROLL,
       "execution",
       o(
-        (e, a) => m(e, a, "overview")
+        (e, a) => P(e, a, "overview")
       )
     ),
-    l(
-      r.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
+    t(
+      l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
       o(
         (e) => ({
-          ...u("blockers", e),
-          component: L,
-          progressBarType: "breadcrumbs",
+          ...m("blockers", e),
+          component: v,
           showPayrollCancelledAlert: !1,
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -143,8 +137,8 @@ const c = l(
         })
       )
     ),
-    l(
-      r.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,
+    t(
+      l.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,
       "landing",
       o(
         (e) => ({
@@ -153,54 +147,51 @@ const c = l(
         })
       )
     ),
-    l(
-      r.RUN_TRANSITION_PAYROLL,
+    t(
+      l.RUN_TRANSITION_PAYROLL,
       "transition",
       o(
         (e, a) => ({
-          ...e,
-          component: v,
+          ...c(e, { currentBreadcrumbId: void 0 }),
+          component: _,
           transitionStartDate: a.payload.startDate,
           transitionEndDate: a.payload.endDate,
           transitionPayScheduleUuid: a.payload.payScheduleUuid,
-          showPayrollCancelledAlert: !1,
-          progressBarType: null
+          showPayrollCancelledAlert: !1
         })
       )
     ),
-    l(
-      r.RUN_OFF_CYCLE_PAYROLL,
+    t(
+      l.RUN_OFF_CYCLE_PAYROLL,
       "offCycle",
       o(
         (e) => ({
-          ...e,
-          component: _,
-          showPayrollCancelledAlert: !1,
-          progressBarType: null
+          ...c(e, { currentBreadcrumbId: void 0 }),
+          component: E,
+          showPayrollCancelledAlert: !1
         })
       )
     )
   ),
-  execution: t(
-    c,
-    n,
+  execution: n(
+    u,
+    r,
     d,
     p
   ),
-  blockers: t(s("landing"), n),
-  submittedOverview: t(
+  blockers: n(s("landing"), r),
+  submittedOverview: n(
     s("landing"),
-    l(
-      r.RUN_PAYROLL_RECEIPT_GET,
+    t(
+      l.RUN_PAYROLL_RECEIPT_GET,
       "submittedReceipts",
       o(
         (e) => ({
-          ...u("submittedReceipts", e, {
+          ...m("submittedReceipts", e, {
             startDate: e.payPeriod?.startDate ?? "",
             endDate: e.payPeriod?.endDate ?? ""
           }),
-          component: g,
-          progressBarType: "breadcrumbs",
+          component: R,
           alerts: void 0,
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -210,27 +201,27 @@ const c = l(
       )
     ),
     d,
-    n
+    r
   ),
-  submittedReceipts: t(
+  submittedReceipts: n(
     s("landing"),
-    n
+    r
   ),
-  transition: t(
-    c,
-    n,
+  transition: n(
+    u,
+    r,
     d,
     p
   ),
-  offCycle: t(
-    c,
-    n,
+  offCycle: n(
+    u,
+    r,
     d,
     p
   )
 };
 export {
-  U as payrollFlowBreadcrumbsNodes,
-  x as payrollFlowMachine
+  I as payrollFlowBreadcrumbsNodes,
+  B as payrollFlowMachine
 };
 //# sourceMappingURL=payrollStateMachine.js.map

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollExecutionInitialState } from '../PayrollExecutionFlow'\nimport {\n  PayrollLandingContextual,\n  PayrollBlockerContextual,\n  PayrollOverviewContextual,\n  PayrollReceiptsContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { PayrollExecutionFlowContextual } from './PayrollExecutionFlowContextual'\nimport { TransitionFlowContextual } from './TransitionFlowContextual'\nimport { OffCycleFlowContextual } from './OffCycleFlowContextual'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollFlowEventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n  }\n  [componentEvents.RUN_PAYROLL_PROCESSED]: {\n    payPeriod?: PayrollPayPeriodType\n    payrollUuid?: string\n  }\n  [componentEvents.RUN_TRANSITION_PAYROLL]: {\n    startDate: string\n    endDate: string\n    payScheduleUuid: string\n  }\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumbId: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n        payrollUuid: undefined,\n        executionInitialState: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n  submittedOverview: {\n    parent: 'landing',\n    item: {\n      id: 'submittedOverview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  submittedReceipts: {\n    parent: 'landing',\n    item: {\n      id: 'submittedReceipts',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nfunction toLandingReducer(ctx: PayrollFlowContextInterface): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollLandingContextual,\n    payrollUuid: undefined,\n    payPeriod: undefined,\n    progressBarType: null,\n    currentBreadcrumbId: 'landing',\n    executionInitialState: undefined,\n  }\n}\n\nfunction toExecutionReducer(\n  ctx: PayrollFlowContextInterface,\n  ev: { payload: { payrollUuid: string } },\n  executionInitialState: PayrollExecutionInitialState,\n): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollExecutionFlowContextual,\n    payrollUuid: ev.payload.payrollUuid,\n    showPayrollCancelledAlert: false,\n    executionInitialState,\n  }\n}\n\nconst landingBreadcrumbNavigateTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'landing',\n  guard(\n    (_ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'landing',\n  ),\n  reduce(toLandingReducer),\n)\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(toLandingReducer),\n)\n\nconst cancelledToLandingTransition = transition(\n  componentEvents.RUN_PAYROLL_CANCELLED,\n  'landing',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...toLandingReducer(ctx),\n      showPayrollCancelledAlert: true,\n    }),\n  ),\n)\n\nconst processedToSubmittedOverviewTransition = transition(\n  componentEvents.RUN_PAYROLL_PROCESSED,\n  'submittedOverview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.RUN_PAYROLL_PROCESSED>,\n    ): PayrollFlowContextInterface => {\n      const payPeriod = ev.payload.payPeriod ?? ctx.payPeriod\n      return {\n        ...updateBreadcrumbs('submittedOverview', ctx, {\n          startDate: payPeriod?.startDate ?? '',\n          endDate: payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payrollUuid: ev.payload.payrollUuid ?? ctx.payrollUuid,\n        payPeriod,\n        progressBarType: 'breadcrumbs',\n        executionInitialState: undefined,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nexport const payrollFlowMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_PAYROLL_SELECTED\n          >,\n        ) => toExecutionReducer(ctx, ev, 'configuration'),\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ) => toExecutionReducer(ctx, ev, 'overview'),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('blockers', ctx),\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          showPayrollCancelledAlert: false,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'landing',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_TRANSITION_PAYROLL,\n      'transition',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_TRANSITION_PAYROLL\n          >,\n        ): PayrollFlowContextInterface => ({\n          ...ctx,\n          component: TransitionFlowContextual,\n          transitionStartDate: ev.payload.startDate,\n          transitionEndDate: ev.payload.endDate,\n          transitionPayScheduleUuid: ev.payload.payScheduleUuid,\n          showPayrollCancelledAlert: false,\n          progressBarType: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_OFF_CYCLE_PAYROLL,\n      'offCycle',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          component: OffCycleFlowContextual,\n          showPayrollCancelledAlert: false,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n  execution: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  submittedOverview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'submittedReceipts',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('submittedReceipts', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    cancelledToLandingTransition,\n    exitFlowTransition,\n  ),\n  submittedReceipts: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    exitFlowTransition,\n  ),\n  transition: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  offCycle: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","toLandingReducer","toExecutionReducer","ev","executionInitialState","PayrollExecutionFlowContextual","landingBreadcrumbNavigateTransition","transition","componentEvents","guard","_ctx","reduce","exitFlowTransition","cancelledToLandingTransition","processedToSubmittedOverviewTransition","payPeriod","updateBreadcrumbs","PayrollOverviewContextual","payrollFlowMachine","state","PayrollBlockerContextual","TransitionFlowContextual","OffCycleFlowContextual","PayrollReceiptsContextual"],"mappings":";;;;;;;;AAqCO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGA;AAAA,QACH,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,WAAWC;AAAA,QACX,aAAa;AAAA,QACb,uBAAuB;AAAA,MAAA;AAAA,IACzB;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,mBAAmB;AAAA,IACjB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,mBAAmB;AAAA,IACjB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAEMC,IACJC,EAAA;AAEF,SAASC,EAAiBJ,GAA+D;AACvF,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,aAAa;AAAA,IACb,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,EAAA;AAE3B;AAEA,SAASI,EACPL,GACAM,GACAC,GAC6B;AAC7B,SAAO;AAAA,IACL,GAAGP;AAAA,IACH,WAAWQ;AAAA,IACX,aAAaF,EAAG,QAAQ;AAAA,IACxB,2BAA2B;AAAA,IAC3B,uBAAAC;AAAA,EAAA;AAEJ;AAEA,MAAME,IAAsCC;AAAA,EAC1CC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAmCP,MAClCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBQ,EAAOV,CAAgB;AACzB,GAEMW,IAAqBL;AAAA,EACzBC,EAAgB;AAAA,EAChB;AAAA,EACAG,EAAOV,CAAgB;AACzB,GAEMY,IAA+BN;AAAA,EACnCC,EAAgB;AAAA,EAChB;AAAA,EACAG;AAAA,IACE,CAACd,OAAmE;AAAA,MAClE,GAAGI,EAAiBJ,CAAG;AAAA,MACvB,2BAA2B;AAAA,IAAA;AAAA,EAC7B;AAEJ,GAEMiB,IAAyCP;AAAA,EAC7CC,EAAgB;AAAA,EAChB;AAAA,EACAG;AAAA,IACE,CACEd,GACAM,MACgC;AAChC,YAAMY,IAAYZ,EAAG,QAAQ,aAAaN,EAAI;AAC9C,aAAO;AAAA,QACL,GAAGmB,EAAkB,qBAAqBnB,GAAK;AAAA,UAC7C,WAAWkB,GAAW,aAAa;AAAA,UACnC,SAASA,GAAW,WAAW;AAAA,QAAA,CAChC;AAAA,QACD,WAAWE;AAAA,QACX,aAAad,EAAG,QAAQ,eAAeN,EAAI;AAAA,QAC3C,WAAAkB;AAAA,QACA,iBAAiB;AAAA,QACjB,uBAAuB;AAAA,QACvB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IAEJ;AAAA,EAAA;AAEJ,GAEaG,IAAqB;AAAA,EAChC,SAASC;AAAA,IACPZ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEd,GACAM,MAIGD,EAAmBL,GAAKM,GAAI,eAAe;AAAA,MAAA;AAAA,IAClD;AAAA,IAEFI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEd,GACAM,MACGD,EAAmBL,GAAKM,GAAI,UAAU;AAAA,MAAA;AAAA,IAC7C;AAAA,IAEFI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACd,OAAmE;AAAA,UAClE,GAAGmB,EAAkB,YAAYnB,CAAG;AAAA,UACpC,WAAWuB;AAAA,UACX,iBAAiB;AAAA,UACjB,2BAA2B;AAAA,UAC3B,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,IAEFb;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACd,OAAmE;AAAA,UAClE,GAAGA;AAAA,UACH,2BAA2B;AAAA,QAAA;AAAA,MAC7B;AAAA,IACF;AAAA,IAEFU;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEd,GACAM,OAIiC;AAAA,UACjC,GAAGN;AAAA,UACH,WAAWwB;AAAA,UACX,qBAAqBlB,EAAG,QAAQ;AAAA,UAChC,mBAAmBA,EAAG,QAAQ;AAAA,UAC9B,2BAA2BA,EAAG,QAAQ;AAAA,UACtC,2BAA2B;AAAA,UAC3B,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,IAEFI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACd,OAAmE;AAAA,UAClE,GAAGA;AAAA,UACH,WAAWyB;AAAA,UACX,2BAA2B;AAAA,UAC3B,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAWH;AAAA,IACTb;AAAA,IACAM;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,UAAUK,EAAyBpB,EAA6B,SAAS,GAAGa,CAAkB;AAAA,EAC9F,mBAAmBO;AAAA,IACjBpB,EAA6B,SAAS;AAAA,IACtCQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACd,OAAmE;AAAA,UAClE,GAAGmB,EAAkB,qBAAqBnB,GAAK;AAAA,YAC7C,WAAWA,EAAI,WAAW,aAAa;AAAA,YACvC,SAASA,EAAI,WAAW,WAAW;AAAA,UAAA,CACpC;AAAA,UACD,WAAW0B;AAAA,UACX,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,IAEFV;AAAA,IACAD;AAAA,EAAA;AAAA,EAEF,mBAAmBO;AAAA,IACjBpB,EAA6B,SAAS;AAAA,IACtCa;AAAA,EAAA;AAAA,EAEF,YAAYO;AAAA,IACVb;AAAA,IACAM;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,UAAUK;AAAA,IACRb;AAAA,IACAM;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollExecutionInitialState } from '../PayrollExecutionFlow'\nimport {\n  PayrollLandingContextual,\n  PayrollBlockerContextual,\n  PayrollOverviewContextual,\n  PayrollReceiptsContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { PayrollExecutionFlowContextual } from './PayrollExecutionFlowContextual'\nimport { TransitionFlowContextual } from './TransitionFlowContextual'\nimport { OffCycleFlowContextual } from './OffCycleFlowContextual'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollFlowEventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n  }\n  [componentEvents.RUN_PAYROLL_PROCESSED]: {\n    payPeriod?: PayrollPayPeriodType\n    payrollUuid?: string\n  }\n  [componentEvents.RUN_TRANSITION_PAYROLL]: {\n    startDate: string\n    endDate: string\n    payScheduleUuid: string\n  }\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PayrollLandingContextual,\n        payrollUuid: undefined,\n        executionInitialState: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n  submittedOverview: {\n    parent: 'landing',\n    item: {\n      id: 'submittedOverview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  submittedReceipts: {\n    parent: 'landing',\n    item: {\n      id: 'submittedReceipts',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nfunction toLandingReducer(ctx: PayrollFlowContextInterface): PayrollFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n    component: PayrollLandingContextual,\n    payrollUuid: undefined,\n    payPeriod: undefined,\n    executionInitialState: undefined,\n  }\n}\n\nfunction toExecutionReducer(\n  ctx: PayrollFlowContextInterface,\n  ev: { payload: { payrollUuid: string } },\n  executionInitialState: PayrollExecutionInitialState,\n): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollExecutionFlowContextual,\n    payrollUuid: ev.payload.payrollUuid,\n    showPayrollCancelledAlert: false,\n    executionInitialState,\n  }\n}\n\nconst landingBreadcrumbNavigateTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'landing',\n  guard(\n    (_ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'landing',\n  ),\n  reduce(toLandingReducer),\n)\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(toLandingReducer),\n)\n\nconst cancelledToLandingTransition = transition(\n  componentEvents.RUN_PAYROLL_CANCELLED,\n  'landing',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...toLandingReducer(ctx),\n      showPayrollCancelledAlert: true,\n    }),\n  ),\n)\n\nconst processedToSubmittedOverviewTransition = transition(\n  componentEvents.RUN_PAYROLL_PROCESSED,\n  'submittedOverview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.RUN_PAYROLL_PROCESSED>,\n    ): PayrollFlowContextInterface => {\n      const payPeriod = ev.payload.payPeriod ?? ctx.payPeriod\n      return {\n        ...updateBreadcrumbs('submittedOverview', ctx, {\n          startDate: payPeriod?.startDate ?? '',\n          endDate: payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payrollUuid: ev.payload.payrollUuid ?? ctx.payrollUuid,\n        payPeriod,\n        executionInitialState: undefined,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nexport const payrollFlowMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_PAYROLL_SELECTED\n          >,\n        ) => toExecutionReducer(ctx, ev, 'configuration'),\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ) => toExecutionReducer(ctx, ev, 'overview'),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('blockers', ctx),\n          component: PayrollBlockerContextual,\n          showPayrollCancelledAlert: false,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'landing',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_TRANSITION_PAYROLL,\n      'transition',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_TRANSITION_PAYROLL\n          >,\n        ): PayrollFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: TransitionFlowContextual,\n          transitionStartDate: ev.payload.startDate,\n          transitionEndDate: ev.payload.endDate,\n          transitionPayScheduleUuid: ev.payload.payScheduleUuid,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_OFF_CYCLE_PAYROLL,\n      'offCycle',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: OffCycleFlowContextual,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  execution: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  submittedOverview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'submittedReceipts',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('submittedReceipts', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollReceiptsContextual,\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    cancelledToLandingTransition,\n    exitFlowTransition,\n  ),\n  submittedReceipts: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    exitFlowTransition,\n  ),\n  transition: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  offCycle: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PayrollLandingContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","toLandingReducer","toExecutionReducer","ev","executionInitialState","PayrollExecutionFlowContextual","landingBreadcrumbNavigateTransition","transition","componentEvents","guard","_ctx","reduce","exitFlowTransition","cancelledToLandingTransition","processedToSubmittedOverviewTransition","payPeriod","updateBreadcrumbs","PayrollOverviewContextual","payrollFlowMachine","state","PayrollBlockerContextual","TransitionFlowContextual","OffCycleFlowContextual","PayrollReceiptsContextual"],"mappings":";;;;;;;;AAqCO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,aAAa;AAAA,QACb,uBAAuB;AAAA,MAAA;AAAA,IACzB;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,mBAAmB;AAAA,IACjB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,mBAAmB;AAAA,IACjB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAEMC,IACJC,EAAA;AAEF,SAASC,EAAiBL,GAA+D;AACvF,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,IACjE,WAAWE;AAAA,IACX,aAAa;AAAA,IACb,WAAW;AAAA,IACX,uBAAuB;AAAA,EAAA;AAE3B;AAEA,SAASI,EACPN,GACAO,GACAC,GAC6B;AAC7B,SAAO;AAAA,IACL,GAAGR;AAAA,IACH,WAAWS;AAAA,IACX,aAAaF,EAAG,QAAQ;AAAA,IACxB,2BAA2B;AAAA,IAC3B,uBAAAC;AAAA,EAAA;AAEJ;AAEA,MAAME,IAAsCC;AAAA,EAC1CC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAmCP,MAClCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBQ,EAAOV,CAAgB;AACzB,GAEMW,IAAqBL;AAAA,EACzBC,EAAgB;AAAA,EAChB;AAAA,EACAG,EAAOV,CAAgB;AACzB,GAEMY,IAA+BN;AAAA,EACnCC,EAAgB;AAAA,EAChB;AAAA,EACAG;AAAA,IACE,CAACf,OAAmE;AAAA,MAClE,GAAGK,EAAiBL,CAAG;AAAA,MACvB,2BAA2B;AAAA,IAAA;AAAA,EAC7B;AAEJ,GAEMkB,IAAyCP;AAAA,EAC7CC,EAAgB;AAAA,EAChB;AAAA,EACAG;AAAA,IACE,CACEf,GACAO,MACgC;AAChC,YAAMY,IAAYZ,EAAG,QAAQ,aAAaP,EAAI;AAC9C,aAAO;AAAA,QACL,GAAGoB,EAAkB,qBAAqBpB,GAAK;AAAA,UAC7C,WAAWmB,GAAW,aAAa;AAAA,UACnC,SAASA,GAAW,WAAW;AAAA,QAAA,CAChC;AAAA,QACD,WAAWE;AAAA,QACX,aAAad,EAAG,QAAQ,eAAeP,EAAI;AAAA,QAC3C,WAAAmB;AAAA,QACA,uBAAuB;AAAA,QACvB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IAEJ;AAAA,EAAA;AAEJ,GAEaG,IAAqB;AAAA,EAChC,SAASC;AAAA,IACPZ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEf,GACAO,MAIGD,EAAmBN,GAAKO,GAAI,eAAe;AAAA,MAAA;AAAA,IAClD;AAAA,IAEFI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEf,GACAO,MACGD,EAAmBN,GAAKO,GAAI,UAAU;AAAA,MAAA;AAAA,IAC7C;AAAA,IAEFI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACf,OAAmE;AAAA,UAClE,GAAGoB,EAAkB,YAAYpB,CAAG;AAAA,UACpC,WAAWwB;AAAA,UACX,2BAA2B;AAAA,UAC3B,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,IAEFb;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACf,OAAmE;AAAA,UAClE,GAAGA;AAAA,UACH,2BAA2B;AAAA,QAAA;AAAA,MAC7B;AAAA,IACF;AAAA,IAEFW;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEf,GACAO,OAIiC;AAAA,UACjC,GAAGN,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,WAAWyB;AAAA,UACX,qBAAqBlB,EAAG,QAAQ;AAAA,UAChC,mBAAmBA,EAAG,QAAQ;AAAA,UAC9B,2BAA2BA,EAAG,QAAQ;AAAA,UACtC,2BAA2B;AAAA,QAAA;AAAA,MAC7B;AAAA,IACF;AAAA,IAEFI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACf,OAAmE;AAAA,UAClE,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,WAAW0B;AAAA,UACX,2BAA2B;AAAA,QAAA;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAWH;AAAA,IACTb;AAAA,IACAM;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,UAAUK,EAAyBpB,EAA6B,SAAS,GAAGa,CAAkB;AAAA,EAC9F,mBAAmBO;AAAA,IACjBpB,EAA6B,SAAS;AAAA,IACtCQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CAACf,OAAmE;AAAA,UAClE,GAAGoB,EAAkB,qBAAqBpB,GAAK;AAAA,YAC7C,WAAWA,EAAI,WAAW,aAAa;AAAA,YACvC,SAASA,EAAI,WAAW,WAAW;AAAA,UAAA,CACpC;AAAA,UACD,WAAW2B;AAAA,UACX,QAAQ;AAAA,UACR,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,IAEFV;AAAA,IACAD;AAAA,EAAA;AAAA,EAEF,mBAAmBO;AAAA,IACjBpB,EAA6B,SAAS;AAAA,IACtCa;AAAA,EAAA;AAAA,EAEF,YAAYO;AAAA,IACVb;AAAA,IACAM;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,UAAUK;AAAA,IACRb;AAAA,IACAM;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEJ;"}

package/dist/components/Payroll/PayrollLanding/PayrollLanding.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { createMachine as c } from "robot3";
-import { payrollLandingMachine as p, payrollLandingBreadcrumbNodes as d } from "./payrollLandingStateMachine.js";
+import { useMemo as c } from "react";
+import { createMachine as d } from "robot3";
+import { payrollLandingMachine as p, payrollLandingBreadcrumbNodes as u } from "./payrollLandingStateMachine.js";
 import { PayrollLandingTabsContextual as f } from "./PayrollLandingFlowComponents.js";
 import { Flow as b } from "../../Flow/Flow.js";
-import { BaseComponent as s } from "../../Base/Base.js";
-import { useComponentDictionary as y } from "../../../i18n/I18n.js";
+import { BaseComponent as y } from "../../Base/Base.js";
+import { useComponentDictionary as s } from "../../../i18n/I18n.js";
 import { buildBreadcrumbs as g } from "../../../helpers/breadcrumbHelpers.js";
 function k(r) {
-  return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(L, { ...r }) });
+  return /* @__PURE__ */ o(y, { ...r, children: /* @__PURE__ */ o(L, { ...r }) });
 }
 function L({
   companyId: r,
@@ -18,9 +18,9 @@ function L({
   ConfirmWireDetailsComponent: a,
   showPayrollCancelledAlert: m
 }) {
-  y("Payroll.PayrollLanding", e);
-  const i = u(
-    () => c(
+  s("Payroll.PayrollLanding", e);
+  const i = c(
+    () => d(
       "tabs",
       p,
       (l) => ({
@@ -30,9 +30,10 @@ function L({
         selectedTab: "run-payroll",
         withReimbursements: n,
         ConfirmWireDetailsComponent: a,
-        breadcrumbs: g(d),
-        currentBreadcrumbId: "tabs",
-        progressBarType: null,
+        header: {
+          type: "breadcrumbs",
+          breadcrumbs: g(u)
+        },
         showPayrollCancelledAlert: m
       })
     ),

package/dist/components/Payroll/PayrollLanding/PayrollLanding.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { payrollLandingMachine, payrollLandingBreadcrumbNodes } from './payrollLandingStateMachine'\nimport {\n  PayrollLandingTabsContextual,\n  type PayrollLandingFlowContextInterface,\n  type PayrollLandingFlowProps,\n} from './PayrollLandingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\ninterface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function PayrollLandingFlow({\n  companyId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  showPayrollCancelledAlert,\n}: PayrollLandingFlowProps) {\n  useComponentDictionary('Payroll.PayrollLanding', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'tabs',\n        payrollLandingMachine,\n        (initialContext: PayrollLandingFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingTabsContextual,\n          companyId,\n          selectedTab: 'run-payroll',\n          withReimbursements,\n          ConfirmWireDetailsComponent,\n          breadcrumbs: buildBreadcrumbs(payrollLandingBreadcrumbNodes),\n          currentBreadcrumbId: 'tabs',\n          progressBarType: null,\n          showPayrollCancelledAlert,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent, showPayrollCancelledAlert],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","withReimbursements","ConfirmWireDetailsComponent","showPayrollCancelledAlert","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","buildBreadcrumbs","payrollLandingBreadcrumbNodes","Flow"],"mappings":";;;;;;;;;AAsBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB;AAAA,EACjC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,2BAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,0BAA0BJ,CAAU;AAE3D,QAAMK,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAZ;AAAA,QACA,aAAa;AAAA,QACb,oBAAAG;AAAA,QACA,6BAAAC;AAAA,QACA,aAAaS,EAAiBC,CAA6B;AAAA,QAC3D,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,2BAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACL,GAAWG,GAAoBC,GAA6BC,CAAyB;AAAA,EAAA;AAGxF,SAAO,gBAAAR,EAACkB,GAAA,EAAK,SAAAd,GAAkB,SAAAM,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { payrollLandingMachine, payrollLandingBreadcrumbNodes } from './payrollLandingStateMachine'\nimport {\n  PayrollLandingTabsContextual,\n  type PayrollLandingFlowContextInterface,\n  type PayrollLandingFlowProps,\n} from './PayrollLandingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\ninterface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function PayrollLandingFlow({\n  companyId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  showPayrollCancelledAlert,\n}: PayrollLandingFlowProps) {\n  useComponentDictionary('Payroll.PayrollLanding', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'tabs',\n        payrollLandingMachine,\n        (initialContext: PayrollLandingFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingTabsContextual,\n          companyId,\n          selectedTab: 'run-payroll',\n          withReimbursements,\n          ConfirmWireDetailsComponent,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(payrollLandingBreadcrumbNodes),\n          },\n          showPayrollCancelledAlert,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent, showPayrollCancelledAlert],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","withReimbursements","ConfirmWireDetailsComponent","showPayrollCancelledAlert","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","buildBreadcrumbs","payrollLandingBreadcrumbNodes","Flow"],"mappings":";;;;;;;;;AAsBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB;AAAA,EACjC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,2BAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,0BAA0BJ,CAAU;AAE3D,QAAMK,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAZ;AAAA,QACA,aAAa;AAAA,QACb,oBAAAG;AAAA,QACA,6BAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaS,EAAiBC,CAA6B;AAAA,QAAA;AAAA,QAE7D,2BAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACL,GAAWG,GAAoBC,GAA6BC,CAAyB;AAAA,EAAA;AAGxF,SAAO,gBAAAR,EAACkB,GAAA,EAAK,SAAAd,GAAkB,SAAAM,EAAA,CAAkB;AACnD;"}

package/dist/components/Payroll/PayrollLanding/payrollLandingStateMachine.js

@@ -1,9 +1,9 @@
-import { state as n, transition as r, reduce as t, guard as i } from "robot3";
-import { PayrollLandingTabsContextual as d, PayrollLandingOverviewContextual as p, PayrollLandingReceiptsContextual as u } from "./PayrollLandingFlowComponents.js";
+import { state as d, transition as t, reduce as r, guard as i } from "robot3";
+import { PayrollLandingTabsContextual as y, PayrollLandingOverviewContextual as s, PayrollLandingReceiptsContextual as p } from "./PayrollLandingFlowComponents.js";
 import { componentEvents as o } from "../../../shared/constants.js";
-import { updateBreadcrumbs as s } from "../../../helpers/breadcrumbHelpers.js";
+import { updateBreadcrumbs as l } from "../../../helpers/breadcrumbHelpers.js";
 import { createBreadcrumbNavigateTransition as b } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const P = {
+const R = {
   tabs: {
     parent: null,
     item: {
@@ -12,9 +12,8 @@ const P = {
       namespace: "Payroll.PayrollLanding",
       onNavigate: ((e) => ({
         ...e,
-        currentBreadcrumbId: "tabs",
-        progressBarType: null,
-        component: d,
+        component: y,
+        header: e.header?.type === "breadcrumbs" ? { ...e.header, currentBreadcrumbId: void 0 } : null,
         payrollUuid: void 0,
         previousState: void 0,
         startDate: void 0,
@@ -38,158 +37,128 @@ const P = {
       namespace: "Payroll.PayrollLanding"
     }
   }
-}, l = (e) => (a) => ({
+}, u = (e) => (a) => ({
   ...a,
   ...e
-}), c = b(), R = {
-  tabs: n(
-    r(
+}), n = (e = {}) => (a) => ({
+  ...a,
+  component: y,
+  payrollUuid: void 0,
+  previousState: void 0,
+  startDate: void 0,
+  endDate: void 0,
+  header: a.header?.type === "breadcrumbs" ? { ...a.header, currentBreadcrumbId: void 0 } : null,
+  ...e
+}), c = b(), _ = {
+  tabs: d(
+    t(
       o.RUN_PAYROLL_RECEIPT_VIEWED,
       "receipt",
-      t(
+      r(
         (e, a) => ({
-          ...s("receipt", e, {
+          ...l("receipt", e, {
             startDate: a.payload.startDate ?? "",
             endDate: a.payload.endDate ?? ""
           }),
-          component: u,
+          component: p,
           payrollUuid: a.payload.payrollId,
           previousState: "tabs",
           selectedTab: "payroll-history",
-          progressBarType: "breadcrumbs",
           startDate: a.payload.startDate,
           endDate: a.payload.endDate,
           showPayrollCancelledAlert: !1
         })
       )
     ),
-    r(
+    t(
       o.RUN_PAYROLL_SUMMARY_VIEWED,
       "overview",
-      t(
+      r(
         (e, a) => ({
-          ...s("overview", e, {
+          ...l("overview", e, {
             startDate: a.payload.startDate ?? "",
             endDate: a.payload.endDate ?? ""
           }),
-          component: p,
+          component: s,
           payrollUuid: a.payload.payrollId,
           previousState: "tabs",
           selectedTab: "payroll-history",
-          progressBarType: "breadcrumbs",
           startDate: a.payload.startDate,
           endDate: a.payload.endDate,
           showPayrollCancelledAlert: !1
         })
       )
     ),
-    r(
+    t(
       o.RUN_PAYROLL_CANCELLED,
       "tabs",
-      t(
-        l({
+      r(
+        u({
           showPayrollCancelledAlert: !0
         })
       )
     ),
-    r(
+    t(
       o.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,
       "tabs",
-      t(
-        l({
+      r(
+        u({
           showPayrollCancelledAlert: !1
         })
       )
     )
   ),
-  overview: n(
+  overview: d(
     c("tabs"),
-    r(
-      o.RUN_PAYROLL_BACK,
-      "tabs",
-      t(
-        l({
-          component: d,
-          payrollUuid: void 0,
-          previousState: void 0,
-          progressBarType: null,
-          currentBreadcrumbId: "tabs",
-          startDate: void 0,
-          endDate: void 0
-        })
-      )
-    ),
-    r(
+    t(o.RUN_PAYROLL_BACK, "tabs", r(n())),
+    t(
       o.RUN_PAYROLL_RECEIPT_GET,
       "receipt",
-      t(
+      r(
         (e, a) => ({
-          ...s("receipt", e, {
+          ...l("receipt", e, {
             startDate: e.startDate ?? "",
             endDate: e.endDate ?? ""
           }),
-          component: u,
+          component: p,
           payrollUuid: a.payload.payrollId,
-          previousState: "overview",
-          progressBarType: "breadcrumbs"
+          previousState: "overview"
         })
       )
     ),
-    r(
+    t(
       o.RUN_PAYROLL_CANCELLED,
       "tabs",
-      t(
-        l({
-          component: d,
-          payrollUuid: void 0,
-          previousState: void 0,
-          progressBarType: null,
-          currentBreadcrumbId: "tabs",
-          startDate: void 0,
-          endDate: void 0,
-          showPayrollCancelledAlert: !0
-        })
-      )
+      r(n({ showPayrollCancelledAlert: !0 }))
     )
   ),
-  receipt: n(
+  receipt: d(
     c("tabs"),
-    r(
+    t(
       o.RUN_PAYROLL_BACK,
       "overview",
-      t(
+      r(
         (e) => ({
-          ...s("overview", e, {
+          ...l("overview", e, {
             startDate: e.startDate ?? "",
             endDate: e.endDate ?? ""
           }),
-          component: p,
-          previousState: "tabs",
-          progressBarType: "breadcrumbs"
+          component: s,
+          previousState: "tabs"
         })
       ),
       i((e) => e.previousState === "overview")
     ),
-    r(
+    t(
       o.RUN_PAYROLL_BACK,
       "tabs",
-      t(
-        l({
-          component: d,
-          payrollUuid: void 0,
-          previousState: void 0,
-          progressBarType: null,
-          currentBreadcrumbId: "tabs",
-          startDate: void 0,
-          endDate: void 0
-        })
-      ),
+      r(n()),
       i((e) => e.previousState === "tabs")
     )
   )
 };
 export {
-  P as payrollLandingBreadcrumbNodes,
-  R as payrollLandingMachine
+  R as payrollLandingBreadcrumbNodes,
+  _ as payrollLandingMachine
 };
 //# sourceMappingURL=payrollLandingStateMachine.js.map