@gusto/embedded-react-sdk 0.14.0 → 0.15.0

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n  showBackButton?: boolean\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  showBackButton = false,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [payrollData.processingRequest?.status, isPolling, onEvent])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      onBack={showBackButton ? onBack : undefined}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","showBackButton","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","showBoundary","useErrorBoundary","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"mappings":"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"}
+{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n  showBackButton?: boolean\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  showBackButton = false,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts || [])\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const { locale } = useLocale()\n\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.netPayDebit)),\n            date: (payrollData.payrollStatusMeta?.expectedDebitTime\n              ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n              : payrollData.payrollDeadline!\n            )?.toLocaleString(locale, {\n              month: 'short',\n              day: 'numeric',\n              year: 'numeric',\n            }),\n          }),\n        },\n      ])\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    isPolling,\n    onEvent,\n    t,\n    locale,\n    formatCurrency,\n    payrollData,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      setInternalAlerts([])\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      onBack={showBackButton ? onBack : undefined}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={internalAlerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","showBackButton","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","locale","useLocale","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","parseDateStringToLocal","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"mappings":"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"}

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

@@ -1,73 +1,74 @@
-import { jsx as t, jsxs as s, Fragment as D } from "react/jsx-runtime";
+import { jsx as t, jsxs as s, Fragment as C } from "react/jsx-runtime";
 import { useTranslation as ne, Trans as ae } from "react-i18next";
 import { useState as Y } from "react";
+import { calculateTotalPayroll as le } from "../helpers.js";
 import { Flex as d, FlexItem as j } from "../../Common/Flex/Flex.js";
 import "classnames";
 import { PAYMENT_METHODS as ie, FlsaStatus as W, compensationTypeLabels as P } from "../../../shared/constants.js";
-import { useComponentContext as le } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as oe } from "../../../i18n/I18n.js";
-import { useLocale as se } from "../../../contexts/LocaleProvider/useLocale.js";
+import { useComponentContext as oe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as se } from "../../../i18n/I18n.js";
+import { useLocale as de } from "../../../contexts/LocaleProvider/useLocale.js";
 import { parseDateStringToLocal as y } from "../../../helpers/dateFormatting.js";
-import de from "../../Common/hooks/useNumberFormatter.js";
+import ce from "../../Common/hooks/useNumberFormatter.js";
 import { firstLastName as S } from "../../../helpers/formattedStrings.js";
-import ce from "../../../assets/icons/download-cloud.svg.js";
-import { useLoadingIndicator as me } from "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import me from "../../../assets/icons/download-cloud.svg.js";
+import { useLoadingIndicator as ue } from "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { DataView as b } from "../../Common/DataView/DataView.js";
-const ue = ({
+const be = ({
   payPeriod: m,
   locale: g
 }) => {
   if (m?.startDate && m.endDate) {
     const T = y(m.startDate), H = y(m.endDate);
     if (T && H) {
-      const N = T.toLocaleDateString(g, {
+      const k = T.toLocaleDateString(g, {
         month: "long",
         day: "numeric"
-      }), x = H.toLocaleDateString(g, {
+      }), D = H.toLocaleDateString(g, {
         month: "short",
         day: "numeric",
         year: "numeric"
       });
-      return { startDate: N, endDate: x };
+      return { startDate: k, endDate: D };
     }
   }
   return { startDate: "", endDate: "" };
-}, we = ({
+}, Ee = ({
   onEdit: m,
   onSubmit: g,
   onCancel: T,
   onPayrollReceipt: H,
-  onPaystubDownload: N,
-  onBack: x,
+  onPaystubDownload: k,
+  onBack: D,
   employeeDetails: G,
-  payrollData: i,
+  payrollData: l,
   bankAccount: X,
-  taxes: k,
+  taxes: L,
   isSubmitting: h = !1,
-  isProcessed: L,
+  isProcessed: N,
   alerts: O
 }) => {
-  const { Alert: M, Button: p, ButtonIcon: $, Dialog: z, Heading: w, Text: n, Tabs: K, LoadingSpinner: Z } = le();
-  oe("Payroll.PayrollOverview");
-  const { locale: u } = se(), { t: r } = ne("Payroll.PayrollOverview"), o = de("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: p, ButtonIcon: $, Dialog: z, Heading: w, Text: n, Tabs: K, LoadingSpinner: Z } = oe();
+  se("Payroll.PayrollOverview");
+  const { locale: u } = de(), { t: r } = ne("Payroll.PayrollOverview"), o = ce("currency"), [q, J] = Y("companyPays"), [U, A] = Y(!1), { LoadingIndicator: Q } = ue(), V = le(l), ee = 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()
     )?.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, te = (e) => e.grossPay + v(e) + _(e) + I(e), c = new Map(G.map((e) => [e.uuid, e])), x = (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 f = i.name.toLowerCase(), E = a[f] ?? 0;
+      return a[f] = E + 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 === ie.check ? e + 1 : e,
     0
   ) ?? 0, F = [
@@ -105,7 +106,7 @@ const ue = ({
       render: (e) => /* @__PURE__ */ t(n, { children: o(te(e)) })
     }
   ];
-  L && F.push({
+  N && F.push({
     key: "paystubs",
     title: r("tableHeaders.paystub"),
     render: (e) => /* @__PURE__ */ t(
@@ -114,9 +115,9 @@ const ue = ({
         "aria-label": r("downloadPaystubLabel"),
         variant: "tertiary",
         onClick: () => {
-          e.employeeUuid && N(e.employeeUuid);
+          e.employeeUuid && k(e.employeeUuid);
         },
-        children: /* @__PURE__ */ t(ce, {})
+        children: /* @__PURE__ */ t(me, {})
       }
     )
   });
@@ -129,16 +130,16 @@ const ue = ({
         {
           label: r("dataViews.companyPaysTable"),
           columns: F,
-          data: i.employeeCompensations,
+          data: l.employeeCompensations,
           footer: () => ({
-            employeeName: /* @__PURE__ */ s(D, { children: [
+            employeeName: /* @__PURE__ */ s(C, { 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) })
           })
         }
@@ -161,10 +162,10 @@ const ue = ({
             },
             {
               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: c.get(e.employeeUuid)?.jobs?.reduce((a, i) => {
+                if (i.primary) {
+                  const f = i.compensations?.find(
+                    (E) => E.uuid === i.currentCompensationUuid
                   )?.flsaStatus;
                   switch (f) {
                     case W.EXEMPT:
@@ -180,15 +181,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: x(e)[P.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: x(e)[P.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: x(e)[P.DOUBLE_OVERTIME_NAME] || 0 })
             },
             {
               title: r("tableHeaders.timeOff"),
@@ -196,13 +197,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(x(e)).reduce(
+                (a, i) => a + i,
                 0
               ) + B(e) })
             }
           ],
-          data: i.employeeCompensations
+          data: l.employeeCompensations
         }
       )
     },
@@ -233,7 +234,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 +247,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 +256,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,7 +266,7 @@ const ue = ({
               render: (e) => /* @__PURE__ */ t(n, { children: o(e.netPay ?? 0) })
             }
           ],
-          data: i.employeeCompensations
+          data: l.employeeCompensations
         }
       )
     },
@@ -286,20 +287,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(L[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(L[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(L)
           }
         ),
         /* @__PURE__ */ t(
@@ -317,16 +318,16 @@ 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" }
             ]
           }
         )
@@ -334,21 +335,21 @@ const ue = ({
     }
   ];
   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") }) }),
+    D && /* @__PURE__ */ t(d, { justifyContent: "flex-end", children: /* @__PURE__ */ t(p, { onClick: D, 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") }),
+        /* @__PURE__ */ t(w, { as: "h1", children: r(N ? "summaryTitle" : "overviewTitle") }),
         /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
           ae,
           {
             i18nKey: "pageSubtitle",
             t: r,
             components: { dateWrapper: /* @__PURE__ */ t(n, { weight: "bold", as: "span" }) },
-            values: ue({ payPeriod: i.payPeriod, locale: u })
+            values: be({ 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(j, { flexGrow: 1, children: /* @__PURE__ */ t(d, { justifyContent: "flex-end", children: N ? /* @__PURE__ */ s(C, { children: [
         /* @__PURE__ */ t(p, { onClick: H, variant: "secondary", isDisabled: h, children: r("payrollReceiptCta") }),
         /* @__PURE__ */ t(
           p,
@@ -361,7 +362,7 @@ const ue = ({
             children: r("cancelCta")
           }
         )
-      ] }) : /* @__PURE__ */ s(D, { children: [
+      ] }) : /* @__PURE__ */ s(C, { children: [
         /* @__PURE__ */ t(p, { onClick: m, variant: "secondary", isDisabled: h, children: r("editCta") }),
         /* @__PURE__ */ t(p, { onClick: g, isDisabled: h, children: r("submitCta") })
       ] }) }) })
@@ -370,7 +371,7 @@ const ue = ({
       /* @__PURE__ */ t(Z, { size: "lg" }),
       /* @__PURE__ */ t(w, { as: "h4", children: r("loadingTitle") }),
       /* @__PURE__ */ t(n, { children: r("loadingDescription") })
-    ] }) }) : /* @__PURE__ */ s(D, { children: [
+    ] }) }) : /* @__PURE__ */ s(C, { 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__ */ t(
@@ -384,7 +385,7 @@ 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"),
@@ -400,7 +401,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"
@@ -441,13 +442,13 @@ const ue = ({
           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",
@@ -457,7 +458,7 @@ const ue = ({
           children: /* @__PURE__ */ s(d, { 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 +474,6 @@ const ue = ({
   ] });
 };
 export {
-  we as PayrollOverviewPresentation
+  Ee as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map