@gusto/embedded-react-sdk 0.55.0 → 0.55.2

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js

@@ -1,31 +1,31 @@
-import { jsx as a, jsxs as o, Fragment as N } from "react/jsx-runtime";
-import { useTranslation as Pe, Trans as xe } from "react-i18next";
-import { useState as re, useRef as ke } from "react";
-import { isDismissalPayroll as Ne, getPayrollTypeLabel as Ce, calculateTotalPayroll as Se, getReimbursements as B } from "../helpers.js";
+import { jsx as a, jsxs as o, Fragment as k } from "react/jsx-runtime";
+import { useTranslation as xe, Trans as Pe } from "react-i18next";
+import { useState as ae, useRef as Ne } from "react";
+import { isDismissalPayroll as ke, getPayrollTypeLabel as Ce, calculateTotalPayroll as Se, getReimbursements as A } from "../helpers.js";
 import { PayrollOverviewStatus as p } from "./PayrollOverviewTypes.js";
-import ne from "./PayrollOverviewPresentation.module.scss.js";
+import re from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
 import { Grid as we } from "../../Common/Grid/Grid.js";
-import _e from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { useComponentContext as ve } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import ve from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useComponentContext as _e } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as Le } from "../../../i18n/I18n.js";
 import { useDateFormatter as Ee } from "../../../hooks/useDateFormatter.js";
 import Oe from "../../../hooks/useNumberFormatter.js";
-import { firstLastName as W } from "../../../helpers/formattedStrings.js";
-import { PAYMENT_METHODS as Ae, FlsaStatus as le, compensationTypeLabels as V, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as ie } from "../../../shared/constants.js";
-import oe from "../../../assets/icons/download-cloud.svg.js";
-import { PayrollLoading as se } from "../../Common/PayrollLoading/PayrollLoading.js";
-import { FastAchSubmissionBlockerBanner as Be } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as We } from "./SubmissionBlockers/GenericBlocker.js";
-import { DataView as c } from "../../Common/DataView/DataView.js";
+import { firstLastName as B } from "../../../helpers/formattedStrings.js";
+import { FlsaStatus as le, compensationTypeLabels as V, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as ne } from "../../../shared/constants.js";
+import ie from "../../../assets/icons/download-cloud.svg.js";
+import { PayrollLoading as oe } from "../../Common/PayrollLoading/PayrollLoading.js";
+import { FastAchSubmissionBlockerBanner as Ae } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
+import { GenericBlocker as Be } from "./SubmissionBlockers/GenericBlocker.js";
+import { DataView as m } from "../../Common/DataView/DataView.js";
 const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, lt = ({
   onEdit: u,
   onSubmit: C,
-  onCancel: de,
-  onPayrollReceipt: ce,
-  onPaystubDownload: Y,
+  onCancel: se,
+  onPayrollReceipt: de,
+  onPaystubDownload: W,
   payrollData: n,
-  bankAccount: M,
+  bankAccount: Y,
   taxes: S,
   status: f = p.Viewing,
   isProcessed: h,
@@ -33,16 +33,17 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
   alerts: I = [],
   submissionBlockers: b = [],
   selectedUnblockOptions: w = {},
-  onUnblockOptionChange: F,
-  wireInConfirmationRequest: ue,
+  onUnblockOptionChange: M,
+  wireInConfirmationRequest: ce,
+  printChecksBanner: ue,
   withReimbursements: g = !0,
   paymentSpeed: be,
-  pagination: _
+  pagination: v
 }) => {
-  const { Alert: v, Badge: L, Button: T, ButtonIcon: R, Dialog: ye, Heading: j, Text: y, Tabs: pe } = ve();
+  const { Alert: F, Badge: _, Button: T, ButtonIcon: R, Dialog: ye, Heading: j, Text: y, Tabs: pe } = _e();
   Le("Payroll.PayrollOverview");
-  const d = Ee(), { t } = Pe("Payroll.PayrollOverview"), l = Oe("currency"), [fe, he] = re("companyPays"), [U, G] = re(!1), E = ke(null), D = _e({ ref: E }).includes("small"), H = f === p.Submitting || f === p.Cancelling, $ = /* @__PURE__ */ a(j, { as: "h1", children: t(h ? "summaryTitle" : "overviewTitle") }), z = Ne(n.offCycleReason), K = /* @__PURE__ */ a(y, { children: /* @__PURE__ */ a(
-    xe,
+  const d = Ee(), { t } = xe("Payroll.PayrollOverview"), l = Oe("currency"), [fe, he] = ae("companyPays"), [U, G] = ae(!1), L = Ne(null), D = ve({ ref: L }).includes("small"), H = f === p.Submitting || f === p.Cancelling, $ = /* @__PURE__ */ a(j, { as: "h1", children: t(h ? "summaryTitle" : "overviewTitle") }), z = ke(n.offCycleReason), K = /* @__PURE__ */ a(y, { children: /* @__PURE__ */ a(
+    Pe,
     {
       i18nKey: z ? "pageSubtitleDismissal" : "pageSubtitle",
       t,
@@ -54,44 +55,41 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
     }
   ) });
   if (f === p.Cancelled)
-    return /* @__PURE__ */ a("div", { ref: E, className: ne.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+    return /* @__PURE__ */ a("div", { ref: L, className: re.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
       /* @__PURE__ */ a(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: /* @__PURE__ */ o(s, { flexDirection: "column", gap: 4, children: [
         $,
         K
       ] }) }),
-      /* @__PURE__ */ a(v, { status: "info", label: t("cancelledEmptyState") })
+      /* @__PURE__ */ a(F, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const P = Se(n), ge = n.payrollStatusMeta?.expectedDebitTime ?? n.payrollDeadline, X = (e) => e.taxes?.reduce(
+  const x = Se(n), ge = n.payrollStatusMeta?.expectedDebitTime ?? n.payrollDeadline, X = (e) => e.taxes?.reduce(
     (r, i) => i.employer ? r + Number(i.amount) : r,
     0
   ) ?? 0, q = (e) => e.benefits?.reduce(
     (r, i) => i.companyContribution ? r + Number(i.companyContribution) : r,
     0
-  ) ?? 0, Te = (e) => Number(e.grossPay) + B(e) + X(e) + q(e), O = b.find(
+  ) ?? 0, Te = (e) => Number(e.grossPay) + A(e) + X(e) + q(e), E = b.find(
     (e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
-  ), A = O ? w[O.blockerType || ""] : void 0, m = O?.unblockOptions?.find(
-    (e) => e.unblockType === A
-  ), J = A === "wire_in", Q = A === "move_to_four_day", x = (e) => e.hourlyCompensations?.reduce(
+  ), O = E ? w[E.blockerType || ""] : void 0, c = E?.unblockOptions?.find(
+    (e) => e.unblockType === O
+  ), J = O === "wire_in", Q = O === "move_to_four_day", P = (e) => e.hourlyCompensations?.reduce(
     (r, i) => {
       if (typeof i.name > "u")
         return r;
-      const k = i.name.toLowerCase(), He = r[k] ?? 0;
-      return r[k] = He + Number(i.hours || 0), r;
+      const N = i.name.toLowerCase(), He = r[N] ?? 0;
+      return r[N] = He + Number(i.hours || 0), r;
     },
     {}
-  ) || {}, Z = (e) => e.paidTimeOff?.reduce((r, i) => r + Number(i.hours || 0), 0) ?? 0, ee = n.employeeCompensations?.reduce(
-    (e, r) => !r.excluded && r.paymentMethod === Ae.check ? e + 1 : e,
-    0
-  ) ?? 0, te = [
+  ) || {}, Z = (e) => e.paidTimeOff?.reduce((r, i) => r + Number(i.hours || 0), 0) ?? 0, ee = [
     {
       key: "employeeName",
       title: t("tableHeaders.employees"),
       render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-        W({
+        B({
           first_name: e.firstName,
           last_name: e.lastName
         }),
-        e.excluded && /* @__PURE__ */ a(L, { status: "warning", children: t("skippedBadge") })
+        e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
       ] })
     },
     {
@@ -103,7 +101,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       {
         key: "reimbursements",
         title: t("tableHeaders.reimbursements"),
-        render: (e) => l(B(e))
+        render: (e) => l(A(e))
       }
     ] : [],
     {
@@ -122,7 +120,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       render: (e) => l(Te(e))
     }
   ];
-  h && D && te.push({
+  h && D && ee.push({
     key: "paystubs",
     title: t("tableHeaders.paystub"),
     render: (e) => /* @__PURE__ */ a(s, { justifyContent: "flex-end", children: /* @__PURE__ */ a(
@@ -131,9 +129,9 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
         "aria-label": t("downloadPaystubLabel"),
         variant: "tertiary",
         onClick: () => {
-          e.employeeUuid && Y(e.employeeUuid);
+          e.employeeUuid && W(e.employeeUuid);
         },
-        children: /* @__PURE__ */ a(oe, {})
+        children: /* @__PURE__ */ a(ie, {})
       }
     ) })
   });
@@ -142,25 +140,25 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       id: "companyPays",
       label: t("dataViews.companyPaysTab"),
       content: /* @__PURE__ */ a(
-        c,
+        m,
         {
           label: t("dataViews.companyPaysTable"),
-          columns: te,
+          columns: ee,
           data: n.employeeCompensations,
-          pagination: _,
+          pagination: v,
           itemMenu: h && !D ? (e) => /* @__PURE__ */ a(
             R,
             {
               "aria-label": t("downloadPaystubLabel"),
               variant: "tertiary",
               onClick: () => {
-                e.employeeUuid && Y(e.employeeUuid);
+                e.employeeUuid && W(e.employeeUuid);
               },
-              children: /* @__PURE__ */ a(oe, {})
+              children: /* @__PURE__ */ a(ie, {})
             }
           ) : void 0,
           footer: () => ({
-            employeeName: /* @__PURE__ */ o(N, { children: [
+            employeeName: /* @__PURE__ */ o(k, { children: [
               t("tableHeaders.footerTotalsLabel"),
               /* @__PURE__ */ a(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
             ] }),
@@ -170,7 +168,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             } : {},
             companyTaxes: l(Number(n.totals?.employerTaxes ?? 0)),
             companyBenefits: l(Number(n.totals?.benefits ?? 0)),
-            companyPays: l(P)
+            companyPays: l(x)
           })
         }
       )
@@ -179,18 +177,18 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       id: "hoursWorked",
       label: t("dataViews.hoursWorkedTab"),
       content: /* @__PURE__ */ a(
-        c,
+        m,
         {
           label: t("dataViews.hoursWorkedTable"),
           columns: [
             {
               title: t("tableHeaders.employees"),
               render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-                W({
+                B({
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(L, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -211,15 +209,15 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.regular"),
-              render: (e) => x(e)[V.REGULAR_HOURS_NAME] || 0
+              render: (e) => P(e)[V.REGULAR_HOURS_NAME] || 0
             },
             {
               title: t("tableHeaders.overtime"),
-              render: (e) => x(e)[V.OVERTIME_NAME] || 0
+              render: (e) => P(e)[V.OVERTIME_NAME] || 0
             },
             {
               title: t("tableHeaders.doubleOT"),
-              render: (e) => x(e)[V.DOUBLE_OVERTIME_NAME] || 0
+              render: (e) => P(e)[V.DOUBLE_OVERTIME_NAME] || 0
             },
             {
               title: t("tableHeaders.timeOff"),
@@ -227,14 +225,14 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.totalHours"),
-              render: (e) => Object.values(x(e)).reduce(
+              render: (e) => Object.values(P(e)).reduce(
                 (r, i) => r + i,
                 0
               ) + Z(e)
             }
           ],
           data: n.employeeCompensations,
-          pagination: _
+          pagination: v
         }
       )
     },
@@ -242,18 +240,18 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       id: "employeeTakeHome",
       label: t("dataViews.employeeTakeHomeTab"),
       content: /* @__PURE__ */ a(
-        c,
+        m,
         {
           label: t("dataViews.employeeTakeHomeTable"),
           columns: [
             {
               title: t("tableHeaders.employees"),
               render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-                W({
+                B({
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(L, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -276,7 +274,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             ...g ? [
               {
                 title: t("tableHeaders.reimbursements"),
-                render: (e) => l(B(e))
+                render: (e) => l(A(e))
               }
             ] : [],
             {
@@ -303,7 +301,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             }
           ],
           data: n.employeeCompensations,
-          pagination: _
+          pagination: v
         }
       )
     },
@@ -312,7 +310,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       label: t("dataViews.taxesTab"),
       content: /* @__PURE__ */ o(s, { flexDirection: "column", gap: 32, children: [
         /* @__PURE__ */ a(
-          c,
+          m,
           {
             label: t("dataViews.taxesTable"),
             columns: [
@@ -341,7 +339,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
           }
         ),
         /* @__PURE__ */ a(
-          c,
+          m,
           {
             label: t("dataViews.debitedTable"),
             columns: [
@@ -372,8 +370,8 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
         )
       ] })
     }
-  ], ae = h ? /* @__PURE__ */ o(N, { children: [
-    /* @__PURE__ */ a(T, { onClick: ce, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
+  ], te = h ? /* @__PURE__ */ o(k, { children: [
+    /* @__PURE__ */ a(T, { onClick: de, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
     me && /* @__PURE__ */ a(
       T,
       {
@@ -385,14 +383,14 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
         children: t("cancelCta")
       }
     )
-  ] }) : /* @__PURE__ */ o(N, { children: [
+  ] }) : /* @__PURE__ */ o(k, { children: [
     /* @__PURE__ */ a(T, { onClick: u, variant: "secondary", isDisabled: H, children: t("editCta") }),
     /* @__PURE__ */ a(
       T,
       {
         onClick: C,
         isDisabled: H || b.length > 0 && (b.some(
-          (e) => !ie.includes(e.blockerType || "")
+          (e) => !ne.includes(e.blockerType || "")
         ) || b.some(
           (e) => !w[e.blockerType || ""]
         )),
@@ -400,19 +398,19 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       }
     )
   ] });
-  return /* @__PURE__ */ a("div", { ref: E, className: ne.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  return /* @__PURE__ */ a("div", { ref: L, className: re.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
     /* @__PURE__ */ o(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: [
       /* @__PURE__ */ o(s, { flexDirection: "column", gap: 4, children: [
         $,
         K
       ] }),
-      D && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: ae })
+      D && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: te })
     ] }),
-    !D && /* @__PURE__ */ a(we, { gridTemplateColumns: "1fr", gap: 8, children: ae }),
-    f === p.Cancelling ? /* @__PURE__ */ a(se, { title: t("cancellingTitle") }) : f === p.Submitting ? /* @__PURE__ */ a(se, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(N, { children: [
-      ue,
+    !D && /* @__PURE__ */ a(we, { gridTemplateColumns: "1fr", gap: 8, children: te }),
+    f === p.Cancelling ? /* @__PURE__ */ a(oe, { title: t("cancellingTitle") }) : f === p.Submitting ? /* @__PURE__ */ a(oe, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(k, { children: [
+      ce,
       I.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: I.map((e, r) => /* @__PURE__ */ a(
-        v,
+        F,
         {
           label: e.title,
           status: e.type,
@@ -421,58 +419,58 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
         },
         `${e.type}-${e.title}`
       )) }),
-      b.length > 0 && F && b.map((e) => {
+      b.length > 0 && M && b.map((e) => {
         const r = e.blockerType || "";
-        return ie.includes(r) ? /* @__PURE__ */ a(
-          Be,
+        return ne.includes(r) ? /* @__PURE__ */ a(
+          Ae,
           {
             blocker: e,
             selectedValue: w[r],
-            onUnblockOptionChange: F,
+            onUnblockOptionChange: M,
             paymentSpeed: be
           },
           r
-        ) : /* @__PURE__ */ a(We, { blocker: e }, r);
+        ) : /* @__PURE__ */ a(Be, { blocker: e }, r);
       }),
       /* @__PURE__ */ a(j, { as: "h2", styledAs: "h3", children: t(J ? "payrollSummaryTitleWire" : Q ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
       J ? /* @__PURE__ */ a(
-        c,
+        m,
         {
           label: t("payrollSummaryLabel"),
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(P)
+              render: () => l(x)
             },
             {
               title: t("tableHeaders.wireAmount"),
               render: () => {
-                const r = m?.metadata?.wire_in_amount;
+                const r = c?.metadata?.wire_in_amount;
                 return r ? l(Number(r)) : "-";
               }
             },
             {
               title: t("tableHeaders.wireTransferDeadline"),
               render: () => {
-                const r = m?.metadata?.wire_in_deadline, i = d.formatWithTime(r), k = d.formatShortWithYear(r);
-                return r ? `${i.time} on ${k}` : "-";
+                const r = c?.metadata?.wire_in_deadline, i = d.formatWithTime(r), N = d.formatShortWithYear(r);
+                return r ? `${i.time} on ${N}` : "-";
               }
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => m?.checkDate ? d.formatShortWithYear(m.checkDate) : "-"
+              render: () => c?.checkDate ? d.formatShortWithYear(c.checkDate) : "-"
             }
           ],
           data: [{}]
         }
       ) : Q ? /* @__PURE__ */ a(
-        c,
+        m,
         {
           label: t("payrollSummaryLabel"),
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(P)
+              render: () => l(x)
             },
             {
               title: t("tableHeaders.debitAmount"),
@@ -483,30 +481,30 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.debitAccount"),
-              render: () => M?.hiddenAccountNumber ?? ""
+              render: () => Y?.hiddenAccountNumber ?? ""
             },
             {
               title: t("tableHeaders.debitDate"),
               render: () => {
-                const r = m?.metadata?.debit_date;
+                const r = c?.metadata?.debit_date;
                 return d.formatShortWithYear(r);
               }
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => m?.checkDate ? d.formatShortWithYear(m.checkDate) : "-"
+              render: () => c?.checkDate ? d.formatShortWithYear(c.checkDate) : "-"
             }
           ],
           data: [{}]
         }
       ) : /* @__PURE__ */ a(
-        c,
+        m,
         {
           label: t("payrollSummaryLabel"),
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(P)
+              render: () => l(x)
             },
             {
               title: t("tableHeaders.debitAmount"),
@@ -514,7 +512,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.debitAccount"),
-              render: () => M?.hiddenAccountNumber ?? ""
+              render: () => Y?.hiddenAccountNumber ?? ""
             },
             {
               title: t("tableHeaders.debitDate"),
@@ -528,14 +526,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
           data: [{}]
         }
       ),
-      ee > 0 && /* @__PURE__ */ a(
-        v,
-        {
-          status: "warning",
-          label: t("alerts.checkPaymentWarning", { count: ee }),
-          children: t("alerts.checkPaymentWarningDescription")
-        }
-      ),
+      ue,
       /* @__PURE__ */ a(
         pe,
         {
@@ -552,7 +543,7 @@ const Ve = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
           onClose: () => {
             G(!1);
           },
-          onPrimaryActionClick: de,
+          onPrimaryActionClick: se,
           shouldCloseOnBackdropClick: !0,
           primaryActionLabel: t("confirmCancelCta"),
           isDestructive: !0,