@gusto/embedded-react-sdk 0.52.2 → 0.53.0

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

@@ -1,38 +1,38 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { OffCycleReasonType as y } from "@gusto/embedded-api/models/components/payrollshow";
-import { useRef as ue, useMemo as q, useState as V } from "react";
-import { useTranslation as me } from "react-i18next";
-import { getPayrollTypeLabel as fe } from "../helpers.js";
-import o from "./PayrollListPresentation.module.scss.js";
-import { Flex as f } from "../../Common/Flex/Flex.js";
-import { EmptyData as ye } from "../../Common/EmptyData/EmptyData.js";
-import { HamburgerMenu as pe } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { DateRangeFilter as De } from "../../Common/DateRangeFilter/DateRangeFilter.js";
-import { useComponentContext as Pe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as Ce } from "../../../i18n/I18n.js";
-import { formatDateToStringDate as he } from "../../../helpers/dateFormatting.js";
-import { useDateFormatter as be } from "../../../hooks/useDateFormatter.js";
-import ge from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { PayrollStatusBadges as Se } from "../PayrollStatusBadges/PayrollStatusBadges.js";
-import { DataView as ke } from "../../Common/DataView/DataView.js";
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { OffCycleReasonType as m } from "@gusto/embedded-api/models/components/payrollshow";
+import { useRef as ye, useMemo as q, useState as z } from "react";
+import { useTranslation as fe } from "react-i18next";
+import { getPayrollTypeLabel as pe } from "../helpers.js";
+import i from "./PayrollListPresentation.module.scss.js";
+import { Flex as O } from "../../Common/Flex/Flex.js";
+import { EmptyData as V } from "../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as De } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { DateRangeFilter as Pe } from "../../Common/DateRangeFilter/DateRangeFilter.js";
+import { useComponentContext as Ce } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as he } from "../../../i18n/I18n.js";
+import { formatDateToStringDate as be } from "../../../helpers/dateFormatting.js";
+import { useDateFormatter as ge } from "../../../hooks/useDateFormatter.js";
+import Se from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { PayrollStatusBadges as ke } from "../PayrollStatusBadges/PayrollStatusBadges.js";
+import { DataView as Le } from "../../Common/DataView/DataView.js";
 const G = /* @__PURE__ */ new Set([
-  y.Bonus,
-  y.Correction,
-  y.DismissedEmployee
+  m.Bonus,
+  m.Correction,
+  m.DismissedEmployee
 ]);
-function Le(r, S, p) {
+function Ae(r, g, y) {
   if (r.processed) return !1;
-  const D = r.payPeriod?.startDate ? new Date(r.payPeriod.startDate) : null, k = !r.offCycle || r.offCycleReason === y.TransitionFromOldPaySchedule, d = S.length === 0 && k && p && D && p >= D, L = r.offCycle && !!r.offCycleReason && G.has(r.offCycleReason);
-  return !!(d || L);
+  const f = r.payPeriod?.startDate ? new Date(r.payPeriod.startDate) : null, S = !r.offCycle || r.offCycleReason === m.TransitionFromOldPaySchedule, c = g.length === 0 && S && y && f && y >= f, k = r.offCycle && !!r.offCycleReason && G.has(r.offCycleReason);
+  return !!(c || k);
 }
-const _e = ({
+const Ke = ({
   onRunPayroll: r,
-  onSubmitPayroll: S,
-  onSkipPayroll: p,
-  onDeletePayroll: D,
-  onRunOffCyclePayroll: k,
-  payrolls: d,
-  pagination: L,
+  onSubmitPayroll: g,
+  onSkipPayroll: y,
+  onDeletePayroll: f,
+  onRunOffCyclePayroll: S,
+  payrolls: c,
+  pagination: k,
   paySchedules: I,
   showSkipSuccessAlert: J,
   onDismissSkipSuccessAlert: Q,
@@ -40,20 +40,20 @@ const _e = ({
   onDismissDeleteSuccessAlert: Z,
   skippingPayrollId: x,
   deletingPayrollId: $,
-  blockers: A,
+  blockers: L,
   wireInRequests: ee,
   dateRangeFilter: s,
   hasUnprocessedTransitions: te = !1
 }) => {
-  const { Box: ae, Button: O, ButtonIcon: N, Dialog: E, Heading: le, Text: v, Alert: w } = Pe();
-  Ce("Payroll.PayrollList");
-  const { t } = me("Payroll.PayrollList"), u = be(), F = ue(null), B = ge({ ref: F }).includes("large"), P = q(() => {
-    const e = he(/* @__PURE__ */ new Date());
+  const { Box: ae, BoxHeader: le, Button: A, ButtonIcon: v, Dialog: N, Heading: oe, Text: re, Alert: E } = Ce();
+  he("Payroll.PayrollList");
+  const { t } = fe("Payroll.PayrollList"), d = ge(), B = ye(null), T = Se({ ref: B }).includes("large"), p = q(() => {
+    const e = be(/* @__PURE__ */ new Date());
     return e ? new Date(e) : null;
-  }, []), T = q(
-    () => d.some((e) => Le(e, A, P)),
-    [d, A, P]
-  ), [C, H] = V({
+  }, []), F = q(
+    () => c.some((e) => Ae(e, L, p)),
+    [c, L, p]
+  ), [D, H] = z({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
@@ -69,57 +69,57 @@ const _e = ({
       payrollId: null,
       payPeriod: null
     });
-  }, re = () => {
-    C.payrollId && (p({ payrollUuid: C.payrollId }), M());
-  }, [h, R] = V({
+  }, ie = () => {
+    D.payrollId && (y({ payrollUuid: D.payrollId }), M());
+  }, [P, w] = z({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
-  }), oe = (e, l) => {
-    R({
+  }), se = (e, l) => {
+    w({
       isOpen: !0,
       payrollId: e,
       payPeriod: l
     });
-  }, U = () => {
-    R({
+  }, R = () => {
+    w({
       isOpen: !1,
       payrollId: null,
       payPeriod: null
     });
-  }, ie = () => {
-    h.payrollId && (D({ payrollUuid: h.payrollId }), U());
-  }, W = (e, l) => {
-    const i = u.formatShort(e), n = u.formatShortWithYear(l);
+  }, ce = () => {
+    P.payrollId && (f({ payrollUuid: P.payrollId }), R());
+  }, U = (e, l) => {
+    const n = d.formatShort(e), o = d.formatShortWithYear(l);
     return {
-      startDate: i,
-      endDate: n,
-      fullPeriod: u.formatPayPeriodRange(e, l, { useShortMonth: !0 })
+      startDate: n,
+      endDate: o,
+      fullPeriod: d.formatPayPeriodRange(e, l, { useShortMonth: !0 })
     };
-  }, j = (e) => {
-    const { payrollUuid: l, calculatedAt: i, processed: n, payPeriod: b } = e;
-    if (n)
+  }, W = (e) => {
+    const { payrollUuid: l, calculatedAt: n, processed: o, payPeriod: C } = e;
+    if (o)
       return null;
-    const g = x === l, m = !e.offCycle && te;
-    return i ? /* @__PURE__ */ a(
-      O,
+    const h = x === l, u = !e.offCycle && te;
+    return n ? /* @__PURE__ */ a(
+      A,
       {
-        isLoading: g,
-        isDisabled: m,
+        isLoading: h,
+        isDisabled: u,
         onClick: () => {
-          S({ payrollUuid: l, payPeriod: b });
+          g({ payrollUuid: l, payPeriod: C });
         },
         title: t("submitPayrollCta"),
         variant: "secondary",
         children: t("submitPayrollCta")
       }
     ) : /* @__PURE__ */ a(
-      O,
+      A,
       {
-        isLoading: g,
-        isDisabled: m,
+        isLoading: h,
+        isDisabled: u,
         onClick: () => {
-          r({ payrollUuid: l, payPeriod: b });
+          r({ payrollUuid: l, payPeriod: C });
         },
         title: t("runPayrollTitle"),
         variant: "secondary",
@@ -127,30 +127,30 @@ const _e = ({
       }
     );
   };
-  return /* @__PURE__ */ a("div", { ref: F, className: o.container, children: /* @__PURE__ */ c(f, { flexDirection: "column", gap: 16, children: [
-    J && /* @__PURE__ */ a("div", { className: o.alertContainer, children: /* @__PURE__ */ a(
-      w,
+  return /* @__PURE__ */ a("div", { ref: B, className: i.container, children: /* @__PURE__ */ b(O, { flexDirection: "column", gap: 16, children: [
+    J && /* @__PURE__ */ a("div", { className: i.alertContainer, children: /* @__PURE__ */ a(
+      E,
       {
         status: "info",
         label: t("skipSuccessAlert"),
         onDismiss: Q
       }
     ) }),
-    X && /* @__PURE__ */ a("div", { className: o.alertContainer, children: /* @__PURE__ */ a(
-      w,
+    X && /* @__PURE__ */ a("div", { className: i.alertContainer, children: /* @__PURE__ */ a(
+      E,
       {
         status: "info",
         label: t("deleteSuccessAlert"),
         onDismiss: Z
       }
     ) }),
-    /* @__PURE__ */ c(f, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ a(le, { as: "h2", children: t("title") }),
+    /* @__PURE__ */ b(O, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ a(oe, { as: "h2", children: t("title") }),
       /* @__PURE__ */ a(
-        De,
+        Pe,
         {
-          startDate: s.filterStartDate,
-          endDate: s.filterEndDate,
+          startDate: s.startDate,
+          endDate: s.endDate,
           onStartDateChange: s.handleStartDateChange,
           onEndDateChange: s.handleEndDateChange,
           onClear: s.handleClearFilter,
@@ -161,115 +161,120 @@ const _e = ({
           resetLabel: t("dateFilter.reset"),
           selectDatesLabel: t("dateFilter.selectDates"),
           triggerLabel: t("dateFilter.trigger"),
-          isFilterActive: s.isFilterActive,
           maxEndDate: s.getMaxEndDate(),
           minStartDate: s.getMinStartDate()
         }
       )
     ] }),
     /* @__PURE__ */ a(
-      ke,
+      Le,
       {
         breakAt: "large",
-        pagination: L,
-        emptyState: () => /* @__PURE__ */ a(ye, { title: t("emptyState") }),
-        data: d,
+        pagination: k,
+        emptyState: () => s.isModified ? /* @__PURE__ */ a(
+          V,
+          {
+            title: t("emptyState.filtered.title"),
+            description: t("emptyState.filtered.description")
+          }
+        ) : /* @__PURE__ */ a(V, { title: t("emptyState.default.title") }),
+        data: c,
         columns: [
           {
             render: ({ payPeriod: e }) => {
-              const { startDate: l, endDate: i } = W(
+              const { startDate: l, endDate: n } = U(
                 e?.startDate,
                 e?.endDate
               );
-              return /* @__PURE__ */ c("div", { className: o.payPeriodCell, children: [
+              return /* @__PURE__ */ b("div", { className: i.payPeriodCell, children: [
                 l,
                 " - ",
-                i,
-                /* @__PURE__ */ a(v, { variant: "supporting", size: "sm", children: I.find((n) => n.uuid === e?.payScheduleUuid)?.name || I.find((n) => n.uuid === e?.payScheduleUuid)?.customName })
+                n,
+                /* @__PURE__ */ a(re, { variant: "supporting", size: "sm", children: I.find((o) => o.uuid === e?.payScheduleUuid)?.name || I.find((o) => o.uuid === e?.payScheduleUuid)?.customName })
               ] });
             },
             title: t("tableHeaders.0")
           },
           {
-            render: (e) => fe(e),
+            render: (e) => pe(e),
             title: t("tableHeaders.1")
           },
           {
-            render: ({ checkDate: e }) => u.formatShortWithWeekdayAndYear(e),
+            render: ({ checkDate: e }) => d.formatShortWithWeekdayAndYear(e),
             title: t("tableHeaders.2")
           },
           {
             title: t("tableHeaders.3"),
-            render: ({ payrollDeadline: e }) => u.formatShortWithWeekdayAndYear(e)
+            render: ({ payrollDeadline: e }) => d.formatShortWithWeekdayAndYear(e)
           },
           {
             title: t("tableHeaders.4"),
             render: (e) => {
               const l = ee.find(
-                (i) => i.paymentUuid === e.payrollUuid
+                (n) => n.paymentUuid === e.payrollUuid
               );
-              return /* @__PURE__ */ a(Se, { payroll: e, wireInRequest: l });
+              return /* @__PURE__ */ a(ke, { payroll: e, wireInRequest: l });
             }
           },
-          ...B ? [] : [
+          ...T ? [] : [
             {
               title: "",
               render: (e) => {
-                const l = j(e);
-                return l ? /* @__PURE__ */ a(f, { flexDirection: "column", alignItems: "stretch", gap: 12, children: l }) : null;
+                const l = W(e);
+                return l ? /* @__PURE__ */ a(O, { flexDirection: "column", alignItems: "stretch", gap: 12, children: l }) : null;
               }
             }
           ]
         ],
         label: t("payrollsListLabel"),
         itemMenu: (e) => {
-          const { payrollUuid: l, processed: i, payPeriod: n } = e, b = x === l, g = $ === l, Y = B ? j(e) : null;
-          if (i)
-            return /* @__PURE__ */ a("div", { className: o.actionsContainer, children: T && /* @__PURE__ */ a(
-              N,
+          const { payrollUuid: l, processed: n, payPeriod: o } = e, C = x === l, h = $ === l, Y = T ? W(e) : null;
+          if (n)
+            return /* @__PURE__ */ a("div", { className: i.actionsContainer, children: F && /* @__PURE__ */ a(
+              v,
               {
                 "aria-label": "",
                 "aria-hidden": !0,
                 tabIndex: -1,
                 isDisabled: !0,
-                className: o.menuPlaceholder
+                className: i.menuPlaceholder
               }
             ) });
-          const { fullPeriod: m } = W(
-            n?.startDate,
-            n?.endDate
-          ), _ = n?.startDate ? new Date(n.startDate) : null, se = !e.offCycle || e.offCycleReason === y.TransitionFromOldPaySchedule, z = A.length === 0 && se && P && _ && P >= _, ce = e.offCycle && !!e.offCycleReason && G.has(e.offCycleReason), K = z ? [
+          const { fullPeriod: u } = U(
+            o?.startDate,
+            o?.endDate
+          ), j = o?.startDate ? new Date(o.startDate) : null, de = !e.offCycle || e.offCycleReason === m.TransitionFromOldPaySchedule, _ = L.length === 0 && de && p && j && p >= j, ue = e.offCycle && !!e.offCycleReason && G.has(e.offCycleReason), K = _ ? [
             {
               label: t("skipPayrollCta"),
               onClick: () => {
-                ne(l, m);
+                ne(l, u);
               }
             }
-          ] : ce ? [
+          ] : ue ? [
             {
               label: t("deletePayrollCta"),
               onClick: () => {
-                oe(l, m);
+                se(l, u);
               }
             }
-          ] : null, de = K !== null;
-          return /* @__PURE__ */ c("div", { className: o.actionsContainer, children: [
+          ] : null, me = K !== null;
+          return /* @__PURE__ */ b("div", { className: i.actionsContainer, children: [
             Y,
-            de ? /* @__PURE__ */ a(
-              pe,
+            me ? /* @__PURE__ */ a(
+              De,
               {
-                isLoading: z ? b : g,
+                isLoading: _ ? C : h,
                 menuLabel: t("payrollMenuLabel"),
                 items: K
               }
-            ) : T && /* @__PURE__ */ a(
-              N,
+            ) : F && /* @__PURE__ */ a(
+              v,
               {
                 "aria-label": "",
                 "aria-hidden": !0,
                 tabIndex: -1,
                 isDisabled: !0,
-                className: o.menuPlaceholder
+                className: i.menuPlaceholder
               }
             )
           ] });
@@ -277,52 +282,49 @@ const _e = ({
       }
     ),
     /* @__PURE__ */ a(
-      E,
+      N,
       {
-        isOpen: C.isOpen,
+        isOpen: D.isOpen,
         onClose: M,
-        onPrimaryActionClick: re,
+        onPrimaryActionClick: ie,
         isDestructive: !0,
-        title: t("skipPayrollDialog.title", { payPeriod: C.payPeriod }),
+        title: t("skipPayrollDialog.title", { payPeriod: D.payPeriod }),
         primaryActionLabel: t("skipPayrollDialog.confirmCta"),
         closeActionLabel: t("skipPayrollDialog.cancelCta"),
         children: t("skipPayrollDialog.body")
       }
     ),
     /* @__PURE__ */ a(
-      E,
+      N,
       {
-        isOpen: h.isOpen,
-        onClose: U,
-        onPrimaryActionClick: ie,
+        isOpen: P.isOpen,
+        onClose: R,
+        onPrimaryActionClick: ce,
         isDestructive: !0,
         title: t("deletePayrollDialog.title", {
-          payPeriod: h.payPeriod
+          payPeriod: P.payPeriod
         }),
         primaryActionLabel: t("deletePayrollDialog.confirmCta"),
         closeActionLabel: t("deletePayrollDialog.cancelCta"),
         children: t("deletePayrollDialog.body")
       }
     ),
-    /* @__PURE__ */ a(ae, { className: o.offCycleCta, children: /* @__PURE__ */ c(
-      f,
+    /* @__PURE__ */ a("div", { className: i.offCycleCta, children: /* @__PURE__ */ a(
+      ae,
       {
-        flexDirection: { base: "column", medium: "row" },
-        justifyContent: "space-between",
-        alignItems: { base: "stretch", medium: "center" },
-        gap: 16,
-        children: [
-          /* @__PURE__ */ c(f, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ a(v, { weight: "bold", children: t("offCycleCta.title") }),
-            /* @__PURE__ */ a(v, { variant: "supporting", size: "sm", children: t("offCycleCta.description") })
-          ] }),
-          /* @__PURE__ */ a("div", { className: o.offCycleCtaButton, children: /* @__PURE__ */ a(O, { variant: "secondary", onClick: k, children: t("offCycleCta.button") }) })
-        ]
+        header: /* @__PURE__ */ a(
+          le,
+          {
+            title: t("offCycleCta.title"),
+            description: t("offCycleCta.description")
+          }
+        ),
+        footer: /* @__PURE__ */ a(A, { variant: "secondary", onClick: S, children: t("offCycleCta.button") })
       }
     ) })
   ] }) });
 };
 export {
-  _e as PayrollListPresentation
+  Ke 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/payrollshow'\nimport { OffCycleReasonType } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\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, EmptyData } 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 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: PayScheduleShow[]\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  hasUnprocessedTransitions?: boolean\n}\n\n/** @internal */\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  hasUnprocessedTransitions = false,\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    const isRegular = !payroll.offCycle\n    const isDisabledByTransition = isRegular && hasUnprocessedTransitions\n\n    return calculatedAt ? (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        isDisabled={isDisabledByTransition}\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        isDisabled={isDisabledByTransition}\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={() => <EmptyData title={t('emptyState')} />}\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","hasUnprocessedTransitions","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","isDisabledByTransition","jsx","styles","jsxs","Flex","DateRangeFilter","DataView","EmptyData","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/payrollshow'\nimport { OffCycleReasonType } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\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, EmptyData } 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 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: PayScheduleShow[]\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  hasUnprocessedTransitions?: boolean\n}\n\n/** @internal */\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  hasUnprocessedTransitions = false,\n}: PayrollListPresentationProps) => {\n  const { Box, BoxHeader, 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    const isRegular = !payroll.offCycle\n    const isDisabledByTransition = isRegular && hasUnprocessedTransitions\n\n    return calculatedAt ? (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        isDisabled={isDisabledByTransition}\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        isDisabled={isDisabledByTransition}\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.startDate}\n            endDate={dateRangeFilter.endDate}\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            maxEndDate={dateRangeFilter.getMaxEndDate()}\n            minStartDate={dateRangeFilter.getMinStartDate()}\n          />\n        </Flex>\n\n        <DataView\n          breakAt=\"large\"\n          pagination={pagination}\n          emptyState={() =>\n            dateRangeFilter.isModified ? (\n              <EmptyData\n                title={t('emptyState.filtered.title')}\n                description={t('emptyState.filtered.description')}\n              />\n            ) : (\n              <EmptyData title={t('emptyState.default.title')} />\n            )\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        <div className={styles.offCycleCta}>\n          <Box\n            header={\n              <BoxHeader\n                title={t('offCycleCta.title')}\n                description={t('offCycleCta.description')}\n              />\n            }\n            footer={\n              <Button variant=\"secondary\" onClick={onRunOffCyclePayroll}>\n                {t('offCycleCta.button')}\n              </Button>\n            }\n          />\n        </div>\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","hasUnprocessedTransitions","Box","BoxHeader","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","isDisabledByTransition","jsx","styles","jsxs","Flex","DateRangeFilter","DataView","EmptyData","schedule","getPayrollTypeLabel","checkDate","payrollDeadline","wireInRequest","wire","PayrollStatusBadges","button","isProcessingDeletePayroll","payPeriodString","menuItems","hasMenuActions","HamburgerMenu"],"mappings":"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"}

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

@@ -1,20 +1,18 @@
-const t = "_actionsContainer_v82ff_1", e = "_alertContainer_v82ff_8", o = "_container_v82ff_12", n = "_payPeriodCell_v82ff_17", a = "_offCycleCta_v82ff_23", f = "_menuPlaceholder_v82ff_34", c = "_offCycleCtaButton_v82ff_38", l = {
-  actionsContainer: t,
-  alertContainer: e,
+const e = "_actionsContainer_hg08j_1", n = "_alertContainer_hg08j_8", o = "_container_hg08j_12", t = "_payPeriodCell_hg08j_17", a = "_offCycleCta_hg08j_23", l = "_menuPlaceholder_hg08j_28", c = {
+  actionsContainer: e,
+  alertContainer: n,
   container: o,
-  payPeriodCell: n,
+  payPeriodCell: t,
   offCycleCta: a,
-  menuPlaceholder: f,
-  offCycleCtaButton: c
+  menuPlaceholder: l
 };
 export {
-  t as actionsContainer,
-  e as alertContainer,
+  e as actionsContainer,
+  n as alertContainer,
   o as container,
-  l as default,
-  f as menuPlaceholder,
+  c as default,
+  l as menuPlaceholder,
   a as offCycleCta,
-  c as offCycleCtaButton,
-  n as payPeriodCell
+  t as payPeriodCell
 };
 //# sourceMappingURL=PayrollListPresentation.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"PayrollListPresentation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}