@gusto/embedded-react-sdk 0.16.0 → 0.17.0

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate, parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\n\ninterface PresentationPayroll extends Payroll {\n  payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSubmitPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSkipPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onViewBlockers?: () => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const { locale } = useLocale()\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollId: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = startDate\n      ? parseDateStringToLocal(startDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n        })\n      : null\n\n    const formattedEndDate = endDate\n      ? parseDateStringToLocal(endDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n          year: 'numeric',\n        })\n      : null\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod:\n        formattedStartDate && formattedEndDate ? `${formattedStartDate} – ${formattedEndDate}` : '',\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <div className={styles.alertContainer}>\n          <Alert\n            status=\"info\"\n            label={t('skipSuccessAlert')}\n            onDismiss={onDismissSkipSuccessAlert}\n          />\n        </div>\n      )}\n      <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n      </Flex>\n\n      <DataView\n        emptyState={() => (\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n            <FeatureIconCheck />\n            <Text>{t('emptyState')}</Text>\n          </Flex>\n        )}\n        columns={[\n          {\n            render: ({ payPeriod }) => {\n              const { startDate, endDate } = formatPayPeriod(\n                payPeriod?.startDate,\n                payPeriod?.endDate,\n              )\n\n              return (\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Text>\n                    {startDate} - {endDate}\n                  </Text>\n                  <Text variant=\"supporting\">\n                    {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                      ?.name ||\n                      paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.customName}\n                  </Text>\n                </Flex>\n              )\n            },\n            title: t('tableHeaders.0'),\n          },\n          {\n            render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n            title: t('tableHeaders.1'),\n          },\n          {\n            render: ({ checkDate }) => (\n              <Text>\n                {checkDate\n                  ? parseDateStringToLocal(checkDate)?.toLocaleDateString(locale, {\n                      weekday: 'short',\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })\n                  : null}\n              </Text>\n            ),\n            title: t('tableHeaders.2'),\n          },\n          {\n            title: t('tableHeaders.3'),\n            render: ({ payrollDeadline }) => (\n              <Text>\n                {payrollDeadline?.toLocaleDateString(locale, {\n                  weekday: 'short',\n                  month: 'short',\n                  day: 'numeric',\n                  year: 'numeric',\n                })}\n              </Text>\n            ),\n          },\n          {\n            title: t('tableHeaders.4'),\n            render: ({ processed }) => (\n              <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n            ),\n          },\n        ]}\n        data={payrolls}\n        label={t('payrollsListLabel')}\n        itemMenu={({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n          if (processed) {\n            return null\n          }\n\n          const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n          const { fullPeriod: payPeriodString } = formatPayPeriod(\n            payPeriod?.startDate,\n            payPeriod?.endDate,\n          )\n\n          const todayDateString = formatDateToStringDate(new Date())\n          const todayAtMidnight = todayDateString ? parseDateStringToLocal(todayDateString) : null\n          const payPeriodStartDate = payPeriod?.startDate\n            ? parseDateStringToLocal(payPeriod.startDate)\n            : null\n\n          const canSkipPayroll =\n            blockers.length === 0 &&\n            todayAtMidnight &&\n            payPeriodStartDate &&\n            todayAtMidnight >= payPeriodStartDate\n\n          return (\n            <div className={styles.actionsContainer}>\n              {calculatedAt ? (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onSubmitPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('submitPayrollCta')}\n                  variant=\"secondary\"\n                >\n                  {t('submitPayrollCta')}\n                </Button>\n              ) : (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onRunPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('runPayrollTitle')}\n                  variant=\"secondary\"\n                >\n                  {t('runPayrollTitle')}\n                </Button>\n              )}\n              {canSkipPayroll && (\n                <HamburgerMenu\n                  isLoading={isProcessingSkipPayroll}\n                  menuLabel={t('payrollMenuLabel')}\n                  items={[\n                    {\n                      label: t('skipPayrollCta'),\n                      onClick: () => {\n                        handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                      },\n                    },\n                  ]}\n                />\n              )}\n            </div>\n          )\n        }}\n      />\n      <Dialog\n        isOpen={skipPayrollDialogState.isOpen}\n        onClose={handleCloseSkipDialog}\n        onPrimaryActionClick={handleConfirmSkipPayroll}\n        isDestructive={true}\n        title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n        primaryActionLabel={t('skipPayrollDialog.confirmButton')}\n        closeActionLabel={t('skipPayrollDialog.cancelButton')}\n      >\n        {t('skipPayrollDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","locale","useLocale","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","parseDateStringToLocal","formattedEndDate","jsxs","Flex","jsx","styles","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","canSkipPayroll","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate, parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\n\ninterface PresentationPayroll extends Payroll {\n  payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSubmitPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSkipPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onViewBlockers?: () => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const { locale } = useLocale()\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollId: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = startDate\n      ? parseDateStringToLocal(startDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n        })\n      : null\n\n    const formattedEndDate = endDate\n      ? parseDateStringToLocal(endDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n          year: 'numeric',\n        })\n      : null\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod:\n        formattedStartDate && formattedEndDate ? `${formattedStartDate} – ${formattedEndDate}` : '',\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <div className={styles.alertContainer}>\n          <Alert\n            status=\"info\"\n            label={t('skipSuccessAlert')}\n            onDismiss={onDismissSkipSuccessAlert}\n          />\n        </div>\n      )}\n      <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n      </Flex>\n\n      <DataView\n        emptyState={() => (\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n            <FeatureIconCheck />\n            <Text>{t('emptyState')}</Text>\n          </Flex>\n        )}\n        columns={[\n          {\n            render: ({ payPeriod }) => {\n              const { startDate, endDate } = formatPayPeriod(\n                payPeriod?.startDate,\n                payPeriod?.endDate,\n              )\n\n              return (\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Text>\n                    {startDate} - {endDate}\n                  </Text>\n                  <Text variant=\"supporting\">\n                    {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                      ?.name ||\n                      paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.customName}\n                  </Text>\n                </Flex>\n              )\n            },\n            title: t('tableHeaders.0'),\n          },\n          {\n            render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n            title: t('tableHeaders.1'),\n          },\n          {\n            render: ({ checkDate }) => (\n              <Text>\n                {checkDate\n                  ? parseDateStringToLocal(checkDate)?.toLocaleDateString(locale, {\n                      weekday: 'short',\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })\n                  : null}\n              </Text>\n            ),\n            title: t('tableHeaders.2'),\n          },\n          {\n            title: t('tableHeaders.3'),\n            render: ({ payrollDeadline }) => (\n              <Text>\n                {payrollDeadline?.toLocaleDateString(locale, {\n                  weekday: 'short',\n                  month: 'short',\n                  day: 'numeric',\n                  year: 'numeric',\n                })}\n              </Text>\n            ),\n          },\n          {\n            title: t('tableHeaders.4'),\n            render: ({ processed }) => (\n              <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n            ),\n          },\n        ]}\n        data={payrolls}\n        label={t('payrollsListLabel')}\n        itemMenu={({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n          if (processed) {\n            return null\n          }\n\n          const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n          const { fullPeriod: payPeriodString } = formatPayPeriod(\n            payPeriod?.startDate,\n            payPeriod?.endDate,\n          )\n\n          const todayDateString = formatDateToStringDate(new Date())\n          const todayAtMidnight = todayDateString ? parseDateStringToLocal(todayDateString) : null\n          const payPeriodStartDate = payPeriod?.startDate\n            ? parseDateStringToLocal(payPeriod.startDate)\n            : null\n\n          const canSkipPayroll =\n            blockers.length === 0 &&\n            todayAtMidnight &&\n            payPeriodStartDate &&\n            todayAtMidnight >= payPeriodStartDate\n\n          return (\n            <div className={styles.actionsContainer}>\n              {calculatedAt ? (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onSubmitPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('submitPayrollCta')}\n                  variant=\"secondary\"\n                >\n                  {t('submitPayrollCta')}\n                </Button>\n              ) : (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onRunPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('runPayrollTitle')}\n                  variant=\"secondary\"\n                >\n                  {t('runPayrollTitle')}\n                </Button>\n              )}\n              {canSkipPayroll && (\n                <HamburgerMenu\n                  isLoading={isProcessingSkipPayroll}\n                  menuLabel={t('payrollMenuLabel')}\n                  items={[\n                    {\n                      label: t('skipPayrollCta'),\n                      onClick: () => {\n                        handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                      },\n                    },\n                  ]}\n                />\n              )}\n            </div>\n          )\n        }}\n      />\n      <Dialog\n        isOpen={skipPayrollDialogState.isOpen}\n        onClose={handleCloseSkipDialog}\n        onPrimaryActionClick={handleConfirmSkipPayroll}\n        isDestructive={true}\n        title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n        primaryActionLabel={t('skipPayrollDialog.confirmButton')}\n        closeActionLabel={t('skipPayrollDialog.cancelButton')}\n      >\n        {t('skipPayrollDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","locale","useLocale","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","parseDateStringToLocal","formattedEndDate","jsxs","Flex","jsx","styles","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","canSkipPayroll","HamburgerMenu"],"mappings":"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"}

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

@@ -4,13 +4,13 @@ import { useState as Y } from "react";
 import { calculateTotalPayroll as ae } from "../helpers.js";
 import { Flex as c, FlexItem as W } from "../../Common/Flex/Flex.js";
 import "classnames";
-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 { PAYMENT_METHODS as le, FlsaStatus as j, compensationTypeLabels as C } from "../../../shared/constants.js";
+import { useComponentContext as ie } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as oe } from "../../../i18n/I18n.js";
+import { useLocale as se } from "../../../contexts/LocaleProvider/useLocale.js";
 import { parseDateStringToLocal as y } from "../../../helpers/dateFormatting.js";
-import se from "../../Common/hooks/useNumberFormatter.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 de 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 { DataView as b } from "../../Common/DataView/DataView.js";
@@ -43,38 +43,38 @@ const ue = ({
   payrollData: l,
   bankAccount: G,
   taxes: N,
-  isSubmitting: h = !1,
+  isSubmitting: p = !1,
   isProcessed: k,
-  alerts: w
+  alerts: O = []
 }) => {
-  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(
+  const { Alert: M, Button: H, ButtonIcon: X, Dialog: $, Heading: w, Text: n, Tabs: z, LoadingSpinner: K } = ie();
+  oe("Payroll.PayrollOverview");
+  const { locale: u } = se(), { t: r } = re("Payroll.PayrollOverview"), o = de("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, i) => i.companyContribution ? a + i.companyContribution : a,
     0
-  ) ?? 0, v = (e) => e.fixedCompensations?.length ? Number(
+  ) ?? 0, E = (e) => e.fixedCompensations?.length ? Number(
     e.fixedCompensations.find(
       (a) => a.name?.toLowerCase() === C.REIMBURSEMENT_NAME.toLowerCase()
     )?.amount || 0
-  ) : 0, ee = (e) => e.grossPay + v(e) + _(e) + I(e), d = new Map(L.map((e) => [e.uuid, e])), D = (e) => e.hourlyCompensations?.reduce(
+  ) : 0, ee = (e) => e.grossPay + E(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 p = i.name.toLowerCase(), S = a[p] ?? 0;
-      return a[p] = S + Number(i.hours || 0), a;
+      const h = i.name.toLowerCase(), v = a[h] ?? 0;
+      return a[h] = v + Number(i.hours || 0), a;
     },
     {}
   ) || {}, 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,
+    (e, a) => !a.excluded && a.paymentMethod === le.check ? e + 1 : e,
     0
   ) ?? 0, F = [
     {
       key: "employeeName",
       title: r("tableHeaders.employees"),
-      render: (e) => /* @__PURE__ */ t(n, { children: O({
+      render: (e) => /* @__PURE__ */ t(n, { children: S({
         first_name: d.get(e.employeeUuid)?.firstName,
         last_name: d.get(e.employeeUuid)?.lastName
       }) })
@@ -87,7 +87,7 @@ const ue = ({
     {
       key: "reimbursements",
       title: r("tableHeaders.reimbursements"),
-      render: (e) => /* @__PURE__ */ t(n, { children: o(v(e)) })
+      render: (e) => /* @__PURE__ */ t(n, { children: o(E(e)) })
     },
     {
       key: "companyTaxes",
@@ -154,7 +154,7 @@ const ue = ({
           columns: [
             {
               title: r("tableHeaders.employees"),
-              render: (e) => /* @__PURE__ */ t(n, { children: O({
+              render: (e) => /* @__PURE__ */ t(n, { children: S({
                 first_name: d.get(e.employeeUuid)?.firstName,
                 last_name: d.get(e.employeeUuid)?.lastName
               }) })
@@ -163,16 +163,16 @@ const ue = ({
               title: r("tableHeaders.compensationType"),
               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
+                  const h = i.compensations?.find(
+                    (v) => v.uuid === i.currentCompensationUuid
                   )?.flsaStatus;
-                  switch (p) {
+                  switch (h) {
                     case j.EXEMPT:
                       return r("compensationTypeLabels.exempt");
                     case j.NONEXEMPT:
                       return r("compensationTypeLabels.nonexempt");
                     default:
-                      return p ?? "";
+                      return h ?? "";
                   }
                 }
                 return a;
@@ -216,7 +216,7 @@ const ue = ({
           columns: [
             {
               title: r("tableHeaders.employees"),
-              render: (e) => /* @__PURE__ */ t(n, { children: O({
+              render: (e) => /* @__PURE__ */ t(n, { children: S({
                 first_name: d.get(e.employeeUuid)?.firstName,
                 last_name: d.get(e.employeeUuid)?.lastName
               }) })
@@ -240,7 +240,7 @@ const ue = ({
             },
             {
               title: r("tableHeaders.reimbursements"),
-              render: (e) => /* @__PURE__ */ t(n, { children: o(v(e)) })
+              render: (e) => /* @__PURE__ */ t(n, { children: o(E(e)) })
             },
             {
               title: r("tableHeaders.employeeTaxes"),
@@ -336,7 +336,7 @@ const ue = ({
   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(w, { as: "h1", children: r(k ? "summaryTitle" : "overviewTitle") }),
         /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
           ne,
           {
@@ -348,7 +348,7 @@ const ue = ({
         ) })
       ] }),
       /* @__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(H, { onClick: T, variant: "secondary", isDisabled: p, children: r("payrollReceiptCta") }),
         /* @__PURE__ */ t(
           H,
           {
@@ -356,22 +356,22 @@ const ue = ({
               A(!0);
             },
             variant: "error",
-            isDisabled: h,
+            isDisabled: p,
             children: r("cancelCta")
           }
         )
       ] }) : /* @__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") })
+        /* @__PURE__ */ t(H, { onClick: m, variant: "secondary", isDisabled: p, children: r("editCta") }),
+        /* @__PURE__ */ t(H, { onClick: f, isDisabled: p, children: r("submitCta") })
       ] }) }) })
     ] }),
-    h ? /* @__PURE__ */ t(J, { children: /* @__PURE__ */ s(c, { flexDirection: "column", alignItems: "center", gap: 4, children: [
+    p ? /* @__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(w, { as: "h4", children: r("loadingTitle") }),
       /* @__PURE__ */ t(n, { children: r("loadingDescription") })
     ] }) }) : /* @__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") }),
+      O.length > 0 && /* @__PURE__ */ t(c, { 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(
         b,
         {

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll } from '../helpers'\nimport { DataView, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { compensationTypeLabels, FlsaStatus, PAYMENT_METHODS } from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\n\ninterface PayrollOverviewProps {\n  payrollData: PayrollShow\n  bankAccount?: CompanyBankAccount\n  employeeDetails: Employee[]\n  taxes: Record<string, { employee: number; employer: number }>\n  isSubmitting?: boolean\n  isProcessed: boolean\n  alerts?: PayrollFlowAlert[]\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n}\n\nconst getPayrollOverviewTitle = ({\n  payPeriod,\n  locale,\n}: {\n  payPeriod?: PayrollPayPeriodType\n  locale: string\n}) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    const startDate = parseDateStringToLocal(payPeriod.startDate)\n    const endDate = parseDateStringToLocal(payPeriod.endDate)\n\n    if (startDate && endDate) {\n      const startFormatted = startDate.toLocaleDateString(locale, {\n        month: 'long',\n        day: 'numeric',\n      })\n      const endFormatted = endDate.toLocaleDateString(locale, {\n        month: 'short',\n        day: 'numeric',\n        year: 'numeric',\n      })\n      return { startDate: startFormatted, endDate: endFormatted }\n    }\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollOverviewPresentation = ({\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  employeeDetails,\n  payrollData,\n  bankAccount,\n  taxes,\n  isSubmitting = false,\n  isProcessed,\n  alerts,\n}: PayrollOverviewProps) => {\n  const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs, LoadingSpinner } =\n    useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const { locale } = useLocale()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const { LoadingIndicator } = useLoadingIndicator()\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate = payrollData.payrollStatusMeta?.expectedDebitTime\n    ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n    : payrollData.payrollDeadline!\n\n  const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.taxes?.reduce(\n        (acc, tax) => (tax.employer ? acc + tax.amount : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.benefits?.reduce(\n        (acc, benefit) => (benefit.companyContribution ? acc + benefit.companyContribution : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getReimbursements = (employeeCompensation: EmployeeCompensations) => {\n    return employeeCompensation.fixedCompensations?.length\n      ? Number(\n          employeeCompensation.fixedCompensations.find(\n            c => c.name?.toLowerCase() === compensationTypeLabels.REIMBURSEMENT_NAME.toLowerCase(),\n          )?.amount || 0,\n        )\n      : 0\n  }\n\n  const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.grossPay! +\n      getReimbursements(employeeCompensation) +\n      getCompanyTaxes(employeeCompensation) +\n      getCompanyBenefits(employeeCompensation)\n    )\n  }\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>\n          {firstLastName({\n            first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n            last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n          })}\n        </Text>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>{formatCurrency(employeeCompensations.grossPay!)}</Text>\n      ),\n    },\n    {\n      key: 'reimbursements',\n      title: t('tableHeaders.reimbursements'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getReimbursements(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyTaxes(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyBenefits(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyCost(employeeCompensation))}</Text>\n      ),\n    },\n  ]\n  if (isProcessed) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <ButtonIcon\n          aria-label={t('downloadPaystubLabel')}\n          variant=\"tertiary\"\n          onClick={() => {\n            if (employeeCompensations.employeeUuid) {\n              onPaystubDownload(employeeCompensations.employeeUuid)\n            }\n          }}\n        >\n          <DownloadIcon />\n        </ButtonIcon>\n      ),\n    })\n  }\n  const tabs = [\n    {\n      id: 'companyPays',\n      label: t('dataViews.companyPaysTab'),\n      content: (\n        <DataView\n          label={t('dataViews.companyPaysTable')}\n          columns={companyPaysColumns}\n          data={payrollData.employeeCompensations!}\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text>{t('tableHeaders.footerTotalsLabel')}</Text>\n                <Text>{t('tableHeaders.footerTotalsDescription')}</Text>\n              </>\n            ),\n            grossPay: <Text>{formatCurrency(Number(payrollData.totals?.grossPay ?? 0))}</Text>,\n            reimbursements: (\n              <Text>{formatCurrency(Number(payrollData.totals?.reimbursements ?? 0))}</Text>\n            ),\n            companyTaxes: (\n              <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n            ),\n            companyBenefits: (\n              <Text>{formatCurrency(Number(payrollData.totals?.benefits ?? 0))}</Text>\n            ),\n            companyPays: <Text>{formatCurrency(totalPayroll)}</Text>,\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {employeeMap\n                    .get(employeeCompensations.employeeUuid!)\n                    ?.jobs?.reduce((acc, job) => {\n                      if (job.primary) {\n                        const flsaStatus = job.compensations?.find(\n                          comp => comp.uuid === job.currentCompensationUuid,\n                        )?.flsaStatus\n\n                        switch (flsaStatus) {\n                          case FlsaStatus.EXEMPT:\n                            return t('compensationTypeLabels.exempt')\n                          case FlsaStatus.NONEXEMPT:\n                            return t('compensationTypeLabels.nonexempt')\n                          default:\n                            return flsaStatus ?? ''\n                        }\n                      }\n                      return acc\n                    }, '')}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.REGULAR_HOURS_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] ||\n                    0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{getEmployeePtoHours(employeeCompensations)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                    (acc, hours) => acc + hours,\n                    0,\n                  ) + getEmployeePtoHours(employeeCompensations)}\n                </Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{employeeCompensations.paymentMethod ?? ''}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.grossPay ?? 0)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.deductions?.reduce(\n                      (acc, deduction) => acc + deduction.amount!,\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.reimbursements'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(getReimbursements(employeeCompensations))}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.taxes?.reduce(\n                      (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.benefits?.reduce(\n                      (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.netPay ?? 0)}</Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'taxes',\n      label: t('dataViews.taxesTab'),\n      content: (\n        <Flex flexDirection=\"column\" gap={32}>\n          <DataView\n            label={t('dataViews.taxesTable')}\n            columns={[\n              {\n                key: 'taxDescription',\n                title: t('tableHeaders.taxDescription'),\n                render: taxKey => <Text>{taxKey}</Text>,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employee ?? 0)}</Text>,\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employer ?? 0)}</Text>,\n              },\n            ]}\n            footer={() => ({\n              taxDescription: <Text>{t('totalsLabel')}</Text>,\n              byYourEmployees: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0))}</Text>\n              ),\n              byYourCompany: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n              ),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => <Text>{label}</Text>,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => <Text>{formatCurrency(Number(value))}</Text>,\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              {\n                label: t('reimbursementLabel'),\n                value: payrollData.totals?.reimbursementDebit || '0',\n              },\n              {\n                label: t('garnishmentsLabel'),\n                value: payrollData.totals?.childSupportDebit || '0',\n              },\n              { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n            ]}\n          />\n        </Flex>\n      ),\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <Flex justifyContent=\"space-between\">\n        <FlexItem flexGrow={1}>\n          <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n          <Text>\n            <Trans\n              i18nKey=\"pageSubtitle\"\n              t={t}\n              components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n              values={getPayrollOverviewTitle({ payPeriod: payrollData.payPeriod, locale })}\n            />\n          </Text>\n        </FlexItem>\n        <FlexItem flexGrow={1}>\n          <Flex justifyContent=\"flex-end\">\n            {isProcessed ? (\n              <>\n                <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isSubmitting}>\n                  {t('payrollReceiptCta')}\n                </Button>\n                <Button\n                  onClick={() => {\n                    setIsCancelDialogOpen(true)\n                  }}\n                  variant=\"error\"\n                  isDisabled={isSubmitting}\n                >\n                  {t('cancelCta')}\n                </Button>\n              </>\n            ) : (\n              <>\n                <Button onClick={onEdit} variant=\"secondary\" isDisabled={isSubmitting}>\n                  {t('editCta')}\n                </Button>\n                <Button onClick={onSubmit} isDisabled={isSubmitting}>\n                  {t('submitCta')}\n                </Button>\n              </>\n            )}\n          </Flex>\n        </FlexItem>\n      </Flex>\n      {isSubmitting ? (\n        <LoadingIndicator>\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n            <LoadingSpinner size=\"lg\" />\n            <Heading as=\"h4\">{t('loadingTitle')}</Heading>\n            <Text>{t('loadingDescription')}</Text>\n          </Flex>\n        </LoadingIndicator>\n      ) : (\n        <>\n          {alerts?.length && alerts.length > 0 && (\n            <Flex flexDirection={'column'} gap={16}>\n              {alerts.map((alert, index) => (\n                <Alert key={`${alert.type}-${alert.title}`} label={alert.title} status={alert.type}>\n                  {alert.content ?? null}\n                </Alert>\n              ))}\n            </Flex>\n          )}\n          <Heading as=\"h3\">{t('payrollSummaryTitle')}</Heading>\n          <DataView\n            label={t('payrollSummaryLabel')}\n            columns={[\n              {\n                title: t('tableHeaders.totalPayroll'),\n                render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n              },\n              {\n                title: t('tableHeaders.debitAmount'),\n                render: () => (\n                  <Text>{formatCurrency(Number(payrollData.totals?.companyDebit ?? 0))}</Text>\n                ),\n              },\n              {\n                title: t('tableHeaders.debitAccount'),\n                render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n              },\n              {\n                title: t('tableHeaders.debitDate'),\n                render: () => (\n                  <Text>\n                    {expectedDebitDate?.toLocaleString(locale, {\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })}\n                  </Text>\n                ),\n              },\n              {\n                title: t('tableHeaders.employeesPayDate'),\n                render: () => (\n                  <Text>\n                    {parseDateStringToLocal(payrollData.checkDate!)?.toLocaleDateString(locale, {\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })}\n                  </Text>\n                ),\n              },\n            ]}\n            data={[{}]}\n          />\n          {checkPaymentsCount > 0 && (\n            <Alert\n              status=\"warning\"\n              label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n            >\n              <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n            </Alert>\n          )}\n          <Tabs\n            onSelectionChange={setSelectedTab}\n            selectedId={selectedTab}\n            aria-label={t('dataViews.label')}\n            tabs={tabs}\n          />\n          {isCancelDialogOpen && (\n            <Dialog\n              isOpen={isCancelDialogOpen}\n              onClose={() => {\n                setIsCancelDialogOpen(false)\n              }}\n              onPrimaryActionClick={onCancel}\n              shouldCloseOnBackdropClick={true}\n              primaryActionLabel={t('confirmCancelCta')}\n              isDestructive={true}\n              closeActionLabel={t('declineCancelCta')}\n              title={t('cancelDialogTitle', {\n                startDate: parseDateStringToLocal(\n                  payrollData.payPeriod?.startDate ?? '',\n                )?.toLocaleDateString(locale, {\n                  month: 'long',\n                  day: 'numeric',\n                }),\n                endDate: parseDateStringToLocal(\n                  payrollData.payPeriod?.endDate ?? '',\n                )?.toLocaleDateString(locale, {\n                  month: 'long',\n                  day: 'numeric',\n                  year: 'numeric',\n                }),\n              })}\n            >\n              <Flex gap={14} flexDirection=\"column\">\n                <Text>{t('cancelDialogDescription')}</Text>\n                <Text>\n                  {t('cancelDialogDescriptionDeadline', {\n                    deadline: (payrollData.payrollDeadline ?? '').toLocaleString(locale, {\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                      hour: 'numeric',\n                      minute: 'numeric',\n                      timeZoneName: 'short',\n                    }),\n                  })}\n                </Text>\n              </Flex>\n            </Dialog>\n          )}\n        </>\n      )}\n    </Flex>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","locale","startDate","parseDateStringToLocal","endDate","startFormatted","endFormatted","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","isSubmitting","isProcessed","alerts","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","LoadingSpinner","useComponentContext","useI18n","useLocale","t","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","LoadingIndicator","useLoadingIndicator","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","jsx","firstLastName","DownloadIcon","tabs","DataView","jsxs","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","Flex","taxKey","label","value","FlexItem","Trans","alert","index"],"mappings":"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"}
+{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll } from '../helpers'\nimport { DataView, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { compensationTypeLabels, FlsaStatus, PAYMENT_METHODS } from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\n\ninterface PayrollOverviewProps {\n  payrollData: PayrollShow\n  bankAccount?: CompanyBankAccount\n  employeeDetails: Employee[]\n  taxes: Record<string, { employee: number; employer: number }>\n  isSubmitting?: boolean\n  isProcessed: boolean\n  alerts?: PayrollFlowAlert[]\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n}\n\nconst getPayrollOverviewTitle = ({\n  payPeriod,\n  locale,\n}: {\n  payPeriod?: PayrollPayPeriodType\n  locale: string\n}) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    const startDate = parseDateStringToLocal(payPeriod.startDate)\n    const endDate = parseDateStringToLocal(payPeriod.endDate)\n\n    if (startDate && endDate) {\n      const startFormatted = startDate.toLocaleDateString(locale, {\n        month: 'long',\n        day: 'numeric',\n      })\n      const endFormatted = endDate.toLocaleDateString(locale, {\n        month: 'short',\n        day: 'numeric',\n        year: 'numeric',\n      })\n      return { startDate: startFormatted, endDate: endFormatted }\n    }\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollOverviewPresentation = ({\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  employeeDetails,\n  payrollData,\n  bankAccount,\n  taxes,\n  isSubmitting = false,\n  isProcessed,\n  alerts = [],\n}: PayrollOverviewProps) => {\n  const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs, LoadingSpinner } =\n    useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const { locale } = useLocale()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const { LoadingIndicator } = useLoadingIndicator()\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate = payrollData.payrollStatusMeta?.expectedDebitTime\n    ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n    : payrollData.payrollDeadline!\n\n  const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.taxes?.reduce(\n        (acc, tax) => (tax.employer ? acc + tax.amount : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.benefits?.reduce(\n        (acc, benefit) => (benefit.companyContribution ? acc + benefit.companyContribution : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getReimbursements = (employeeCompensation: EmployeeCompensations) => {\n    return employeeCompensation.fixedCompensations?.length\n      ? Number(\n          employeeCompensation.fixedCompensations.find(\n            c => c.name?.toLowerCase() === compensationTypeLabels.REIMBURSEMENT_NAME.toLowerCase(),\n          )?.amount || 0,\n        )\n      : 0\n  }\n\n  const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.grossPay! +\n      getReimbursements(employeeCompensation) +\n      getCompanyTaxes(employeeCompensation) +\n      getCompanyBenefits(employeeCompensation)\n    )\n  }\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>\n          {firstLastName({\n            first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n            last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n          })}\n        </Text>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>{formatCurrency(employeeCompensations.grossPay!)}</Text>\n      ),\n    },\n    {\n      key: 'reimbursements',\n      title: t('tableHeaders.reimbursements'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getReimbursements(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyTaxes(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyBenefits(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyCost(employeeCompensation))}</Text>\n      ),\n    },\n  ]\n  if (isProcessed) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <ButtonIcon\n          aria-label={t('downloadPaystubLabel')}\n          variant=\"tertiary\"\n          onClick={() => {\n            if (employeeCompensations.employeeUuid) {\n              onPaystubDownload(employeeCompensations.employeeUuid)\n            }\n          }}\n        >\n          <DownloadIcon />\n        </ButtonIcon>\n      ),\n    })\n  }\n  const tabs = [\n    {\n      id: 'companyPays',\n      label: t('dataViews.companyPaysTab'),\n      content: (\n        <DataView\n          label={t('dataViews.companyPaysTable')}\n          columns={companyPaysColumns}\n          data={payrollData.employeeCompensations!}\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text>{t('tableHeaders.footerTotalsLabel')}</Text>\n                <Text>{t('tableHeaders.footerTotalsDescription')}</Text>\n              </>\n            ),\n            grossPay: <Text>{formatCurrency(Number(payrollData.totals?.grossPay ?? 0))}</Text>,\n            reimbursements: (\n              <Text>{formatCurrency(Number(payrollData.totals?.reimbursements ?? 0))}</Text>\n            ),\n            companyTaxes: (\n              <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n            ),\n            companyBenefits: (\n              <Text>{formatCurrency(Number(payrollData.totals?.benefits ?? 0))}</Text>\n            ),\n            companyPays: <Text>{formatCurrency(totalPayroll)}</Text>,\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {employeeMap\n                    .get(employeeCompensations.employeeUuid!)\n                    ?.jobs?.reduce((acc, job) => {\n                      if (job.primary) {\n                        const flsaStatus = job.compensations?.find(\n                          comp => comp.uuid === job.currentCompensationUuid,\n                        )?.flsaStatus\n\n                        switch (flsaStatus) {\n                          case FlsaStatus.EXEMPT:\n                            return t('compensationTypeLabels.exempt')\n                          case FlsaStatus.NONEXEMPT:\n                            return t('compensationTypeLabels.nonexempt')\n                          default:\n                            return flsaStatus ?? ''\n                        }\n                      }\n                      return acc\n                    }, '')}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.REGULAR_HOURS_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] ||\n                    0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{getEmployeePtoHours(employeeCompensations)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                    (acc, hours) => acc + hours,\n                    0,\n                  ) + getEmployeePtoHours(employeeCompensations)}\n                </Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{employeeCompensations.paymentMethod ?? ''}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.grossPay ?? 0)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.deductions?.reduce(\n                      (acc, deduction) => acc + deduction.amount!,\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.reimbursements'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(getReimbursements(employeeCompensations))}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.taxes?.reduce(\n                      (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.benefits?.reduce(\n                      (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.netPay ?? 0)}</Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'taxes',\n      label: t('dataViews.taxesTab'),\n      content: (\n        <Flex flexDirection=\"column\" gap={32}>\n          <DataView\n            label={t('dataViews.taxesTable')}\n            columns={[\n              {\n                key: 'taxDescription',\n                title: t('tableHeaders.taxDescription'),\n                render: taxKey => <Text>{taxKey}</Text>,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employee ?? 0)}</Text>,\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employer ?? 0)}</Text>,\n              },\n            ]}\n            footer={() => ({\n              taxDescription: <Text>{t('totalsLabel')}</Text>,\n              byYourEmployees: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0))}</Text>\n              ),\n              byYourCompany: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n              ),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => <Text>{label}</Text>,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => <Text>{formatCurrency(Number(value))}</Text>,\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              {\n                label: t('reimbursementLabel'),\n                value: payrollData.totals?.reimbursementDebit || '0',\n              },\n              {\n                label: t('garnishmentsLabel'),\n                value: payrollData.totals?.childSupportDebit || '0',\n              },\n              { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n            ]}\n          />\n        </Flex>\n      ),\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <Flex justifyContent=\"space-between\">\n        <FlexItem flexGrow={1}>\n          <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n          <Text>\n            <Trans\n              i18nKey=\"pageSubtitle\"\n              t={t}\n              components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n              values={getPayrollOverviewTitle({ payPeriod: payrollData.payPeriod, locale })}\n            />\n          </Text>\n        </FlexItem>\n        <FlexItem flexGrow={1}>\n          <Flex justifyContent=\"flex-end\">\n            {isProcessed ? (\n              <>\n                <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isSubmitting}>\n                  {t('payrollReceiptCta')}\n                </Button>\n                <Button\n                  onClick={() => {\n                    setIsCancelDialogOpen(true)\n                  }}\n                  variant=\"error\"\n                  isDisabled={isSubmitting}\n                >\n                  {t('cancelCta')}\n                </Button>\n              </>\n            ) : (\n              <>\n                <Button onClick={onEdit} variant=\"secondary\" isDisabled={isSubmitting}>\n                  {t('editCta')}\n                </Button>\n                <Button onClick={onSubmit} isDisabled={isSubmitting}>\n                  {t('submitCta')}\n                </Button>\n              </>\n            )}\n          </Flex>\n        </FlexItem>\n      </Flex>\n      {isSubmitting ? (\n        <LoadingIndicator>\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n            <LoadingSpinner size=\"lg\" />\n            <Heading as=\"h4\">{t('loadingTitle')}</Heading>\n            <Text>{t('loadingDescription')}</Text>\n          </Flex>\n        </LoadingIndicator>\n      ) : (\n        <>\n          {alerts.length > 0 && (\n            <Flex flexDirection={'column'} gap={16}>\n              {alerts.map((alert, index) => (\n                <Alert key={`${alert.type}-${alert.title}`} label={alert.title} status={alert.type}>\n                  {alert.content ?? null}\n                </Alert>\n              ))}\n            </Flex>\n          )}\n          <Heading as=\"h3\">{t('payrollSummaryTitle')}</Heading>\n          <DataView\n            label={t('payrollSummaryLabel')}\n            columns={[\n              {\n                title: t('tableHeaders.totalPayroll'),\n                render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n              },\n              {\n                title: t('tableHeaders.debitAmount'),\n                render: () => (\n                  <Text>{formatCurrency(Number(payrollData.totals?.companyDebit ?? 0))}</Text>\n                ),\n              },\n              {\n                title: t('tableHeaders.debitAccount'),\n                render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n              },\n              {\n                title: t('tableHeaders.debitDate'),\n                render: () => (\n                  <Text>\n                    {expectedDebitDate?.toLocaleString(locale, {\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })}\n                  </Text>\n                ),\n              },\n              {\n                title: t('tableHeaders.employeesPayDate'),\n                render: () => (\n                  <Text>\n                    {parseDateStringToLocal(payrollData.checkDate!)?.toLocaleDateString(locale, {\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })}\n                  </Text>\n                ),\n              },\n            ]}\n            data={[{}]}\n          />\n          {checkPaymentsCount > 0 && (\n            <Alert\n              status=\"warning\"\n              label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n            >\n              <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n            </Alert>\n          )}\n          <Tabs\n            onSelectionChange={setSelectedTab}\n            selectedId={selectedTab}\n            aria-label={t('dataViews.label')}\n            tabs={tabs}\n          />\n          {isCancelDialogOpen && (\n            <Dialog\n              isOpen={isCancelDialogOpen}\n              onClose={() => {\n                setIsCancelDialogOpen(false)\n              }}\n              onPrimaryActionClick={onCancel}\n              shouldCloseOnBackdropClick={true}\n              primaryActionLabel={t('confirmCancelCta')}\n              isDestructive={true}\n              closeActionLabel={t('declineCancelCta')}\n              title={t('cancelDialogTitle', {\n                startDate: parseDateStringToLocal(\n                  payrollData.payPeriod?.startDate ?? '',\n                )?.toLocaleDateString(locale, {\n                  month: 'long',\n                  day: 'numeric',\n                }),\n                endDate: parseDateStringToLocal(\n                  payrollData.payPeriod?.endDate ?? '',\n                )?.toLocaleDateString(locale, {\n                  month: 'long',\n                  day: 'numeric',\n                  year: 'numeric',\n                }),\n              })}\n            >\n              <Flex gap={14} flexDirection=\"column\">\n                <Text>{t('cancelDialogDescription')}</Text>\n                <Text>\n                  {t('cancelDialogDescriptionDeadline', {\n                    deadline: (payrollData.payrollDeadline ?? '').toLocaleString(locale, {\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                      hour: 'numeric',\n                      minute: 'numeric',\n                      timeZoneName: 'short',\n                    }),\n                  })}\n                </Text>\n              </Flex>\n            </Dialog>\n          )}\n        </>\n      )}\n    </Flex>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","locale","startDate","parseDateStringToLocal","endDate","startFormatted","endFormatted","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","isSubmitting","isProcessed","alerts","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","LoadingSpinner","useComponentContext","useI18n","useLocale","t","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","LoadingIndicator","useLoadingIndicator","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","jsx","firstLastName","DownloadIcon","tabs","DataView","jsxs","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","Flex","taxKey","label","value","FlexItem","Trans","alert","index"],"mappings":"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"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js

@@ -4,6 +4,7 @@ import { useTranslation as R } from "react-i18next";
 import d from "classnames";
 import i from "./PayrollReceiptsPresentation.module.scss.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
+import "../../../shared/constants.js";
 import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatNumberAsCurrency as r } from "../../../helpers/formattedStrings.js";
 import { useI18n as I } from "../../../i18n/I18n.js";
@@ -11,7 +12,7 @@ import { useContainerBreakpoints as S } from "../../../hooks/useContainerBreakpo
 import z from "../../../assets/icons/receipt-check.svg.js";
 import { DataTable as b } from "../../Common/DataView/DataTable/DataTable.js";
 import { DataView as h } from "../../Common/DataView/DataView.js";
-const K = ({ receiptData: n }) => {
+const Q = ({ receiptData: n }) => {
   const { Heading: p, Text: o } = L();
   I("Payroll.PayrollReceipts");
   const { t } = R("Payroll.PayrollReceipts"), u = P(null), c = !S({ ref: u }).includes("small"), y = (l) => `${l.employeeFirstName || ""} ${l.employeeLastName || ""}`.trim(), g = () => (n.employeeCompensations || []).reduce(
@@ -214,6 +215,6 @@ const K = ({ receiptData: n }) => {
   ] }) });
 };
 export {
-  K as PayrollReceiptsPresentation
+  Q as PayrollReceiptsPresentation
 };
 //# sourceMappingURL=PayrollReceiptsPresentation.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n}\n\nexport const PayrollReceiptsPresentation = ({ receiptData }: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","Heading","Text","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":"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"}
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n}\n\nexport const PayrollReceiptsPresentation = ({ receiptData }: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","Heading","Text","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":"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"}