@gusto/embedded-react-sdk 0.24.1 → 0.26.0

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

@@ -1,17 +1,17 @@
-import { state as i, transition as o, reduce as r } from "robot3";
-import { PayrollConfigurationContextual as p, PayrollOverviewContextual as s, PayrollEditEmployeeContextual as u, PayrollBlockerContextual as m, PayrollLandingContextual as c, PayrollReceiptsContextual as P } from "./PayrollFlowComponents.js";
+import { state as i, transition as r, reduce as o } from "robot3";
+import { PayrollReceiptsContextual as m, PayrollConfigurationContextual as s, PayrollOverviewContextual as y, PayrollEditEmployeeContextual as u, PayrollBlockerContextual as P, PayrollLandingContextual as c } from "./PayrollFlowComponents.js";
 import { componentEvents as l } from "../../../shared/constants.js";
 import { updateBreadcrumbs as t } from "../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as g } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const D = {
+import { createBreadcrumbNavigateTransition as b } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const v = {
   landing: {
     parent: null,
     item: {
       id: "landing",
-      label: "labels.breadcrumbLabel",
+      label: "breadcrumbs.landing",
       namespace: "Payroll.PayrollLanding",
-      onNavigate: ((a) => ({
-        ...a,
+      onNavigate: ((e) => ({
+        ...e,
         currentBreadcrumb: "landing",
         progressBarType: null,
         component: c
@@ -24,12 +24,12 @@ const D = {
       id: "configuration",
       label: "breadcrumbLabel",
       namespace: "Payroll.PayrollConfiguration",
-      onNavigate: ((a) => ({
-        ...t("configuration", a, {
-          startDate: a.payPeriod?.startDate ?? "",
-          endDate: a.payPeriod?.endDate ?? ""
+      onNavigate: ((e) => ({
+        ...t("configuration", e, {
+          startDate: e.payPeriod?.startDate ?? "",
+          endDate: e.payPeriod?.endDate ?? ""
         }),
-        component: p,
+        component: s,
         alerts: void 0
       }))
     }
@@ -40,16 +40,24 @@ const D = {
       id: "overview",
       label: "breadcrumbLabel",
       namespace: "Payroll.PayrollOverview",
-      onNavigate: ((a) => ({
-        ...t("overview", a, {
-          startDate: a.payPeriod?.startDate ?? "",
-          endDate: a.payPeriod?.endDate ?? ""
+      onNavigate: ((e) => ({
+        ...t("overview", e, {
+          startDate: e.payPeriod?.startDate ?? "",
+          endDate: e.payPeriod?.endDate ?? ""
         }),
-        component: s,
+        component: y,
         alerts: void 0
       }))
     }
   },
+  submittedOverview: {
+    parent: "landing",
+    item: {
+      id: "submittedOverview",
+      label: "breadcrumbs.overview",
+      namespace: "Payroll.PayrollLanding"
+    }
+  },
   editEmployee: {
     parent: "configuration",
     item: {
@@ -66,6 +74,14 @@ const D = {
       namespace: "Payroll.PayrollReceipts"
     }
   },
+  submittedReceipts: {
+    parent: "landing",
+    item: {
+      id: "submittedReceipts",
+      label: "breadcrumbs.receipt",
+      namespace: "Payroll.PayrollLanding"
+    }
+  },
   blockers: {
     parent: "landing",
     item: {
@@ -74,13 +90,13 @@ const D = {
       namespace: "Payroll.PayrollBlocker"
     }
   }
-}, d = (a) => (e) => ({
-  ...e,
-  ...a
-}), n = g(), y = o(
+}, d = (e) => (a) => ({
+  ...a,
+  ...e
+}), n = b(), p = r(
   l.PAYROLL_EXIT_FLOW,
   "landing",
-  r(
+  o(
     d({
       component: c,
       progressBarType: null,
@@ -88,77 +104,89 @@ const D = {
       alerts: void 0
     })
   )
-), v = {
+), D = {
   landing: i(
-    o(
+    r(
       l.RUN_PAYROLL_SELECTED,
       "configuration",
-      r(
-        (a, e) => ({
-          ...t("configuration", a, {
-            startDate: e.payload.payPeriod.startDate ?? "",
-            endDate: e.payload.payPeriod.endDate ?? ""
+      o(
+        (e, a) => ({
+          ...t("configuration", e, {
+            startDate: a.payload.payPeriod.startDate ?? "",
+            endDate: a.payload.payPeriod.endDate ?? ""
           }),
-          component: p,
-          payrollUuid: e.payload.payrollUuid,
-          payPeriod: e.payload.payPeriod,
+          component: s,
+          payrollUuid: a.payload.payrollUuid,
+          payPeriod: a.payload.payPeriod,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
             namespace: "Payroll.PayrollConfiguration"
-          }
+          },
+          showPayrollCancelledAlert: !1
         })
       )
     ),
-    o(
+    r(
       l.REVIEW_PAYROLL,
       "overview",
-      r(
-        (a, e) => ({
-          ...t("overview", a, {
-            startDate: e.payload.payPeriod.startDate ?? "",
-            endDate: e.payload.payPeriod.endDate ?? ""
+      o(
+        (e, a) => ({
+          ...t("overview", e, {
+            startDate: a.payload.payPeriod.startDate ?? "",
+            endDate: a.payload.payPeriod.endDate ?? ""
           }),
-          component: s,
-          payrollUuid: e.payload.payrollUuid,
-          payPeriod: e.payload.payPeriod,
+          component: y,
+          payrollUuid: a.payload.payrollUuid,
+          payPeriod: a.payload.payPeriod,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
             namespace: "Payroll.PayrollOverview"
-          }
+          },
+          showPayrollCancelledAlert: !1
         })
       )
     ),
-    o(
+    r(
       l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
-      r(
+      o(
         d({
-          component: m,
+          component: P,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
             namespace: "Payroll.PayrollBlocker"
-          }
+          },
+          showPayrollCancelledAlert: !1
+        })
+      )
+    ),
+    r(
+      l.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,
+      "landing",
+      o(
+        d({
+          showPayrollCancelledAlert: !1
         })
       )
     )
   ),
   configuration: i(
     n("landing"),
-    o(
+    r(
       l.RUN_PAYROLL_CALCULATED,
       "overview",
-      r(
-        (a, e) => ({
-          ...t("overview", a, {
-            startDate: e.payload.payPeriod?.startDate ?? "",
-            endDate: e.payload.payPeriod?.endDate ?? ""
+      o(
+        (e, a) => ({
+          ...t("overview", e, {
+            startDate: a.payload.payPeriod?.startDate ?? "",
+            endDate: a.payload.payPeriod?.endDate ?? ""
           }),
-          component: s,
-          payPeriod: e.payload.payPeriod ?? a.payPeriod,
-          alerts: e.payload.alert ? [...a.alerts ?? [], e.payload.alert] : a.alerts,
+          component: y,
+          payPeriod: a.payload.payPeriod ?? e.payPeriod,
+          alerts: a.payload.alert ? [...e.alerts ?? [], a.payload.alert] : e.alerts,
           ctaConfig: {
             labelKey: "exitFlowCta",
             namespace: "Payroll.PayrollOverview"
@@ -166,52 +194,52 @@ const D = {
         })
       )
     ),
-    o(
+    r(
       l.RUN_PAYROLL_EMPLOYEE_EDIT,
       "editEmployee",
-      r(
-        (a, e) => ({
-          ...t("editEmployee", a, {
-            firstName: e.payload.firstName,
-            lastName: e.payload.lastName,
-            startDate: a.payPeriod?.startDate ?? "",
-            endDate: a.payPeriod?.endDate ?? ""
+      o(
+        (e, a) => ({
+          ...t("editEmployee", e, {
+            firstName: a.payload.firstName,
+            lastName: a.payload.lastName,
+            startDate: e.payPeriod?.startDate ?? "",
+            endDate: e.payPeriod?.endDate ?? ""
           }),
           progressBarType: "breadcrumbs",
           component: u,
-          employeeId: e.payload.employeeId,
-          firstName: e.payload.firstName,
-          lastName: e.payload.lastName,
+          employeeId: a.payload.employeeId,
+          firstName: a.payload.firstName,
+          lastName: a.payload.lastName,
           ctaConfig: null
           // This state does not have exit cta in breadcrumbs
         })
       )
     ),
-    o(
+    r(
       l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
-      r(
-        (a, e) => ({
-          ...t("blockers", a),
-          component: m
+      o(
+        (e, a) => ({
+          ...t("blockers", e),
+          component: P
         })
       )
     ),
-    y
+    p
   ),
   overview: i(
     n("landing"),
     n("configuration"),
-    o(
+    r(
       l.RUN_PAYROLL_EDIT,
       "configuration",
-      r(
-        (a, e) => ({
-          ...t("configuration", a, {
-            startDate: a.payPeriod?.startDate ?? "",
-            endDate: a.payPeriod?.endDate ?? ""
+      o(
+        (e, a) => ({
+          ...t("configuration", e, {
+            startDate: e.payPeriod?.startDate ?? "",
+            endDate: e.payPeriod?.endDate ?? ""
           }),
-          component: p,
+          component: s,
           alerts: void 0,
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -220,12 +248,27 @@ const D = {
         })
       )
     ),
-    o(
+    r(
+      l.RUN_PAYROLL_PROCESSED,
+      "submittedOverview",
+      o((e) => ({
+        ...t("submittedOverview", e, {
+          startDate: e.payPeriod?.startDate ?? "",
+          endDate: e.payPeriod?.endDate ?? ""
+        }),
+        component: y,
+        ctaConfig: {
+          labelKey: "exitFlowCta",
+          namespace: "Payroll.PayrollOverview"
+        }
+      }))
+    ),
+    r(
       l.RUN_PAYROLL_RECEIPT_GET,
       "receipts",
-      r(
+      o(
         d({
-          component: P,
+          component: m,
           progressBarType: "breadcrumbs",
           alerts: void 0,
           ctaConfig: {
@@ -235,30 +278,69 @@ const D = {
         })
       )
     ),
-    o(
+    r(
+      l.RUN_PAYROLL_CANCELLED,
+      "landing",
+      o(
+        d({
+          component: c,
+          progressBarType: null,
+          alerts: void 0,
+          currentBreadcrumbId: "landing",
+          showPayrollCancelledAlert: !0
+        })
+      )
+    ),
+    p
+  ),
+  submittedOverview: i(
+    n("landing"),
+    r(
+      l.RUN_PAYROLL_RECEIPT_GET,
+      "submittedReceipts",
+      o((e) => ({
+        ...t("submittedReceipts", e, {
+          startDate: e.payPeriod?.startDate ?? "",
+          endDate: e.payPeriod?.endDate ?? ""
+        }),
+        component: m,
+        progressBarType: "breadcrumbs",
+        alerts: void 0,
+        ctaConfig: {
+          labelKey: "exitFlowCta",
+          namespace: "Payroll.PayrollReceipts"
+        }
+      }))
+    ),
+    r(
       l.RUN_PAYROLL_CANCELLED,
       "landing",
-      r(
+      o(
         d({
           component: c,
           progressBarType: null,
           alerts: void 0,
-          currentBreadcrumbId: "landing"
+          currentBreadcrumbId: "landing",
+          showPayrollCancelledAlert: !0
         })
       )
     ),
-    y
+    p
+  ),
+  submittedReceipts: i(
+    n("landing"),
+    p
   ),
   editEmployee: i(
     n("landing"),
     n("configuration"),
-    o(
+    r(
       l.RUN_PAYROLL_EMPLOYEE_SAVED,
       "configuration",
-      r(
+      o(
         d({
           currentBreadcrumbId: "configuration",
-          component: p,
+          component: s,
           employeeId: void 0,
           firstName: void 0,
           lastName: void 0,
@@ -269,13 +351,13 @@ const D = {
         })
       )
     ),
-    o(
+    r(
       l.RUN_PAYROLL_EMPLOYEE_CANCELLED,
       "configuration",
-      r(
+      o(
         d({
           currentBreadcrumbId: "configuration",
-          component: p,
+          component: s,
           employeeId: void 0,
           firstName: void 0,
           lastName: void 0,
@@ -287,11 +369,11 @@ const D = {
       )
     )
   ),
-  receipts: i(n("landing"), y),
-  blockers: i(n("landing"), y)
+  receipts: i(n("landing"), p),
+  blockers: i(n("landing"), p)
 };
 export {
-  D as payrollFlowBreadcrumbsNodes,
-  v as payrollMachine
+  v as payrollFlowBreadcrumbsNodes,
+  D as payrollMachine
 };
 //# 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 { transition, reduce, state } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n  PayrollLandingContextual,\n} from './PayrollFlowComponents'\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 EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'labels.breadcrumbLabel',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  configuration: {\n    parent: 'landing',\n    item: {\n      id: 'configuration',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollConfiguration',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('configuration', ctx, {\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollConfigurationContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'configuration',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollOverview',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  editEmployee: {\n    parent: 'configuration',\n    item: {\n      id: 'editEmployee',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollEditEmployee',\n    },\n  },\n  receipts: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(\n    createReducer({\n      component: PayrollLandingContextual,\n      progressBarType: null,\n      currentBreadcrumbId: 'landing',\n      alerts: undefined,\n    }),\n  ),\n)\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            payPeriod: ev.payload.payPeriod,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            payPeriod: ev.payload.payPeriod,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        createReducer({\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod?.startDate ?? '',\n              endDate: ev.payload.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payPeriod: ev.payload.payPeriod ?? ctx.payPeriod,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editEmployee', ctx, {\n              firstName: ev.payload.firstName,\n              lastName: ev.payload.lastName,\n              startDate: ctx.payPeriod?.startDate ?? '',\n              endDate: ctx.payPeriod?.endDate ?? '',\n            }),\n            progressBarType: 'breadcrumbs',\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n            firstName: ev.payload.firstName,\n            lastName: ev.payload.lastName,\n            ctaConfig: null, // This state does not have exit cta in breadcrumbs\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('blockers', ctx),\n            component: PayrollBlockerContextual,\n          }\n        },\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ctx.payPeriod?.startDate ?? '',\n              endDate: ctx.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            alerts: undefined,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(\n        createReducer({\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'landing',\n      reduce(\n        createReducer({\n          component: PayrollLandingContextual,\n          progressBarType: null,\n          alerts: undefined,\n          currentBreadcrumbId: 'landing',\n        }),\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","createReducer","props","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","exitFlowTransition","transition","componentEvents","reduce","payrollMachine","state","ev","PayrollBlockerContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n  PayrollLandingContextual,\n} from './PayrollFlowComponents'\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 EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\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        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  configuration: {\n    parent: 'landing',\n    item: {\n      id: 'configuration',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollConfiguration',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('configuration', ctx, {\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollConfigurationContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'configuration',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollOverview',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  submittedOverview: {\n    parent: 'landing',\n    item: {\n      id: 'submittedOverview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  editEmployee: {\n    parent: 'configuration',\n    item: {\n      id: 'editEmployee',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollEditEmployee',\n    },\n  },\n  receipts: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n  submittedReceipts: {\n    parent: 'landing',\n    item: {\n      id: 'submittedReceipts',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(\n    createReducer({\n      component: PayrollLandingContextual,\n      progressBarType: null,\n      currentBreadcrumbId: 'landing',\n      alerts: undefined,\n    }),\n  ),\n)\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            payPeriod: ev.payload.payPeriod,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n            showPayrollCancelledAlert: false,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            payPeriod: ev.payload.payPeriod,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n            showPayrollCancelledAlert: false,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        createReducer({\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'landing',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod?.startDate ?? '',\n              endDate: ev.payload.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payPeriod: ev.payload.payPeriod ?? ctx.payPeriod,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editEmployee', ctx, {\n              firstName: ev.payload.firstName,\n              lastName: ev.payload.lastName,\n              startDate: ctx.payPeriod?.startDate ?? '',\n              endDate: ctx.payPeriod?.endDate ?? '',\n            }),\n            progressBarType: 'breadcrumbs',\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n            firstName: ev.payload.firstName,\n            lastName: ev.payload.lastName,\n            ctaConfig: null, // This state does not have exit cta in breadcrumbs\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('blockers', ctx),\n            component: PayrollBlockerContextual,\n          }\n        },\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ctx.payPeriod?.startDate ?? '',\n              endDate: ctx.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            alerts: undefined,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_PROCESSED,\n      'submittedOverview',\n      reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n        return {\n          ...updateBreadcrumbs('submittedOverview', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollOverviewContextual,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollOverview',\n          },\n        }\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(\n        createReducer({\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'landing',\n      reduce(\n        createReducer({\n          component: PayrollLandingContextual,\n          progressBarType: null,\n          alerts: undefined,\n          currentBreadcrumbId: 'landing',\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  submittedOverview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'submittedReceipts',\n      reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n        return {\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    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'landing',\n      reduce(\n        createReducer({\n          component: PayrollLandingContextual,\n          progressBarType: null,\n          alerts: undefined,\n          currentBreadcrumbId: 'landing',\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  submittedReceipts: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    exitFlowTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","createReducer","props","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","exitFlowTransition","transition","componentEvents","reduce","payrollMachine","state","ev","PayrollBlockerContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}

package/dist/components/Payroll/PayrollHistory/PayrollHistory.js

@@ -1,5 +1,5 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as m, useMemo as S } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useState as u, useMemo as S } from "react";
 import { usePayrollsListSuspense as f } from "@gusto/embedded-api/react-query/payrollsList";
 import { usePayrollsCancelMutation as I } from "@gusto/embedded-api/react-query/payrollsCancel";
 import { useWireInRequestsListSuspense as L } from "@gusto/embedded-api/react-query/wireInRequestsList";
@@ -7,10 +7,10 @@ import { ProcessingStatuses as M } from "@gusto/embedded-api/models/operations/g
 import { PayrollHistoryPresentation as V } from "./PayrollHistoryPresentation.js";
 import { BaseComponent as _ } from "../../Base/Base.js";
 import { useBase as E } from "../../Base/useBase.js";
-import { componentEvents as l } from "../../../shared/constants.js";
+import { componentEvents as i } from "../../../shared/constants.js";
 import { useComponentDictionary as F, useI18n as A } from "../../../i18n/I18n.js";
 function K(e) {
-  return /* @__PURE__ */ r(_, { ...e, children: /* @__PURE__ */ r(O, { ...e, children: e.children }) });
+  return /* @__PURE__ */ c(_, { ...e, children: /* @__PURE__ */ c(O, { ...e, children: e.children }) });
 }
 const H = (e) => {
   const t = /* @__PURE__ */ new Date(), o = /* @__PURE__ */ new Date();
@@ -31,50 +31,50 @@ const H = (e) => {
   };
 }, O = ({ onEvent: e, companyId: t, dictionary: o }) => {
   F("Payroll.PayrollHistory", o), A("Payroll.PayrollHistory");
-  const [n, u] = m("3months"), [y, s] = m(null), { baseSubmitHandler: p } = E(), i = S(() => H(n), [n]), { data: d } = f({
+  const [l, y] = u("3months"), [p, r] = u(null), { baseSubmitHandler: d } = E(), m = S(() => H(l), [l]), { data: D } = f({
     companyId: t,
     processingStatuses: [M.Processed],
-    startDate: i.startDate,
-    endDate: i.endDate,
+    startDate: m.startDate,
+    endDate: m.endDate,
     include: ["totals"]
-  }), { data: D } = L({
+  }), { data: P } = L({
     companyUuid: t
-  }), P = D.wireInRequestList ?? [], { mutateAsync: g, isPending: h } = I(), R = d.payrollList || [];
-  return /* @__PURE__ */ r(
+  }), g = P.wireInRequestList ?? [], { mutateAsync: h, isPending: R } = I(), w = D.payrollList || [];
+  return /* @__PURE__ */ c(
     V,
     {
-      payrollHistory: R,
-      wireInRequests: P,
-      selectedTimeFilter: n,
-      onTimeFilterChange: u,
-      onViewSummary: (a) => {
-        e(l.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: a });
+      payrollHistory: w,
+      wireInRequests: g,
+      selectedTimeFilter: l,
+      onTimeFilterChange: y,
+      onViewSummary: (a, s, n) => {
+        e(i.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: a, startDate: s, endDate: n });
       },
-      onViewReceipt: (a) => {
-        e(l.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: a });
+      onViewReceipt: (a, s, n) => {
+        e(i.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: a, startDate: s, endDate: n });
       },
       onCancelPayroll: async (a) => {
-        const w = a.payrollUuid || a.uuid;
+        const s = a.payrollUuid || a.uuid;
         try {
-          await p(w, async (c) => {
-            const C = await g({
+          await d(s, async (n) => {
+            const C = await h({
               request: {
                 companyId: t,
-                payrollId: c
+                payrollId: n
               }
             });
-            e(l.RUN_PAYROLL_CANCELLED, { payrollId: c, result: C });
+            e(i.RUN_PAYROLL_CANCELLED, { payrollId: n, result: C });
           });
         } finally {
-          s(null);
+          r(null);
         }
       },
-      cancelDialogItem: y,
-      onCancelDialogOpen: s,
+      cancelDialogItem: p,
+      onCancelDialogOpen: r,
       onCancelDialogClose: () => {
-        s(null);
+        r(null);
       },
-      isLoading: h
+      isLoading: R
     }
   );
 };