@gusto/embedded-react-sdk 0.48.1 → 0.48.3

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

@@ -1,95 +1,95 @@
-import { jsx as a, jsxs as o, Fragment as S } from "react/jsx-runtime";
-import { useTranslation as xe, Trans as ke } from "react-i18next";
-import { useState as ne, useRef as Ce } from "react";
-import { isDismissalPayroll as Se, getPayrollTypeLabel as we, calculateTotalPayroll as Ne, getReimbursements as W, hasDirectDepositEmployees as _e } from "../helpers.js";
-import { PayrollOverviewStatus as h } from "./PayrollOverviewTypes.js";
-import le from "./PayrollOverviewPresentation.module.scss.js";
+import { jsx as a, jsxs as o, Fragment as C } 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 Ce, getPayrollTypeLabel as Se, calculateTotalPayroll as we, getReimbursements as B } 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 ve } from "../../Common/Grid/Grid.js";
-import { useComponentContext as Le } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import Ee from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.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 M } from "../../../helpers/formattedStrings.js";
-import { PAYMENT_METHODS as We, FlsaStatus as ie, compensationTypeLabels as V, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as oe } from "../../../shared/constants.js";
-import se from "../../../assets/icons/download-cloud.svg.js";
-import { PayrollLoading as de } from "../../Common/PayrollLoading/PayrollLoading.js";
-import { FastAchSubmissionBlockerBanner as Me } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as Ve } from "./SubmissionBlockers/GenericBlocker.js";
+import { Grid as Ne } from "../../Common/Grid/Grid.js";
+import { useComponentContext as _e } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import ve from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.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";
-const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate, p.endDate) : { startDate: "", endDate: "" }, ot = ({
-  onEdit: p,
-  onSubmit: w,
-  onCancel: ce,
-  onPayrollReceipt: me,
+const Ve = (u, S) => u?.startDate && u.endDate ? S.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, lt = ({
+  onEdit: u,
+  onSubmit: S,
+  onCancel: de,
+  onPayrollReceipt: ce,
   onPaystubDownload: Y,
-  employeeDetails: ue,
   payrollData: n,
-  bankAccount: U,
-  taxes: N,
-  status: g = h.Viewing,
-  isProcessed: T,
-  canCancel: be = !1,
+  bankAccount: M,
+  taxes: w,
+  status: f = p.Viewing,
+  isProcessed: h,
+  canCancel: me = !1,
   alerts: I = [],
-  submissionBlockers: y = [],
-  selectedUnblockOptions: _ = {},
+  submissionBlockers: b = [],
+  selectedUnblockOptions: N = {},
   onUnblockOptionChange: F,
-  wireInConfirmationRequest: pe,
-  withReimbursements: D = !0,
-  paymentSpeed: ye
+  wireInConfirmationRequest: ue,
+  withReimbursements: g = !0,
+  paymentSpeed: be,
+  pagination: _
 }) => {
-  const { Alert: v, Badge: L, Button: H, ButtonIcon: R, Dialog: fe, Heading: j, Text: f, Tabs: he } = Le();
-  Oe("Payroll.PayrollOverview");
-  const d = Ae(), { t } = xe("Payroll.PayrollOverview"), l = Be("currency"), [ge, Te] = ne("companyPays"), [G, $] = ne(!1), E = Ce(null), P = Ee({ ref: E }).includes("small"), x = g === h.Submitting || g === h.Cancelling, z = /* @__PURE__ */ a(j, { as: "h1", children: t(T ? "summaryTitle" : "overviewTitle") }), K = Se(n.offCycleReason), X = /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
-    ke,
+  const { Alert: v, Badge: L, 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 = ve({ ref: E }).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(
+    xe,
     {
-      i18nKey: K ? "pageSubtitleDismissal" : "pageSubtitle",
+      i18nKey: z ? "pageSubtitleDismissal" : "pageSubtitle",
       t,
-      components: { dateWrapper: /* @__PURE__ */ a(f, { weight: "bold", as: "span" }) },
+      components: { dateWrapper: /* @__PURE__ */ a(y, { weight: "bold", as: "span" }) },
       values: {
-        ...Ye(n.payPeriod, d),
-        payrollType: we(n)
+        ...Ve(n.payPeriod, d),
+        payrollType: Se(n)
       }
     }
   ) });
-  if (g === h.Cancelled)
-    return /* @__PURE__ */ a("div", { ref: E, className: le.container, children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  if (f === p.Cancelled)
+    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
+        $,
+        K
       ] }) }),
       /* @__PURE__ */ a(v, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const k = Ne(n), De = n.payrollStatusMeta?.expectedDebitTime ?? n.payrollDeadline, q = (e) => e.taxes?.reduce(
+  const P = we(n), ge = n.payrollStatusMeta?.expectedDebitTime ?? n.payrollDeadline, X = (e) => e.taxes?.reduce(
     (r, i) => i.employer ? r + i.amount : r,
     0
-  ) ?? 0, J = (e) => e.benefits?.reduce(
+  ) ?? 0, q = (e) => e.benefits?.reduce(
     (r, i) => i.companyContribution ? r + i.companyContribution : r,
     0
-  ) ?? 0, He = (e) => e.grossPay + W(e) + q(e) + J(e), m = new Map(ue.map((e) => [e.uuid, e])), O = y.find(
+  ) ?? 0, Te = (e) => e.grossPay + B(e) + X(e) + q(e), O = b.find(
     (e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
-  ), A = O ? _[O.blockerType || ""] : void 0, u = O?.unblockOptions?.find(
+  ), A = O ? N[O.blockerType || ""] : void 0, m = O?.unblockOptions?.find(
     (e) => e.unblockType === A
-  ), Q = A === "wire_in", Z = A === "move_to_four_day", C = (e) => e.hourlyCompensations?.reduce(
+  ), J = A === "wire_in", Q = A === "move_to_four_day", x = (e) => e.hourlyCompensations?.reduce(
     (r, i) => {
       if (typeof i.name > "u")
         return r;
-      const b = i.name.toLowerCase(), B = r[b] ?? 0;
-      return r[b] = B + Number(i.hours || 0), r;
+      const k = i.name.toLowerCase(), He = r[k] ?? 0;
+      return r[k] = He + Number(i.hours || 0), r;
     },
     {}
-  ) || {}, ee = (e) => e.paidTimeOff?.reduce((r, i) => r + Number(i.hours || 0), 0) ?? 0, te = n.employeeCompensations?.reduce(
-    (e, r) => !r.excluded && r.paymentMethod === We.check ? e + 1 : e,
+  ) || {}, 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, ae = [
+  ) ?? 0, te = [
     {
       key: "employeeName",
       title: t("tableHeaders.employees"),
       render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-        M({
-          first_name: m.get(e.employeeUuid)?.firstName,
-          last_name: m.get(e.employeeUuid)?.lastName
+        W({
+          first_name: e.firstName,
+          last_name: e.lastName
         }),
         e.excluded && /* @__PURE__ */ a(L, { status: "warning", children: t("skippedBadge") })
       ] })
@@ -99,30 +99,30 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
       title: t("tableHeaders.grossPay"),
       render: (e) => l(e.grossPay)
     },
-    ...D ? [
+    ...g ? [
       {
         key: "reimbursements",
         title: t("tableHeaders.reimbursements"),
-        render: (e) => l(W(e))
+        render: (e) => l(B(e))
       }
     ] : [],
     {
       key: "companyTaxes",
       title: t("tableHeaders.companyTaxes"),
-      render: (e) => l(q(e))
+      render: (e) => l(X(e))
     },
     {
       key: "companyBenefits",
       title: t("tableHeaders.companyBenefits"),
-      render: (e) => l(J(e))
+      render: (e) => l(q(e))
     },
     {
       key: "companyPays",
       title: t("tableHeaders.companyPays"),
-      render: (e) => l(He(e))
+      render: (e) => l(Te(e))
     }
   ];
-  T && P && ae.push({
+  h && D && te.push({
     key: "paystubs",
     title: t("tableHeaders.paystub"),
     render: (e) => /* @__PURE__ */ a(s, { justifyContent: "flex-end", children: /* @__PURE__ */ a(
@@ -133,11 +133,11 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
         onClick: () => {
           e.employeeUuid && Y(e.employeeUuid);
         },
-        children: /* @__PURE__ */ a(se, {})
+        children: /* @__PURE__ */ a(oe, {})
       }
     ) })
   });
-  const Pe = [
+  const De = [
     {
       id: "companyPays",
       label: t("dataViews.companyPaysTab"),
@@ -145,9 +145,10 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
         c,
         {
           label: t("dataViews.companyPaysTable"),
-          columns: ae,
+          columns: te,
           data: n.employeeCompensations,
-          itemMenu: T && !P ? (e) => /* @__PURE__ */ a(
+          pagination: _,
+          itemMenu: h && !D ? (e) => /* @__PURE__ */ a(
             R,
             {
               "aria-label": t("downloadPaystubLabel"),
@@ -155,21 +156,21 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               onClick: () => {
                 e.employeeUuid && Y(e.employeeUuid);
               },
-              children: /* @__PURE__ */ a(se, {})
+              children: /* @__PURE__ */ a(oe, {})
             }
           ) : void 0,
           footer: () => ({
-            employeeName: /* @__PURE__ */ o(S, { children: [
+            employeeName: /* @__PURE__ */ o(C, { children: [
               t("tableHeaders.footerTotalsLabel"),
-              /* @__PURE__ */ a(f, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
+              /* @__PURE__ */ a(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
             ] }),
             grossPay: l(Number(n.totals?.grossPay ?? 0)),
-            ...D ? {
+            ...g ? {
               reimbursements: l(Number(n.totals?.reimbursements ?? 0))
             } : {},
             companyTaxes: l(Number(n.totals?.employerTaxes ?? 0)),
             companyBenefits: l(Number(n.totals?.benefits ?? 0)),
-            companyPays: l(k)
+            companyPays: l(P)
           })
         }
       )
@@ -185,57 +186,55 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             {
               title: t("tableHeaders.employees"),
               render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-                M({
-                  first_name: m.get(e.employeeUuid)?.firstName,
-                  last_name: m.get(e.employeeUuid)?.lastName
+                W({
+                  first_name: e.firstName,
+                  last_name: e.lastName
                 }),
                 e.excluded && /* @__PURE__ */ a(L, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
               title: t("tableHeaders.compensationType"),
-              render: (e) => m.get(e.employeeUuid)?.jobs?.reduce((r, i) => {
-                if (i.primary) {
-                  const b = i.compensations?.find(
-                    (B) => B.uuid === i.currentCompensationUuid
-                  )?.flsaStatus;
-                  switch (b) {
-                    case ie.EXEMPT:
-                      return t("compensationTypeLabels.exempt");
-                    case ie.NONEXEMPT:
-                      return t("compensationTypeLabels.nonexempt");
-                    default:
-                      return b ?? "";
-                  }
+              render: (e) => {
+                const r = e.hourlyCompensations?.find(
+                  (i) => i.flsaStatus
+                )?.flsaStatus;
+                switch (r) {
+                  case le.EXEMPT:
+                    return t("compensationTypeLabels.exempt");
+                  case le.NONEXEMPT:
+                    return t("compensationTypeLabels.nonexempt");
+                  default:
+                    return r ?? "";
                 }
-                return r;
-              }, "")
+              }
             },
             {
               title: t("tableHeaders.regular"),
-              render: (e) => C(e)[V.REGULAR_HOURS_NAME] || 0
+              render: (e) => x(e)[V.REGULAR_HOURS_NAME] || 0
             },
             {
               title: t("tableHeaders.overtime"),
-              render: (e) => C(e)[V.OVERTIME_NAME] || 0
+              render: (e) => x(e)[V.OVERTIME_NAME] || 0
             },
             {
               title: t("tableHeaders.doubleOT"),
-              render: (e) => C(e)[V.DOUBLE_OVERTIME_NAME] || 0
+              render: (e) => x(e)[V.DOUBLE_OVERTIME_NAME] || 0
             },
             {
               title: t("tableHeaders.timeOff"),
-              render: (e) => ee(e)
+              render: (e) => Z(e)
             },
             {
               title: t("tableHeaders.totalHours"),
-              render: (e) => Object.values(C(e)).reduce(
+              render: (e) => Object.values(x(e)).reduce(
                 (r, i) => r + i,
                 0
-              ) + ee(e)
+              ) + Z(e)
             }
           ],
-          data: n.employeeCompensations
+          data: n.employeeCompensations,
+          pagination: _
         }
       )
     },
@@ -250,9 +249,9 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             {
               title: t("tableHeaders.employees"),
               render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-                M({
-                  first_name: m.get(e.employeeUuid)?.firstName,
-                  last_name: m.get(e.employeeUuid)?.lastName
+                W({
+                  first_name: e.firstName,
+                  last_name: e.lastName
                 }),
                 e.excluded && /* @__PURE__ */ a(L, { status: "warning", children: t("skippedBadge") })
               ] })
@@ -274,10 +273,10 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
                 ) ?? 0
               )
             },
-            ...D ? [
+            ...g ? [
               {
                 title: t("tableHeaders.reimbursements"),
-                render: (e) => l(W(e))
+                render: (e) => l(B(e))
               }
             ] : [],
             {
@@ -303,7 +302,8 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               render: (e) => l(e.netPay ?? 0)
             }
           ],
-          data: n.employeeCompensations
+          data: n.employeeCompensations,
+          pagination: _
         }
       )
     },
@@ -324,20 +324,20 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               {
                 key: "byYourEmployees",
                 title: t("tableHeaders.byYourEmployees"),
-                render: (e) => l(N[e]?.employee ?? 0)
+                render: (e) => l(w[e]?.employee ?? 0)
               },
               {
                 key: "byYourCompany",
                 title: t("tableHeaders.byYourCompany"),
-                render: (e) => l(N[e]?.employer ?? 0)
+                render: (e) => l(w[e]?.employer ?? 0)
               }
             ],
             footer: () => ({
-              taxDescription: /* @__PURE__ */ a(f, { weight: "semibold", size: "sm", children: t("totalsLabel") }),
+              taxDescription: /* @__PURE__ */ a(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(N)
+            data: Object.keys(w)
           }
         ),
         /* @__PURE__ */ a(
@@ -356,7 +356,7 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             ],
             data: [
               { label: t("directDepositLabel"), value: n.totals?.netPayDebit || "0" },
-              ...D ? [
+              ...g ? [
                 {
                   label: t("reimbursementLabel"),
                   value: n.totals?.reimbursementDebit || "0"
@@ -372,45 +372,45 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
         )
       ] })
     }
-  ], re = T ? /* @__PURE__ */ o(S, { children: [
-    /* @__PURE__ */ a(H, { onClick: me, variant: "secondary", isDisabled: x, children: t("payrollReceiptCta") }),
-    be && /* @__PURE__ */ a(
-      H,
+  ], ae = h ? /* @__PURE__ */ o(C, { children: [
+    /* @__PURE__ */ a(T, { onClick: ce, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
+    me && /* @__PURE__ */ a(
+      T,
       {
         onClick: () => {
-          $(!0);
+          G(!0);
         },
         variant: "error",
-        isDisabled: x,
+        isDisabled: H,
         children: t("cancelCta")
       }
     )
-  ] }) : /* @__PURE__ */ o(S, { children: [
-    /* @__PURE__ */ a(H, { onClick: p, variant: "secondary", isDisabled: x, children: t("editCta") }),
+  ] }) : /* @__PURE__ */ o(C, { children: [
+    /* @__PURE__ */ a(T, { onClick: u, variant: "secondary", isDisabled: H, children: t("editCta") }),
     /* @__PURE__ */ a(
-      H,
+      T,
       {
-        onClick: w,
-        isDisabled: x || y.length > 0 && (y.some(
-          (e) => !oe.includes(e.blockerType || "")
-        ) || y.some(
-          (e) => !_[e.blockerType || ""]
+        onClick: S,
+        isDisabled: H || b.length > 0 && (b.some(
+          (e) => !ie.includes(e.blockerType || "")
+        ) || b.some(
+          (e) => !N[e.blockerType || ""]
         )),
         children: t("submitCta")
       }
     )
   ] });
-  return /* @__PURE__ */ a("div", { ref: E, className: le.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
+        $,
+        K
       ] }),
-      P && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: re })
+      D && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: ae })
     ] }),
-    !P && /* @__PURE__ */ a(ve, { gridTemplateColumns: "1fr", gap: 8, children: re }),
-    g === h.Cancelling ? /* @__PURE__ */ a(de, { title: t("cancellingTitle") }) : g === h.Submitting ? /* @__PURE__ */ a(de, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(S, { children: [
-      pe,
+    !D && /* @__PURE__ */ a(Ne, { 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(C, { children: [
+      ue,
       I.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: I.map((e, r) => /* @__PURE__ */ a(
         v,
         {
@@ -421,58 +421,58 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
         },
         `${e.type}-${e.title}`
       )) }),
-      y.length > 0 && F && y.map((e) => {
+      b.length > 0 && F && b.map((e) => {
         const r = e.blockerType || "";
-        return oe.includes(r) ? /* @__PURE__ */ a(
-          Me,
+        return ie.includes(r) ? /* @__PURE__ */ a(
+          Be,
           {
             blocker: e,
-            selectedValue: _[r],
+            selectedValue: N[r],
             onUnblockOptionChange: F,
-            paymentSpeed: ye
+            paymentSpeed: be
           },
           r
-        ) : /* @__PURE__ */ a(Ve, { blocker: e }, r);
+        ) : /* @__PURE__ */ a(We, { blocker: e }, r);
       }),
-      /* @__PURE__ */ a(j, { as: "h3", children: t(Q ? "payrollSummaryTitleWire" : Z ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
-      Q ? /* @__PURE__ */ a(
+      /* @__PURE__ */ a(j, { as: "h3", children: t(J ? "payrollSummaryTitleWire" : Q ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
+      J ? /* @__PURE__ */ a(
         c,
         {
           label: t("payrollSummaryLabel"),
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(k)
+              render: () => l(P)
             },
             {
               title: t("tableHeaders.wireAmount"),
               render: () => {
-                const r = u?.metadata?.wire_in_amount;
+                const r = m?.metadata?.wire_in_amount;
                 return r ? l(Number(r)) : "-";
               }
             },
             {
               title: t("tableHeaders.wireTransferDeadline"),
               render: () => {
-                const r = u?.metadata?.wire_in_deadline, i = d.formatWithTime(r), b = d.formatShortWithYear(r);
-                return r ? `${i.time} on ${b}` : "-";
+                const r = m?.metadata?.wire_in_deadline, i = d.formatWithTime(r), k = d.formatShortWithYear(r);
+                return r ? `${i.time} on ${k}` : "-";
               }
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => u?.checkDate ? d.formatShortWithYear(u.checkDate) : "-"
+              render: () => m?.checkDate ? d.formatShortWithYear(m.checkDate) : "-"
             }
           ],
           data: [{}]
         }
-      ) : Z ? /* @__PURE__ */ a(
+      ) : Q ? /* @__PURE__ */ a(
         c,
         {
           label: t("payrollSummaryLabel"),
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(k)
+              render: () => l(P)
             },
             {
               title: t("tableHeaders.debitAmount"),
@@ -483,18 +483,18 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             },
             {
               title: t("tableHeaders.debitAccount"),
-              render: () => U?.hiddenAccountNumber ?? ""
+              render: () => M?.hiddenAccountNumber ?? ""
             },
             {
               title: t("tableHeaders.debitDate"),
               render: () => {
-                const r = u?.metadata?.debit_date;
+                const r = m?.metadata?.debit_date;
                 return d.formatShortWithYear(r);
               }
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => u?.checkDate ? d.formatShortWithYear(u.checkDate) : "-"
+              render: () => m?.checkDate ? d.formatShortWithYear(m.checkDate) : "-"
             }
           ],
           data: [{}]
@@ -506,7 +506,7 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => l(k)
+              render: () => l(P)
             },
             {
               title: t("tableHeaders.debitAmount"),
@@ -514,11 +514,11 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             },
             {
               title: t("tableHeaders.debitAccount"),
-              render: () => U?.hiddenAccountNumber ?? ""
+              render: () => M?.hiddenAccountNumber ?? ""
             },
             {
               title: t("tableHeaders.debitDate"),
-              render: () => d.formatShortWithYear(De)
+              render: () => d.formatShortWithYear(ge)
             },
             {
               title: t("tableHeaders.employeePayDate"),
@@ -528,42 +528,42 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
           data: [{}]
         }
       ),
-      te > 0 && /* @__PURE__ */ a(
+      ee > 0 && /* @__PURE__ */ a(
         v,
         {
           status: "warning",
-          label: t("alerts.checkPaymentWarning", { count: te }),
+          label: t("alerts.checkPaymentWarning", { count: ee }),
           children: t("alerts.checkPaymentWarningDescription")
         }
       ),
       /* @__PURE__ */ a(
-        he,
+        pe,
         {
-          onSelectionChange: Te,
-          selectedId: ge,
+          onSelectionChange: he,
+          selectedId: fe,
           "aria-label": t("dataViews.label"),
-          tabs: Pe
+          tabs: De
         }
       ),
-      G && /* @__PURE__ */ a(
-        fe,
+      U && /* @__PURE__ */ a(
+        ye,
         {
-          isOpen: G,
+          isOpen: U,
           onClose: () => {
-            $(!1);
+            G(!1);
           },
-          onPrimaryActionClick: ce,
+          onPrimaryActionClick: de,
           shouldCloseOnBackdropClick: !0,
           primaryActionLabel: t("confirmCancelCta"),
           isDestructive: !0,
           closeActionLabel: t("declineCancelCta"),
-          title: t(K ? "cancelDialogTitleDismissal" : "cancelDialogTitle", {
+          title: t(z ? "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(f, { children: t("cancelDialogDescription") }),
-            _e(n.employeeCompensations) && /* @__PURE__ */ a(f, { children: t("cancelDialogDescriptionDeadline", {
+            /* @__PURE__ */ a(y, { children: t("cancelDialogDescription") }),
+            Number(n.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(y, { children: t("cancelDialogDescriptionDeadline", {
               deadline: d.formatWithTime(n.payrollDeadline).time
             }) })
           ] })
@@ -573,6 +573,6 @@ const Ye = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
   ] }) });
 };
 export {
-  ot as PayrollOverviewPresentation
+  lt as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map