@gusto/embedded-react-sdk 0.15.0 → 0.17.0

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

@@ -1,140 +1,277 @@
-import { state as a, transition as e, reduce as o } from "robot3";
-import { PayrollOverviewContextual as L, PayrollEditEmployeeContextual as i, PayrollConfigurationContextual as p, PayrollReceiptsContextual as _, PayrollLandingContextual as E, PayrollBlockerContextual as c } from "./PayrollFlowComponents.js";
-import { componentEvents as r } from "../../../shared/constants.js";
-const l = (t) => (n) => ({
-  ...n,
-  ...t
-}), P = {
-  landing: a(
-    e(
-      r.RUN_PAYROLL_SELECTED,
+import { state as i, transition as o, reduce as r, guard as g } from "robot3";
+import { PayrollConfigurationContextual as p, PayrollOverviewContextual as y, PayrollEditEmployeeContextual as b, PayrollBlockerContextual as u, PayrollLandingContextual as s, PayrollReceiptsContextual as P } from "./PayrollFlowComponents.js";
+import { componentEvents as l } from "../../../shared/constants.js";
+import { updateBreadcrumbs as n } from "../../../helpers/breadcrumbHelpers.js";
+const v = {
+  landing: {
+    parent: null,
+    item: {
+      id: "landing",
+      label: "labels.breadcrumbLabel",
+      namespace: "Payroll.PayrollLanding",
+      onNavigate: ((e) => ({
+        ...e,
+        currentBreadcrumb: "landing",
+        progressBarType: null,
+        component: s
+      }))
+    }
+  },
+  configuration: {
+    parent: "landing",
+    item: {
+      id: "configuration",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollConfiguration",
+      onNavigate: ((e) => ({
+        ...n("configuration", e),
+        component: p
+      }))
+    }
+  },
+  overview: {
+    parent: "configuration",
+    item: {
+      id: "overview",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollOverview",
+      onNavigate: ((e) => ({
+        ...n("overview", e),
+        component: y,
+        alerts: void 0
+      }))
+    }
+  },
+  editEmployee: {
+    parent: "configuration",
+    item: {
+      id: "editEmployee",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollEditEmployee"
+    }
+  },
+  receipts: {
+    parent: "overview",
+    item: {
+      id: "receipts",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollReceipts"
+    }
+  },
+  blockers: {
+    parent: "landing",
+    item: {
+      id: "blockers",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollBlocker"
+    }
+  }
+}, c = (e) => (a) => ({
+  ...a,
+  ...e
+}), t = (e) => o(
+  l.BREADCRUMB_NAVIGATE,
+  e,
+  g(
+    (a, d) => d.payload.key === e
+  ),
+  r(
+    (a, d) => d.payload.onNavigate(a)
+  )
+), m = o(
+  l.PAYROLL_EXIT_FLOW,
+  "landing",
+  r(
+    c({
+      component: s,
+      progressBarType: null,
+      currentBreadcrumbId: "landing"
+    })
+  )
+), R = {
+  landing: i(
+    o(
+      l.RUN_PAYROLL_SELECTED,
       "configuration",
-      o(
-        (t, n) => ({
-          ...t,
+      r(
+        (e, a) => ({
+          ...n("configuration", e),
           component: p,
-          payrollId: n.payload.payrollId,
-          currentStep: 1,
-          showProgress: !0
+          payrollId: a.payload.payrollId,
+          progressBarType: "breadcrumbs",
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollConfiguration"
+          }
         })
       )
     ),
-    e(
-      r.REVIEW_PAYROLL,
+    o(
+      l.REVIEW_PAYROLL,
       "overview",
-      o(
-        (t, n) => ({
-          ...t,
-          component: L,
-          payrollId: n.payload.payrollId,
-          currentStep: 2,
-          showProgress: !0
+      r(
+        (e, a) => ({
+          ...n("overview", e),
+          component: y,
+          payrollId: a.payload.payrollId,
+          progressBarType: "breadcrumbs",
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollOverview"
+          }
         })
       )
     ),
-    e(
-      r.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
+    o(
+      l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
-      o(l({ component: c }))
+      r(
+        c({
+          component: u,
+          progressBarType: "breadcrumbs",
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollBlocker"
+          }
+        })
+      )
     )
   ),
-  configuration: a(
-    e(
-      r.RUN_PAYROLL_CALCULATED,
+  configuration: i(
+    t("landing"),
+    o(
+      l.RUN_PAYROLL_CALCULATED,
       "overview",
-      o(
-        (t, n) => ({
-          ...t,
-          component: L,
-          currentStep: 2,
-          alerts: n.payload.alert ? [...t.alerts ?? [], n.payload.alert] : t.alerts
+      r(
+        (e, a) => ({
+          ...n("overview", e),
+          component: y,
+          alerts: a.payload.alert ? [...e.alerts ?? [], a.payload.alert] : e.alerts,
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollOverview"
+          }
         })
       )
     ),
-    e(
-      r.RUN_PAYROLL_BACK,
-      "landing",
-      o(
-        l({ component: E, currentStep: 1, showProgress: !1 })
-      )
-    ),
-    e(
-      r.RUN_PAYROLL_EMPLOYEE_EDIT,
+    o(
+      l.RUN_PAYROLL_EMPLOYEE_EDIT,
       "editEmployee",
-      o(
-        (t, n) => ({
-          ...t,
-          component: i,
-          employeeId: n.payload.employeeId
+      r(
+        (e, a) => ({
+          ...n("editEmployee", e, {
+            firstName: a.payload.firstName,
+            lastName: a.payload.lastName
+          }),
+          progressBarType: "breadcrumbs",
+          component: b,
+          employeeId: a.payload.employeeId,
+          firstName: a.payload.firstName,
+          lastName: a.payload.lastName,
+          ctaConfig: null
+          // This state does not have exit cta in breadcrumbs
         })
       )
     ),
-    e(
-      r.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
+    o(
+      l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
-      o(l({ component: c }))
-    )
-  ),
-  overview: a(
-    e(
-      r.RUN_PAYROLL_BACK,
-      "configuration",
-      o(l({ component: p, currentStep: 1 }))
+      r(
+        (e, a) => ({
+          ...n("blockers", e),
+          component: u
+        })
+      )
     ),
-    e(
-      r.RUN_PAYROLL_EDIT,
+    m
+  ),
+  overview: i(
+    t("landing"),
+    t("configuration"),
+    o(
+      l.RUN_PAYROLL_EDIT,
       "configuration",
-      o(l({ component: p, currentStep: 1 }))
+      r(
+        (e, a) => ({
+          ...n("configuration", e),
+          component: p,
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollConfiguration"
+          }
+        })
+      )
     ),
-    e(
-      r.RUN_PAYROLL_RECEIPT_GET,
+    o(
+      l.RUN_PAYROLL_RECEIPT_GET,
       "receipts",
-      o(l({ component: _, currentStep: 3 }))
+      r(
+        c({
+          component: P,
+          progressBarType: "breadcrumbs",
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollReceipts"
+          }
+        })
+      )
     ),
-    e(
-      r.RUN_PAYROLL_CANCELLED,
-      "configuration",
-      o(
-        l({
-          component: p,
-          currentStep: 1,
-          payrollId: void 0
+    o(
+      l.RUN_PAYROLL_CANCELLED,
+      "landing",
+      r(
+        c({
+          component: s,
+          progressBarType: null,
+          currentBreadcrumbId: "landing"
         })
       )
-    )
+    ),
+    m
   ),
-  editEmployee: a(
-    e(
-      r.RUN_PAYROLL_EMPLOYEE_SAVED,
+  editEmployee: i(
+    t("landing"),
+    t("configuration"),
+    o(
+      l.RUN_PAYROLL_EMPLOYEE_SAVED,
       "configuration",
-      o(
-        l({
+      r(
+        c({
+          currentBreadcrumbId: "configuration",
           component: p,
-          employeeId: void 0
+          employeeId: void 0,
+          firstName: void 0,
+          lastName: void 0,
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollConfiguration"
+          }
         })
       )
     ),
-    e(
-      r.RUN_PAYROLL_EMPLOYEE_CANCELLED,
+    o(
+      l.RUN_PAYROLL_EMPLOYEE_CANCELLED,
       "configuration",
-      o(
-        l({
+      r(
+        c({
+          currentBreadcrumbId: "configuration",
           component: p,
-          employeeId: void 0
+          employeeId: void 0,
+          firstName: void 0,
+          lastName: void 0,
+          ctaConfig: {
+            labelKey: "exitFlowCta",
+            namespace: "Payroll.PayrollConfiguration"
+          }
         })
       )
     )
   ),
-  receipts: a(
-    e(
-      r.RUN_PAYROLL_BACK,
-      "overview",
-      o(l({ component: L, currentStep: 2 }))
-    )
-  ),
-  blockers: a()
+  receipts: i(t("landing"), m),
+  blockers: i(t("landing"), m)
 };
 export {
-  P as payrollMachine
+  v as payrollFlowBreadcrumbsNodes,
+  R 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 { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollLandingContextual,\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollId: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollId: string\n    alert?: PayrollFlowAlert\n  }\n}\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\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            ...ctx,\n            component: PayrollConfigurationContextual,\n            payrollId: ev.payload.payrollId,\n            currentStep: 1,\n            showProgress: true,\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            ...ctx,\n            component: PayrollOverviewContextual,\n            payrollId: ev.payload.payrollId,\n            currentStep: 2,\n            showProgress: true,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(createReducer({ component: PayrollBlockerContextual })),\n    ),\n  ),\n  configuration: state<MachineTransition>(\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            ...ctx,\n            component: PayrollOverviewContextual,\n            currentStep: 2,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'landing',\n      reduce(\n        createReducer({ component: PayrollLandingContextual, currentStep: 1, showProgress: false }),\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            ...ctx,\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(createReducer({ component: PayrollBlockerContextual })),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'configuration',\n      reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(createReducer({ component: PayrollReceiptsContextual, currentStep: 3 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          currentStep: 1,\n          payrollId: undefined,\n        }),\n      ),\n    ),\n  ),\n  editEmployee: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(createReducer({ component: PayrollOverviewContextual, currentStep: 2 })),\n    ),\n  ),\n  blockers: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","payrollMachine","state","transition","componentEvents","reduce","ev","PayrollConfigurationContextual","PayrollOverviewContextual","PayrollBlockerContextual","PayrollLandingContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\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'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollId: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollId: string\n    alert?: PayrollFlowAlert\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        component: PayrollConfigurationContextual,\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        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 = (targetState: string) =>\n  transition(\n    componentEvents.BREADCRUMB_NAVIGATE,\n    targetState,\n    guard(\n      (ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n        ev.payload.key === targetState,\n    ),\n    reduce(\n      (\n        ctx: PayrollFlowContextInterface,\n        ev: MachineEventType<EventPayloads, typeof componentEvents.BREADCRUMB_NAVIGATE>,\n      ): PayrollFlowContextInterface => ev.payload.onNavigate(ctx),\n    ),\n  )\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    }),\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            component: PayrollConfigurationContextual,\n            payrollId: ev.payload.payrollId,\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            component: PayrollOverviewContextual,\n            payrollId: ev.payload.payrollId,\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            component: PayrollOverviewContextual,\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            }),\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            component: PayrollConfigurationContextual,\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          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          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","targetState","transition","componentEvents","guard","ev","reduce","exitFlowTransition","payrollMachine","state","PayrollBlockerContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}

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

@@ -4,12 +4,12 @@ import I from "./PayrollHistoryPresentation.module.scss.js";
 import { Flex as c } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { HamburgerMenu as R } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as Y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatNumberAsCurrency as Z } from "../../../helpers/formattedStrings.js";
-import { useI18n as $ } from "../../../i18n/I18n.js";
+import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatNumberAsCurrency as Y } from "../../../helpers/formattedStrings.js";
+import { useI18n as Z } from "../../../i18n/I18n.js";
 import S from "../../../assets/icons/list.svg.js";
-import q from "../../../assets/icons/trashcan.svg.js";
+import $ from "../../../assets/icons/trashcan.svg.js";
+import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { DataView as B } from "../../Common/DataView/DataView.js";
 const _ = (m) => {
   switch (m) {
@@ -37,8 +37,8 @@ const _ = (m) => {
   onCancelDialogClose: F,
   isLoading: x = !1
 }) => {
-  const { Heading: f, Text: o, Badge: A, Select: k, Dialog: H } = Y();
-  $("Payroll.PayrollHistory");
+  const { Heading: f, Text: o, Badge: A, Select: k, Dialog: H } = R();
+  Z("Payroll.PayrollHistory");
   const { t } = j("Payroll.PayrollHistory"), V = [
     { value: "3months", label: t("timeFilter.options.3months") },
     { value: "6months", label: t("timeFilter.options.6months") },
@@ -101,7 +101,7 @@ const _ = (m) => {
     ];
     return L(e) && r.push({
       label: t("menu.cancelPayroll"),
-      icon: /* @__PURE__ */ n(q, { "aria-hidden": !0 }),
+      icon: /* @__PURE__ */ n($, { "aria-hidden": !0 }),
       onClick: () => {
         N(e);
       },
@@ -160,11 +160,11 @@ const _ = (m) => {
           },
           {
             title: t("columns.totalPayroll"),
-            render: (e) => /* @__PURE__ */ n(o, { weight: "semibold", children: e.amount !== void 0 ? Z(e.amount) : t("labels.noAmount") })
+            render: (e) => /* @__PURE__ */ n(o, { weight: "semibold", children: e.amount !== void 0 ? Y(e.amount) : t("labels.noAmount") })
           }
         ],
         data: m,
-        itemMenu: (e) => /* @__PURE__ */ n(R, { items: U(e) })
+        itemMenu: (e) => /* @__PURE__ */ n(q, { items: U(e) })
       }
     ),
     /* @__PURE__ */ n(

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

@@ -9,7 +9,7 @@ import { useFlow as e } from "../../Flow/useFlow.js";
 import { useI18n as P } from "../../../i18n/I18n.js";
 import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-function k() {
+function O() {
   const {
     companyId: o,
     onEvent: r,
@@ -38,25 +38,24 @@ function k() {
     }
   );
 }
-function H() {
+function S() {
   const { payrollId: o, onEvent: r } = e();
-  return /* @__PURE__ */ t(b, { onEvent: r, payrollId: n(o), showBackButton: !0 });
+  return /* @__PURE__ */ t(b, { onEvent: r, payrollId: n(o) });
 }
-function O() {
+function j() {
   const { companyId: o, payrollId: r, onEvent: a } = e();
   return /* @__PURE__ */ t(
     f,
     {
       onEvent: a,
       companyId: n(o),
-      payrollId: n(r),
-      showBackButton: !0
+      payrollId: n(r)
     }
   );
 }
 export {
-  O as PayrollLandingOverviewContextual,
-  H as PayrollLandingReceiptsContextual,
-  k as PayrollLandingTabsContextual
+  j as PayrollLandingOverviewContextual,
+  S as PayrollLandingReceiptsContextual,
+  O as PayrollLandingTabsContextual
 };
 //# sourceMappingURL=PayrollLandingFlowComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollId?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Tabs\n      tabs={tabs}\n      selectedId={currentTab}\n      onSelectionChange={setCurrentTab}\n      aria-label={t('aria.tabNavigation')}\n    />\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} showBackButton />\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      showBackButton\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","PayrollLandingReceiptsContextual","payrollId","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;AAyBO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,EAAA,IACZC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAW,GAClD,EAAE,MAAAK,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAG,EAACC,GAAA,EAAY,WAAWC,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOS,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAY;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,MAAAK;AAAA,MACA,YAAYR;AAAA,MACZ,mBAAmBC;AAAA,MACnB,cAAYK,EAAE,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEO,SAASO,IAAmC;AACjD,QAAM,EAAE,WAAAC,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE/B,SAAO,gBAAAU,EAACM,KAAgB,SAAAlB,GAAkB,WAAWc,EAAeG,CAAS,GAAG,gBAAc,IAAC;AACjG;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAApB,GAAW,WAAAkB,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE1C,SACE,gBAAAU;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,WAAWc,EAAef,CAAS;AAAA,MACnC,WAAWe,EAAeG,CAAS;AAAA,MACnC,gBAAc;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollId?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Tabs\n      tabs={tabs}\n      selectedId={currentTab}\n      onSelectionChange={setCurrentTab}\n      aria-label={t('aria.tabNavigation')}\n    />\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","PayrollLandingReceiptsContextual","payrollId","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;AAyBO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,EAAA,IACZC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAW,GAClD,EAAE,MAAAK,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAG,EAACC,GAAA,EAAY,WAAWC,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOS,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAY;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,MAAAK;AAAA,MACA,YAAYR;AAAA,MACZ,mBAAmBC;AAAA,MACnB,cAAYK,EAAE,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEO,SAASO,IAAmC;AACjD,QAAM,EAAE,WAAAC,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE/B,2BAAQgB,GAAA,EAAgB,SAAAlB,GAAkB,WAAWc,EAAeG,CAAS,GAAG;AAClF;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAApB,GAAW,WAAAkB,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE1C,SACE,gBAAAU;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,WAAWc,EAAef,CAAS;AAAA,MACnC,WAAWe,EAAeG,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js

@@ -6,12 +6,12 @@ import b from "./PayrollListPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { HamburgerMenu as z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as G } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as J } from "../../../i18n/I18n.js";
-import { formatDateToStringDate as K, parseDateStringToLocal as c } from "../../../helpers/dateFormatting.js";
-import { useLocale as Q } from "../../../contexts/LocaleProvider/useLocale.js";
-import R from "../../../assets/icons/feature-icon-check.svg.js";
+import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as G } from "../../../i18n/I18n.js";
+import { formatDateToStringDate as J, parseDateStringToLocal as c } from "../../../helpers/dateFormatting.js";
+import { useLocale as K } from "../../../contexts/LocaleProvider/useLocale.js";
+import Q from "../../../assets/icons/feature-icon-check.svg.js";
+import { HamburgerMenu as R } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { DataView as W } from "../../Common/DataView/DataView.js";
 const de = ({
   onRunPayroll: L,
@@ -25,9 +25,9 @@ const de = ({
   skippingPayrollId: H,
   blockers: y
 }) => {
-  const { Badge: O, Button: h, Dialog: T, Heading: B, Text: n, Alert: M } = G();
-  J("Payroll.PayrollList");
-  const { t } = E("Payroll.PayrollList"), { locale: d } = Q(), [m, D] = V({
+  const { Badge: O, Button: h, Dialog: T, Heading: B, Text: n, Alert: M } = z();
+  G("Payroll.PayrollList");
+  const { t } = E("Payroll.PayrollList"), { locale: d } = K(), [m, D] = V({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
@@ -84,7 +84,7 @@ const de = ({
       W,
       {
         emptyState: () => /* @__PURE__ */ i(s, { flexDirection: "column", alignItems: "center", gap: 24, children: [
-          /* @__PURE__ */ l(R, {}),
+          /* @__PURE__ */ l(Q, {}),
           /* @__PURE__ */ l(n, { children: t("emptyState") })
         ] }),
         columns: [
@@ -140,7 +140,7 @@ const de = ({
           const u = H === e, { fullPeriod: $ } = g(
             r?.startDate,
             r?.endDate
-          ), P = K(/* @__PURE__ */ new Date()), S = P ? c(P) : null, k = r?.startDate ? c(r.startDate) : null, F = y.length === 0 && S && k && S >= k;
+          ), P = J(/* @__PURE__ */ new Date()), S = P ? c(P) : null, k = r?.startDate ? c(r.startDate) : null, F = y.length === 0 && S && k && S >= k;
           return /* @__PURE__ */ i("div", { className: b.actionsContainer, children: [
             a ? /* @__PURE__ */ l(
               h,
@@ -166,7 +166,7 @@ const de = ({
               }
             ),
             F && /* @__PURE__ */ l(
-              z,
+              R,
               {
                 isLoading: u,
                 menuLabel: t("payrollMenuLabel"),

package/dist/components/Payroll/PayrollOverview/PayrollOverview.d.ts

@@ -4,8 +4,7 @@ interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOv
     companyId: string;
     payrollId: string;
     alerts?: PayrollFlowAlert[];
-    showBackButton?: boolean;
 }
 export declare function PayrollOverview(props: PayrollOverviewProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ companyId, payrollId, dictionary, onEvent, alerts, showBackButton, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ companyId, payrollId, dictionary, onEvent, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};