@gusto/embedded-react-sdk 0.41.0 → 0.42.0

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"payrollLandingStateMachine.js","sources":["../../../../src/components/Payroll/PayrollLanding/payrollLandingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  PayrollLandingTabsContextual,\n  PayrollLandingReceiptsContextual,\n  PayrollLandingOverviewContextual,\n  type PayrollLandingFlowContextInterface,\n} from './PayrollLandingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_RECEIPT_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_SUMMARY_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_RECEIPT_GET]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_CANCELLED]: undefined\n  [componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED]: undefined\n}\n\nexport const payrollLandingBreadcrumbNodes: BreadcrumbNodes = {\n  tabs: {\n    parent: null,\n    item: {\n      id: 'tabs',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollLandingFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumbId: 'tabs',\n        progressBarType: null,\n        component: PayrollLandingTabsContextual,\n        payrollUuid: undefined,\n        previousState: undefined,\n        startDate: undefined,\n        endDate: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'tabs',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  receipt: {\n    parent: 'tabs',\n    item: {\n      id: 'receipt',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollLandingFlowContextInterface>) => {\n  return (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollLandingFlowContextInterface>()\n\nexport const payrollLandingMachine = {\n  tabs: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_VIEWED,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          progressBarType: 'breadcrumbs',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_SUMMARY_VIEWED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SUMMARY_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          progressBarType: 'breadcrumbs',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollUuid: undefined,\n          previousState: undefined,\n          progressBarType: null,\n          currentBreadcrumbId: 'tabs',\n          startDate: undefined,\n          endDate: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_GET>,\n        ): PayrollLandingFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('receipt', ctx, {\n              startDate: ctx.startDate ?? '',\n              endDate: ctx.endDate ?? '',\n            }),\n            component: PayrollLandingReceiptsContextual,\n            payrollUuid: ev.payload.payrollId,\n            previousState: 'overview',\n            progressBarType: 'breadcrumbs',\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollUuid: undefined,\n          previousState: undefined,\n          progressBarType: null,\n          currentBreadcrumbId: 'tabs',\n          startDate: undefined,\n          endDate: undefined,\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n  ),\n  receipt: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(\n        (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          previousState: 'tabs',\n          progressBarType: 'breadcrumbs',\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'overview'\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollUuid: undefined,\n          previousState: undefined,\n          progressBarType: null,\n          currentBreadcrumbId: 'tabs',\n          startDate: undefined,\n          endDate: undefined,\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'tabs'\n      }),\n    ),\n  ),\n}\n"],"names":["payrollLandingBreadcrumbNodes","ctx","PayrollLandingTabsContextual","createReducer","props","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","payrollLandingMachine","state","transition","componentEvents","reduce","ev","updateBreadcrumbs","PayrollLandingReceiptsContextual","PayrollLandingOverviewContextual","guard"],"mappings":"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"}
+{"version":3,"file":"payrollLandingStateMachine.js","sources":["../../../../src/components/Payroll/PayrollLanding/payrollLandingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  PayrollLandingTabsContextual,\n  PayrollLandingReceiptsContextual,\n  PayrollLandingOverviewContextual,\n  type PayrollLandingFlowContextInterface,\n} from './PayrollLandingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_RECEIPT_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_SUMMARY_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_RECEIPT_GET]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_CANCELLED]: undefined\n  [componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED]: undefined\n}\n\nexport const payrollLandingBreadcrumbNodes: BreadcrumbNodes = {\n  tabs: {\n    parent: null,\n    item: {\n      id: 'tabs',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollLandingFlowContextInterface) => ({\n        ...ctx,\n        component: PayrollLandingTabsContextual,\n        header:\n          ctx.header?.type === 'breadcrumbs'\n            ? { ...ctx.header, currentBreadcrumbId: undefined }\n            : null,\n        payrollUuid: undefined,\n        previousState: undefined,\n        startDate: undefined,\n        endDate: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'tabs',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  receipt: {\n    parent: 'tabs',\n    item: {\n      id: 'receipt',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollLandingFlowContextInterface>) => {\n  return (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\n/**\n * Reducer that returns the flow to the landing tabs view while preserving\n * the existing breadcrumbs trail data so that re-entering a sub-state can\n * pick it up without rebuilding.\n */\nconst returnToTabs = (\n  extra: Partial<PayrollLandingFlowContextInterface> = {},\n): ((ctx: PayrollLandingFlowContextInterface) => PayrollLandingFlowContextInterface) => {\n  return (ctx: PayrollLandingFlowContextInterface) => ({\n    ...ctx,\n    component: PayrollLandingTabsContextual,\n    payrollUuid: undefined,\n    previousState: undefined,\n    startDate: undefined,\n    endDate: undefined,\n    header:\n      ctx.header?.type === 'breadcrumbs' ? { ...ctx.header, currentBreadcrumbId: undefined } : null,\n    ...extra,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollLandingFlowContextInterface>()\n\nexport const payrollLandingMachine = {\n  tabs: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_VIEWED,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_SUMMARY_VIEWED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SUMMARY_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(componentEvents.RUN_PAYROLL_BACK, 'tabs', reduce(returnToTabs())),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_GET>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'overview',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(returnToTabs({ showPayrollCancelledAlert: true })),\n    ),\n  ),\n  receipt: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(\n        (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          previousState: 'tabs',\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'overview'\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(returnToTabs()),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'tabs'\n      }),\n    ),\n  ),\n}\n"],"names":["payrollLandingBreadcrumbNodes","ctx","PayrollLandingTabsContextual","createReducer","props","returnToTabs","extra","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","payrollLandingMachine","state","transition","componentEvents","reduce","ev","updateBreadcrumbs","PayrollLandingReceiptsContextual","PayrollLandingOverviewContextual","guard"],"mappings":"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"}

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

@@ -5,10 +5,9 @@ import { useTranslation as ue } from "react-i18next";
 import { getPayrollTypeLabel as me } from "../helpers.js";
 import o from "./PayrollListPresentation.module.scss.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { DateRangeFilter as fe } from "../../Common/DateRangeFilter/DateRangeFilter.js";
-import { useComponentContext as pe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as ye } from "../../../i18n/I18n.js";
+import { useComponentContext as ye } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as pe } from "../../../i18n/I18n.js";
 import { formatDateToStringDate as De } from "../../../helpers/dateFormatting.js";
 import { useDateFormatter as Pe } from "../../../hooks/useDateFormatter.js";
 import he from "../../../assets/icons/feature-icon-check.svg.js";
@@ -21,16 +20,16 @@ const V = /* @__PURE__ */ new Set([
   f.Correction,
   f.DismissedEmployee
 ]);
-function ke(r, S, p) {
+function ke(r, S, y) {
   if (r.processed) return !1;
-  const y = r.payPeriod?.startDate ? new Date(r.payPeriod.startDate) : null, k = !r.offCycle || r.offCycleReason === f.TransitionFromOldPaySchedule, u = S.length === 0 && k && p && y && p >= y, L = r.offCycle && !!r.offCycleReason && V.has(r.offCycleReason);
+  const p = r.payPeriod?.startDate ? new Date(r.payPeriod.startDate) : null, k = !r.offCycle || r.offCycleReason === f.TransitionFromOldPaySchedule, u = S.length === 0 && k && y && p && y >= p, L = r.offCycle && !!r.offCycleReason && V.has(r.offCycleReason);
   return !!(u || L);
 }
-const _e = ({
+const Ye = ({
   onRunPayroll: r,
   onSubmitPayroll: S,
-  onSkipPayroll: p,
-  onDeletePayroll: y,
+  onSkipPayroll: y,
+  onDeletePayroll: p,
   onRunOffCyclePayroll: k,
   payrolls: u,
   pagination: L,
@@ -45,8 +44,8 @@ const _e = ({
   wireInRequests: $,
   dateRangeFilter: s
 }) => {
-  const { Box: ee, Button: I, ButtonIcon: x, Dialog: N, Heading: te, Text: D, Alert: F } = pe();
-  ye("Payroll.PayrollList");
+  const { Box: ee, Button: I, ButtonIcon: x, Dialog: N, Heading: te, Text: D, Alert: F } = ye();
+  pe("Payroll.PayrollList");
   const { t } = ue("Payroll.PayrollList"), m = Pe(), w = de(null), E = Ce({ ref: w }).includes("large"), P = K(() => {
     const e = De(/* @__PURE__ */ new Date());
     return e ? new Date(e) : null;
@@ -70,7 +69,7 @@ const _e = ({
       payPeriod: null
     });
   }, le = () => {
-    h.payrollId && (p({ payrollUuid: h.payrollId }), H());
+    h.payrollId && (y({ payrollUuid: h.payrollId }), H());
   }, [C, M] = q({
     isOpen: !1,
     payrollId: null,
@@ -88,7 +87,7 @@ const _e = ({
       payPeriod: null
     });
   }, re = () => {
-    C.payrollId && (y({ payrollUuid: C.payrollId }), U());
+    C.payrollId && (p({ payrollUuid: C.payrollId }), U());
   }, R = (e, l) => {
     const i = m.formatShort(e), n = m.formatShortWithYear(l);
     return {
@@ -324,6 +323,6 @@ const _e = ({
   ] }) });
 };
 export {
-  _e as PayrollListPresentation
+  Ye as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { OffCycleReasonType } from '@gusto/embedded-api/models/components/payroll'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { DataView, Flex, HamburgerMenu, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nconst CANCELLABLE_OFF_CYCLE_REASONS = new Set<string>([\n  OffCycleReasonType.Bonus,\n  OffCycleReasonType.Correction,\n  OffCycleReasonType.DismissedEmployee,\n])\n\nfunction hasKebabActions(\n  payroll: Payroll,\n  blockers: ApiPayrollBlocker[],\n  todayAtMidnight: Date | null,\n): boolean {\n  if (payroll.processed) return false\n\n  const payPeriodStartDate = payroll.payPeriod?.startDate\n    ? new Date(payroll.payPeriod.startDate)\n    : null\n\n  const isSkippablePayroll =\n    !payroll.offCycle || payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n  const canSkipPayroll =\n    blockers.length === 0 &&\n    isSkippablePayroll &&\n    todayAtMidnight &&\n    payPeriodStartDate &&\n    todayAtMidnight >= payPeriodStartDate\n\n  const canDeletePayroll =\n    payroll.offCycle &&\n    !!payroll.offCycleReason &&\n    CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n  return !!(canSkipPayroll || canDeletePayroll)\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onDeletePayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onRunOffCyclePayroll: () => void\n  payrolls: Payroll[]\n  pagination?: PaginationControlProps\n  paySchedules: PaySchedule[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  showDeleteSuccessAlert: boolean\n  onDismissDeleteSuccessAlert: () => void\n  skippingPayrollId: string | null\n  deletingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n  wireInRequests: WireInRequest[]\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onDeletePayroll,\n  onRunOffCyclePayroll,\n  payrolls,\n  pagination,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  showDeleteSuccessAlert,\n  onDismissDeleteSuccessAlert,\n  skippingPayrollId,\n  deletingPayrollId,\n  blockers,\n  wireInRequests,\n  dateRangeFilter,\n}: PayrollListPresentationProps) => {\n  const { Box, Button, ButtonIcon, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const dateFormatter = useDateFormatter()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('large')\n\n  const todayAtMidnight = useMemo(() => {\n    const todayDateString = formatDateToStringDate(new Date())\n    return todayDateString ? new Date(todayDateString) : null\n  }, [])\n\n  const anyPayrollHasKebabActions = useMemo(\n    () => payrolls.some(payroll => hasKebabActions(payroll, blockers, todayAtMidnight)),\n    [payrolls, blockers, todayAtMidnight],\n  )\n\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollUuid: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const [deletePayrollDialogState, setDeletePayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenDeleteDialog = (payrollId: string, payPeriod: string) => {\n    setDeletePayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmDeletePayroll = () => {\n    if (deletePayrollDialogState.payrollId) {\n      onDeletePayroll({ payrollUuid: deletePayrollDialogState.payrollId })\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = dateFormatter.formatShort(startDate)\n    const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n    }\n  }\n\n  const renderActionButton = (payroll: Payroll) => {\n    const { payrollUuid, calculatedAt, processed, payPeriod } = payroll\n\n    if (processed) {\n      return null\n    }\n\n    const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n    return calculatedAt ? (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        onClick={() => {\n          onSubmitPayroll({ payrollUuid, payPeriod })\n        }}\n        title={t('submitPayrollCta')}\n        variant=\"secondary\"\n      >\n        {t('submitPayrollCta')}\n      </Button>\n    ) : (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        onClick={() => {\n          onRunPayroll({ payrollUuid, payPeriod })\n        }}\n        title={t('runPayrollTitle')}\n        variant=\"secondary\"\n      >\n        {t('runPayrollTitle')}\n      </Button>\n    )\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        {showDeleteSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('deleteSuccessAlert')}\n              onDismiss={onDismissDeleteSuccessAlert}\n            />\n          </div>\n        )}\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <DateRangeFilter\n            startDate={dateRangeFilter.filterStartDate}\n            endDate={dateRangeFilter.filterEndDate}\n            onStartDateChange={dateRangeFilter.handleStartDateChange}\n            onEndDateChange={dateRangeFilter.handleEndDateChange}\n            onClear={dateRangeFilter.handleClearFilter}\n            startDateLabel={t('dateFilter.startDate')}\n            endDateLabel={t('dateFilter.endDate')}\n            applyLabel={t('dateFilter.apply')}\n            cancelLabel={t('dateFilter.cancel')}\n            resetLabel={t('dateFilter.reset')}\n            selectDatesLabel={t('dateFilter.selectDates')}\n            triggerLabel={t('dateFilter.trigger')}\n            isFilterActive={dateRangeFilter.isFilterActive}\n            maxEndDate={dateRangeFilter.getMaxEndDate()}\n            minStartDate={dateRangeFilter.getMinStartDate()}\n          />\n        </Flex>\n\n        <DataView\n          breakAt=\"large\"\n          pagination={pagination}\n          emptyState={() => (\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n              <FeatureIconCheck />\n              <Text>{t('emptyState')}</Text>\n            </Flex>\n          )}\n          data={payrolls}\n          columns={[\n            {\n              render: ({ payPeriod }) => {\n                const { startDate, endDate } = formatPayPeriod(\n                  payPeriod?.startDate,\n                  payPeriod?.endDate,\n                )\n\n                return (\n                  <div className={styles.payPeriodCell}>\n                    {startDate} - {endDate}\n                    <Text variant=\"supporting\" size=\"sm\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </div>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: payroll => getPayrollTypeLabel(payroll),\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => dateFormatter.formatShortWithWeekdayAndYear(checkDate),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) =>\n                dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline),\n            },\n            {\n              title: t('tableHeaders.4'),\n              render: payroll => {\n                const wireInRequest = wireInRequests.find(\n                  wire => wire.paymentUuid === payroll.payrollUuid,\n                )\n                return <PayrollStatusBadges payroll={payroll} wireInRequest={wireInRequest} />\n              },\n            },\n            ...(!isDesktop\n              ? [\n                  {\n                    title: '',\n                    render: (payroll: Payroll) => {\n                      const button = renderActionButton(payroll)\n                      if (!button) return null\n                      return (\n                        <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                          {button}\n                        </Flex>\n                      )\n                    },\n                  },\n                ]\n              : []),\n          ]}\n          label={t('payrollsListLabel')}\n          itemMenu={payroll => {\n            const { payrollUuid, processed, payPeriod } = payroll\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n            const isProcessingDeletePayroll = deletingPayrollId === payrollUuid\n\n            const button = isDesktop ? renderActionButton(payroll) : null\n\n            if (processed) {\n              return (\n                <div className={styles.actionsContainer}>\n                  {anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\n                    />\n                  )}\n                </div>\n              )\n            }\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const isSkippablePayroll =\n              !payroll.offCycle ||\n              payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              isSkippablePayroll &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            const canDeletePayroll =\n              payroll.offCycle &&\n              !!payroll.offCycleReason &&\n              CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n            const menuItems = canSkipPayroll\n              ? [\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]\n              : canDeletePayroll\n                ? [\n                    {\n                      label: t('deletePayrollCta'),\n                      onClick: () => {\n                        handleOpenDeleteDialog(payrollUuid!, payPeriodString)\n                      },\n                    },\n                  ]\n                : null\n\n            const hasMenuActions = menuItems !== null\n\n            return (\n              <div className={styles.actionsContainer}>\n                {button}\n                {hasMenuActions ? (\n                  <HamburgerMenu\n                    isLoading={canSkipPayroll ? isProcessingSkipPayroll : isProcessingDeletePayroll}\n                    menuLabel={t('payrollMenuLabel')}\n                    items={menuItems}\n                  />\n                ) : (\n                  anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\n                    />\n                  )\n                )}\n              </div>\n            )\n          }}\n        />\n        <Dialog\n          isOpen={skipPayrollDialogState.isOpen}\n          onClose={handleCloseSkipDialog}\n          onPrimaryActionClick={handleConfirmSkipPayroll}\n          isDestructive={true}\n          title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n          primaryActionLabel={t('skipPayrollDialog.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n        <Dialog\n          isOpen={deletePayrollDialogState.isOpen}\n          onClose={handleCloseDeleteDialog}\n          onPrimaryActionClick={handleConfirmDeletePayroll}\n          isDestructive={true}\n          title={t('deletePayrollDialog.title', {\n            payPeriod: deletePayrollDialogState.payPeriod,\n          })}\n          primaryActionLabel={t('deletePayrollDialog.confirmCta')}\n          closeActionLabel={t('deletePayrollDialog.cancelCta')}\n        >\n          {t('deletePayrollDialog.body')}\n        </Dialog>\n        <Box className={styles.offCycleCta}>\n          <Flex\n            flexDirection={{ base: 'column', medium: 'row' }}\n            justifyContent=\"space-between\"\n            alignItems={{ base: 'stretch', medium: 'center' }}\n            gap={16}\n          >\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"bold\">{t('offCycleCta.title')}</Text>\n              <Text variant=\"supporting\" size=\"sm\">\n                {t('offCycleCta.description')}\n              </Text>\n            </Flex>\n            <div className={styles.offCycleCtaButton}>\n              <Button variant=\"secondary\" onClick={onRunOffCyclePayroll}>\n                {t('offCycleCta.button')}\n              </Button>\n            </div>\n          </Flex>\n        </Box>\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CANCELLABLE_OFF_CYCLE_REASONS","OffCycleReasonType","hasKebabActions","payroll","blockers","todayAtMidnight","payPeriodStartDate","isSkippablePayroll","canSkipPayroll","canDeletePayroll","PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onDeletePayroll","onRunOffCyclePayroll","payrolls","pagination","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","showDeleteSuccessAlert","onDismissDeleteSuccessAlert","skippingPayrollId","deletingPayrollId","wireInRequests","dateRangeFilter","Box","Button","ButtonIcon","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","useMemo","todayDateString","formatDateToStringDate","anyPayrollHasKebabActions","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","deletePayrollDialogState","setDeletePayrollDialogState","handleOpenDeleteDialog","handleCloseDeleteDialog","handleConfirmDeletePayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","renderActionButton","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","jsx","styles","jsxs","Flex","DateRangeFilter","DataView","FeatureIconCheck","schedule","getPayrollTypeLabel","checkDate","payrollDeadline","wireInRequest","wire","PayrollStatusBadges","button","isProcessingDeletePayroll","payPeriodString","menuItems","hasMenuActions","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { OffCycleReasonType } from '@gusto/embedded-api/models/components/payroll'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { DataView, Flex, HamburgerMenu, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nconst CANCELLABLE_OFF_CYCLE_REASONS = new Set<string>([\n  OffCycleReasonType.Bonus,\n  OffCycleReasonType.Correction,\n  OffCycleReasonType.DismissedEmployee,\n])\n\nfunction hasKebabActions(\n  payroll: Payroll,\n  blockers: ApiPayrollBlocker[],\n  todayAtMidnight: Date | null,\n): boolean {\n  if (payroll.processed) return false\n\n  const payPeriodStartDate = payroll.payPeriod?.startDate\n    ? new Date(payroll.payPeriod.startDate)\n    : null\n\n  const isSkippablePayroll =\n    !payroll.offCycle || payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n  const canSkipPayroll =\n    blockers.length === 0 &&\n    isSkippablePayroll &&\n    todayAtMidnight &&\n    payPeriodStartDate &&\n    todayAtMidnight >= payPeriodStartDate\n\n  const canDeletePayroll =\n    payroll.offCycle &&\n    !!payroll.offCycleReason &&\n    CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n  return !!(canSkipPayroll || canDeletePayroll)\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onDeletePayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onRunOffCyclePayroll: () => void\n  payrolls: Payroll[]\n  pagination?: PaginationControlProps\n  paySchedules: PaySchedule[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  showDeleteSuccessAlert: boolean\n  onDismissDeleteSuccessAlert: () => void\n  skippingPayrollId: string | null\n  deletingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n  wireInRequests: WireInRequest[]\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onDeletePayroll,\n  onRunOffCyclePayroll,\n  payrolls,\n  pagination,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  showDeleteSuccessAlert,\n  onDismissDeleteSuccessAlert,\n  skippingPayrollId,\n  deletingPayrollId,\n  blockers,\n  wireInRequests,\n  dateRangeFilter,\n}: PayrollListPresentationProps) => {\n  const { Box, Button, ButtonIcon, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const dateFormatter = useDateFormatter()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('large')\n\n  const todayAtMidnight = useMemo(() => {\n    const todayDateString = formatDateToStringDate(new Date())\n    return todayDateString ? new Date(todayDateString) : null\n  }, [])\n\n  const anyPayrollHasKebabActions = useMemo(\n    () => payrolls.some(payroll => hasKebabActions(payroll, blockers, todayAtMidnight)),\n    [payrolls, blockers, todayAtMidnight],\n  )\n\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollUuid: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const [deletePayrollDialogState, setDeletePayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenDeleteDialog = (payrollId: string, payPeriod: string) => {\n    setDeletePayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmDeletePayroll = () => {\n    if (deletePayrollDialogState.payrollId) {\n      onDeletePayroll({ payrollUuid: deletePayrollDialogState.payrollId })\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = dateFormatter.formatShort(startDate)\n    const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n    }\n  }\n\n  const renderActionButton = (payroll: Payroll) => {\n    const { payrollUuid, calculatedAt, processed, payPeriod } = payroll\n\n    if (processed) {\n      return null\n    }\n\n    const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n    return calculatedAt ? (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        onClick={() => {\n          onSubmitPayroll({ payrollUuid, payPeriod })\n        }}\n        title={t('submitPayrollCta')}\n        variant=\"secondary\"\n      >\n        {t('submitPayrollCta')}\n      </Button>\n    ) : (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        onClick={() => {\n          onRunPayroll({ payrollUuid, payPeriod })\n        }}\n        title={t('runPayrollTitle')}\n        variant=\"secondary\"\n      >\n        {t('runPayrollTitle')}\n      </Button>\n    )\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        {showDeleteSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('deleteSuccessAlert')}\n              onDismiss={onDismissDeleteSuccessAlert}\n            />\n          </div>\n        )}\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <DateRangeFilter\n            startDate={dateRangeFilter.filterStartDate}\n            endDate={dateRangeFilter.filterEndDate}\n            onStartDateChange={dateRangeFilter.handleStartDateChange}\n            onEndDateChange={dateRangeFilter.handleEndDateChange}\n            onClear={dateRangeFilter.handleClearFilter}\n            startDateLabel={t('dateFilter.startDate')}\n            endDateLabel={t('dateFilter.endDate')}\n            applyLabel={t('dateFilter.apply')}\n            cancelLabel={t('dateFilter.cancel')}\n            resetLabel={t('dateFilter.reset')}\n            selectDatesLabel={t('dateFilter.selectDates')}\n            triggerLabel={t('dateFilter.trigger')}\n            isFilterActive={dateRangeFilter.isFilterActive}\n            maxEndDate={dateRangeFilter.getMaxEndDate()}\n            minStartDate={dateRangeFilter.getMinStartDate()}\n          />\n        </Flex>\n\n        <DataView\n          breakAt=\"large\"\n          pagination={pagination}\n          emptyState={() => (\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n              <FeatureIconCheck />\n              <Text>{t('emptyState')}</Text>\n            </Flex>\n          )}\n          data={payrolls}\n          columns={[\n            {\n              render: ({ payPeriod }) => {\n                const { startDate, endDate } = formatPayPeriod(\n                  payPeriod?.startDate,\n                  payPeriod?.endDate,\n                )\n\n                return (\n                  <div className={styles.payPeriodCell}>\n                    {startDate} - {endDate}\n                    <Text variant=\"supporting\" size=\"sm\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </div>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: payroll => getPayrollTypeLabel(payroll),\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => dateFormatter.formatShortWithWeekdayAndYear(checkDate),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) =>\n                dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline),\n            },\n            {\n              title: t('tableHeaders.4'),\n              render: payroll => {\n                const wireInRequest = wireInRequests.find(\n                  wire => wire.paymentUuid === payroll.payrollUuid,\n                )\n                return <PayrollStatusBadges payroll={payroll} wireInRequest={wireInRequest} />\n              },\n            },\n            ...(!isDesktop\n              ? [\n                  {\n                    title: '',\n                    render: (payroll: Payroll) => {\n                      const button = renderActionButton(payroll)\n                      if (!button) return null\n                      return (\n                        <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                          {button}\n                        </Flex>\n                      )\n                    },\n                  },\n                ]\n              : []),\n          ]}\n          label={t('payrollsListLabel')}\n          itemMenu={payroll => {\n            const { payrollUuid, processed, payPeriod } = payroll\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n            const isProcessingDeletePayroll = deletingPayrollId === payrollUuid\n\n            const button = isDesktop ? renderActionButton(payroll) : null\n\n            if (processed) {\n              return (\n                <div className={styles.actionsContainer}>\n                  {anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\n                    />\n                  )}\n                </div>\n              )\n            }\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const isSkippablePayroll =\n              !payroll.offCycle ||\n              payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              isSkippablePayroll &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            const canDeletePayroll =\n              payroll.offCycle &&\n              !!payroll.offCycleReason &&\n              CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n            const menuItems = canSkipPayroll\n              ? [\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]\n              : canDeletePayroll\n                ? [\n                    {\n                      label: t('deletePayrollCta'),\n                      onClick: () => {\n                        handleOpenDeleteDialog(payrollUuid!, payPeriodString)\n                      },\n                    },\n                  ]\n                : null\n\n            const hasMenuActions = menuItems !== null\n\n            return (\n              <div className={styles.actionsContainer}>\n                {button}\n                {hasMenuActions ? (\n                  <HamburgerMenu\n                    isLoading={canSkipPayroll ? isProcessingSkipPayroll : isProcessingDeletePayroll}\n                    menuLabel={t('payrollMenuLabel')}\n                    items={menuItems}\n                  />\n                ) : (\n                  anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\n                    />\n                  )\n                )}\n              </div>\n            )\n          }}\n        />\n        <Dialog\n          isOpen={skipPayrollDialogState.isOpen}\n          onClose={handleCloseSkipDialog}\n          onPrimaryActionClick={handleConfirmSkipPayroll}\n          isDestructive={true}\n          title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n          primaryActionLabel={t('skipPayrollDialog.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n        <Dialog\n          isOpen={deletePayrollDialogState.isOpen}\n          onClose={handleCloseDeleteDialog}\n          onPrimaryActionClick={handleConfirmDeletePayroll}\n          isDestructive={true}\n          title={t('deletePayrollDialog.title', {\n            payPeriod: deletePayrollDialogState.payPeriod,\n          })}\n          primaryActionLabel={t('deletePayrollDialog.confirmCta')}\n          closeActionLabel={t('deletePayrollDialog.cancelCta')}\n        >\n          {t('deletePayrollDialog.body')}\n        </Dialog>\n        <Box className={styles.offCycleCta}>\n          <Flex\n            flexDirection={{ base: 'column', medium: 'row' }}\n            justifyContent=\"space-between\"\n            alignItems={{ base: 'stretch', medium: 'center' }}\n            gap={16}\n          >\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"bold\">{t('offCycleCta.title')}</Text>\n              <Text variant=\"supporting\" size=\"sm\">\n                {t('offCycleCta.description')}\n              </Text>\n            </Flex>\n            <div className={styles.offCycleCtaButton}>\n              <Button variant=\"secondary\" onClick={onRunOffCyclePayroll}>\n                {t('offCycleCta.button')}\n              </Button>\n            </div>\n          </Flex>\n        </Box>\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CANCELLABLE_OFF_CYCLE_REASONS","OffCycleReasonType","hasKebabActions","payroll","blockers","todayAtMidnight","payPeriodStartDate","isSkippablePayroll","canSkipPayroll","canDeletePayroll","PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onDeletePayroll","onRunOffCyclePayroll","payrolls","pagination","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","showDeleteSuccessAlert","onDismissDeleteSuccessAlert","skippingPayrollId","deletingPayrollId","wireInRequests","dateRangeFilter","Box","Button","ButtonIcon","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","useMemo","todayDateString","formatDateToStringDate","anyPayrollHasKebabActions","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","deletePayrollDialogState","setDeletePayrollDialogState","handleOpenDeleteDialog","handleCloseDeleteDialog","handleConfirmDeletePayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","renderActionButton","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","jsx","styles","jsxs","Flex","DateRangeFilter","DataView","FeatureIconCheck","schedule","getPayrollTypeLabel","checkDate","payrollDeadline","wireInRequest","wire","PayrollStatusBadges","button","isProcessingDeletePayroll","payPeriodString","menuItems","hasMenuActions","HamburgerMenu"],"mappings":"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"}