@gusto/embedded-react-sdk 0.21.0 → 0.22.0

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

@@ -1,7 +1,8 @@
-import { state as i, transition as o, reduce as r, guard as g } from "robot3";
-import { PayrollConfigurationContextual as p, PayrollOverviewContextual as s, PayrollEditEmployeeContextual as b, PayrollBlockerContextual as u, PayrollLandingContextual as m, PayrollReceiptsContextual as P } from "./PayrollFlowComponents.js";
+import { state as i, transition as o, reduce as r } from "robot3";
+import { PayrollConfigurationContextual as d, PayrollOverviewContextual as m, PayrollEditEmployeeContextual as u, PayrollBlockerContextual as y, PayrollLandingContextual as s, PayrollReceiptsContextual as g } from "./PayrollFlowComponents.js";
 import { componentEvents as l } from "../../../shared/constants.js";
 import { updateBreadcrumbs as n } from "../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as b } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
 const v = {
   landing: {
     parent: null,
@@ -13,7 +14,7 @@ const v = {
         ...e,
         currentBreadcrumb: "landing",
         progressBarType: null,
-        component: m
+        component: s
       }))
     }
   },
@@ -25,7 +26,7 @@ const v = {
       namespace: "Payroll.PayrollConfiguration",
       onNavigate: ((e) => ({
         ...n("configuration", e),
-        component: p
+        component: d
       }))
     }
   },
@@ -37,7 +38,7 @@ const v = {
       namespace: "Payroll.PayrollOverview",
       onNavigate: ((e) => ({
         ...n("overview", e),
-        component: s,
+        component: m,
         alerts: void 0
       }))
     }
@@ -66,30 +67,21 @@ const v = {
       namespace: "Payroll.PayrollBlocker"
     }
   }
-}, d = (e) => (a) => ({
+}, c = (e) => (a) => ({
   ...a,
   ...e
-}), t = (e) => o(
-  l.BREADCRUMB_NAVIGATE,
-  e,
-  g(
-    (a, y) => y.payload.key === e
-  ),
-  r(
-    (a, y) => y.payload.onNavigate(a)
-  )
-), c = o(
+}), t = b(), p = o(
   l.PAYROLL_EXIT_FLOW,
   "landing",
   r(
-    d({
-      component: m,
+    c({
+      component: s,
       progressBarType: null,
       currentBreadcrumbId: "landing",
       alerts: void 0
     })
   )
-), R = {
+), _ = {
   landing: i(
     o(
       l.RUN_PAYROLL_SELECTED,
@@ -100,7 +92,7 @@ const v = {
             startDate: a.payload.payPeriod.startDate ?? "",
             endDate: a.payload.payPeriod.endDate ?? ""
           }),
-          component: p,
+          component: d,
           payrollUuid: a.payload.payrollUuid,
           progressBarType: "breadcrumbs",
           ctaConfig: {
@@ -119,7 +111,7 @@ const v = {
             startDate: a.payload.payPeriod.startDate ?? "",
             endDate: a.payload.payPeriod.endDate ?? ""
           }),
-          component: s,
+          component: m,
           payrollUuid: a.payload.payrollUuid,
           progressBarType: "breadcrumbs",
           ctaConfig: {
@@ -133,8 +125,8 @@ const v = {
       l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
       r(
-        d({
-          component: u,
+        c({
+          component: y,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -155,7 +147,7 @@ const v = {
             startDate: a.payload.payPeriod?.startDate ?? "",
             endDate: a.payload.payPeriod?.endDate ?? ""
           }),
-          component: s,
+          component: m,
           alerts: a.payload.alert ? [...e.alerts ?? [], a.payload.alert] : e.alerts,
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -174,7 +166,7 @@ const v = {
             lastName: a.payload.lastName
           }),
           progressBarType: "breadcrumbs",
-          component: b,
+          component: u,
           employeeId: a.payload.employeeId,
           firstName: a.payload.firstName,
           lastName: a.payload.lastName,
@@ -189,11 +181,11 @@ const v = {
       r(
         (e, a) => ({
           ...n("blockers", e),
-          component: u
+          component: y
         })
       )
     ),
-    c
+    p
   ),
   overview: i(
     t("landing"),
@@ -204,7 +196,7 @@ const v = {
       r(
         (e, a) => ({
           ...n("configuration", e),
-          component: p,
+          component: d,
           alerts: void 0,
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -217,8 +209,8 @@ const v = {
       l.RUN_PAYROLL_RECEIPT_GET,
       "receipts",
       r(
-        d({
-          component: P,
+        c({
+          component: g,
           progressBarType: "breadcrumbs",
           alerts: void 0,
           ctaConfig: {
@@ -232,15 +224,15 @@ const v = {
       l.RUN_PAYROLL_CANCELLED,
       "landing",
       r(
-        d({
-          component: m,
+        c({
+          component: s,
           progressBarType: null,
           alerts: void 0,
           currentBreadcrumbId: "landing"
         })
       )
     ),
-    c
+    p
   ),
   editEmployee: i(
     t("landing"),
@@ -249,9 +241,9 @@ const v = {
       l.RUN_PAYROLL_EMPLOYEE_SAVED,
       "configuration",
       r(
-        d({
+        c({
           currentBreadcrumbId: "configuration",
-          component: p,
+          component: d,
           employeeId: void 0,
           firstName: void 0,
           lastName: void 0,
@@ -266,9 +258,9 @@ const v = {
       l.RUN_PAYROLL_EMPLOYEE_CANCELLED,
       "configuration",
       r(
-        d({
+        c({
           currentBreadcrumbId: "configuration",
-          component: p,
+          component: d,
           employeeId: void 0,
           firstName: void 0,
           lastName: void 0,
@@ -280,11 +272,11 @@ const v = {
       )
     )
   ),
-  receipts: i(t("landing"), c),
-  blockers: i(t("landing"), c)
+  receipts: i(t("landing"), p),
+  blockers: i(t("landing"), p)
 };
 export {
   v as payrollFlowBreadcrumbsNodes,
-  R as payrollMachine
+  _ 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, guard } 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'\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        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      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            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            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            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            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","targetState","transition","componentEvents","guard","ev","reduce","exitFlowTransition","payrollMachine","state","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: '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 =\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            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            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            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            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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"}

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

@@ -1,39 +1,39 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useTranslation as O } from "react-i18next";
-import { getPayrollType as j, calculateTotalPayroll as V } from "../helpers.js";
-import Y from "./PayrollHistoryPresentation.module.scss.js";
+import { useTranslation as U } from "react-i18next";
+import { getPayrollType as I, calculateTotalPayroll as L } from "../helpers.js";
+import j from "./PayrollHistoryPresentation.module.scss.js";
 import { Flex as c } from "../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../shared/constants.js";
-import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatNumberAsCurrency as Z } from "../../../helpers/formattedStrings.js";
-import { useI18n as $ } from "../../../i18n/I18n.js";
-import { useDateFormatter as B } from "../../../hooks/useDateFormatter.js";
-import g from "../../../assets/icons/list.svg.js";
-import W from "../../../assets/icons/trashcan.svg.js";
-import { PayrollStatusBadges as _ } from "../PayrollStatusBadges/PayrollStatusBadges.js";
-import { DataView as z } from "../../Common/DataView/DataView.js";
-const me = ({
+import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as Y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatNumberAsCurrency as q } from "../../../helpers/formattedStrings.js";
+import { useI18n as Z } from "../../../i18n/I18n.js";
+import { useDateFormatter as $ } from "../../../hooks/useDateFormatter.js";
+import B from "../../../assets/icons/trashcan.svg.js";
+import W from "../../../assets/icons/icon-file-outline.svg.js";
+import _ from "../../../assets/icons/icon-receipt-outline.svg.js";
+import { PayrollStatusBadges as z } from "../PayrollStatusBadges/PayrollStatusBadges.js";
+import { DataView as E } from "../../Common/DataView/DataView.js";
+const de = ({
   payrollHistory: y,
-  wireInRequests: P,
-  selectedTimeFilter: w,
+  wireInRequests: g,
+  selectedTimeFilter: P,
   onTimeFilterChange: S,
-  onViewSummary: b,
-  onViewReceipt: C,
-  onCancelPayroll: T,
+  onViewSummary: w,
+  onViewReceipt: b,
+  onCancelPayroll: C,
   cancelDialogItem: a,
   onCancelDialogOpen: F,
-  onCancelDialogClose: v,
-  isLoading: x = !1
+  onCancelDialogClose: T,
+  isLoading: v = !1
 }) => {
-  const { Heading: f, Text: l, Select: k, Dialog: A } = I();
-  $("Payroll.PayrollHistory");
-  const { t } = O("Payroll.PayrollHistory"), u = B(), H = [
+  const { Heading: f, Text: l, Select: x, Dialog: k } = Y();
+  Z("Payroll.PayrollHistory");
+  const { t } = U("Payroll.PayrollHistory"), u = $(), A = [
     { value: "3months", label: t("timeFilter.options.3months") },
     { value: "6months", label: t("timeFilter.options.6months") },
     { value: "year", label: t("timeFilter.options.year") }
-  ], L = (e) => {
+  ], H = (e) => {
     if (e.payrollStatusMeta?.cancellable === !1)
       return !1;
     if (e.processed && e.payrollDeadline) {
@@ -52,7 +52,7 @@ const me = ({
     n.setDate(1 + (7 - n.getDay()) + 7);
     const i = new Date(o, 10, 1);
     return i.setDate(1 + (7 - i.getDay()) % 7), e >= n && e < i ? -7 : -8;
-  }, M = (e) => {
+  }, O = (e) => {
     const o = e.payrollDeadline;
     if (!o) return "";
     const n = new Date(o), i = "America/New_York", s = new Intl.DateTimeFormat("en-US", {
@@ -67,32 +67,32 @@ const me = ({
       timeZone: i
     }), D = s.format(n);
     return `${m.format(n)} on ${D}`;
-  }, N = (e) => {
+  }, R = (e) => {
     F(e);
-  }, R = () => {
-    a && T(a);
-  }, U = (e) => {
+  }, M = () => {
+    a && C(a);
+  }, N = (e) => {
     const o = e.payrollUuid || e.uuid, n = [
       {
         label: t("menu.viewSummary"),
-        icon: /* @__PURE__ */ r(g, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ r(W, { "aria-hidden": !0 }),
         onClick: () => {
-          b(o);
+          w(o);
         }
       },
       {
         label: t("menu.viewReceipt"),
-        icon: /* @__PURE__ */ r(g, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ r(_, { "aria-hidden": !0 }),
         onClick: () => {
-          C(o);
+          b(o);
         }
       }
     ];
-    return L(e) && n.push({
+    return H(e) && n.push({
       label: t("menu.cancelPayroll"),
-      icon: /* @__PURE__ */ r(W, { "aria-hidden": !0 }),
+      icon: /* @__PURE__ */ r(B, { "aria-hidden": !0 }),
       onClick: () => {
-        N(e);
+        R(e);
       },
       "data-destructive": "true"
     }), n;
@@ -110,14 +110,14 @@ const me = ({
         gap: { base: 12, medium: 24 },
         children: [
           /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(f, { as: "h2", children: t("title") }) }),
-          /* @__PURE__ */ r("div", { className: Y.timeFilterContainer, children: /* @__PURE__ */ r(
-            k,
+          /* @__PURE__ */ r("div", { className: j.timeFilterContainer, children: /* @__PURE__ */ r(
+            x,
             {
-              value: w,
+              value: P,
               onChange: (e) => {
                 S(e);
               },
-              options: H,
+              options: A,
               label: t("timeFilter.placeholder"),
               shouldVisuallyHideLabel: !0,
               isRequired: !0
@@ -127,7 +127,7 @@ const me = ({
       }
     ),
     /* @__PURE__ */ r(
-      z,
+      E,
       {
         label: t("dataView.label"),
         columns: [
@@ -140,7 +140,7 @@ const me = ({
           },
           {
             title: t("columns.type"),
-            render: (e) => /* @__PURE__ */ r(l, { children: j(e) })
+            render: (e) => /* @__PURE__ */ r(l, { children: I(e) })
           },
           {
             title: t("columns.payDate"),
@@ -149,29 +149,29 @@ const me = ({
           {
             title: t("columns.status"),
             render: (e) => {
-              const o = P.find(
+              const o = g.find(
                 (n) => n.paymentUuid === e.payrollUuid
               );
-              return /* @__PURE__ */ r(_, { payroll: e, wireInRequest: o });
+              return /* @__PURE__ */ r(z, { payroll: e, wireInRequest: o });
             }
           },
           {
             title: t("columns.totalPayroll"),
-            render: (e) => /* @__PURE__ */ r(l, { weight: "semibold", children: Z(V(e)) })
+            render: (e) => /* @__PURE__ */ r(l, { weight: "semibold", children: q(L(e)) })
           }
         ],
         data: y,
-        itemMenu: (e) => /* @__PURE__ */ r(q, { items: U(e) })
+        itemMenu: (e) => /* @__PURE__ */ r(V, { items: N(e) })
       }
     ),
     /* @__PURE__ */ r(
-      A,
+      k,
       {
         isOpen: !!a,
-        onClose: v,
-        onPrimaryActionClick: R,
+        onClose: T,
+        onPrimaryActionClick: M,
         isDestructive: !0,
-        isPrimaryActionLoading: x,
+        isPrimaryActionLoading: v,
         primaryActionLabel: t("cancelDialog.primaryAction"),
         closeActionLabel: t("cancelDialog.secondaryAction"),
         title: a ? t("cancelDialog.title", {
@@ -183,7 +183,7 @@ const me = ({
         children: a && /* @__PURE__ */ d(c, { flexDirection: "column", gap: 16, children: [
           /* @__PURE__ */ r(l, { children: t("cancelDialog.body") }),
           a.payrollDeadline && /* @__PURE__ */ r(l, { children: t("cancelDialog.deadline", {
-            deadline: M(a)
+            deadline: O(a)
           }) })
         ] })
       }
@@ -191,6 +191,6 @@ const me = ({
   ] });
 };
 export {
-  me as PayrollHistoryPresentation
+  de as PayrollHistoryPresentation
 };
 //# sourceMappingURL=PayrollHistoryPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType, calculateTotalPayroll } from '../helpers'\nimport type { TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\n  onViewSummary: (payrollId: string) => void\n  onViewReceipt: (payrollId: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  selectedTimeFilter,\n  onTimeFilterChange,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const timeFilterOptions = [\n    { value: '3months', label: t('timeFilter.options.3months') },\n    { value: '6months', label: t('timeFilter.options.6months') },\n    { value: 'year', label: t('timeFilter.options.year') },\n  ]\n\n  const canCancelPayroll = (item: Payroll) => {\n    if (item.payrollStatusMeta?.cancellable === false) {\n      return false\n    }\n\n    if (item.processed && item.payrollDeadline) {\n      const now = new Date()\n      const deadline = new Date(item.payrollDeadline)\n\n      const ptOffset = getPacificTimeOffset(now)\n      const nowInPT = new Date(now.getTime() + ptOffset * 60 * 60 * 1000)\n      const deadlineInPT = new Date(\n        deadline.getTime() + getPacificTimeOffset(deadline) * 60 * 60 * 1000,\n      )\n\n      const isSameDay = nowInPT.toDateString() === deadlineInPT.toDateString()\n      if (isSameDay) {\n        const cutoffTime = new Date(deadlineInPT)\n        cutoffTime.setHours(15, 30, 0, 0)\n\n        if (nowInPT > cutoffTime) {\n          return false\n        }\n      }\n    }\n\n    return true\n  }\n\n  const getPacificTimeOffset = (date: Date): number => {\n    const year = date.getFullYear()\n\n    const secondSundayMarch = new Date(year, 2, 1)\n    secondSundayMarch.setDate(1 + (7 - secondSundayMarch.getDay()) + 7)\n\n    const firstSundayNovember = new Date(year, 10, 1)\n    firstSundayNovember.setDate(1 + ((7 - firstSundayNovember.getDay()) % 7))\n\n    const isDST = date >= secondSundayMarch && date < firstSundayNovember\n    return isDST ? -7 : -8\n  }\n\n  const formatDeadlineForDialog = (item: Payroll): string => {\n    const deadline = item.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(payrollId)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(payrollId)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  if (payrollHistory.length === 0) {\n    return (\n      <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n        <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n        <Text>{t('emptyState.description')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n        <div className={styles.timeFilterContainer}>\n          <Select\n            value={selectedTimeFilter}\n            onChange={(value: string) => {\n              onTimeFilterChange(value as TimeFilterOption)\n            }}\n            options={timeFilterOptions}\n            label={t('timeFilter.placeholder')}\n            shouldVisuallyHideLabel\n            isRequired\n          />\n        </div>\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) => (\n              <Text>\n                {dateFormatter.formatPayPeriodRange(\n                  item.payPeriod?.startDate,\n                  item.payPeriod?.endDate,\n                )}\n              </Text>\n            ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => <Text>{getPayrollType(item)}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => (\n              <Text>{dateFormatter.formatShortWithYear(item.checkDate)}</Text>\n            ),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            render: (item: Payroll) => (\n              <Text weight=\"semibold\">{formatNumberAsCurrency(calculateTotalPayroll(item))}</Text>\n            ),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: dateFormatter.formatPayPeriodRange(\n                  cancelDialogItem.payPeriod?.startDate,\n                  cancelDialogItem.payPeriod?.endDate,\n                ),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","payrollHistory","wireInRequests","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Select","Dialog","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","timeFilterOptions","canCancelPayroll","item","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","ListIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","getPayrollType","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType, calculateTotalPayroll } from '../helpers'\nimport type { TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport ReceiptIcon from '@/assets/icons/icon-receipt-outline.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\n  onViewSummary: (payrollId: string) => void\n  onViewReceipt: (payrollId: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  selectedTimeFilter,\n  onTimeFilterChange,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const timeFilterOptions = [\n    { value: '3months', label: t('timeFilter.options.3months') },\n    { value: '6months', label: t('timeFilter.options.6months') },\n    { value: 'year', label: t('timeFilter.options.year') },\n  ]\n\n  const canCancelPayroll = (item: Payroll) => {\n    if (item.payrollStatusMeta?.cancellable === false) {\n      return false\n    }\n\n    if (item.processed && item.payrollDeadline) {\n      const now = new Date()\n      const deadline = new Date(item.payrollDeadline)\n\n      const ptOffset = getPacificTimeOffset(now)\n      const nowInPT = new Date(now.getTime() + ptOffset * 60 * 60 * 1000)\n      const deadlineInPT = new Date(\n        deadline.getTime() + getPacificTimeOffset(deadline) * 60 * 60 * 1000,\n      )\n\n      const isSameDay = nowInPT.toDateString() === deadlineInPT.toDateString()\n      if (isSameDay) {\n        const cutoffTime = new Date(deadlineInPT)\n        cutoffTime.setHours(15, 30, 0, 0)\n\n        if (nowInPT > cutoffTime) {\n          return false\n        }\n      }\n    }\n\n    return true\n  }\n\n  const getPacificTimeOffset = (date: Date): number => {\n    const year = date.getFullYear()\n\n    const secondSundayMarch = new Date(year, 2, 1)\n    secondSundayMarch.setDate(1 + (7 - secondSundayMarch.getDay()) + 7)\n\n    const firstSundayNovember = new Date(year, 10, 1)\n    firstSundayNovember.setDate(1 + ((7 - firstSundayNovember.getDay()) % 7))\n\n    const isDST = date >= secondSundayMarch && date < firstSundayNovember\n    return isDST ? -7 : -8\n  }\n\n  const formatDeadlineForDialog = (item: Payroll): string => {\n    const deadline = item.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <FileIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(payrollId)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(payrollId)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  if (payrollHistory.length === 0) {\n    return (\n      <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n        <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n        <Text>{t('emptyState.description')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n        <div className={styles.timeFilterContainer}>\n          <Select\n            value={selectedTimeFilter}\n            onChange={(value: string) => {\n              onTimeFilterChange(value as TimeFilterOption)\n            }}\n            options={timeFilterOptions}\n            label={t('timeFilter.placeholder')}\n            shouldVisuallyHideLabel\n            isRequired\n          />\n        </div>\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) => (\n              <Text>\n                {dateFormatter.formatPayPeriodRange(\n                  item.payPeriod?.startDate,\n                  item.payPeriod?.endDate,\n                )}\n              </Text>\n            ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => <Text>{getPayrollType(item)}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => (\n              <Text>{dateFormatter.formatShortWithYear(item.checkDate)}</Text>\n            ),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            render: (item: Payroll) => (\n              <Text weight=\"semibold\">{formatNumberAsCurrency(calculateTotalPayroll(item))}</Text>\n            ),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: dateFormatter.formatPayPeriodRange(\n                  cancelDialogItem.payPeriod?.startDate,\n                  cancelDialogItem.payPeriod?.endDate,\n                ),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","payrollHistory","wireInRequests","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Select","Dialog","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","timeFilterOptions","canCancelPayroll","item","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","getPayrollType","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":"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"}