@gusto/embedded-react-sdk 0.55.4 → 0.55.6

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

@@ -1,85 +1,88 @@
 import { jsx as r, jsxs as o, Fragment as k } from "react/jsx-runtime";
-import { useTranslation as Ne, Trans as ke } from "react-i18next";
-import { useState as re, useRef as Se } from "react";
-import { isDismissalPayroll as we, getPayrollTypeLabel as Ce, calculateTotalPayroll as ve, getReimbursements as A } from "../helpers.js";
+import { useTranslation as ke, Trans as Se } from "react-i18next";
+import { useState as re, useRef as we } from "react";
+import { isDismissalPayroll as ve, getPayrollTypeLabel as Ce, calculateTotalPayroll as Le, getReimbursements as S } from "../helpers.js";
 import { PayrollOverviewStatus as p } from "./PayrollOverviewTypes.js";
-import le from "./PayrollOverviewPresentation.module.scss.js";
+import ne from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
-import { Grid as Le } from "../../Common/Grid/Grid.js";
-import _e from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { useComponentContext as Ee } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as Oe } from "../../../i18n/I18n.js";
-import { useDateFormatter as Ae } from "../../../hooks/useDateFormatter.js";
-import Be from "../../../hooks/useNumberFormatter.js";
+import { Grid as _e } from "../../Common/Grid/Grid.js";
+import Ee from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useComponentContext as Oe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as Ae } from "../../../i18n/I18n.js";
+import { useDateFormatter as Be } from "../../../hooks/useDateFormatter.js";
+import Ve from "../../../hooks/useNumberFormatter.js";
 import { firstLastName as B } from "../../../helpers/formattedStrings.js";
-import { FlsaStatus as ne, compensationTypeLabels as V, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as ie } from "../../../shared/constants.js";
+import { 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 Ve } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as We } from "./SubmissionBlockers/GenericBlocker.js";
+import { FastAchSubmissionBlockerBanner as We } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
+import { GenericBlocker as Ye } from "./SubmissionBlockers/GenericBlocker.js";
 import { DataView as c } from "../../Common/DataView/DataView.js";
-const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, it = ({
+const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, ot = ({
   onEdit: u,
-  onSubmit: S,
+  onSubmit: w,
   onCancel: de,
   onPayrollReceipt: ce,
   onPaystubDownload: W,
-  payrollData: n,
+  payrollData: l,
   bankAccount: Y,
-  taxes: w,
+  taxes: v,
   status: f = p.Viewing,
   isProcessed: h,
   canCancel: me = !1,
   canEdit: ue = !0,
-  alerts: I = [],
+  alerts: j = [],
   submissionBlockers: b = [],
   selectedUnblockOptions: C = {},
-  onUnblockOptionChange: M,
+  onUnblockOptionChange: I,
   wireInConfirmationRequest: be,
   printChecksBanner: ye,
   withReimbursements: g = !0,
   paymentSpeed: pe,
-  pagination: v,
-  downloadingEmployeeIds: U = /* @__PURE__ */ new Set()
+  pagination: L,
+  downloadingEmployeeIds: M = /* @__PURE__ */ new Set()
 }) => {
-  const { Alert: F, Badge: L, Button: T, ButtonIcon: R, Dialog: fe, Heading: j, Text: y, Tabs: he } = Ee();
-  Oe("Payroll.PayrollOverview");
-  const d = Ae(), { t } = Ne("Payroll.PayrollOverview"), l = Be("currency"), [ge, Te] = re("companyPays"), [G, $] = re(!1), _ = Se(null), D = _e({ ref: _ }).includes("small"), H = f === p.Submitting || f === p.Cancelling, z = /* @__PURE__ */ r(j, { as: "h1", children: t(h ? "summaryTitle" : "overviewTitle") }), K = we(n.offCycleReason), X = /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
-    ke,
+  const { Alert: U, Badge: _, Button: T, ButtonIcon: F, Dialog: fe, Heading: R, Text: y, Tabs: he } = Oe();
+  Ae("Payroll.PayrollOverview");
+  const d = Be(), { t } = ke("Payroll.PayrollOverview"), n = Ve("currency"), [ge, Te] = re("companyPays"), [$, G] = re(!1), E = we(null), D = Ee({ ref: E }).includes("small"), H = f === p.Submitting || f === p.Cancelling, z = /* @__PURE__ */ r(R, { as: "h1", children: t(h ? "summaryTitle" : "overviewTitle") }), K = ve(l.offCycleReason), De = (() => {
+    const { time: e, date: a } = d.formatWithTime(l.payrollDeadline);
+    return a ? `${e} on ${a}` : e;
+  })(), X = /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+    Se,
     {
       i18nKey: K ? "pageSubtitleDismissal" : "pageSubtitle",
       t,
       components: { dateWrapper: /* @__PURE__ */ r(y, { weight: "bold", as: "span" }) },
       values: {
-        ...Ye(n.payPeriod, d),
-        payrollType: Ce(n)
+        ...je(l.payPeriod, d),
+        payrollType: Ce(l)
       }
     }
   ) });
   if (f === p.Cancelled)
-    return /* @__PURE__ */ r("div", { ref: _, className: le.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+    return /* @__PURE__ */ r("div", { ref: E, className: ne.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
       /* @__PURE__ */ r(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: /* @__PURE__ */ o(s, { flexDirection: "column", gap: 4, children: [
         z,
         X
       ] }) }),
-      /* @__PURE__ */ r(F, { status: "info", label: t("cancelledEmptyState") })
+      /* @__PURE__ */ r(U, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const x = ve(n), De = n.payrollStatusMeta?.expectedDebitTime ?? n.payrollDeadline, q = (e) => e.taxes?.reduce(
+  const x = Le(l), He = l.payrollStatusMeta?.expectedDebitTime ?? l.payrollDeadline, q = (e) => e.taxes?.reduce(
     (a, i) => i.employer ? a + Number(i.amount) : a,
     0
   ) ?? 0, J = (e) => e.benefits?.reduce(
     (a, i) => i.companyContribution ? a + Number(i.companyContribution) : a,
     0
-  ) ?? 0, He = (e) => Number(e.grossPay) + A(e) + q(e) + J(e), E = b.find(
+  ) ?? 0, xe = (e) => Number(e.grossPay) + S(e) + q(e) + J(e), O = b.find(
     (e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
-  ), O = E ? C[E.blockerType || ""] : void 0, m = E?.unblockOptions?.find(
-    (e) => e.unblockType === O
-  ), Q = O === "wire_in", Z = O === "move_to_four_day", P = (e) => e.hourlyCompensations?.reduce(
+  ), A = O ? C[O.blockerType || ""] : void 0, m = O?.unblockOptions?.find(
+    (e) => e.unblockType === A
+  ), Q = A === "wire_in", Z = A === "move_to_four_day", P = (e) => e.hourlyCompensations?.reduce(
     (a, i) => {
       if (typeof i.name > "u")
         return a;
-      const N = i.name.toLowerCase(), Pe = a[N] ?? 0;
-      return a[N] = Pe + Number(i.hours || 0), a;
+      const N = i.name.toLowerCase(), Ne = a[N] ?? 0;
+      return a[N] = Ne + Number(i.hours || 0), a;
     },
     {}
   ) || {}, ee = (e) => e.paidTimeOff?.reduce((a, i) => a + Number(i.hours || 0), 0) ?? 0, te = [
@@ -91,44 +94,49 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
           first_name: e.firstName,
           last_name: e.lastName
         }),
-        e.excluded && /* @__PURE__ */ r(L, { status: "warning", children: t("skippedBadge") })
+        e.excluded && /* @__PURE__ */ r(_, { status: "warning", children: t("skippedBadge") })
       ] })
     },
     {
       key: "grossPay",
       title: t("tableHeaders.grossPay"),
-      render: (e) => l(Number(e.grossPay))
+      justify: "end",
+      render: (e) => n(Number(e.grossPay))
     },
     ...g ? [
       {
         key: "reimbursements",
         title: t("tableHeaders.reimbursements"),
-        render: (e) => l(A(e))
+        justify: "end",
+        render: (e) => n(S(e))
       }
     ] : [],
     {
       key: "companyTaxes",
       title: t("tableHeaders.companyTaxes"),
-      render: (e) => l(q(e))
+      justify: "end",
+      render: (e) => n(q(e))
     },
     {
       key: "companyBenefits",
       title: t("tableHeaders.companyBenefits"),
-      render: (e) => l(J(e))
+      justify: "end",
+      render: (e) => n(J(e))
     },
     {
       key: "companyPays",
       title: t("tableHeaders.companyPays"),
-      render: (e) => l(He(e))
+      justify: "end",
+      render: (e) => n(xe(e))
     }
   ];
   h && D && te.push({
     key: "paystubs",
     title: t("tableHeaders.paystub"),
     render: (e) => {
-      const a = !!e.employeeUuid && U.has(e.employeeUuid);
+      const a = !!e.employeeUuid && M.has(e.employeeUuid);
       return /* @__PURE__ */ r(s, { justifyContent: "flex-end", children: /* @__PURE__ */ r(
-        R,
+        F,
         {
           "aria-label": t("downloadPaystubLabel"),
           variant: "tertiary",
@@ -141,7 +149,7 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
       ) });
     }
   });
-  const xe = [
+  const Pe = [
     {
       id: "companyPays",
       label: t("dataViews.companyPaysTab"),
@@ -150,12 +158,12 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
         {
           label: t("dataViews.companyPaysTable"),
           columns: te,
-          data: n.employeeCompensations,
-          pagination: v,
+          data: l.employeeCompensations,
+          pagination: L,
           itemMenu: h && !D ? (e) => {
-            const a = !!e.employeeUuid && U.has(e.employeeUuid);
+            const a = !!e.employeeUuid && M.has(e.employeeUuid);
             return /* @__PURE__ */ r(
-              R,
+              F,
               {
                 "aria-label": t("downloadPaystubLabel"),
                 variant: "tertiary",
@@ -172,13 +180,13 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
               t("tableHeaders.footerTotalsLabel"),
               /* @__PURE__ */ r(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
             ] }),
-            grossPay: l(Number(n.totals?.grossPay ?? 0)),
+            grossPay: n(Number(l.totals?.grossPay ?? 0)),
             ...g ? {
-              reimbursements: l(Number(n.totals?.reimbursements ?? 0))
+              reimbursements: n(Number(l.totals?.reimbursements ?? 0))
             } : {},
-            companyTaxes: l(Number(n.totals?.employerTaxes ?? 0)),
-            companyBenefits: l(Number(n.totals?.benefits ?? 0)),
-            companyPays: l(x)
+            companyTaxes: n(Number(l.totals?.employerTaxes ?? 0)),
+            companyBenefits: n(Number(l.totals?.benefits ?? 0)),
+            companyPays: n(x)
           })
         }
       )
@@ -198,7 +206,7 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ r(L, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ r(_, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -208,9 +216,9 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
                   (i) => i.flsaStatus
                 )?.flsaStatus;
                 switch (a) {
-                  case ne.EXEMPT:
+                  case le.EXEMPT:
                     return t("compensationTypeLabels.exempt");
-                  case ne.NONEXEMPT:
+                  case le.NONEXEMPT:
                     return t("compensationTypeLabels.nonexempt");
                   default:
                     return a ?? "";
@@ -241,8 +249,8 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
               ) + ee(e)
             }
           ],
-          data: n.employeeCompensations,
-          pagination: v
+          data: l.employeeCompensations,
+          pagination: L
         }
       )
     },
@@ -261,7 +269,7 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ r(L, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ r(_, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -270,11 +278,11 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.grossPay"),
-              render: (e) => l(Number(e.grossPay ?? 0))
+              render: (e) => n(Number(e.grossPay ?? 0))
             },
             {
               title: t("tableHeaders.deductions"),
-              render: (e) => l(
+              render: (e) => n(
                 e.deductions?.reduce(
                   (a, i) => a + Number(i.amount),
                   0
@@ -284,12 +292,12 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
             ...g ? [
               {
                 title: t("tableHeaders.reimbursements"),
-                render: (e) => l(A(e))
+                render: (e) => n(S(e))
               }
             ] : [],
             {
               title: t("tableHeaders.employeeTaxes"),
-              render: (e) => l(
+              render: (e) => n(
                 e.taxes?.reduce(
                   (a, i) => i.employer ? a : a + Number(i.amount),
                   0
@@ -298,7 +306,7 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.employeeBenefits"),
-              render: (e) => l(
+              render: (e) => n(
                 e.benefits?.reduce(
                   (a, i) => a + Number(i.employeeDeduction ?? 0),
                   0
@@ -307,11 +315,13 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.payment"),
-              render: (e) => l(Number(e.netPay ?? 0))
+              render: (e) => n(
+                Number(e.netPay ?? 0) + S(e)
+              )
             }
           ],
-          data: n.employeeCompensations,
-          pagination: v
+          data: l.employeeCompensations,
+          pagination: L
         }
       )
     },
@@ -332,20 +342,20 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
               {
                 key: "byYourEmployees",
                 title: t("tableHeaders.byYourEmployees"),
-                render: (e) => l(w[e]?.employee ?? 0)
+                render: (e) => n(v[e]?.employee ?? 0)
               },
               {
                 key: "byYourCompany",
                 title: t("tableHeaders.byYourCompany"),
-                render: (e) => l(w[e]?.employer ?? 0)
+                render: (e) => n(v[e]?.employer ?? 0)
               }
             ],
             footer: () => ({
               taxDescription: /* @__PURE__ */ r(y, { weight: "semibold", size: "sm", children: t("totalsLabel") }),
-              byYourEmployees: l(Number(n.totals?.employeeTaxes ?? 0)),
-              byYourCompany: l(Number(n.totals?.employerTaxes ?? 0))
+              byYourEmployees: n(Number(l.totals?.employeeTaxes ?? 0)),
+              byYourCompany: n(Number(l.totals?.employerTaxes ?? 0))
             }),
-            data: Object.keys(w)
+            data: Object.keys(v)
           }
         ),
         /* @__PURE__ */ r(
@@ -359,22 +369,22 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
               },
               {
                 title: t("tableHeaders.taxesTotal"),
-                render: ({ value: e }) => l(Number(e))
+                render: ({ value: e }) => n(Number(e))
               }
             ],
             data: [
-              { label: t("directDepositLabel"), value: n.totals?.netPayDebit || "0" },
+              { label: t("directDepositLabel"), value: l.totals?.netPayDebit || "0" },
               ...g ? [
                 {
                   label: t("reimbursementLabel"),
-                  value: n.totals?.reimbursementDebit || "0"
+                  value: l.totals?.reimbursementDebit || "0"
                 }
               ] : [],
               {
                 label: t("garnishmentsLabel"),
-                value: n.totals?.childSupportDebit || "0"
+                value: l.totals?.childSupportDebit || "0"
               },
-              { label: t("taxesLabel"), value: n.totals?.taxDebit || "0" }
+              { label: t("taxesLabel"), value: l.totals?.taxDebit || "0" }
             ]
           }
         )
@@ -386,7 +396,7 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
       T,
       {
         onClick: () => {
-          $(!0);
+          G(!0);
         },
         variant: "error",
         isDisabled: H,
@@ -398,7 +408,7 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
     /* @__PURE__ */ r(
       T,
       {
-        onClick: S,
+        onClick: w,
         isDisabled: H || b.length > 0 && (b.some(
           (e) => !ie.includes(e.blockerType || "")
         ) || b.some(
@@ -408,7 +418,7 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
       }
     )
   ] });
-  return /* @__PURE__ */ r("div", { ref: _, className: le.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  return /* @__PURE__ */ r("div", { ref: E, className: ne.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: [
         z,
@@ -416,11 +426,11 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
       ] }),
       D && /* @__PURE__ */ r(s, { gap: 8, justifyContent: "flex-end", children: ae })
     ] }),
-    !D && /* @__PURE__ */ r(Le, { gridTemplateColumns: "1fr", gap: 8, children: ae }),
+    !D && /* @__PURE__ */ r(_e, { gridTemplateColumns: "1fr", gap: 8, children: ae }),
     f === p.Cancelling ? /* @__PURE__ */ r(se, { title: t("cancellingTitle") }) : f === p.Submitting ? /* @__PURE__ */ r(se, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(k, { children: [
       be,
-      I.length > 0 && /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: I.map((e, a) => /* @__PURE__ */ r(
-        F,
+      j.length > 0 && /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: j.map((e, a) => /* @__PURE__ */ r(
+        U,
         {
           label: e.title,
           status: e.type,
@@ -429,20 +439,20 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
         },
         `${e.type}-${e.title}`
       )) }),
-      b.length > 0 && M && b.map((e) => {
+      b.length > 0 && I && b.map((e) => {
         const a = e.blockerType || "";
         return ie.includes(a) ? /* @__PURE__ */ r(
-          Ve,
+          We,
           {
             blocker: e,
             selectedValue: C[a],
-            onUnblockOptionChange: M,
+            onUnblockOptionChange: I,
             paymentSpeed: pe
           },
           a
-        ) : /* @__PURE__ */ r(We, { blocker: e }, a);
+        ) : /* @__PURE__ */ r(Ye, { blocker: e }, a);
       }),
-      /* @__PURE__ */ r(j, { as: "h2", styledAs: "h3", children: t(Q ? "payrollSummaryTitleWire" : Z ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
+      /* @__PURE__ */ r(R, { as: "h2", styledAs: "h3", children: t(Q ? "payrollSummaryTitleWire" : Z ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
       Q ? /* @__PURE__ */ r(
         c,
         {
@@ -450,13 +460,13 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(x)
+              render: () => n(x)
             },
             {
               title: t("tableHeaders.wireAmount"),
               render: () => {
                 const a = m?.metadata?.wire_in_amount;
-                return a ? l(Number(a)) : "-";
+                return a ? n(Number(a)) : "-";
               }
             },
             {
@@ -480,13 +490,13 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(x)
+              render: () => n(x)
             },
             {
               title: t("tableHeaders.debitAmount"),
               render: () => {
-                const e = n.totals?.companyDebit;
-                return l(Number(e ?? 0));
+                const e = l.totals?.companyDebit;
+                return n(Number(e ?? 0));
               }
             },
             {
@@ -514,11 +524,11 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(x)
+              render: () => n(x)
             },
             {
               title: t("tableHeaders.debitAmount"),
-              render: () => l(Number(n.totals?.companyDebit ?? 0))
+              render: () => n(Number(l.totals?.companyDebit ?? 0))
             },
             {
               title: t("tableHeaders.debitAccount"),
@@ -526,11 +536,11 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.debitDate"),
-              render: () => d.formatShortWithYear(De)
+              render: () => d.formatShortWithYear(He)
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => d.formatShortWithYear(n.checkDate)
+              render: () => d.formatShortWithYear(l.checkDate)
             }
           ],
           data: [{}]
@@ -543,15 +553,15 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
           onSelectionChange: Te,
           selectedId: ge,
           "aria-label": t("dataViews.label"),
-          tabs: xe
+          tabs: Pe
         }
       ),
-      G && /* @__PURE__ */ r(
+      $ && /* @__PURE__ */ r(
         fe,
         {
-          isOpen: G,
+          isOpen: $,
           onClose: () => {
-            $(!1);
+            G(!1);
           },
           onPrimaryActionClick: de,
           shouldCloseOnBackdropClick: !0,
@@ -559,13 +569,13 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
           isDestructive: !0,
           closeActionLabel: t("declineCancelCta"),
           title: t(K ? "cancelDialogTitleDismissal" : "cancelDialogTitle", {
-            startDate: d.formatLong(n.payPeriod?.startDate),
-            endDate: d.formatLongWithYear(n.payPeriod?.endDate)
+            startDate: d.formatLong(l.payPeriod?.startDate),
+            endDate: d.formatLongWithYear(l.payPeriod?.endDate)
           }),
           children: /* @__PURE__ */ o(s, { gap: 14, flexDirection: "column", children: [
             /* @__PURE__ */ r(y, { children: t("cancelDialogDescription") }),
-            Number(n.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ r(y, { children: t("cancelDialogDescriptionDeadline", {
-              deadline: d.formatWithTime(n.payrollDeadline).time
+            Number(l.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ r(y, { children: t("cancelDialogDescriptionDeadline", {
+              deadline: De
             }) })
           ] })
         }
@@ -574,6 +584,6 @@ const Ye = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate,
   ] }) });
 };
 export {
-  it as PayrollOverviewPresentation
+  ot as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map