@gusto/embedded-react-sdk 0.56.1 → 0.56.3

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

@@ -1,152 +1,152 @@
-import { jsx as a, jsxs as o, Fragment as k } from "react/jsx-runtime";
-import { useTranslation as ve, Trans as Le } from "react-i18next";
-import ne from "classnames";
-import { useState as le, useRef as _e } from "react";
-import { isDismissalPayroll as Ce, getPayrollTypeLabel as Oe, calculateTotalPayroll as Ae, getReimbursements as w } from "../helpers.js";
-import { PayrollOverviewStatus as p } from "./PayrollOverviewTypes.js";
-import ie from "./PayrollOverviewPresentation.module.scss.js";
+import { jsx as a, jsxs as o, Fragment as N } from "react/jsx-runtime";
+import { useTranslation as ve, Trans as Ce } from "react-i18next";
+import ae from "classnames";
+import { useState as le, useRef as Le } from "react";
+import { isDismissalPayroll as Oe, getPayrollTypeLabel as Ae, getPayPeriodOrCheckDateLabel as ie, calculateTotalPayroll as Ee, getReimbursements as k } from "../helpers.js";
+import { PayrollOverviewStatus as y } from "./PayrollOverviewTypes.js";
+import ne from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
-import { Grid as Ee } from "../../Common/Grid/Grid.js";
-import Be from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { useComponentContext as Ve } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Grid as Be } from "../../Common/Grid/Grid.js";
+import Ve from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useComponentContext as je } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as We } from "../../../i18n/I18n.js";
 import { useDateFormatter as Ye } from "../../../hooks/useDateFormatter.js";
-import je from "../../../hooks/useNumberFormatter.js";
-import { firstLastName as B } from "../../../helpers/formattedStrings.js";
-import { FlsaStatus as oe, compensationTypeLabels as V, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as se } from "../../../shared/constants.js";
+import Ue from "../../../hooks/useNumberFormatter.js";
+import { firstLastName as A } from "../../../helpers/formattedStrings.js";
+import { FlsaStatus as oe, compensationTypeLabels as E, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as se } from "../../../shared/constants.js";
 import de from "../../../assets/icons/download-cloud.svg.js";
 import { PayrollLoading as ce } from "../../Common/PayrollLoading/PayrollLoading.js";
-import { FastAchSubmissionBlockerBanner as Ue } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as Ie } from "./SubmissionBlockers/GenericBlocker.js";
+import { FastAchSubmissionBlockerBanner as Ie } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
+import { GenericBlocker as Me } from "./SubmissionBlockers/GenericBlocker.js";
 import { DataView as c } from "../../Common/DataView/DataView.js";
-const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate, m.endDate) : { startDate: "", endDate: "" }, mt = ({
-  className: m,
-  onEdit: S,
-  onSubmit: me,
-  onCancel: ue,
-  onPayrollReceipt: be,
-  onPaystubDownload: W,
-  payrollData: l,
-  employeeFlsaStatusByUuid: ye = {},
-  bankAccount: Y,
-  taxes: v,
-  status: f = p.Viewing,
-  isProcessed: h,
-  canCancel: pe = !1,
-  canEdit: j = !0,
-  alerts: U = [],
-  submissionBlockers: b = [],
-  selectedUnblockOptions: L = {},
-  onUnblockOptionChange: I,
-  wireInConfirmationRequest: fe,
-  printChecksBanner: he,
-  withReimbursements: g = !0,
-  paymentSpeed: ge,
+const mt = ({
+  className: B,
+  onEdit: me,
+  onSubmit: ue,
+  onCancel: be,
+  onPayrollReceipt: ye,
+  onPaystubDownload: V,
+  payrollData: i,
+  employeeFlsaStatusByUuid: pe = {},
+  bankAccount: j,
+  taxes: S,
+  status: p = y.Viewing,
+  isProcessed: f,
+  canCancel: fe = !1,
+  canEdit: W = !0,
+  alerts: Y = [],
+  submissionBlockers: u = [],
+  selectedUnblockOptions: w = {},
+  onUnblockOptionChange: U,
+  wireInConfirmationRequest: he,
+  printChecksBanner: ge,
+  withReimbursements: h = !0,
+  paymentSpeed: Te,
   pagination: _,
-  downloadingEmployeeIds: M = /* @__PURE__ */ new Set()
+  downloadingEmployeeIds: I = /* @__PURE__ */ new Set()
 }) => {
-  const { Alert: F, Badge: C, Button: T, ButtonIcon: R, Dialog: Te, Heading: $, Text: y, Tabs: De } = Ve();
+  const { Alert: M, Badge: v, Button: g, ButtonIcon: F, Dialog: He, Heading: R, Text: b, Tabs: De } = je();
   We("Payroll.PayrollOverview");
-  const d = Ye(), { t } = ve("Payroll.PayrollOverview"), n = je("currency"), [He, xe] = le("companyPays"), [G, z] = le(!1), O = _e(null), D = Be({ ref: O }).includes("small"), H = f === p.Submitting || f === p.Cancelling, K = /* @__PURE__ */ a($, { as: "h1", children: t(h ? "summaryTitle" : "overviewTitle") }), X = Ce(l.offCycleReason), Pe = (() => {
-    const { time: e, date: r } = d.formatWithTime(l.payrollDeadline);
+  const d = Ye(), { t } = ve("Payroll.PayrollOverview"), l = Ue("currency"), [xe, Pe] = le("companyPays"), [$, G] = le(!1), C = Le(null), T = Ve({ ref: C }).includes("small"), H = p === y.Submitting || p === y.Cancelling, z = /* @__PURE__ */ a(R, { as: "h1", children: t(f ? "summaryTitle" : "overviewTitle") }), K = Oe(i.offCycleReason), Ne = (() => {
+    const { time: e, date: r } = d.formatWithTime(i.payrollDeadline);
     return r ? `${e} on ${r}` : e;
-  })(), q = /* @__PURE__ */ a(y, { children: /* @__PURE__ */ a(
-    Le,
+  })(), X = /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(
+    Ce,
     {
-      i18nKey: X ? "pageSubtitleDismissal" : "pageSubtitle",
+      i18nKey: K ? "pageSubtitleDismissal" : "pageSubtitle",
       t,
-      components: { dateWrapper: /* @__PURE__ */ a(y, { weight: "bold", as: "span" }) },
+      components: { dateWrapper: /* @__PURE__ */ a(b, { weight: "bold", as: "span" }) },
       values: {
-        ...Me(l.payPeriod, d),
-        payrollType: Oe(l)
+        payPeriod: ie(i, d),
+        payrollType: Ae(i)
       }
     }
   ) });
-  if (f === p.Cancelled)
-    return /* @__PURE__ */ a("div", { ref: O, className: ne(ie.container, m), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  if (p === y.Cancelled)
+    return /* @__PURE__ */ a("div", { ref: C, className: ae(ne.container, B), 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,
-        q
+        z,
+        X
       ] }) }),
-      /* @__PURE__ */ a(F, { status: "info", label: t("cancelledEmptyState") })
+      /* @__PURE__ */ a(M, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const x = Ae(l), Ne = l.payrollStatusMeta?.expectedDebitTime ?? l.payrollDeadline, J = (e) => e.taxes?.reduce(
-    (r, i) => i.employer ? r + Number(i.amount) : r,
+  const D = Ee(i), ke = i.payrollStatusMeta?.expectedDebitTime ?? i.payrollDeadline, q = (e) => e.taxes?.reduce(
+    (r, n) => n.employer ? r + Number(n.amount) : r,
     0
-  ) ?? 0, Q = (e) => e.benefits?.reduce(
-    (r, i) => i.companyContribution ? r + Number(i.companyContribution) : r,
+  ) ?? 0, J = (e) => e.benefits?.reduce(
+    (r, n) => n.companyContribution ? r + Number(n.companyContribution) : r,
     0
-  ) ?? 0, ke = (e) => Number(e.grossPay) + w(e) + J(e) + Q(e), A = b.find(
+  ) ?? 0, Se = (e) => Number(e.grossPay) + k(e) + q(e) + J(e), L = u.find(
     (e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
-  ), E = A ? L[A.blockerType || ""] : void 0, u = A?.unblockOptions?.find(
-    (e) => e.unblockType === E
-  ), Z = E === "wire_in", ee = E === "move_to_four_day", P = (e) => e.hourlyCompensations?.reduce(
-    (r, i) => {
-      if (typeof i.name > "u")
+  ), O = L ? w[L.blockerType || ""] : void 0, m = L?.unblockOptions?.find(
+    (e) => e.unblockType === O
+  ), Q = O === "wire_in", Z = O === "move_to_four_day", x = (e) => e.hourlyCompensations?.reduce(
+    (r, n) => {
+      if (typeof n.name > "u")
         return r;
-      const N = i.name.toLowerCase(), Se = r[N] ?? 0;
-      return r[N] = Se + Number(i.hours || 0), r;
+      const P = n.name.toLowerCase(), _e = r[P] ?? 0;
+      return r[P] = _e + Number(n.hours || 0), r;
     },
     {}
-  ) || {}, te = (e) => e.paidTimeOff?.reduce((r, i) => r + Number(i.hours || 0), 0) ?? 0, re = [
+  ) || {}, ee = (e) => e.paidTimeOff?.reduce((r, n) => r + Number(n.hours || 0), 0) ?? 0, te = [
     {
       key: "employeeName",
       title: t("tableHeaders.employees"),
       render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-        B({
+        A({
           first_name: e.firstName,
           last_name: e.lastName
         }),
-        e.excluded && /* @__PURE__ */ a(C, { status: "warning", children: t("skippedBadge") })
+        e.excluded && /* @__PURE__ */ a(v, { status: "warning", children: t("skippedBadge") })
       ] })
     },
     {
       key: "grossPay",
       title: t("tableHeaders.grossPay"),
       justify: "end",
-      render: (e) => n(Number(e.grossPay))
+      render: (e) => l(Number(e.grossPay))
     },
-    ...g ? [
+    ...h ? [
       {
         key: "reimbursements",
         title: t("tableHeaders.reimbursements"),
         justify: "end",
-        render: (e) => n(w(e))
+        render: (e) => l(k(e))
       }
     ] : [],
     {
       key: "companyTaxes",
       title: t("tableHeaders.companyTaxes"),
       justify: "end",
-      render: (e) => n(J(e))
+      render: (e) => l(q(e))
     },
     {
       key: "companyBenefits",
       title: t("tableHeaders.companyBenefits"),
       justify: "end",
-      render: (e) => n(Q(e))
+      render: (e) => l(J(e))
     },
     {
       key: "companyPays",
       title: t("tableHeaders.companyPays"),
       justify: "end",
-      render: (e) => n(ke(e))
+      render: (e) => l(Se(e))
     }
   ];
-  h && D && re.push({
+  f && T && te.push({
     key: "paystubs",
     title: t("tableHeaders.paystub"),
     justify: "end",
     render: (e) => {
-      const r = !!e.employeeUuid && M.has(e.employeeUuid);
+      const r = !!e.employeeUuid && I.has(e.employeeUuid);
       return /* @__PURE__ */ a(s, { justifyContent: "flex-end", children: /* @__PURE__ */ a(
-        R,
+        F,
         {
           "aria-label": t("downloadPaystubLabel"),
           variant: "tertiary",
           isLoading: r,
           onClick: () => {
-            e.employeeUuid && W(e.employeeUuid);
+            e.employeeUuid && V(e.employeeUuid);
           },
           children: /* @__PURE__ */ a(de, {})
         }
@@ -161,36 +161,36 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
         c,
         {
           label: t("dataViews.companyPaysTable"),
-          columns: re,
-          data: l.employeeCompensations,
+          columns: te,
+          data: i.employeeCompensations,
           pagination: _,
-          itemMenu: h && !D ? (e) => {
-            const r = !!e.employeeUuid && M.has(e.employeeUuid);
+          itemMenu: f && !T ? (e) => {
+            const r = !!e.employeeUuid && I.has(e.employeeUuid);
             return /* @__PURE__ */ a(
-              R,
+              F,
               {
                 "aria-label": t("downloadPaystubLabel"),
                 variant: "tertiary",
                 isLoading: r,
                 onClick: () => {
-                  e.employeeUuid && W(e.employeeUuid);
+                  e.employeeUuid && V(e.employeeUuid);
                 },
                 children: /* @__PURE__ */ a(de, {})
               }
             );
           } : void 0,
           footer: () => ({
-            employeeName: /* @__PURE__ */ o(k, { children: [
+            employeeName: /* @__PURE__ */ o(N, { children: [
               t("tableHeaders.footerTotalsLabel"),
-              /* @__PURE__ */ a(y, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
+              /* @__PURE__ */ a(b, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
             ] }),
-            grossPay: n(Number(l.totals?.grossPay ?? 0)),
-            ...g ? {
-              reimbursements: n(Number(l.totals?.reimbursements ?? 0))
+            grossPay: l(Number(i.totals?.grossPay ?? 0)),
+            ...h ? {
+              reimbursements: l(Number(i.totals?.reimbursements ?? 0))
             } : {},
-            companyTaxes: n(Number(l.totals?.employerTaxes ?? 0)),
-            companyBenefits: n(Number(l.totals?.benefits ?? 0)),
-            companyPays: n(x)
+            companyTaxes: l(Number(i.totals?.employerTaxes ?? 0)),
+            companyBenefits: l(Number(i.totals?.benefits ?? 0)),
+            companyPays: l(D)
           })
         }
       )
@@ -206,17 +206,17 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
             {
               title: t("tableHeaders.employees"),
               render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-                B({
+                A({
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(C, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(v, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
               title: t("tableHeaders.compensationType"),
               render: (e) => {
-                const r = e.employeeUuid ? ye[e.employeeUuid] : void 0;
+                const r = e.employeeUuid ? pe[e.employeeUuid] : void 0;
                 switch (r) {
                   case oe.EXEMPT:
                     return t("compensationTypeLabels.exempt");
@@ -229,29 +229,29 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
             },
             {
               title: t("tableHeaders.regular"),
-              render: (e) => P(e)[V.REGULAR_HOURS_NAME] || 0
+              render: (e) => x(e)[E.REGULAR_HOURS_NAME] || 0
             },
             {
               title: t("tableHeaders.overtime"),
-              render: (e) => P(e)[V.OVERTIME_NAME] || 0
+              render: (e) => x(e)[E.OVERTIME_NAME] || 0
             },
             {
               title: t("tableHeaders.doubleOT"),
-              render: (e) => P(e)[V.DOUBLE_OVERTIME_NAME] || 0
+              render: (e) => x(e)[E.DOUBLE_OVERTIME_NAME] || 0
             },
             {
               title: t("tableHeaders.timeOff"),
-              render: (e) => te(e)
+              render: (e) => ee(e)
             },
             {
               title: t("tableHeaders.totalHours"),
-              render: (e) => Object.values(P(e)).reduce(
-                (r, i) => r + i,
+              render: (e) => Object.values(x(e)).reduce(
+                (r, n) => r + n,
                 0
-              ) + te(e)
+              ) + ee(e)
             }
           ],
-          data: l.employeeCompensations,
+          data: i.employeeCompensations,
           pagination: _
         }
       )
@@ -267,11 +267,11 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
             {
               title: t("tableHeaders.employees"),
               render: (e) => /* @__PURE__ */ o(s, { flexDirection: "column", gap: 0, children: [
-                B({
+                A({
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(C, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(v, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -280,49 +280,49 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
             },
             {
               title: t("tableHeaders.grossPay"),
-              render: (e) => n(Number(e.grossPay ?? 0))
+              render: (e) => l(Number(e.grossPay ?? 0))
             },
             {
               title: t("tableHeaders.deductions"),
-              render: (e) => n(
+              render: (e) => l(
                 e.deductions?.reduce(
-                  (r, i) => r + Number(i.amount),
+                  (r, n) => r + Number(n.amount),
                   0
                 ) ?? 0
               )
             },
-            ...g ? [
+            ...h ? [
               {
                 title: t("tableHeaders.reimbursements"),
-                render: (e) => n(w(e))
+                render: (e) => l(k(e))
               }
             ] : [],
             {
               title: t("tableHeaders.employeeTaxes"),
-              render: (e) => n(
+              render: (e) => l(
                 e.taxes?.reduce(
-                  (r, i) => i.employer ? r : r + Number(i.amount),
+                  (r, n) => n.employer ? r : r + Number(n.amount),
                   0
                 ) ?? 0
               )
             },
             {
               title: t("tableHeaders.employeeBenefits"),
-              render: (e) => n(
+              render: (e) => l(
                 e.benefits?.reduce(
-                  (r, i) => r + Number(i.employeeDeduction ?? 0),
+                  (r, n) => r + Number(n.employeeDeduction ?? 0),
                   0
                 ) ?? 0
               )
             },
             {
               title: t("tableHeaders.payment"),
-              render: (e) => n(
-                Number(e.netPay ?? 0) + w(e)
+              render: (e) => l(
+                Number(e.netPay ?? 0) + k(e)
               )
             }
           ],
-          data: l.employeeCompensations,
+          data: i.employeeCompensations,
           pagination: _
         }
       )
@@ -344,20 +344,20 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
               {
                 key: "byYourEmployees",
                 title: t("tableHeaders.byYourEmployees"),
-                render: (e) => n(v[e]?.employee ?? 0)
+                render: (e) => l(S[e]?.employee ?? 0)
               },
               {
                 key: "byYourCompany",
                 title: t("tableHeaders.byYourCompany"),
-                render: (e) => n(v[e]?.employer ?? 0)
+                render: (e) => l(S[e]?.employer ?? 0)
               }
             ],
             footer: () => ({
-              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))
+              taxDescription: /* @__PURE__ */ a(b, { weight: "semibold", size: "sm", children: t("totalsLabel") }),
+              byYourEmployees: l(Number(i.totals?.employeeTaxes ?? 0)),
+              byYourCompany: l(Number(i.totals?.employerTaxes ?? 0))
             }),
-            data: Object.keys(v)
+            data: Object.keys(S)
           }
         ),
         /* @__PURE__ */ a(
@@ -371,75 +371,75 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
               },
               {
                 title: t("tableHeaders.taxesTotal"),
-                render: ({ value: e }) => n(Number(e))
+                render: ({ value: e }) => l(Number(e))
               }
             ],
             data: [
-              { label: t("directDepositLabel"), value: l.totals?.netPayDebit || "0" },
-              ...g ? [
+              { label: t("directDepositLabel"), value: i.totals?.netPayDebit || "0" },
+              ...h ? [
                 {
                   label: t("reimbursementLabel"),
-                  value: l.totals?.reimbursementDebit || "0"
+                  value: i.totals?.reimbursementDebit || "0"
                 }
               ] : [],
               {
                 label: t("garnishmentsLabel"),
-                value: l.totals?.childSupportDebit || "0"
+                value: i.totals?.childSupportDebit || "0"
               },
-              { label: t("taxesLabel"), value: l.totals?.taxDebit || "0" }
+              { label: t("taxesLabel"), value: i.totals?.taxDebit || "0" }
             ]
           }
         )
       ] })
     }
-  ], ae = h ? /* @__PURE__ */ o(k, { children: [
-    /* @__PURE__ */ a(T, { onClick: be, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
-    pe && /* @__PURE__ */ a(
-      T,
+  ], re = f ? /* @__PURE__ */ o(N, { children: [
+    /* @__PURE__ */ a(g, { onClick: ye, variant: "secondary", isDisabled: H, children: t("payrollReceiptCta") }),
+    fe && /* @__PURE__ */ a(
+      g,
       {
         onClick: () => {
-          z(!0);
+          G(!0);
         },
         variant: "error",
         isDisabled: H,
         children: t("cancelCta")
       }
     )
-  ] }) : /* @__PURE__ */ o(k, { children: [
-    j && /* @__PURE__ */ a(T, { onClick: S, variant: "secondary", isDisabled: H, children: t("editCta") }),
+  ] }) : /* @__PURE__ */ o(N, { children: [
+    W && /* @__PURE__ */ a(g, { onClick: me, variant: "secondary", isDisabled: H, children: t("editCta") }),
     /* @__PURE__ */ a(
-      T,
+      g,
       {
-        onClick: me,
-        isDisabled: H || b.length > 0 && (b.some(
+        onClick: ue,
+        isDisabled: H || u.length > 0 && (u.some(
           (e) => !se.includes(e.blockerType || "")
-        ) || b.some(
-          (e) => !L[e.blockerType || ""]
+        ) || u.some(
+          (e) => !w[e.blockerType || ""]
         )),
         children: t("submitCta")
       }
     )
   ] });
-  return /* @__PURE__ */ a("div", { ref: O, className: ne(ie.container, m), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  return /* @__PURE__ */ a("div", { ref: C, className: ae(ne.container, B), 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,
-        q
+        z,
+        X
       ] }),
-      D && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: ae })
+      T && /* @__PURE__ */ a(s, { gap: 8, justifyContent: "flex-end", children: re })
     ] }),
-    !D && /* @__PURE__ */ a(
-      Ee,
+    !T && /* @__PURE__ */ a(
+      Be,
       {
-        gridTemplateColumns: !h && j ? ["minmax(0, 1fr)", "minmax(0, 1fr)"] : "1fr",
+        gridTemplateColumns: !f && W ? ["minmax(0, 1fr)", "minmax(0, 1fr)"] : "1fr",
         gap: 8,
-        children: ae
+        children: re
       }
     ),
-    f === p.Cancelling ? /* @__PURE__ */ a(ce, { title: t("cancellingTitle") }) : f === p.Submitting ? /* @__PURE__ */ a(ce, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(k, { children: [
-      fe,
-      U.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: U.map((e, r) => /* @__PURE__ */ a(
-        F,
+    p === y.Cancelling ? /* @__PURE__ */ a(ce, { title: t("cancellingTitle") }) : p === y.Submitting ? /* @__PURE__ */ a(ce, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(N, { children: [
+      he,
+      Y.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: Y.map((e, r) => /* @__PURE__ */ a(
+        M,
         {
           label: e.title,
           status: e.type,
@@ -448,80 +448,80 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
         },
         `${e.type}-${e.title}`
       )) }),
-      b.length > 0 && I && b.map((e) => {
+      u.length > 0 && U && u.map((e) => {
         const r = e.blockerType || "";
         return se.includes(r) ? /* @__PURE__ */ a(
-          Ue,
+          Ie,
           {
             blocker: e,
-            selectedValue: L[r],
-            onUnblockOptionChange: I,
-            paymentSpeed: ge
+            selectedValue: w[r],
+            onUnblockOptionChange: U,
+            paymentSpeed: Te
           },
           r
-        ) : /* @__PURE__ */ a(Ie, { blocker: e }, r);
+        ) : /* @__PURE__ */ a(Me, { blocker: e }, r);
       }),
-      /* @__PURE__ */ a($, { as: "h2", styledAs: "h3", children: t(Z ? "payrollSummaryTitleWire" : ee ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
-      Z ? /* @__PURE__ */ a(
+      /* @__PURE__ */ a(R, { as: "h2", styledAs: "h3", children: t(Q ? "payrollSummaryTitleWire" : Z ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
+      Q ? /* @__PURE__ */ a(
         c,
         {
           label: t("payrollSummaryLabel"),
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => n(x)
+              render: () => l(D)
             },
             {
               title: t("tableHeaders.wireAmount"),
               render: () => {
-                const r = u?.metadata?.wire_in_amount;
-                return r ? n(Number(r)) : "-";
+                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), N = d.formatShortWithYear(r);
-                return r ? `${i.time} on ${N}` : "-";
+                const r = m?.metadata?.wire_in_deadline, n = d.formatWithTime(r), P = d.formatShortWithYear(r);
+                return r ? `${n.time} on ${P}` : "-";
               }
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => u?.checkDate ? d.formatShortWithYear(u.checkDate) : "-"
+              render: () => m?.checkDate ? d.formatShortWithYear(m.checkDate) : "-"
             }
           ],
           data: [{}]
         }
-      ) : ee ? /* @__PURE__ */ a(
+      ) : Z ? /* @__PURE__ */ a(
         c,
         {
           label: t("payrollSummaryLabel"),
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => n(x)
+              render: () => l(D)
             },
             {
               title: t("tableHeaders.debitAmount"),
               render: () => {
-                const e = l.totals?.companyDebit;
-                return n(Number(e ?? 0));
+                const e = i.totals?.companyDebit;
+                return l(Number(e ?? 0));
               }
             },
             {
               title: t("tableHeaders.debitAccount"),
-              render: () => Y?.hiddenAccountNumber ?? ""
+              render: () => j?.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: [{}]
@@ -533,58 +533,57 @@ const Me = (m, S) => m?.startDate && m.endDate ? S.formatPayPeriod(m.startDate,
           columns: [
             {
               title: t("tableHeaders.totalPayroll"),
-              render: () => n(x)
+              render: () => l(D)
             },
             {
               title: t("tableHeaders.debitAmount"),
-              render: () => n(Number(l.totals?.companyDebit ?? 0))
+              render: () => l(Number(i.totals?.companyDebit ?? 0))
             },
             {
               title: t("tableHeaders.debitAccount"),
-              render: () => Y?.hiddenAccountNumber ?? ""
+              render: () => j?.hiddenAccountNumber ?? ""
             },
             {
               title: t("tableHeaders.debitDate"),
-              render: () => d.formatShortWithYear(Ne)
+              render: () => d.formatShortWithYear(ke)
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => d.formatShortWithYear(l.checkDate)
+              render: () => d.formatShortWithYear(i.checkDate)
             }
           ],
           data: [{}]
         }
       ),
-      he,
+      ge,
       /* @__PURE__ */ a(
         De,
         {
-          onSelectionChange: xe,
-          selectedId: He,
+          onSelectionChange: Pe,
+          selectedId: xe,
           "aria-label": t("dataViews.label"),
           tabs: we
         }
       ),
-      G && /* @__PURE__ */ a(
-        Te,
+      $ && /* @__PURE__ */ a(
+        He,
         {
-          isOpen: G,
+          isOpen: $,
           onClose: () => {
-            z(!1);
+            G(!1);
           },
-          onPrimaryActionClick: ue,
+          onPrimaryActionClick: be,
           shouldCloseOnBackdropClick: !0,
           primaryActionLabel: t("confirmCancelCta"),
           isDestructive: !0,
           closeActionLabel: t("declineCancelCta"),
-          title: t(X ? "cancelDialogTitleDismissal" : "cancelDialogTitle", {
-            startDate: d.formatLong(l.payPeriod?.startDate),
-            endDate: d.formatLongWithYear(l.payPeriod?.endDate)
+          title: t(K ? "cancelDialogTitleDismissal" : "cancelDialogTitle", {
+            payPeriod: ie(i, d)
           }),
           children: /* @__PURE__ */ o(s, { gap: 14, flexDirection: "column", children: [
-            /* @__PURE__ */ a(y, { children: t("cancelDialogDescription") }),
-            Number(l.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(y, { children: t("cancelDialogDescriptionDeadline", {
-              deadline: Pe
+            /* @__PURE__ */ a(b, { children: t("cancelDialogDescription") }),
+            Number(i.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(b, { children: t("cancelDialogDescriptionDeadline", {
+              deadline: Ne
             }) })
           ] })
         }