@gusto/embedded-react-sdk 0.14.1 → 0.16.0

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

@@ -1,82 +1,82 @@
-import { jsx as t, jsxs as s, Fragment as D } from "react/jsx-runtime";
-import { useTranslation as ne, Trans as ae } from "react-i18next";
+import { jsx as t, jsxs as s, Fragment as x } from "react/jsx-runtime";
+import { useTranslation as re, Trans as ne } from "react-i18next";
 import { useState as Y } from "react";
-import { Flex as d, FlexItem as j } from "../../Common/Flex/Flex.js";
+import { calculateTotalPayroll as ae } from "../helpers.js";
+import { Flex as c, FlexItem as W } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { useComponentContext as ie } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as le } from "../../../i18n/I18n.js";
+import { useComponentContext as le } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as ie } from "../../../i18n/I18n.js";
 import { useLocale as oe } from "../../../contexts/LocaleProvider/useLocale.js";
 import { parseDateStringToLocal as y } from "../../../helpers/dateFormatting.js";
 import se from "../../Common/hooks/useNumberFormatter.js";
-import { firstLastName as S } from "../../../helpers/formattedStrings.js";
-import { PAYMENT_METHODS as de, FlsaStatus as W, compensationTypeLabels as P } from "../../../shared/constants.js";
+import { firstLastName as O } from "../../../helpers/formattedStrings.js";
+import { PAYMENT_METHODS as de, FlsaStatus as j, compensationTypeLabels as C } from "../../../shared/constants.js";
 import ce from "../../../assets/icons/download-cloud.svg.js";
 import { useLoadingIndicator as me } from "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { DataView as b } from "../../Common/DataView/DataView.js";
 const ue = ({
   payPeriod: m,
-  locale: g
+  locale: f
 }) => {
   if (m?.startDate && m.endDate) {
-    const T = y(m.startDate), H = y(m.endDate);
-    if (T && H) {
-      const N = T.toLocaleDateString(g, {
+    const g = y(m.startDate), T = y(m.endDate);
+    if (g && T) {
+      const P = g.toLocaleDateString(f, {
         month: "long",
         day: "numeric"
-      }), x = H.toLocaleDateString(g, {
+      }), L = T.toLocaleDateString(f, {
         month: "short",
         day: "numeric",
         year: "numeric"
       });
-      return { startDate: N, endDate: x };
+      return { startDate: P, endDate: L };
     }
   }
   return { startDate: "", endDate: "" };
-}, we = ({
+}, Ee = ({
   onEdit: m,
-  onSubmit: g,
-  onCancel: T,
-  onPayrollReceipt: H,
-  onPaystubDownload: N,
-  onBack: x,
-  employeeDetails: G,
-  payrollData: i,
-  bankAccount: X,
-  taxes: k,
+  onSubmit: f,
+  onCancel: g,
+  onPayrollReceipt: T,
+  onPaystubDownload: P,
+  employeeDetails: L,
+  payrollData: l,
+  bankAccount: G,
+  taxes: N,
   isSubmitting: h = !1,
-  isProcessed: L,
-  alerts: O
+  isProcessed: k,
+  alerts: w
 }) => {
-  const { Alert: M, Button: p, ButtonIcon: $, Dialog: z, Heading: w, Text: n, Tabs: K, LoadingSpinner: Z } = ie();
-  le("Payroll.PayrollOverview");
-  const { locale: u } = oe(), { t: r } = ne("Payroll.PayrollOverview"), o = se("currency"), [q, J] = Y("companyPays"), [U, A] = Y(!1), { LoadingIndicator: Q } = me(), V = i.totals ? Number(i.totals.grossPay ?? 0) + Number(i.totals.employerTaxes ?? 0) + Number(i.totals.reimbursements ?? 0) + Number(i.totals.benefits ?? 0) : 0, ee = i.payrollStatusMeta?.expectedDebitTime ? y(i.payrollStatusMeta.expectedDebitTime) : i.payrollDeadline, _ = (e) => e.taxes?.reduce(
-    (a, l) => l.employer ? a + l.amount : a,
+  const { Alert: M, Button: H, ButtonIcon: X, Dialog: $, Heading: E, Text: n, Tabs: z, LoadingSpinner: K } = le();
+  ie("Payroll.PayrollOverview");
+  const { locale: u } = oe(), { t: r } = re("Payroll.PayrollOverview"), o = se("currency"), [Z, q] = Y("companyPays"), [U, A] = Y(!1), { LoadingIndicator: J } = me(), V = ae(l), Q = l.payrollStatusMeta?.expectedDebitTime ? y(l.payrollStatusMeta.expectedDebitTime) : l.payrollDeadline, _ = (e) => e.taxes?.reduce(
+    (a, i) => i.employer ? a + i.amount : a,
     0
   ) ?? 0, I = (e) => e.benefits?.reduce(
-    (a, l) => l.companyContribution ? a + l.companyContribution : a,
+    (a, i) => i.companyContribution ? a + i.companyContribution : a,
     0
   ) ?? 0, v = (e) => e.fixedCompensations?.length ? Number(
     e.fixedCompensations.find(
-      (a) => a.name?.toLowerCase() === P.REIMBURSEMENT_NAME.toLowerCase()
+      (a) => a.name?.toLowerCase() === C.REIMBURSEMENT_NAME.toLowerCase()
     )?.amount || 0
-  ) : 0, te = (e) => e.grossPay + v(e) + _(e) + I(e), c = new Map(G.map((e) => [e.uuid, e])), C = (e) => e.hourlyCompensations?.reduce(
-    (a, l) => {
-      if (typeof l.name > "u")
+  ) : 0, ee = (e) => e.grossPay + v(e) + _(e) + I(e), d = new Map(L.map((e) => [e.uuid, e])), D = (e) => e.hourlyCompensations?.reduce(
+    (a, i) => {
+      if (typeof i.name > "u")
         return a;
-      const f = l.name.toLowerCase(), E = a[f] ?? 0;
-      return a[f] = E + Number(l.hours || 0), a;
+      const p = i.name.toLowerCase(), S = a[p] ?? 0;
+      return a[p] = S + Number(i.hours || 0), a;
     },
     {}
-  ) || {}, B = (e) => e.paidTimeOff?.reduce((a, l) => a + Number(l.hours || 0), 0) ?? 0, R = i.employeeCompensations?.reduce(
+  ) || {}, B = (e) => e.paidTimeOff?.reduce((a, i) => a + Number(i.hours || 0), 0) ?? 0, R = l.employeeCompensations?.reduce(
     (e, a) => !a.excluded && a.paymentMethod === de.check ? e + 1 : e,
     0
   ) ?? 0, F = [
     {
       key: "employeeName",
       title: r("tableHeaders.employees"),
-      render: (e) => /* @__PURE__ */ t(n, { children: S({
-        first_name: c.get(e.employeeUuid)?.firstName,
-        last_name: c.get(e.employeeUuid)?.lastName
+      render: (e) => /* @__PURE__ */ t(n, { children: O({
+        first_name: d.get(e.employeeUuid)?.firstName,
+        last_name: d.get(e.employeeUuid)?.lastName
       }) })
     },
     {
@@ -102,25 +102,25 @@ const ue = ({
     {
       key: "companyPays",
       title: r("tableHeaders.companyPays"),
-      render: (e) => /* @__PURE__ */ t(n, { children: o(te(e)) })
+      render: (e) => /* @__PURE__ */ t(n, { children: o(ee(e)) })
     }
   ];
-  L && F.push({
+  k && F.push({
     key: "paystubs",
     title: r("tableHeaders.paystub"),
     render: (e) => /* @__PURE__ */ t(
-      $,
+      X,
       {
         "aria-label": r("downloadPaystubLabel"),
         variant: "tertiary",
         onClick: () => {
-          e.employeeUuid && N(e.employeeUuid);
+          e.employeeUuid && P(e.employeeUuid);
         },
         children: /* @__PURE__ */ t(ce, {})
       }
     )
   });
-  const re = [
+  const te = [
     {
       id: "companyPays",
       label: r("dataViews.companyPaysTab"),
@@ -129,16 +129,16 @@ const ue = ({
         {
           label: r("dataViews.companyPaysTable"),
           columns: F,
-          data: i.employeeCompensations,
+          data: l.employeeCompensations,
           footer: () => ({
-            employeeName: /* @__PURE__ */ s(D, { children: [
+            employeeName: /* @__PURE__ */ s(x, { children: [
               /* @__PURE__ */ t(n, { children: r("tableHeaders.footerTotalsLabel") }),
               /* @__PURE__ */ t(n, { children: r("tableHeaders.footerTotalsDescription") })
             ] }),
-            grossPay: /* @__PURE__ */ t(n, { children: o(Number(i.totals?.grossPay ?? 0)) }),
-            reimbursements: /* @__PURE__ */ t(n, { children: o(Number(i.totals?.reimbursements ?? 0)) }),
-            companyTaxes: /* @__PURE__ */ t(n, { children: o(Number(i.totals?.employerTaxes ?? 0)) }),
-            companyBenefits: /* @__PURE__ */ t(n, { children: o(Number(i.totals?.benefits ?? 0)) }),
+            grossPay: /* @__PURE__ */ t(n, { children: o(Number(l.totals?.grossPay ?? 0)) }),
+            reimbursements: /* @__PURE__ */ t(n, { children: o(Number(l.totals?.reimbursements ?? 0)) }),
+            companyTaxes: /* @__PURE__ */ t(n, { children: o(Number(l.totals?.employerTaxes ?? 0)) }),
+            companyBenefits: /* @__PURE__ */ t(n, { children: o(Number(l.totals?.benefits ?? 0)) }),
             companyPays: /* @__PURE__ */ t(n, { children: o(V) })
           })
         }
@@ -154,25 +154,25 @@ const ue = ({
           columns: [
             {
               title: r("tableHeaders.employees"),
-              render: (e) => /* @__PURE__ */ t(n, { children: S({
-                first_name: c.get(e.employeeUuid)?.firstName,
-                last_name: c.get(e.employeeUuid)?.lastName
+              render: (e) => /* @__PURE__ */ t(n, { children: O({
+                first_name: d.get(e.employeeUuid)?.firstName,
+                last_name: d.get(e.employeeUuid)?.lastName
               }) })
             },
             {
               title: r("tableHeaders.compensationType"),
-              render: (e) => /* @__PURE__ */ t(n, { children: c.get(e.employeeUuid)?.jobs?.reduce((a, l) => {
-                if (l.primary) {
-                  const f = l.compensations?.find(
-                    (E) => E.uuid === l.currentCompensationUuid
+              render: (e) => /* @__PURE__ */ t(n, { children: d.get(e.employeeUuid)?.jobs?.reduce((a, i) => {
+                if (i.primary) {
+                  const p = i.compensations?.find(
+                    (S) => S.uuid === i.currentCompensationUuid
                   )?.flsaStatus;
-                  switch (f) {
-                    case W.EXEMPT:
+                  switch (p) {
+                    case j.EXEMPT:
                       return r("compensationTypeLabels.exempt");
-                    case W.NONEXEMPT:
+                    case j.NONEXEMPT:
                       return r("compensationTypeLabels.nonexempt");
                     default:
-                      return f ?? "";
+                      return p ?? "";
                   }
                 }
                 return a;
@@ -180,15 +180,15 @@ const ue = ({
             },
             {
               title: r("tableHeaders.regular"),
-              render: (e) => /* @__PURE__ */ t(n, { children: C(e)[P.REGULAR_HOURS_NAME] || 0 })
+              render: (e) => /* @__PURE__ */ t(n, { children: D(e)[C.REGULAR_HOURS_NAME] || 0 })
             },
             {
               title: r("tableHeaders.overtime"),
-              render: (e) => /* @__PURE__ */ t(n, { children: C(e)[P.OVERTIME_NAME] || 0 })
+              render: (e) => /* @__PURE__ */ t(n, { children: D(e)[C.OVERTIME_NAME] || 0 })
             },
             {
               title: r("tableHeaders.doubleOT"),
-              render: (e) => /* @__PURE__ */ t(n, { children: C(e)[P.DOUBLE_OVERTIME_NAME] || 0 })
+              render: (e) => /* @__PURE__ */ t(n, { children: D(e)[C.DOUBLE_OVERTIME_NAME] || 0 })
             },
             {
               title: r("tableHeaders.timeOff"),
@@ -196,13 +196,13 @@ const ue = ({
             },
             {
               title: r("tableHeaders.totalHours"),
-              render: (e) => /* @__PURE__ */ t(n, { children: Object.values(C(e)).reduce(
-                (a, l) => a + l,
+              render: (e) => /* @__PURE__ */ t(n, { children: Object.values(D(e)).reduce(
+                (a, i) => a + i,
                 0
               ) + B(e) })
             }
           ],
-          data: i.employeeCompensations
+          data: l.employeeCompensations
         }
       )
     },
@@ -216,9 +216,9 @@ const ue = ({
           columns: [
             {
               title: r("tableHeaders.employees"),
-              render: (e) => /* @__PURE__ */ t(n, { children: S({
-                first_name: c.get(e.employeeUuid)?.firstName,
-                last_name: c.get(e.employeeUuid)?.lastName
+              render: (e) => /* @__PURE__ */ t(n, { children: O({
+                first_name: d.get(e.employeeUuid)?.firstName,
+                last_name: d.get(e.employeeUuid)?.lastName
               }) })
             },
             {
@@ -233,7 +233,7 @@ const ue = ({
               title: r("tableHeaders.deductions"),
               render: (e) => /* @__PURE__ */ t(n, { children: o(
                 e.deductions?.reduce(
-                  (a, l) => a + l.amount,
+                  (a, i) => a + i.amount,
                   0
                 ) ?? 0
               ) })
@@ -246,7 +246,7 @@ const ue = ({
               title: r("tableHeaders.employeeTaxes"),
               render: (e) => /* @__PURE__ */ t(n, { children: o(
                 e.taxes?.reduce(
-                  (a, l) => l.employer ? a : a + l.amount,
+                  (a, i) => i.employer ? a : a + i.amount,
                   0
                 ) ?? 0
               ) })
@@ -255,7 +255,7 @@ const ue = ({
               title: r("tableHeaders.employeeBenefits"),
               render: (e) => /* @__PURE__ */ t(n, { children: o(
                 e.benefits?.reduce(
-                  (a, l) => a + (l.employeeDeduction ?? 0),
+                  (a, i) => a + (i.employeeDeduction ?? 0),
                   0
                 ) ?? 0
               ) })
@@ -265,14 +265,14 @@ const ue = ({
               render: (e) => /* @__PURE__ */ t(n, { children: o(e.netPay ?? 0) })
             }
           ],
-          data: i.employeeCompensations
+          data: l.employeeCompensations
         }
       )
     },
     {
       id: "taxes",
       label: r("dataViews.taxesTab"),
-      content: /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
+      content: /* @__PURE__ */ s(c, { flexDirection: "column", gap: 32, children: [
         /* @__PURE__ */ t(
           b,
           {
@@ -286,20 +286,20 @@ const ue = ({
               {
                 key: "byYourEmployees",
                 title: r("tableHeaders.byYourEmployees"),
-                render: (e) => /* @__PURE__ */ t(n, { children: o(k[e]?.employee ?? 0) })
+                render: (e) => /* @__PURE__ */ t(n, { children: o(N[e]?.employee ?? 0) })
               },
               {
                 key: "byYourCompany",
                 title: r("tableHeaders.byYourCompany"),
-                render: (e) => /* @__PURE__ */ t(n, { children: o(k[e]?.employer ?? 0) })
+                render: (e) => /* @__PURE__ */ t(n, { children: o(N[e]?.employer ?? 0) })
               }
             ],
             footer: () => ({
               taxDescription: /* @__PURE__ */ t(n, { children: r("totalsLabel") }),
-              byYourEmployees: /* @__PURE__ */ t(n, { children: o(Number(i.totals?.employeeTaxes ?? 0)) }),
-              byYourCompany: /* @__PURE__ */ t(n, { children: o(Number(i.totals?.employerTaxes ?? 0)) })
+              byYourEmployees: /* @__PURE__ */ t(n, { children: o(Number(l.totals?.employeeTaxes ?? 0)) }),
+              byYourCompany: /* @__PURE__ */ t(n, { children: o(Number(l.totals?.employerTaxes ?? 0)) })
             }),
-            data: Object.keys(k)
+            data: Object.keys(N)
           }
         ),
         /* @__PURE__ */ t(
@@ -317,41 +317,40 @@ const ue = ({
               }
             ],
             data: [
-              { label: r("directDepositLabel"), value: i.totals?.netPayDebit || "0" },
+              { label: r("directDepositLabel"), value: l.totals?.netPayDebit || "0" },
               {
                 label: r("reimbursementLabel"),
-                value: i.totals?.reimbursementDebit || "0"
+                value: l.totals?.reimbursementDebit || "0"
               },
               {
                 label: r("garnishmentsLabel"),
-                value: i.totals?.childSupportDebit || "0"
+                value: l.totals?.childSupportDebit || "0"
               },
-              { label: r("taxesLabel"), value: i.totals?.taxDebit || "0" }
+              { label: r("taxesLabel"), value: l.totals?.taxDebit || "0" }
             ]
           }
         )
       ] })
     }
   ];
-  return /* @__PURE__ */ s(d, { flexDirection: "column", alignItems: "stretch", children: [
-    x && /* @__PURE__ */ t(d, { justifyContent: "flex-end", children: /* @__PURE__ */ t(p, { onClick: x, variant: "secondary", children: r("backButton") }) }),
-    /* @__PURE__ */ s(d, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(j, { flexGrow: 1, children: [
-        /* @__PURE__ */ t(w, { as: "h1", children: r(L ? "summaryTitle" : "overviewTitle") }),
+  return /* @__PURE__ */ s(c, { flexDirection: "column", alignItems: "stretch", children: [
+    /* @__PURE__ */ s(c, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(W, { flexGrow: 1, children: [
+        /* @__PURE__ */ t(E, { as: "h1", children: r(k ? "summaryTitle" : "overviewTitle") }),
         /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
-          ae,
+          ne,
           {
             i18nKey: "pageSubtitle",
             t: r,
             components: { dateWrapper: /* @__PURE__ */ t(n, { weight: "bold", as: "span" }) },
-            values: ue({ payPeriod: i.payPeriod, locale: u })
+            values: ue({ payPeriod: l.payPeriod, locale: u })
           }
         ) })
       ] }),
-      /* @__PURE__ */ t(j, { flexGrow: 1, children: /* @__PURE__ */ t(d, { justifyContent: "flex-end", children: L ? /* @__PURE__ */ s(D, { children: [
-        /* @__PURE__ */ t(p, { onClick: H, variant: "secondary", isDisabled: h, children: r("payrollReceiptCta") }),
+      /* @__PURE__ */ t(W, { flexGrow: 1, children: /* @__PURE__ */ t(c, { justifyContent: "flex-end", children: k ? /* @__PURE__ */ s(x, { children: [
+        /* @__PURE__ */ t(H, { onClick: T, variant: "secondary", isDisabled: h, children: r("payrollReceiptCta") }),
         /* @__PURE__ */ t(
-          p,
+          H,
           {
             onClick: () => {
               A(!0);
@@ -361,18 +360,18 @@ const ue = ({
             children: r("cancelCta")
           }
         )
-      ] }) : /* @__PURE__ */ s(D, { children: [
-        /* @__PURE__ */ t(p, { onClick: m, variant: "secondary", isDisabled: h, children: r("editCta") }),
-        /* @__PURE__ */ t(p, { onClick: g, isDisabled: h, children: r("submitCta") })
+      ] }) : /* @__PURE__ */ s(x, { children: [
+        /* @__PURE__ */ t(H, { onClick: m, variant: "secondary", isDisabled: h, children: r("editCta") }),
+        /* @__PURE__ */ t(H, { onClick: f, isDisabled: h, children: r("submitCta") })
       ] }) }) })
     ] }),
-    h ? /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ s(d, { flexDirection: "column", alignItems: "center", gap: 4, children: [
-      /* @__PURE__ */ t(Z, { size: "lg" }),
-      /* @__PURE__ */ t(w, { as: "h4", children: r("loadingTitle") }),
+    h ? /* @__PURE__ */ t(J, { children: /* @__PURE__ */ s(c, { flexDirection: "column", alignItems: "center", gap: 4, children: [
+      /* @__PURE__ */ t(K, { size: "lg" }),
+      /* @__PURE__ */ t(E, { as: "h4", children: r("loadingTitle") }),
       /* @__PURE__ */ t(n, { children: r("loadingDescription") })
-    ] }) }) : /* @__PURE__ */ s(D, { children: [
-      O?.length && /* @__PURE__ */ t(d, { flexDirection: "column", gap: 16, children: O.map((e, a) => /* @__PURE__ */ t(M, { label: e.title, status: e.type, children: e.content ?? null }, `${e.type}-${e.title}`)) }),
-      /* @__PURE__ */ t(w, { as: "h3", children: r("payrollSummaryTitle") }),
+    ] }) }) : /* @__PURE__ */ s(x, { children: [
+      w?.length && w.length > 0 && /* @__PURE__ */ t(c, { flexDirection: "column", gap: 16, children: w.map((e, a) => /* @__PURE__ */ t(M, { label: e.title, status: e.type, children: e.content ?? null }, `${e.type}-${e.title}`)) }),
+      /* @__PURE__ */ t(E, { as: "h3", children: r("payrollSummaryTitle") }),
       /* @__PURE__ */ t(
         b,
         {
@@ -384,15 +383,15 @@ const ue = ({
             },
             {
               title: r("tableHeaders.debitAmount"),
-              render: () => /* @__PURE__ */ t(n, { children: o(Number(i.totals?.companyDebit ?? 0)) })
+              render: () => /* @__PURE__ */ t(n, { children: o(Number(l.totals?.companyDebit ?? 0)) })
             },
             {
               title: r("tableHeaders.debitAccount"),
-              render: () => /* @__PURE__ */ t(n, { children: X?.hiddenAccountNumber ?? "" })
+              render: () => /* @__PURE__ */ t(n, { children: G?.hiddenAccountNumber ?? "" })
             },
             {
               title: r("tableHeaders.debitDate"),
-              render: () => /* @__PURE__ */ t(n, { children: ee?.toLocaleString(u, {
+              render: () => /* @__PURE__ */ t(n, { children: Q?.toLocaleString(u, {
                 month: "short",
                 day: "numeric",
                 year: "numeric"
@@ -400,7 +399,7 @@ const ue = ({
             },
             {
               title: r("tableHeaders.employeesPayDate"),
-              render: () => /* @__PURE__ */ t(n, { children: y(i.checkDate)?.toLocaleDateString(u, {
+              render: () => /* @__PURE__ */ t(n, { children: y(l.checkDate)?.toLocaleDateString(u, {
                 month: "short",
                 day: "numeric",
                 year: "numeric"
@@ -419,45 +418,45 @@ const ue = ({
         }
       ),
       /* @__PURE__ */ t(
-        K,
+        z,
         {
-          onSelectionChange: J,
-          selectedId: q,
+          onSelectionChange: q,
+          selectedId: Z,
           "aria-label": r("dataViews.label"),
-          tabs: re
+          tabs: te
         }
       ),
       U && /* @__PURE__ */ t(
-        z,
+        $,
         {
           isOpen: U,
           onClose: () => {
             A(!1);
           },
-          onPrimaryActionClick: T,
+          onPrimaryActionClick: g,
           shouldCloseOnBackdropClick: !0,
           primaryActionLabel: r("confirmCancelCta"),
           isDestructive: !0,
           closeActionLabel: r("declineCancelCta"),
           title: r("cancelDialogTitle", {
             startDate: y(
-              i.payPeriod?.startDate ?? ""
+              l.payPeriod?.startDate ?? ""
             )?.toLocaleDateString(u, {
               month: "long",
               day: "numeric"
             }),
             endDate: y(
-              i.payPeriod?.endDate ?? ""
+              l.payPeriod?.endDate ?? ""
             )?.toLocaleDateString(u, {
               month: "long",
               day: "numeric",
               year: "numeric"
             })
           }),
-          children: /* @__PURE__ */ s(d, { gap: 14, flexDirection: "column", children: [
+          children: /* @__PURE__ */ s(c, { gap: 14, flexDirection: "column", children: [
             /* @__PURE__ */ t(n, { children: r("cancelDialogDescription") }),
             /* @__PURE__ */ t(n, { children: r("cancelDialogDescriptionDeadline", {
-              deadline: (i.payrollDeadline ?? "").toLocaleString(u, {
+              deadline: (l.payrollDeadline ?? "").toLocaleString(u, {
                 month: "short",
                 day: "numeric",
                 year: "numeric",
@@ -473,6 +472,6 @@ const ue = ({
   ] });
 };
 export {
-  we as PayrollOverviewPresentation
+  Ee as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map