@gusto/embedded-react-sdk 0.55.6 → 0.55.7

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

@@ -1,91 +1,92 @@
-import { jsx as r, jsxs as o, Fragment as k } from "react/jsx-runtime";
-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 { jsx as a, jsxs as o, Fragment as k } from "react/jsx-runtime";
+import { useTranslation as we, Trans as Se } from "react-i18next";
+import { useState as ae, useRef as ve } from "react";
+import { isDismissalPayroll as Le, getPayrollTypeLabel as _e, calculateTotalPayroll as Ce, getReimbursements as w } from "../helpers.js";
 import { PayrollOverviewStatus as p } from "./PayrollOverviewTypes.js";
 import ne from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.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 { Grid as Ee } from "../../Common/Grid/Grid.js";
+import Oe from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useComponentContext as Ae } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as Be } from "../../../i18n/I18n.js";
+import { useDateFormatter as Ve } from "../../../hooks/useDateFormatter.js";
+import We 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 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 We } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as Ye } from "./SubmissionBlockers/GenericBlocker.js";
+import { FastAchSubmissionBlockerBanner as Ye } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
+import { GenericBlocker as je } from "./SubmissionBlockers/GenericBlocker.js";
 import { DataView as c } from "../../Common/DataView/DataView.js";
-const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, ot = ({
+const Ue = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, st = ({
   onEdit: u,
-  onSubmit: w,
+  onSubmit: S,
   onCancel: de,
   onPayrollReceipt: ce,
   onPaystubDownload: W,
   payrollData: l,
+  employeeFlsaStatusByUuid: me = {},
   bankAccount: Y,
   taxes: v,
   status: f = p.Viewing,
   isProcessed: h,
-  canCancel: me = !1,
-  canEdit: ue = !0,
+  canCancel: ue = !1,
+  canEdit: be = !0,
   alerts: j = [],
   submissionBlockers: b = [],
-  selectedUnblockOptions: C = {},
-  onUnblockOptionChange: I,
-  wireInConfirmationRequest: be,
-  printChecksBanner: ye,
+  selectedUnblockOptions: L = {},
+  onUnblockOptionChange: U,
+  wireInConfirmationRequest: ye,
+  printChecksBanner: pe,
   withReimbursements: g = !0,
-  paymentSpeed: pe,
-  pagination: L,
-  downloadingEmployeeIds: M = /* @__PURE__ */ new Set()
+  paymentSpeed: fe,
+  pagination: _,
+  downloadingEmployeeIds: I = /* @__PURE__ */ new Set()
 }) => {
-  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(
+  const { Alert: M, Badge: C, Button: T, ButtonIcon: F, Dialog: he, Heading: R, Text: y, Tabs: ge } = Ae();
+  Be("Payroll.PayrollOverview");
+  const d = Ve(), { t } = we("Payroll.PayrollOverview"), n = We("currency"), [Te, De] = ae("companyPays"), [$, G] = ae(!1), E = ve(null), D = Oe({ ref: E }).includes("small"), H = f === p.Submitting || f === p.Cancelling, z = /* @__PURE__ */ a(R, { as: "h1", children: t(h ? "summaryTitle" : "overviewTitle") }), K = Le(l.offCycleReason), He = (() => {
+    const { time: e, date: r } = d.formatWithTime(l.payrollDeadline);
+    return r ? `${e} on ${r}` : e;
+  })(), X = /* @__PURE__ */ a(y, { children: /* @__PURE__ */ a(
     Se,
     {
       i18nKey: K ? "pageSubtitleDismissal" : "pageSubtitle",
       t,
-      components: { dateWrapper: /* @__PURE__ */ r(y, { weight: "bold", as: "span" }) },
+      components: { dateWrapper: /* @__PURE__ */ a(y, { weight: "bold", as: "span" }) },
       values: {
-        ...je(l.payPeriod, d),
-        payrollType: Ce(l)
+        ...Ue(l.payPeriod, d),
+        payrollType: _e(l)
       }
     }
   ) });
   if (f === p.Cancelled)
-    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: [
+    return /* @__PURE__ */ a("div", { ref: E, className: ne.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: [
         z,
         X
       ] }) }),
-      /* @__PURE__ */ r(U, { status: "info", label: t("cancelledEmptyState") })
+      /* @__PURE__ */ a(M, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const x = Le(l), He = l.payrollStatusMeta?.expectedDebitTime ?? l.payrollDeadline, q = (e) => e.taxes?.reduce(
-    (a, i) => i.employer ? a + Number(i.amount) : a,
+  const x = Ce(l), xe = l.payrollStatusMeta?.expectedDebitTime ?? l.payrollDeadline, q = (e) => e.taxes?.reduce(
+    (r, i) => i.employer ? r + Number(i.amount) : r,
     0
   ) ?? 0, J = (e) => e.benefits?.reduce(
-    (a, i) => i.companyContribution ? a + Number(i.companyContribution) : a,
+    (r, i) => i.companyContribution ? r + Number(i.companyContribution) : r,
     0
-  ) ?? 0, xe = (e) => Number(e.grossPay) + S(e) + q(e) + J(e), O = b.find(
+  ) ?? 0, Pe = (e) => Number(e.grossPay) + w(e) + q(e) + J(e), O = b.find(
     (e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
-  ), A = O ? C[O.blockerType || ""] : void 0, m = O?.unblockOptions?.find(
+  ), A = O ? L[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) => {
+    (r, i) => {
       if (typeof i.name > "u")
-        return a;
-      const N = i.name.toLowerCase(), Ne = a[N] ?? 0;
-      return a[N] = Ne + Number(i.hours || 0), a;
+        return r;
+      const N = i.name.toLowerCase(), ke = r[N] ?? 0;
+      return r[N] = ke + Number(i.hours || 0), r;
     },
     {}
-  ) || {}, ee = (e) => e.paidTimeOff?.reduce((a, i) => a + Number(i.hours || 0), 0) ?? 0, te = [
+  ) || {}, ee = (e) => e.paidTimeOff?.reduce((r, i) => r + Number(i.hours || 0), 0) ?? 0, te = [
     {
       key: "employeeName",
       title: t("tableHeaders.employees"),
@@ -94,7 +95,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
           first_name: e.firstName,
           last_name: e.lastName
         }),
-        e.excluded && /* @__PURE__ */ r(_, { status: "warning", children: t("skippedBadge") })
+        e.excluded && /* @__PURE__ */ a(C, { status: "warning", children: t("skippedBadge") })
       ] })
     },
     {
@@ -108,7 +109,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
         key: "reimbursements",
         title: t("tableHeaders.reimbursements"),
         justify: "end",
-        render: (e) => n(S(e))
+        render: (e) => n(w(e))
       }
     ] : [],
     {
@@ -127,58 +128,58 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
       key: "companyPays",
       title: t("tableHeaders.companyPays"),
       justify: "end",
-      render: (e) => n(xe(e))
+      render: (e) => n(Pe(e))
     }
   ];
   h && D && te.push({
     key: "paystubs",
     title: t("tableHeaders.paystub"),
     render: (e) => {
-      const a = !!e.employeeUuid && M.has(e.employeeUuid);
-      return /* @__PURE__ */ r(s, { justifyContent: "flex-end", children: /* @__PURE__ */ r(
+      const r = !!e.employeeUuid && I.has(e.employeeUuid);
+      return /* @__PURE__ */ a(s, { justifyContent: "flex-end", children: /* @__PURE__ */ a(
         F,
         {
           "aria-label": t("downloadPaystubLabel"),
           variant: "tertiary",
-          isLoading: a,
+          isLoading: r,
           onClick: () => {
             e.employeeUuid && W(e.employeeUuid);
           },
-          children: /* @__PURE__ */ r(oe, {})
+          children: /* @__PURE__ */ a(oe, {})
         }
       ) });
     }
   });
-  const Pe = [
+  const Ne = [
     {
       id: "companyPays",
       label: t("dataViews.companyPaysTab"),
-      content: /* @__PURE__ */ r(
+      content: /* @__PURE__ */ a(
         c,
         {
           label: t("dataViews.companyPaysTable"),
           columns: te,
           data: l.employeeCompensations,
-          pagination: L,
+          pagination: _,
           itemMenu: h && !D ? (e) => {
-            const a = !!e.employeeUuid && M.has(e.employeeUuid);
-            return /* @__PURE__ */ r(
+            const r = !!e.employeeUuid && I.has(e.employeeUuid);
+            return /* @__PURE__ */ a(
               F,
               {
                 "aria-label": t("downloadPaystubLabel"),
                 variant: "tertiary",
-                isLoading: a,
+                isLoading: r,
                 onClick: () => {
                   e.employeeUuid && W(e.employeeUuid);
                 },
-                children: /* @__PURE__ */ r(oe, {})
+                children: /* @__PURE__ */ a(oe, {})
               }
             );
           } : void 0,
           footer: () => ({
             employeeName: /* @__PURE__ */ o(k, { children: [
               t("tableHeaders.footerTotalsLabel"),
-              /* @__PURE__ */ r(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
+              /* @__PURE__ */ a(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
             ] }),
             grossPay: n(Number(l.totals?.grossPay ?? 0)),
             ...g ? {
@@ -194,7 +195,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
     {
       id: "hoursWorked",
       label: t("dataViews.hoursWorkedTab"),
-      content: /* @__PURE__ */ r(
+      content: /* @__PURE__ */ a(
         c,
         {
           label: t("dataViews.hoursWorkedTable"),
@@ -206,22 +207,20 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ r(_, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(C, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
               title: t("tableHeaders.compensationType"),
               render: (e) => {
-                const a = e.hourlyCompensations?.find(
-                  (i) => i.flsaStatus
-                )?.flsaStatus;
-                switch (a) {
+                const r = e.employeeUuid ? me[e.employeeUuid] : void 0;
+                switch (r) {
                   case le.EXEMPT:
                     return t("compensationTypeLabels.exempt");
                   case le.NONEXEMPT:
                     return t("compensationTypeLabels.nonexempt");
                   default:
-                    return a ?? "";
+                    return r ?? "";
                 }
               }
             },
@@ -244,20 +243,20 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
             {
               title: t("tableHeaders.totalHours"),
               render: (e) => Object.values(P(e)).reduce(
-                (a, i) => a + i,
+                (r, i) => r + i,
                 0
               ) + ee(e)
             }
           ],
           data: l.employeeCompensations,
-          pagination: L
+          pagination: _
         }
       )
     },
     {
       id: "employeeTakeHome",
       label: t("dataViews.employeeTakeHomeTab"),
-      content: /* @__PURE__ */ r(
+      content: /* @__PURE__ */ a(
         c,
         {
           label: t("dataViews.employeeTakeHomeTable"),
@@ -269,7 +268,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ r(_, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(C, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -284,7 +283,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
               title: t("tableHeaders.deductions"),
               render: (e) => n(
                 e.deductions?.reduce(
-                  (a, i) => a + Number(i.amount),
+                  (r, i) => r + Number(i.amount),
                   0
                 ) ?? 0
               )
@@ -292,14 +291,14 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
             ...g ? [
               {
                 title: t("tableHeaders.reimbursements"),
-                render: (e) => n(S(e))
+                render: (e) => n(w(e))
               }
             ] : [],
             {
               title: t("tableHeaders.employeeTaxes"),
               render: (e) => n(
                 e.taxes?.reduce(
-                  (a, i) => i.employer ? a : a + Number(i.amount),
+                  (r, i) => i.employer ? r : r + Number(i.amount),
                   0
                 ) ?? 0
               )
@@ -308,7 +307,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
               title: t("tableHeaders.employeeBenefits"),
               render: (e) => n(
                 e.benefits?.reduce(
-                  (a, i) => a + Number(i.employeeDeduction ?? 0),
+                  (r, i) => r + Number(i.employeeDeduction ?? 0),
                   0
                 ) ?? 0
               )
@@ -316,12 +315,12 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
             {
               title: t("tableHeaders.payment"),
               render: (e) => n(
-                Number(e.netPay ?? 0) + S(e)
+                Number(e.netPay ?? 0) + w(e)
               )
             }
           ],
           data: l.employeeCompensations,
-          pagination: L
+          pagination: _
         }
       )
     },
@@ -329,7 +328,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
       id: "taxes",
       label: t("dataViews.taxesTab"),
       content: /* @__PURE__ */ o(s, { flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           c,
           {
             label: t("dataViews.taxesTable"),
@@ -351,14 +350,14 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
               }
             ],
             footer: () => ({
-              taxDescription: /* @__PURE__ */ r(y, { weight: "semibold", size: "sm", children: t("totalsLabel") }),
+              taxDescription: /* @__PURE__ */ a(y, { weight: "semibold", size: "sm", children: t("totalsLabel") }),
               byYourEmployees: n(Number(l.totals?.employeeTaxes ?? 0)),
               byYourCompany: n(Number(l.totals?.employerTaxes ?? 0))
             }),
             data: Object.keys(v)
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           c,
           {
             label: t("dataViews.debitedTable"),
@@ -390,9 +389,9 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
         )
       ] })
     }
-  ], ae = h ? /* @__PURE__ */ o(k, { children: [
-    /* @__PURE__ */ r(T, { onClick: ce, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
-    me && /* @__PURE__ */ r(
+  ], re = h ? /* @__PURE__ */ o(k, { children: [
+    /* @__PURE__ */ a(T, { onClick: ce, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
+    ue && /* @__PURE__ */ a(
       T,
       {
         onClick: () => {
@@ -404,33 +403,33 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
       }
     )
   ] }) : /* @__PURE__ */ o(k, { children: [
-    ue && /* @__PURE__ */ r(T, { onClick: u, variant: "secondary", isDisabled: H, children: t("editCta") }),
-    /* @__PURE__ */ r(
+    be && /* @__PURE__ */ a(T, { onClick: u, variant: "secondary", isDisabled: H, children: t("editCta") }),
+    /* @__PURE__ */ a(
       T,
       {
-        onClick: w,
+        onClick: S,
         isDisabled: H || b.length > 0 && (b.some(
           (e) => !ie.includes(e.blockerType || "")
         ) || b.some(
-          (e) => !C[e.blockerType || ""]
+          (e) => !L[e.blockerType || ""]
         )),
         children: t("submitCta")
       }
     )
   ] });
-  return /* @__PURE__ */ r("div", { ref: E, className: ne.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  return /* @__PURE__ */ a("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,
         X
       ] }),
-      D && /* @__PURE__ */ r(s, { gap: 8, justifyContent: "flex-end", children: ae })
+      D && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: re })
     ] }),
-    !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,
-      j.length > 0 && /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: j.map((e, a) => /* @__PURE__ */ r(
-        U,
+    !D && /* @__PURE__ */ a(Ee, { gridTemplateColumns: "1fr", gap: 8, children: re }),
+    f === p.Cancelling ? /* @__PURE__ */ a(se, { title: t("cancellingTitle") }) : f === p.Submitting ? /* @__PURE__ */ a(se, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(k, { children: [
+      ye,
+      j.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: j.map((e, r) => /* @__PURE__ */ a(
+        M,
         {
           label: e.title,
           status: e.type,
@@ -439,21 +438,21 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
         },
         `${e.type}-${e.title}`
       )) }),
-      b.length > 0 && I && b.map((e) => {
-        const a = e.blockerType || "";
-        return ie.includes(a) ? /* @__PURE__ */ r(
-          We,
+      b.length > 0 && U && b.map((e) => {
+        const r = e.blockerType || "";
+        return ie.includes(r) ? /* @__PURE__ */ a(
+          Ye,
           {
             blocker: e,
-            selectedValue: C[a],
-            onUnblockOptionChange: I,
-            paymentSpeed: pe
+            selectedValue: L[r],
+            onUnblockOptionChange: U,
+            paymentSpeed: fe
           },
-          a
-        ) : /* @__PURE__ */ r(Ye, { blocker: e }, a);
+          r
+        ) : /* @__PURE__ */ a(je, { blocker: e }, r);
       }),
-      /* @__PURE__ */ r(R, { as: "h2", styledAs: "h3", children: t(Q ? "payrollSummaryTitleWire" : Z ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
-      Q ? /* @__PURE__ */ r(
+      /* @__PURE__ */ a(R, { as: "h2", styledAs: "h3", children: t(Q ? "payrollSummaryTitleWire" : Z ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
+      Q ? /* @__PURE__ */ a(
         c,
         {
           label: t("payrollSummaryLabel"),
@@ -465,15 +464,15 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
             {
               title: t("tableHeaders.wireAmount"),
               render: () => {
-                const a = m?.metadata?.wire_in_amount;
-                return a ? n(Number(a)) : "-";
+                const r = m?.metadata?.wire_in_amount;
+                return r ? n(Number(r)) : "-";
               }
             },
             {
               title: t("tableHeaders.wireTransferDeadline"),
               render: () => {
-                const a = m?.metadata?.wire_in_deadline, i = d.formatWithTime(a), N = d.formatShortWithYear(a);
-                return a ? `${i.time} on ${N}` : "-";
+                const r = m?.metadata?.wire_in_deadline, i = d.formatWithTime(r), N = d.formatShortWithYear(r);
+                return r ? `${i.time} on ${N}` : "-";
               }
             },
             {
@@ -483,7 +482,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
           ],
           data: [{}]
         }
-      ) : Z ? /* @__PURE__ */ r(
+      ) : Z ? /* @__PURE__ */ a(
         c,
         {
           label: t("payrollSummaryLabel"),
@@ -506,8 +505,8 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
             {
               title: t("tableHeaders.debitDate"),
               render: () => {
-                const a = m?.metadata?.debit_date;
-                return d.formatShortWithYear(a);
+                const r = m?.metadata?.debit_date;
+                return d.formatShortWithYear(r);
               }
             },
             {
@@ -517,7 +516,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
           ],
           data: [{}]
         }
-      ) : /* @__PURE__ */ r(
+      ) : /* @__PURE__ */ a(
         c,
         {
           label: t("payrollSummaryLabel"),
@@ -536,7 +535,7 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
             },
             {
               title: t("tableHeaders.debitDate"),
-              render: () => d.formatShortWithYear(He)
+              render: () => d.formatShortWithYear(xe)
             },
             {
               title: t("tableHeaders.employeePayDate"),
@@ -546,18 +545,18 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
           data: [{}]
         }
       ),
-      ye,
-      /* @__PURE__ */ r(
-        he,
+      pe,
+      /* @__PURE__ */ a(
+        ge,
         {
-          onSelectionChange: Te,
-          selectedId: ge,
+          onSelectionChange: De,
+          selectedId: Te,
           "aria-label": t("dataViews.label"),
-          tabs: Pe
+          tabs: Ne
         }
       ),
-      $ && /* @__PURE__ */ r(
-        fe,
+      $ && /* @__PURE__ */ a(
+        he,
         {
           isOpen: $,
           onClose: () => {
@@ -573,9 +572,9 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
             endDate: d.formatLongWithYear(l.payPeriod?.endDate)
           }),
           children: /* @__PURE__ */ o(s, { gap: 14, flexDirection: "column", children: [
-            /* @__PURE__ */ r(y, { children: t("cancelDialogDescription") }),
-            Number(l.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ r(y, { children: t("cancelDialogDescriptionDeadline", {
-              deadline: De
+            /* @__PURE__ */ a(y, { children: t("cancelDialogDescription") }),
+            Number(l.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(y, { children: t("cancelDialogDescriptionDeadline", {
+              deadline: He
             }) })
           ] })
         }
@@ -584,6 +583,6 @@ const je = (u, w) => u?.startDate && u.endDate ? w.formatPayPeriod(u.startDate,
   ] }) });
 };
 export {
-  ot as PayrollOverviewPresentation
+  st as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map