@gusto/embedded-react-sdk 0.55.3 → 0.55.5

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

@@ -1,87 +1,88 @@
-import { jsx as a, jsxs as o, Fragment as k } from "react/jsx-runtime";
-import { useTranslation as Pe, Trans as Ne } from "react-i18next";
-import { useState as ae, useRef as ke } from "react";
-import { isDismissalPayroll as Ce, getPayrollTypeLabel as Se, calculateTotalPayroll as we, getReimbursements as A } from "../helpers.js";
+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 { PayrollOverviewStatus as p } from "./PayrollOverviewTypes.js";
-import re from "./PayrollOverviewPresentation.module.scss.js";
+import le from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
-import { Grid as ve } from "../../Common/Grid/Grid.js";
+import { Grid as Le } from "../../Common/Grid/Grid.js";
 import _e from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { useComponentContext as Le } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as Ee } from "../../../i18n/I18n.js";
-import { useDateFormatter as Oe } from "../../../hooks/useDateFormatter.js";
-import Ae from "../../../hooks/useNumberFormatter.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 { 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 Be } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as Ve } from "./SubmissionBlockers/GenericBlocker.js";
-import { DataView as m } from "../../Common/DataView/DataView.js";
-const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, nt = ({
+import { FlsaStatus as ne, 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 { 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 = ({
   onEdit: u,
-  onSubmit: C,
-  onCancel: se,
-  onPayrollReceipt: de,
+  onSubmit: S,
+  onCancel: de,
+  onPayrollReceipt: ce,
   onPaystubDownload: W,
   payrollData: n,
   bankAccount: Y,
-  taxes: S,
+  taxes: w,
   status: f = p.Viewing,
   isProcessed: h,
   canCancel: me = !1,
-  canEdit: ce = !0,
+  canEdit: ue = !0,
   alerts: I = [],
   submissionBlockers: b = [],
-  selectedUnblockOptions: w = {},
+  selectedUnblockOptions: C = {},
   onUnblockOptionChange: M,
-  wireInConfirmationRequest: ue,
-  printChecksBanner: be,
+  wireInConfirmationRequest: be,
+  printChecksBanner: ye,
   withReimbursements: g = !0,
-  paymentSpeed: ye,
-  pagination: v
+  paymentSpeed: pe,
+  pagination: v,
+  downloadingEmployeeIds: U = /* @__PURE__ */ new Set()
 }) => {
-  const { Alert: F, Badge: _, Button: T, ButtonIcon: R, Dialog: pe, Heading: j, Text: y, Tabs: fe } = Le();
-  Ee("Payroll.PayrollOverview");
-  const d = Oe(), { t } = Pe("Payroll.PayrollOverview"), l = Ae("currency"), [he, ge] = ae("companyPays"), [U, G] = ae(!1), L = ke(null), D = _e({ ref: L }).includes("small"), H = f === p.Submitting || f === p.Cancelling, $ = /* @__PURE__ */ a(j, { as: "h1", children: t(h ? "summaryTitle" : "overviewTitle") }), z = Ce(n.offCycleReason), K = /* @__PURE__ */ a(y, { children: /* @__PURE__ */ a(
-    Ne,
+  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,
     {
-      i18nKey: z ? "pageSubtitleDismissal" : "pageSubtitle",
+      i18nKey: K ? "pageSubtitleDismissal" : "pageSubtitle",
       t,
-      components: { dateWrapper: /* @__PURE__ */ a(y, { weight: "bold", as: "span" }) },
+      components: { dateWrapper: /* @__PURE__ */ r(y, { weight: "bold", as: "span" }) },
       values: {
-        ...We(n.payPeriod, d),
-        payrollType: Se(n)
+        ...Ye(n.payPeriod, d),
+        payrollType: Ce(n)
       }
     }
   ) });
   if (f === p.Cancelled)
-    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
+    return /* @__PURE__ */ r("div", { ref: _, className: le.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__ */ a(F, { status: "info", label: t("cancelledEmptyState") })
+      /* @__PURE__ */ r(F, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const x = we(n), Te = n.payrollStatusMeta?.expectedDebitTime ?? n.payrollDeadline, X = (e) => e.taxes?.reduce(
-    (r, i) => i.employer ? r + Number(i.amount) : r,
+  const x = ve(n), De = n.payrollStatusMeta?.expectedDebitTime ?? n.payrollDeadline, q = (e) => e.taxes?.reduce(
+    (a, i) => i.employer ? a + Number(i.amount) : a,
     0
-  ) ?? 0, q = (e) => e.benefits?.reduce(
-    (r, i) => i.companyContribution ? r + Number(i.companyContribution) : r,
+  ) ?? 0, J = (e) => e.benefits?.reduce(
+    (a, i) => i.companyContribution ? a + Number(i.companyContribution) : a,
     0
-  ) ?? 0, De = (e) => Number(e.grossPay) + A(e) + X(e) + q(e), E = b.find(
+  ) ?? 0, He = (e) => Number(e.grossPay) + A(e) + q(e) + J(e), E = b.find(
     (e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
-  ), O = E ? w[E.blockerType || ""] : void 0, c = E?.unblockOptions?.find(
+  ), O = E ? C[E.blockerType || ""] : void 0, m = E?.unblockOptions?.find(
     (e) => e.unblockType === O
-  ), J = O === "wire_in", Q = O === "move_to_four_day", P = (e) => e.hourlyCompensations?.reduce(
-    (r, i) => {
+  ), Q = O === "wire_in", Z = O === "move_to_four_day", P = (e) => e.hourlyCompensations?.reduce(
+    (a, i) => {
       if (typeof i.name > "u")
-        return r;
-      const N = i.name.toLowerCase(), xe = r[N] ?? 0;
-      return r[N] = xe + Number(i.hours || 0), r;
+        return a;
+      const N = i.name.toLowerCase(), Pe = a[N] ?? 0;
+      return a[N] = Pe + Number(i.hours || 0), a;
     },
     {}
-  ) || {}, Z = (e) => e.paidTimeOff?.reduce((r, i) => r + Number(i.hours || 0), 0) ?? 0, ee = [
+  ) || {}, ee = (e) => e.paidTimeOff?.reduce((a, i) => a + Number(i.hours || 0), 0) ?? 0, te = [
     {
       key: "employeeName",
       title: t("tableHeaders.employees"),
@@ -90,7 +91,7 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
           first_name: e.firstName,
           last_name: e.lastName
         }),
-        e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
+        e.excluded && /* @__PURE__ */ r(L, { status: "warning", children: t("skippedBadge") })
       ] })
     },
     {
@@ -108,60 +109,68 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
     {
       key: "companyTaxes",
       title: t("tableHeaders.companyTaxes"),
-      render: (e) => l(X(e))
+      render: (e) => l(q(e))
     },
     {
       key: "companyBenefits",
       title: t("tableHeaders.companyBenefits"),
-      render: (e) => l(q(e))
+      render: (e) => l(J(e))
     },
     {
       key: "companyPays",
       title: t("tableHeaders.companyPays"),
-      render: (e) => l(De(e))
+      render: (e) => l(He(e))
     }
   ];
-  h && D && ee.push({
+  h && D && te.push({
     key: "paystubs",
     title: t("tableHeaders.paystub"),
-    render: (e) => /* @__PURE__ */ a(s, { justifyContent: "flex-end", children: /* @__PURE__ */ a(
-      R,
-      {
-        "aria-label": t("downloadPaystubLabel"),
-        variant: "tertiary",
-        onClick: () => {
-          e.employeeUuid && W(e.employeeUuid);
-        },
-        children: /* @__PURE__ */ a(ie, {})
-      }
-    ) })
+    render: (e) => {
+      const a = !!e.employeeUuid && U.has(e.employeeUuid);
+      return /* @__PURE__ */ r(s, { justifyContent: "flex-end", children: /* @__PURE__ */ r(
+        R,
+        {
+          "aria-label": t("downloadPaystubLabel"),
+          variant: "tertiary",
+          isLoading: a,
+          onClick: () => {
+            e.employeeUuid && W(e.employeeUuid);
+          },
+          children: /* @__PURE__ */ r(oe, {})
+        }
+      ) });
+    }
   });
-  const He = [
+  const xe = [
     {
       id: "companyPays",
       label: t("dataViews.companyPaysTab"),
-      content: /* @__PURE__ */ a(
-        m,
+      content: /* @__PURE__ */ r(
+        c,
         {
           label: t("dataViews.companyPaysTable"),
-          columns: ee,
+          columns: te,
           data: n.employeeCompensations,
           pagination: v,
-          itemMenu: h && !D ? (e) => /* @__PURE__ */ a(
-            R,
-            {
-              "aria-label": t("downloadPaystubLabel"),
-              variant: "tertiary",
-              onClick: () => {
-                e.employeeUuid && W(e.employeeUuid);
-              },
-              children: /* @__PURE__ */ a(ie, {})
-            }
-          ) : void 0,
+          itemMenu: h && !D ? (e) => {
+            const a = !!e.employeeUuid && U.has(e.employeeUuid);
+            return /* @__PURE__ */ r(
+              R,
+              {
+                "aria-label": t("downloadPaystubLabel"),
+                variant: "tertiary",
+                isLoading: a,
+                onClick: () => {
+                  e.employeeUuid && W(e.employeeUuid);
+                },
+                children: /* @__PURE__ */ r(oe, {})
+              }
+            );
+          } : void 0,
           footer: () => ({
             employeeName: /* @__PURE__ */ o(k, { children: [
               t("tableHeaders.footerTotalsLabel"),
-              /* @__PURE__ */ a(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
+              /* @__PURE__ */ r(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
             ] }),
             grossPay: l(Number(n.totals?.grossPay ?? 0)),
             ...g ? {
@@ -177,8 +186,8 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
     {
       id: "hoursWorked",
       label: t("dataViews.hoursWorkedTab"),
-      content: /* @__PURE__ */ a(
-        m,
+      content: /* @__PURE__ */ r(
+        c,
         {
           label: t("dataViews.hoursWorkedTable"),
           columns: [
@@ -189,22 +198,22 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ r(L, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
               title: t("tableHeaders.compensationType"),
               render: (e) => {
-                const r = e.hourlyCompensations?.find(
+                const a = e.hourlyCompensations?.find(
                   (i) => i.flsaStatus
                 )?.flsaStatus;
-                switch (r) {
-                  case le.EXEMPT:
+                switch (a) {
+                  case ne.EXEMPT:
                     return t("compensationTypeLabels.exempt");
-                  case le.NONEXEMPT:
+                  case ne.NONEXEMPT:
                     return t("compensationTypeLabels.nonexempt");
                   default:
-                    return r ?? "";
+                    return a ?? "";
                 }
               }
             },
@@ -222,14 +231,14 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.timeOff"),
-              render: (e) => Z(e)
+              render: (e) => ee(e)
             },
             {
               title: t("tableHeaders.totalHours"),
               render: (e) => Object.values(P(e)).reduce(
-                (r, i) => r + i,
+                (a, i) => a + i,
                 0
-              ) + Z(e)
+              ) + ee(e)
             }
           ],
           data: n.employeeCompensations,
@@ -240,8 +249,8 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
     {
       id: "employeeTakeHome",
       label: t("dataViews.employeeTakeHomeTab"),
-      content: /* @__PURE__ */ a(
-        m,
+      content: /* @__PURE__ */ r(
+        c,
         {
           label: t("dataViews.employeeTakeHomeTable"),
           columns: [
@@ -252,7 +261,7 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ r(L, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -267,7 +276,7 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
               title: t("tableHeaders.deductions"),
               render: (e) => l(
                 e.deductions?.reduce(
-                  (r, i) => r + Number(i.amount),
+                  (a, i) => a + Number(i.amount),
                   0
                 ) ?? 0
               )
@@ -282,7 +291,7 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
               title: t("tableHeaders.employeeTaxes"),
               render: (e) => l(
                 e.taxes?.reduce(
-                  (r, i) => i.employer ? r : r + Number(i.amount),
+                  (a, i) => i.employer ? a : a + Number(i.amount),
                   0
                 ) ?? 0
               )
@@ -291,7 +300,7 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
               title: t("tableHeaders.employeeBenefits"),
               render: (e) => l(
                 e.benefits?.reduce(
-                  (r, i) => r + Number(i.employeeDeduction ?? 0),
+                  (a, i) => a + Number(i.employeeDeduction ?? 0),
                   0
                 ) ?? 0
               )
@@ -310,8 +319,8 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       id: "taxes",
       label: t("dataViews.taxesTab"),
       content: /* @__PURE__ */ o(s, { flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ a(
-          m,
+        /* @__PURE__ */ r(
+          c,
           {
             label: t("dataViews.taxesTable"),
             columns: [
@@ -323,24 +332,24 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
               {
                 key: "byYourEmployees",
                 title: t("tableHeaders.byYourEmployees"),
-                render: (e) => l(S[e]?.employee ?? 0)
+                render: (e) => l(w[e]?.employee ?? 0)
               },
               {
                 key: "byYourCompany",
                 title: t("tableHeaders.byYourCompany"),
-                render: (e) => l(S[e]?.employer ?? 0)
+                render: (e) => l(w[e]?.employer ?? 0)
               }
             ],
             footer: () => ({
-              taxDescription: /* @__PURE__ */ a(y, { weight: "semibold", size: "sm", children: t("totalsLabel") }),
+              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))
             }),
-            data: Object.keys(S)
+            data: Object.keys(w)
           }
         ),
-        /* @__PURE__ */ a(
-          m,
+        /* @__PURE__ */ r(
+          c,
           {
             label: t("dataViews.debitedTable"),
             columns: [
@@ -371,13 +380,13 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
         )
       ] })
     }
-  ], te = h ? /* @__PURE__ */ o(k, { children: [
-    /* @__PURE__ */ a(T, { onClick: de, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
-    me && /* @__PURE__ */ a(
+  ], ae = h ? /* @__PURE__ */ o(k, { children: [
+    /* @__PURE__ */ r(T, { onClick: ce, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
+    me && /* @__PURE__ */ r(
       T,
       {
         onClick: () => {
-          G(!0);
+          $(!0);
         },
         variant: "error",
         isDisabled: H,
@@ -385,32 +394,32 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
       }
     )
   ] }) : /* @__PURE__ */ o(k, { children: [
-    ce && /* @__PURE__ */ a(T, { onClick: u, variant: "secondary", isDisabled: H, children: t("editCta") }),
-    /* @__PURE__ */ a(
+    ue && /* @__PURE__ */ r(T, { onClick: u, variant: "secondary", isDisabled: H, children: t("editCta") }),
+    /* @__PURE__ */ r(
       T,
       {
-        onClick: C,
+        onClick: S,
         isDisabled: H || b.length > 0 && (b.some(
-          (e) => !ne.includes(e.blockerType || "")
+          (e) => !ie.includes(e.blockerType || "")
         ) || b.some(
-          (e) => !w[e.blockerType || ""]
+          (e) => !C[e.blockerType || ""]
         )),
         children: t("submitCta")
       }
     )
   ] });
-  return /* @__PURE__ */ a("div", { ref: L, className: re.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  return /* @__PURE__ */ r("div", { ref: _, className: le.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
+        z,
+        X
       ] }),
-      D && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: te })
+      D && /* @__PURE__ */ r(s, { gap: 8, justifyContent: "flex-end", children: ae })
     ] }),
-    !D && /* @__PURE__ */ a(ve, { 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: [
-      ue,
-      I.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: I.map((e, r) => /* @__PURE__ */ a(
+    !D && /* @__PURE__ */ r(Le, { 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,
         {
           label: e.title,
@@ -421,21 +430,21 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
         `${e.type}-${e.title}`
       )) }),
       b.length > 0 && M && b.map((e) => {
-        const r = e.blockerType || "";
-        return ne.includes(r) ? /* @__PURE__ */ a(
-          Be,
+        const a = e.blockerType || "";
+        return ie.includes(a) ? /* @__PURE__ */ r(
+          Ve,
           {
             blocker: e,
-            selectedValue: w[r],
+            selectedValue: C[a],
             onUnblockOptionChange: M,
-            paymentSpeed: ye
+            paymentSpeed: pe
           },
-          r
-        ) : /* @__PURE__ */ a(Ve, { blocker: e }, r);
+          a
+        ) : /* @__PURE__ */ r(We, { blocker: e }, a);
       }),
-      /* @__PURE__ */ a(j, { as: "h2", styledAs: "h3", children: t(J ? "payrollSummaryTitleWire" : Q ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
-      J ? /* @__PURE__ */ a(
-        m,
+      /* @__PURE__ */ r(j, { as: "h2", styledAs: "h3", children: t(Q ? "payrollSummaryTitleWire" : Z ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
+      Q ? /* @__PURE__ */ r(
+        c,
         {
           label: t("payrollSummaryLabel"),
           columns: [
@@ -446,26 +455,26 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             {
               title: t("tableHeaders.wireAmount"),
               render: () => {
-                const r = c?.metadata?.wire_in_amount;
-                return r ? l(Number(r)) : "-";
+                const a = m?.metadata?.wire_in_amount;
+                return a ? l(Number(a)) : "-";
               }
             },
             {
               title: t("tableHeaders.wireTransferDeadline"),
               render: () => {
-                const r = c?.metadata?.wire_in_deadline, i = d.formatWithTime(r), N = d.formatShortWithYear(r);
-                return r ? `${i.time} on ${N}` : "-";
+                const a = m?.metadata?.wire_in_deadline, i = d.formatWithTime(a), N = d.formatShortWithYear(a);
+                return a ? `${i.time} on ${N}` : "-";
               }
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => c?.checkDate ? d.formatShortWithYear(c.checkDate) : "-"
+              render: () => m?.checkDate ? d.formatShortWithYear(m.checkDate) : "-"
             }
           ],
           data: [{}]
         }
-      ) : Q ? /* @__PURE__ */ a(
-        m,
+      ) : Z ? /* @__PURE__ */ r(
+        c,
         {
           label: t("payrollSummaryLabel"),
           columns: [
@@ -487,19 +496,19 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             {
               title: t("tableHeaders.debitDate"),
               render: () => {
-                const r = c?.metadata?.debit_date;
-                return d.formatShortWithYear(r);
+                const a = m?.metadata?.debit_date;
+                return d.formatShortWithYear(a);
               }
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => c?.checkDate ? d.formatShortWithYear(c.checkDate) : "-"
+              render: () => m?.checkDate ? d.formatShortWithYear(m.checkDate) : "-"
             }
           ],
           data: [{}]
         }
-      ) : /* @__PURE__ */ a(
-        m,
+      ) : /* @__PURE__ */ r(
+        c,
         {
           label: t("payrollSummaryLabel"),
           columns: [
@@ -517,7 +526,7 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.debitDate"),
-              render: () => d.formatShortWithYear(Te)
+              render: () => d.formatShortWithYear(De)
             },
             {
               title: t("tableHeaders.employeePayDate"),
@@ -527,35 +536,35 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
           data: [{}]
         }
       ),
-      be,
-      /* @__PURE__ */ a(
-        fe,
+      ye,
+      /* @__PURE__ */ r(
+        he,
         {
-          onSelectionChange: ge,
-          selectedId: he,
+          onSelectionChange: Te,
+          selectedId: ge,
           "aria-label": t("dataViews.label"),
-          tabs: He
+          tabs: xe
         }
       ),
-      U && /* @__PURE__ */ a(
-        pe,
+      G && /* @__PURE__ */ r(
+        fe,
         {
-          isOpen: U,
+          isOpen: G,
           onClose: () => {
-            G(!1);
+            $(!1);
           },
-          onPrimaryActionClick: se,
+          onPrimaryActionClick: de,
           shouldCloseOnBackdropClick: !0,
           primaryActionLabel: t("confirmCancelCta"),
           isDestructive: !0,
           closeActionLabel: t("declineCancelCta"),
-          title: t(z ? "cancelDialogTitleDismissal" : "cancelDialogTitle", {
+          title: t(K ? "cancelDialogTitleDismissal" : "cancelDialogTitle", {
             startDate: d.formatLong(n.payPeriod?.startDate),
             endDate: d.formatLongWithYear(n.payPeriod?.endDate)
           }),
           children: /* @__PURE__ */ o(s, { gap: 14, flexDirection: "column", children: [
-            /* @__PURE__ */ a(y, { children: t("cancelDialogDescription") }),
-            Number(n.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(y, { children: t("cancelDialogDescriptionDeadline", {
+            /* @__PURE__ */ r(y, { children: t("cancelDialogDescription") }),
+            Number(n.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ r(y, { children: t("cancelDialogDescriptionDeadline", {
               deadline: d.formatWithTime(n.payrollDeadline).time
             }) })
           ] })
@@ -565,6 +574,6 @@ const We = (u, C) => u?.startDate && u.endDate ? C.formatPayPeriod(u.startDate,
   ] }) });
 };
 export {
-  nt as PayrollOverviewPresentation
+  it as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map