npm - @gusto/embedded-react-sdk - Versions diffs - 0.55.6 → 0.55.8 - Mend

@gusto/embedded-react-sdk 0.55.6 → 0.55.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1495) hide show

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

	@@ -1 +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, useRef } from 'react'\nimport type {\n PayrollSubmissionBlockerType,\n UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n calculateTotalPayroll,\n getPayrollTypeLabel,\n getReimbursements,\n isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n compensationTypeLabels,\n FlsaStatus,\n PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n} from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n payrollData: PayrollShow\n bankAccount?: CompanyBankAccount\n taxes: Record<string, { employee: number; employer: number }>\n status?: PayrollOverviewStatus\n isProcessed: boolean\n canCancel?: boolean\n canEdit?: boolean\n alerts?: PayrollFlowAlert[]\n submissionBlockers?: PayrollSubmissionBlockerType[]\n selectedUnblockOptions?: Record<string, string>\n wireInConfirmationRequest?: React.ReactNode\n printChecksBanner?: React.ReactNode\n pagination?: PaginationControlProps\n onEdit: () => void\n onSubmit: () => void\n onCancel: () => void\n onPayrollReceipt: () => void\n onPaystubDownload: (employeeId: string) => void\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n withReimbursements?: boolean\n paymentSpeed?: PaymentSpeed\n downloadingEmployeeIds?: ReadonlySet<string>\n}\n\nconst getPayrollOverviewTitle = (\n payPeriod: PayrollPayPeriodType \| undefined,\n dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n if (payPeriod?.startDate && payPeriod.endDate) {\n return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n }\n return { startDate: '', endDate: '' }\n}\n\n/** @internal */\nexport const PayrollOverviewPresentation = ({\n onEdit,\n onSubmit,\n onCancel,\n onPayrollReceipt,\n onPaystubDownload,\n payrollData,\n bankAccount,\n taxes,\n status = PayrollOverviewStatus.Viewing,\n isProcessed,\n canCancel = false,\n canEdit = true,\n alerts = [],\n submissionBlockers = [],\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n wireInConfirmationRequest,\n printChecksBanner,\n withReimbursements = true,\n paymentSpeed,\n pagination,\n downloadingEmployeeIds = new Set<string>(),\n}: PayrollOverviewProps) => {\n const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n useI18n('Payroll.PayrollOverview')\n const dateFormatter = useDateFormatter()\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 containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\n\n const isLoading =\n status === PayrollOverviewStatus.Submitting \|\| status === PayrollOverviewStatus.Cancelling\n\n const pageHeading = (\n <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n )\n const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n // formatWithTime returns { time, date }, and the cancel dialog used to interpolate only\n // `time` -- so it read \"Run this payroll by 4:00 PM PDT\" with no date at all (SDK-1286).\n // Rendered as \"<time> on <date>\" to match how PayrollHistory shows the same deadline.\n const cancelDeadline = (() => {\n const { time, date } = dateFormatter.formatWithTime(payrollData.payrollDeadline)\n return date ? `${time} on ${date}` : time\n })()\n\n const pageSubtitle = (\n <Text>\n <Trans\n i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n t={t}\n components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n values={{\n ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n payrollType: getPayrollTypeLabel(payrollData),\n }}\n />\n </Text>\n )\n\n if (status === PayrollOverviewStatus.Cancelled) {\n return (\n <div ref={containerRef} className={styles.container}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n </Flex>\n <Alert status=\"info\" label={t('cancelledEmptyState')} />\n </Flex>\n </div>\n )\n }\n\n const totalPayroll = calculateTotalPayroll(payrollData)\n\n const expectedDebitDate =\n payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc + Number(tax.amount) : acc),\n 0,\n ) ?? 0\n )\n }\n const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.benefits?.reduce(\n (acc, benefit) =>\n benefit.companyContribution ? acc + Number(benefit.companyContribution) : acc,\n 0,\n ) ?? 0\n )\n }\n const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n return (\n Number(employeeCompensation.grossPay!) +\n getReimbursements(employeeCompensation) +\n getCompanyTaxes(employeeCompensation) +\n getCompanyBenefits(employeeCompensation)\n )\n }\n\n const fastAchBlocker = submissionBlockers.find(\n blocker =>\n blocker.blockerType === 'fast_ach_threshold_exceeded' \|\|\n blocker.blockerType === 'needs_earned_access_for_fast_ach',\n )\n const selectedUnblockType = fastAchBlocker\n ? selectedUnblockOptions[fastAchBlocker.blockerType \|\| '']\n : undefined\n const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n )\n\n const isWireFunds = selectedUnblockType === 'wire_in'\n const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\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 companyPaysColumns: Array<{\n key: string\n title: string\n justify?: 'start' \| 'end'\n render: (item: EmployeeCompensations) => React.ReactNode\n }> = [\n {\n key: 'employeeName',\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n </Flex>\n ),\n },\n {\n key: 'grossPay',\n title: t('tableHeaders.grossPay'),\n justify: 'end',\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay!)),\n },\n ...(withReimbursements\n ? [\n {\n key: 'reimbursements',\n title: t('tableHeaders.reimbursements'),\n justify: 'end' as const,\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensation)),\n },\n ]\n : []),\n {\n key: 'companyTaxes',\n title: t('tableHeaders.companyTaxes'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyTaxes(employeeCompensation)),\n },\n {\n key: 'companyBenefits',\n title: t('tableHeaders.companyBenefits'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyBenefits(employeeCompensation)),\n },\n {\n key: 'companyPays',\n title: t('tableHeaders.companyPays'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyCost(employeeCompensation)),\n },\n ]\n if (isProcessed && isDesktop) {\n companyPaysColumns.push({\n key: 'paystubs',\n title: t('tableHeaders.paystub'),\n render: (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <Flex justifyContent=\"flex-end\">\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n </Flex>\n )\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 pagination={pagination}\n itemMenu={\n isProcessed && !isDesktop\n ? (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n )\n }\n : undefined\n }\n footer={() => ({\n employeeName: (\n <>\n {t('tableHeaders.footerTotalsLabel')}\n <Text variant=\"supporting\" size=\"sm\">\n {t('tableHeaders.footerTotalsDescription')}\n </Text>\n </>\n ),\n grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n ...(withReimbursements\n ? {\n reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n }\n : {}),\n companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n companyPays: formatCurrency(totalPayroll),\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 <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.compensationType'),\n render: (employeeCompensations: EmployeeCompensations) => {\n const flsaStatus = employeeCompensations.hourlyCompensations?.find(\n compensation => compensation.flsaStatus,\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 },\n {\n title: t('tableHeaders.regular'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.REGULAR_HOURS_NAME\n ] \|\| 0,\n },\n {\n title: t('tableHeaders.overtime'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] \|\| 0,\n },\n {\n title: t('tableHeaders.doubleOT'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.DOUBLE_OVERTIME_NAME\n ] \|\| 0,\n },\n {\n title: t('tableHeaders.timeOff'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeePtoHours(employeeCompensations),\n },\n {\n title: t('tableHeaders.totalHours'),\n render: (employeeCompensations: EmployeeCompensations) =>\n Object.values(getEmployeeHours(employeeCompensations)).reduce(\n (acc, hours) => acc + hours,\n 0,\n ) + getEmployeePtoHours(employeeCompensations),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\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 <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.paymentType'),\n render: (employeeCompensations: EmployeeCompensations) =>\n employeeCompensations.paymentMethod ?? '',\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay ?? 0)),\n },\n {\n title: t('tableHeaders.deductions'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.deductions?.reduce(\n (acc, deduction) => acc + Number(deduction.amount),\n 0,\n ) ?? 0,\n ),\n },\n ...(withReimbursements\n ? [\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensations)),\n },\n ]\n : []),\n {\n title: t('tableHeaders.employeeTaxes'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc : acc + Number(tax.amount)),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.employeeBenefits'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.benefits?.reduce(\n (acc, benefit) => acc + Number(benefit.employeeDeduction ?? 0),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.payment'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n Number(employeeCompensations.netPay ?? 0) +\n getReimbursements(employeeCompensations),\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\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 => taxKey,\n },\n {\n key: 'byYourEmployees',\n title: t('tableHeaders.byYourEmployees'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n },\n {\n key: 'byYourCompany',\n title: t('tableHeaders.byYourCompany'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n },\n ]}\n footer={() => ({\n taxDescription: (\n <Text weight=\"semibold\" size=\"sm\">\n {t('totalsLabel')}\n </Text>\n ),\n byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\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 }) => label,\n },\n {\n title: t('tableHeaders.taxesTotal'),\n render: ({ value }) => formatCurrency(Number(value)),\n },\n ]}\n data={[\n { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit \|\| '0' },\n ...(withReimbursements\n ? [\n {\n label: t('reimbursementLabel'),\n value: payrollData.totals?.reimbursementDebit \|\| '0',\n },\n ]\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 const actions = isProcessed ? (\n <>\n <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n {t('payrollReceiptCta')}\n </Button>\n {canCancel && (\n <Button\n onClick={() => {\n setIsCancelDialogOpen(true)\n }}\n variant=\"error\"\n isDisabled={isLoading}\n >\n {t('cancelCta')}\n </Button>\n )}\n </>\n ) : (\n <>\n {canEdit && (\n <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n {t('editCta')}\n </Button>\n )}\n <Button\n onClick={onSubmit}\n isDisabled={\n isLoading \|\|\n (submissionBlockers.length > 0 &&\n (submissionBlockers.some(\n blocker =>\n !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType \|\| ''),\n ) \|\|\n submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )))\n }\n >\n {t('submitCta')}\n </Button>\n </>\n )\n\n return (\n <div ref={containerRef} className={styles.container}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n {isDesktop && (\n <Flex gap={8} justifyContent=\"flex-end\">\n {actions}\n </Flex>\n )}\n </Flex>\n {!isDesktop && (\n <Grid gridTemplateColumns=\"1fr\" gap={8}>\n {actions}\n </Grid>\n )}\n {status === PayrollOverviewStatus.Cancelling ? (\n <PayrollLoading title={t('cancellingTitle')} />\n ) : status === PayrollOverviewStatus.Submitting ? (\n <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n ) : (\n <>\n {wireInConfirmationRequest}\n {alerts.length > 0 && (\n <Flex flexDirection={'column'} gap={16}>\n {alerts.map((alert, index) => (\n <Alert\n key={`${alert.type}-${alert.title}`}\n label={alert.title}\n status={alert.type}\n onDismiss={alert.onDismiss}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n </Flex>\n )}\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType \|\| ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n <Heading as=\"h2\" styledAs=\"h3\">\n {isWireFunds\n ? t('payrollSummaryTitleWire')\n : isFourDayDirectDeposit\n ? t('payrollSummaryTitleFourDay')\n : t('payrollSummaryTitle')}\n </Heading>\n\n {isWireFunds ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.wireAmount'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_amount?: string } \| undefined\n const wireAmount = metadata?.wire_in_amount\n return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n },\n },\n {\n title: t('tableHeaders.wireTransferDeadline'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_deadline?: string } \| undefined\n const wireDeadline = metadata?.wire_in_deadline\n const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : isFourDayDirectDeposit ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => {\n const debitAmount = payrollData.totals?.companyDebit\n return formatCurrency(Number(debitAmount ?? 0))\n },\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { debit_date?: string } \| undefined\n const debitDate = metadata?.debit_date\n return dateFormatter.formatShortWithYear(debitDate)\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n },\n ]}\n data={[{}]}\n />\n )}\n {printChecksBanner}\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(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n })}\n >\n <Flex gap={14} flexDirection=\"column\">\n <Text>{t('cancelDialogDescription')}</Text>\n {Number(payrollData.totals?.netPayDebit ?? 0) > 0 && (\n <Text>\n {t('cancelDialogDescriptionDeadline', {\n deadline: cancelDeadline,\n })}\n </Text>\n )}\n </Flex>\n </Dialog>\n )}\n </>\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","canEdit","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","printChecksBanner","withReimbursements","paymentSpeed","pagination","downloadingEmployeeIds","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","cancelDeadline","time","date","pageSubtitle","Trans","getPayrollTypeLabel","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getCompanyCost","getReimbursements","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","firstLastName","isDownloading","DownloadIcon","tabs","DataView","Fragment","flsaStatus","compensation","FlsaStatus","compensationTypeLabels","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\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, useRef } from 'react'\nimport type {\n PayrollSubmissionBlockerType,\n UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n calculateTotalPayroll,\n getPayrollTypeLabel,\n getReimbursements,\n isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n compensationTypeLabels,\n FlsaStatus,\n PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n} from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n className?: string\n payrollData: PayrollShow\n employeeFlsaStatusByUuid?: Record<string, string \| undefined>\n bankAccount?: CompanyBankAccount\n taxes: Record<string, { employee: number; employer: number }>\n status?: PayrollOverviewStatus\n isProcessed: boolean\n canCancel?: boolean\n canEdit?: boolean\n alerts?: PayrollFlowAlert[]\n submissionBlockers?: PayrollSubmissionBlockerType[]\n selectedUnblockOptions?: Record<string, string>\n wireInConfirmationRequest?: React.ReactNode\n printChecksBanner?: React.ReactNode\n pagination?: PaginationControlProps\n onEdit: () => void\n onSubmit: () => void\n onCancel: () => void\n onPayrollReceipt: () => void\n onPaystubDownload: (employeeId: string) => void\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n withReimbursements?: boolean\n paymentSpeed?: PaymentSpeed\n downloadingEmployeeIds?: ReadonlySet<string>\n}\n\nconst getPayrollOverviewTitle = (\n payPeriod: PayrollPayPeriodType \| undefined,\n dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n if (payPeriod?.startDate && payPeriod.endDate) {\n return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n }\n return { startDate: '', endDate: '' }\n}\n\n/** @internal */\nexport const PayrollOverviewPresentation = ({\n className,\n onEdit,\n onSubmit,\n onCancel,\n onPayrollReceipt,\n onPaystubDownload,\n payrollData,\n employeeFlsaStatusByUuid = {},\n bankAccount,\n taxes,\n status = PayrollOverviewStatus.Viewing,\n isProcessed,\n canCancel = false,\n canEdit = true,\n alerts = [],\n submissionBlockers = [],\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n wireInConfirmationRequest,\n printChecksBanner,\n withReimbursements = true,\n paymentSpeed,\n pagination,\n downloadingEmployeeIds = new Set<string>(),\n}: PayrollOverviewProps) => {\n const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n useI18n('Payroll.PayrollOverview')\n const dateFormatter = useDateFormatter()\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 containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\n\n const isLoading =\n status === PayrollOverviewStatus.Submitting \|\| status === PayrollOverviewStatus.Cancelling\n\n const pageHeading = (\n <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n )\n const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n // formatWithTime returns { time, date }, and the cancel dialog used to interpolate only\n // `time` -- so it read \"Run this payroll by 4:00 PM PDT\" with no date at all (SDK-1286).\n // Rendered as \"<time> on <date>\" to match how PayrollHistory shows the same deadline.\n const cancelDeadline = (() => {\n const { time, date } = dateFormatter.formatWithTime(payrollData.payrollDeadline)\n return date ? `${time} on ${date}` : time\n })()\n\n const pageSubtitle = (\n <Text>\n <Trans\n i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n t={t}\n components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n values={{\n ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n payrollType: getPayrollTypeLabel(payrollData),\n }}\n />\n </Text>\n )\n\n if (status === PayrollOverviewStatus.Cancelled) {\n return (\n <div ref={containerRef} className={classNames(styles.container, className)}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n </Flex>\n <Alert status=\"info\" label={t('cancelledEmptyState')} />\n </Flex>\n </div>\n )\n }\n\n const totalPayroll = calculateTotalPayroll(payrollData)\n\n const expectedDebitDate =\n payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc + Number(tax.amount) : acc),\n 0,\n ) ?? 0\n )\n }\n const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.benefits?.reduce(\n (acc, benefit) =>\n benefit.companyContribution ? acc + Number(benefit.companyContribution) : acc,\n 0,\n ) ?? 0\n )\n }\n const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n return (\n Number(employeeCompensation.grossPay!) +\n getReimbursements(employeeCompensation) +\n getCompanyTaxes(employeeCompensation) +\n getCompanyBenefits(employeeCompensation)\n )\n }\n\n const fastAchBlocker = submissionBlockers.find(\n blocker =>\n blocker.blockerType === 'fast_ach_threshold_exceeded' \|\|\n blocker.blockerType === 'needs_earned_access_for_fast_ach',\n )\n const selectedUnblockType = fastAchBlocker\n ? selectedUnblockOptions[fastAchBlocker.blockerType \|\| '']\n : undefined\n const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n )\n\n const isWireFunds = selectedUnblockType === 'wire_in'\n const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\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 companyPaysColumns: Array<{\n key: string\n title: string\n justify?: 'start' \| 'end'\n render: (item: EmployeeCompensations) => React.ReactNode\n }> = [\n {\n key: 'employeeName',\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n </Flex>\n ),\n },\n {\n key: 'grossPay',\n title: t('tableHeaders.grossPay'),\n justify: 'end',\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay!)),\n },\n ...(withReimbursements\n ? [\n {\n key: 'reimbursements',\n title: t('tableHeaders.reimbursements'),\n justify: 'end' as const,\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensation)),\n },\n ]\n : []),\n {\n key: 'companyTaxes',\n title: t('tableHeaders.companyTaxes'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyTaxes(employeeCompensation)),\n },\n {\n key: 'companyBenefits',\n title: t('tableHeaders.companyBenefits'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyBenefits(employeeCompensation)),\n },\n {\n key: 'companyPays',\n title: t('tableHeaders.companyPays'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyCost(employeeCompensation)),\n },\n ]\n if (isProcessed && isDesktop) {\n companyPaysColumns.push({\n key: 'paystubs',\n title: t('tableHeaders.paystub'),\n justify: 'end',\n render: (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <Flex justifyContent=\"flex-end\">\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n </Flex>\n )\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 pagination={pagination}\n itemMenu={\n isProcessed && !isDesktop\n ? (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n )\n }\n : undefined\n }\n footer={() => ({\n employeeName: (\n <>\n {t('tableHeaders.footerTotalsLabel')}\n <Text variant=\"supporting\" size=\"sm\">\n {t('tableHeaders.footerTotalsDescription')}\n </Text>\n </>\n ),\n grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n ...(withReimbursements\n ? {\n reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n }\n : {}),\n companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n companyPays: formatCurrency(totalPayroll),\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 <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.compensationType'),\n render: (employeeCompensations: EmployeeCompensations) => {\n const flsaStatus = employeeCompensations.employeeUuid\n ? employeeFlsaStatusByUuid[employeeCompensations.employeeUuid]\n : undefined\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 },\n {\n title: t('tableHeaders.regular'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.REGULAR_HOURS_NAME\n ] \|\| 0,\n },\n {\n title: t('tableHeaders.overtime'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] \|\| 0,\n },\n {\n title: t('tableHeaders.doubleOT'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.DOUBLE_OVERTIME_NAME\n ] \|\| 0,\n },\n {\n title: t('tableHeaders.timeOff'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeePtoHours(employeeCompensations),\n },\n {\n title: t('tableHeaders.totalHours'),\n render: (employeeCompensations: EmployeeCompensations) =>\n Object.values(getEmployeeHours(employeeCompensations)).reduce(\n (acc, hours) => acc + hours,\n 0,\n ) + getEmployeePtoHours(employeeCompensations),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\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 <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.paymentType'),\n render: (employeeCompensations: EmployeeCompensations) =>\n employeeCompensations.paymentMethod ?? '',\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay ?? 0)),\n },\n {\n title: t('tableHeaders.deductions'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.deductions?.reduce(\n (acc, deduction) => acc + Number(deduction.amount),\n 0,\n ) ?? 0,\n ),\n },\n ...(withReimbursements\n ? [\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensations)),\n },\n ]\n : []),\n {\n title: t('tableHeaders.employeeTaxes'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc : acc + Number(tax.amount)),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.employeeBenefits'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.benefits?.reduce(\n (acc, benefit) => acc + Number(benefit.employeeDeduction ?? 0),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.payment'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n Number(employeeCompensations.netPay ?? 0) +\n getReimbursements(employeeCompensations),\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\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 => taxKey,\n },\n {\n key: 'byYourEmployees',\n title: t('tableHeaders.byYourEmployees'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n },\n {\n key: 'byYourCompany',\n title: t('tableHeaders.byYourCompany'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n },\n ]}\n footer={() => ({\n taxDescription: (\n <Text weight=\"semibold\" size=\"sm\">\n {t('totalsLabel')}\n </Text>\n ),\n byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\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 }) => label,\n },\n {\n title: t('tableHeaders.taxesTotal'),\n render: ({ value }) => formatCurrency(Number(value)),\n },\n ]}\n data={[\n { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit \|\| '0' },\n ...(withReimbursements\n ? [\n {\n label: t('reimbursementLabel'),\n value: payrollData.totals?.reimbursementDebit \|\| '0',\n },\n ]\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 const actions = isProcessed ? (\n <>\n <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n {t('payrollReceiptCta')}\n </Button>\n {canCancel && (\n <Button\n onClick={() => {\n setIsCancelDialogOpen(true)\n }}\n variant=\"error\"\n isDisabled={isLoading}\n >\n {t('cancelCta')}\n </Button>\n )}\n </>\n ) : (\n <>\n {canEdit && (\n <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n {t('editCta')}\n </Button>\n )}\n <Button\n onClick={onSubmit}\n isDisabled={\n isLoading \|\|\n (submissionBlockers.length > 0 &&\n (submissionBlockers.some(\n blocker =>\n !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType \|\| ''),\n ) \|\|\n submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )))\n }\n >\n {t('submitCta')}\n </Button>\n </>\n )\n\n return (\n <div ref={containerRef} className={classNames(styles.container, className)}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n {isDesktop && (\n <Flex gap={8} justifyContent=\"flex-end\">\n {actions}\n </Flex>\n )}\n </Flex>\n {!isDesktop && (\n <Grid\n gridTemplateColumns={\n !isProcessed && canEdit ? ['minmax(0, 1fr)', 'minmax(0, 1fr)'] : '1fr'\n }\n gap={8}\n >\n {actions}\n </Grid>\n )}\n {status === PayrollOverviewStatus.Cancelling ? (\n <PayrollLoading title={t('cancellingTitle')} />\n ) : status === PayrollOverviewStatus.Submitting ? (\n <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n ) : (\n <>\n {wireInConfirmationRequest}\n {alerts.length > 0 && (\n <Flex flexDirection={'column'} gap={16}>\n {alerts.map((alert, index) => (\n <Alert\n key={`${alert.type}-${alert.title}`}\n label={alert.title}\n status={alert.type}\n onDismiss={alert.onDismiss}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n </Flex>\n )}\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType \|\| ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n <Heading as=\"h2\" styledAs=\"h3\">\n {isWireFunds\n ? t('payrollSummaryTitleWire')\n : isFourDayDirectDeposit\n ? t('payrollSummaryTitleFourDay')\n : t('payrollSummaryTitle')}\n </Heading>\n\n {isWireFunds ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.wireAmount'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_amount?: string } \| undefined\n const wireAmount = metadata?.wire_in_amount\n return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n },\n },\n {\n title: t('tableHeaders.wireTransferDeadline'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_deadline?: string } \| undefined\n const wireDeadline = metadata?.wire_in_deadline\n const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : isFourDayDirectDeposit ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => {\n const debitAmount = payrollData.totals?.companyDebit\n return formatCurrency(Number(debitAmount ?? 0))\n },\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { debit_date?: string } \| undefined\n const debitDate = metadata?.debit_date\n return dateFormatter.formatShortWithYear(debitDate)\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n },\n ]}\n data={[{}]}\n />\n )}\n {printChecksBanner}\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(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n })}\n >\n <Flex gap={14} flexDirection=\"column\">\n <Text>{t('cancelDialogDescription')}</Text>\n {Number(payrollData.totals?.netPayDebit ?? 0) > 0 && (\n <Text>\n {t('cancelDialogDescriptionDeadline', {\n deadline: cancelDeadline,\n })}\n </Text>\n )}\n </Flex>\n </Dialog>\n )}\n </>\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","className","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","payrollData","employeeFlsaStatusByUuid","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","canEdit","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","printChecksBanner","withReimbursements","paymentSpeed","pagination","downloadingEmployeeIds","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","cancelDeadline","time","date","pageSubtitle","Trans","getPayrollTypeLabel","classNames","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getCompanyCost","getReimbursements","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","firstLastName","isDownloading","DownloadIcon","tabs","DataView","Fragment","flsaStatus","FlsaStatus","compensationTypeLabels","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceipts.js CHANGED Viewed

@@ -1,32 +1,38 @@
 import { jsx as t } from "react/jsx-runtime";
-import { usePayrollsGetReceiptSuspense as i } from "@gusto/embedded-api/react-query/payrollsGetReceipt";
-import { PayrollReceiptsPresentation as c } from "./PayrollReceiptsPresentation.js";
-import { BaseComponent as y } from "../../Base/Base.js";
+import { usePayrollsGetReceiptSuspense as c } from "@gusto/embedded-api/react-query/payrollsGetReceipt";
+import { PayrollReceiptsPresentation as y } from "./PayrollReceiptsPresentation.js";
+import { BaseComponent as u } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useComponentDictionary as u, useI18n as C } from "../../../i18n/I18n.js";
-function x(e) {
-  return /* @__PURE__ */ t(y, { ...e, children: /* @__PURE__ */ t(f, { ...e, children: e.children }) });
+import { useComponentDictionary as C, useI18n as f } from "../../../i18n/I18n.js";
+function F(e) {
+  return /* @__PURE__ */ t(u, { ...e, children: /* @__PURE__ */ t(P, { ...e, children: e.children }) });
 }
-const f = ({ payrollId: e, dictionary: m, withReimbursements: n = !0 }) => {
-  u("Payroll.PayrollReceipts", m), C("Payroll.PayrollReceipts");
-  const { data: p } = i({
+const P = ({
+  payrollId: e,
+  dictionary: m,
+  withReimbursements: n = !0,
+  className: p
+}) => {
+  C("Payroll.PayrollReceipts", m), f("Payroll.PayrollReceipts");
+  const { data: s } = c({
     payrollUuid: e
-  }), o = p.payrollReceipt;
+  }), o = s.payrollReceipt;
   if (!o)
     return null;
-  const s = o.employeeCompensations ? [...o.employeeCompensations].sort((r, l) => {
+  const i = o.employeeCompensations ? [...o.employeeCompensations].sort((r, l) => {
     const a = (r.employeeLastName ?? "").localeCompare(l.employeeLastName ?? "");
     return a !== 0 ? a : (r.employeeFirstName ?? "").localeCompare(l.employeeFirstName ?? "");
   }) : void 0;
   return /* @__PURE__ */ t(
-    c,
+    y,
     {
-      receiptData: { ...o, employeeCompensations: s },
+      className: p,
+      receiptData: { ...o, employeeCompensations: i },
       withReimbursements: n
     }
   );
 };
 export {
-  x as PayrollReceipts
+  F as PayrollReceipts
 };
 //# sourceMappingURL=PayrollReceipts.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceipts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollReceipts.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceipts.tsx"],"sourcesContent":["import { usePayrollsGetReceiptSuspense } from '@gusto/embedded-api/react-query/payrollsGetReceipt'\nimport { PayrollReceiptsPresentation } from './PayrollReceiptsPresentation'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/*\n Props for {@link PayrollReceipts}.\n \n @public\n /\nexport interface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {\n /* Identifier of the payroll whose receipt should be displayed. /\n payrollId: string\n /* Whether to include reimbursement amounts in the breakdown and employee tables. Defaults to `true`. /\n withReimbursements?: boolean\n}\n\n/\n Displays a detailed receipt for a completed payroll, including the debited total, per-category\n * breakdown, tax breakdown, and a per-employee summary of payment method, garnishments,\n * reimbursements, taxes, and net pay.\n \n @param props - See {@link PayrollReceiptsProps}.\n * @returns The rendered payroll receipt.\n * @public\n \n @example\n * ```tsx\n * import { Payroll } from '@gusto/embedded-react-sdk'\n \n function MyComponent() {\n * return <Payroll.PayrollReceipts payrollId=\"your-payroll-id\" onEvent={() => {}} />\n * }\n * ```\n */\nexport function PayrollReceipts(props: PayrollReceiptsProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nconst Root = ({ payrollId, dictionary, withReimbursements = true }: PayrollReceiptsProps) => {\n useComponentDictionary('Payroll.PayrollReceipts', dictionary)\n useI18n('Payroll.PayrollReceipts')\n\n const { data } = usePayrollsGetReceiptSuspense({\n payrollUuid: payrollId,\n })\n const payrollData = data.payrollReceipt\n\n if (!payrollData) {\n return null\n }\n\n const sortedEmployeeCompensations = payrollData.employeeCompensations\n ? [...payrollData.employeeCompensations].sort((a, b) => {\n const lastNameCmp = (a.employeeLastName ?? '').localeCompare(b.employeeLastName ?? '')\n if (lastNameCmp !== 0) return lastNameCmp\n return (a.employeeFirstName ?? '').localeCompare(b.employeeFirstName ?? '')\n })\n : undefined\n\n return (\n <PayrollReceiptsPresentation\n receiptData={{ ...payrollData, employeeCompensations: sortedEmployeeCompensations }}\n withReimbursements={withReimbursements}\n />\n )\n}\n"],"names":["PayrollReceipts","props","jsx","BaseComponent","Root","payrollId","dictionary","withReimbursements","useComponentDictionary","useI18n","data","usePayrollsGetReceiptSuspense","payrollData","sortedEmployeeCompensations","a","b","lastNameCmp","PayrollReceiptsPresentation"],"mappings":";;;;;;AAmCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,~~EAAE~~,WAAAC,~~GAAW~~,YAAAC,~~GAAY~~,oBAAAC,IAAqB,~~SAAiC~~;~~AAC3F~~,EAAAC,EAAuB,~~2BAA2BF~~,CAAU,~~GAC5DG~~,EAAQ,yBAAyB;AAEjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAA8B;AAAA,IAC7C,~~aAAaN~~;AAAA,EAAA,CACd,~~GACKO~~,IAAcF,EAAK;AAEzB,MAAI,CAACE;AACH,WAAO;AAGT,QAAMC,IAA8BD,EAAY,wBAC5C,CAAC,GAAGA,EAAY,qBAAqB,EAAE,KAAK,CAACE,GAAGC,MAAM;AACpD,UAAMC,KAAeF,EAAE,oBAAoB,IAAI,cAAcC,EAAE,oBAAoB,EAAE;AACrF,WAAIC,MAAgB,IAAUA,KACtBF,EAAE,qBAAqB,IAAI,cAAcC,EAAE,qBAAqB,EAAE;AAAA,EAC5E,CAAC,IACD;AAEJ,SACE,~~gBAAAb~~;AAAA,~~IAACe~~;AAAA,IAAA;AAAA,MACC,aAAa,EAAE,~~GAAGL~~,GAAa,uBAAuBC,EAAA;AAAA,MACtD,~~oBAAAN~~;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"PayrollReceipts.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceipts.tsx"],"sourcesContent":["import { usePayrollsGetReceiptSuspense } from '@gusto/embedded-api/react-query/payrollsGetReceipt'\nimport { PayrollReceiptsPresentation } from './PayrollReceiptsPresentation'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/*\n Props for {@link PayrollReceipts}.\n \n @public\n /\nexport interface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {\n /* Identifier of the payroll whose receipt should be displayed. /\n payrollId: string\n /* Whether to include reimbursement amounts in the breakdown and employee tables. Defaults to `true`. /\n withReimbursements?: boolean\n}\n\n/\n Displays a detailed receipt for a completed payroll, including the debited total, per-category\n * breakdown, tax breakdown, and a per-employee summary of payment method, garnishments,\n * reimbursements, taxes, and net pay.\n \n @param props - See {@link PayrollReceiptsProps}.\n * @returns The rendered payroll receipt.\n * @public\n \n @example\n * ```tsx\n * import { Payroll } from '@gusto/embedded-react-sdk'\n \n function MyComponent() {\n * return <Payroll.PayrollReceipts payrollId=\"your-payroll-id\" onEvent={() => {}} />\n * }\n * ```\n */\nexport function PayrollReceipts(props: PayrollReceiptsProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nconst Root = ({\n payrollId,\n dictionary,\n withReimbursements = true,\n className,\n}: PayrollReceiptsProps) => {\n useComponentDictionary('Payroll.PayrollReceipts', dictionary)\n useI18n('Payroll.PayrollReceipts')\n\n const { data } = usePayrollsGetReceiptSuspense({\n payrollUuid: payrollId,\n })\n const payrollData = data.payrollReceipt\n\n if (!payrollData) {\n return null\n }\n\n const sortedEmployeeCompensations = payrollData.employeeCompensations\n ? [...payrollData.employeeCompensations].sort((a, b) => {\n const lastNameCmp = (a.employeeLastName ?? '').localeCompare(b.employeeLastName ?? '')\n if (lastNameCmp !== 0) return lastNameCmp\n return (a.employeeFirstName ?? '').localeCompare(b.employeeFirstName ?? '')\n })\n : undefined\n\n return (\n <PayrollReceiptsPresentation\n className={className}\n receiptData={{ ...payrollData, employeeCompensations: sortedEmployeeCompensations }}\n withReimbursements={withReimbursements}\n />\n )\n}\n"],"names":["PayrollReceipts","props","jsx","BaseComponent","Root","payrollId","dictionary","withReimbursements","className","useComponentDictionary","useI18n","data","usePayrollsGetReceiptSuspense","payrollData","sortedEmployeeCompensations","a","b","lastNameCmp","PayrollReceiptsPresentation"],"mappings":";;;;;;AAmCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC;AAAA,EACZ,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,WAAAC;AACF,MAA4B;AAC1B,EAAAC,EAAuB,2BAA2BH,CAAU,GAC5DI,EAAQ,yBAAyB;AAEjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAA8B;AAAA,IAC7C,aAAaP;AAAA,EAAA,CACd,GACKQ,IAAcF,EAAK;AAEzB,MAAI,CAACE;AACH,WAAO;AAGT,QAAMC,IAA8BD,EAAY,wBAC5C,CAAC,GAAGA,EAAY,qBAAqB,EAAE,KAAK,CAACE,GAAGC,MAAM;AACpD,UAAMC,KAAeF,EAAE,oBAAoB,IAAI,cAAcC,EAAE,oBAAoB,EAAE;AACrF,WAAIC,MAAgB,IAAUA,KACtBF,EAAE,qBAAqB,IAAI,cAAcC,EAAE,qBAAqB,EAAE;AAAA,EAC5E,CAAC,IACD;AAEJ,SACE,gBAAAd;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,aAAa,EAAE,GAAGK,GAAa,uBAAuBC,EAAA;AAAA,MACtD,oBAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,35 +1,36 @@
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { useRef as j } from "react";
-import { useTranslation as z, Trans as M } from "react-i18next";
+import { useRef as z } from "react";
+import { useTranslation as M, Trans as $ } from "react-i18next";
 import d from "classnames";
 import r from "./PayrollReceiptsPresentation.module.scss.js";
 import { Flex as i } from "../../Common/Flex/Flex.js";
-import { useComponentContext as $ } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatNumberAsCurrency as s, formatPhoneNumber as A } from "../../../helpers/formattedStrings.js";
-import { useI18n as B } from "../../../i18n/I18n.js";
-import H from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import E from "../../../assets/icons/receipt-check.svg.js";
+import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatNumberAsCurrency as s, formatPhoneNumber as B } from "../../../helpers/formattedStrings.js";
+import { useI18n as H } from "../../../i18n/I18n.js";
+import E from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import V from "../../../assets/icons/receipt-check.svg.js";
 import { DataTable as h } from "../../Common/DataView/DataTable/DataTable.js";
-import { DataView as V } from "../../Common/DataView/DataView.js";
-const oe = ({
+import { DataView as G } from "../../Common/DataView/DataView.js";
+const te = ({
+  className: x,
   receiptData: o,
   withReimbursements: u = !0
 }) => {
-  const b = $(), { Heading: y, Text: c, Link: x } = b;
-  B("Payroll.PayrollReceipts");
-  const { t: e } = z("Payroll.PayrollReceipts"), f = j(null), p = !H({ ref: f }).includes("small"), g = (t) => `${t.employeeFirstName || ""} ${t.employeeLastName || ""}`.trim(), k = () => (o.employeeCompensations || []).reduce(
+  const b = A(), { Heading: y, Text: c, Link: g } = b;
+  H("Payroll.PayrollReceipts");
+  const { t: e } = M("Payroll.PayrollReceipts"), f = z(null), p = !E({ ref: f }).includes("small"), k = (t) => `${t.employeeFirstName || ""} ${t.employeeLastName || ""}`.trim(), F = () => (o.employeeCompensations || []).reduce(
     (t, a) => t + parseFloat(a.childSupportGarnishment || "0"),
     0
-  ), F = () => (o.employeeCompensations || []).reduce(
+  ), N = () => (o.employeeCompensations || []).reduce(
     (t, a) => t + parseFloat(a.totalReimbursement || "0"),
     0
-  ), N = () => (o.employeeCompensations || []).reduce(
+  ), C = () => (o.employeeCompensations || []).reduce(
     (t, a) => t + parseFloat(a.netPay || "0"),
     0
-  ), C = () => (o.employeeCompensations || []).reduce(
+  ), v = () => (o.employeeCompensations || []).reduce(
     (t, a) => t + parseFloat(a.totalTax || "0"),
     0
-  ), v = [
+  ), P = [
     {
       label: e("breakdown.directDeposits"),
       amount: parseFloat(o.totals?.netPayDebit || "0")
@@ -45,7 +46,7 @@ const oe = ({
       amount: parseFloat(o.totals?.childSupportDebit || "0")
     },
     { label: e("breakdown.taxes"), amount: parseFloat(o.totals?.taxDebit || "0") }
-  ], P = [
+  ], T = [
     {
       label: e("receipt.receiptId"),
       value: o.payrollUuid || ""
@@ -62,9 +63,9 @@ const oe = ({
       label: e("receipt.debitDate"),
       value: o.debitDate || ""
     }
-  ], T = () => /* @__PURE__ */ n("div", { className: d(r.receiptHeader, p && r.receiptHeaderMobile), children: /* @__PURE__ */ m(i, { flexDirection: "column", gap: 24, children: [
+  ], w = () => /* @__PURE__ */ n("div", { className: d(r.receiptHeader, p && r.receiptHeaderMobile), children: /* @__PURE__ */ m(i, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ m(i, { flexDirection: "column", alignItems: "center", gap: 16, children: [
-      /* @__PURE__ */ n("div", { className: r.receiptIcon, children: /* @__PURE__ */ n(E, { className: r.checkmarkIcon }) }),
+      /* @__PURE__ */ n("div", { className: r.receiptIcon, children: /* @__PURE__ */ n(V, { className: r.checkmarkIcon }) }),
       /* @__PURE__ */ m(i, { flexDirection: "column", alignItems: "center", gap: 8, children: [
         /* @__PURE__ */ n(c, { size: "sm", variant: "supporting", children: e("receipt.totalLabel") }),
         /* @__PURE__ */ n(y, { as: "h1", styledAs: "h2", className: r.totalAmount, children: s(parseFloat(o.totals?.companyDebit || "0")) })
@@ -75,7 +76,7 @@ const oe = ({
       {
         layout: "horizontal",
         showSeparators: !1,
-        items: P.map(({ label: t, value: a }) => ({
+        items: T.map(({ label: t, value: a }) => ({
           term: /* @__PURE__ */ n(c, { size: "sm", variant: "supporting", children: t }),
           description: /* @__PURE__ */ n(c, { size: "sm", children: a })
         }))
@@ -98,12 +99,12 @@ const oe = ({
           variant: "supporting",
           className: d(r.companyInfo, p && r.textMobile),
           children: /* @__PURE__ */ n(
-            M,
+            $,
             {
               i18nKey: "receipt.companyInfo",
               t: e,
               components: {
-                licensesLink: /* @__PURE__ */ n(x, { href: o.licenseUri || "", target: "_blank" })
+                licensesLink: /* @__PURE__ */ n(g, { href: o.licenseUri || "", target: "_blank" })
               }
             }
           )
@@ -119,12 +120,12 @@ const oe = ({
             o.licensee && `${o.licensee.address || ""}, ${o.licensee.city || ""}, ${o.licensee.state || ""} ${o.licensee.postalCode || ""}`,
             " ",
             "| ",
-            A(o.licensee?.phoneNumber)
+            B(o.licensee?.phoneNumber)
           ]
         }
       )
     ] })
-  ] }) }), w = () => /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
+  ] }) }), L = () => /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
     h,
     {
       label: e("sections.debitedLabel"),
@@ -139,13 +140,13 @@ const oe = ({
           render: (t) => s(t.amount)
         }
       ],
-      data: v,
+      data: P,
       footer: () => ({
         "column-0": e("breakdown.totals"),
         "column-1": s(parseFloat(o.totals?.companyDebit || "0"))
       })
     }
-  ) }), L = () => /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
+  ) }), R = () => /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
     h,
     {
       label: e("sections.taxLabel"),
@@ -166,7 +167,7 @@ const oe = ({
         "column-1": s(parseFloat(o.totals?.taxDebit || "0"))
       })
     }
-  ) }), R = () => {
+  ) }), I = () => {
     const a = [
       /* @__PURE__ */ m(i, { flexDirection: "column", gap: 4, children: [
         e("breakdown.totals"),
@@ -175,24 +176,24 @@ const oe = ({
         }) })
       ] }, "totals"),
       " ",
-      s(k()),
-      ...u ? [s(F())] : [],
-      s(C()),
-      s(N())
+      s(F()),
+      ...u ? [s(N())] : [],
+      s(v()),
+      s(C())
     ].reduce(
-      (l, I, S) => (l[`column-${S}`] = I, l),
+      (l, S, j) => (l[`column-${j}`] = S, l),
       {}
     );
     return /* @__PURE__ */ m(i, { flexDirection: "column", gap: 16, children: [
       p && /* @__PURE__ */ n(y, { as: "h2", children: e("sections.employeesLabel") }),
       /* @__PURE__ */ n(
-        V,
+        G,
         {
           label: e("sections.employeesLabel"),
           columns: [
             {
               title: e("employee.name"),
-              render: (l) => g(l)
+              render: (l) => k(l)
             },
             {
               title: e("employee.paymentMethod"),
@@ -227,14 +228,14 @@ const oe = ({
       )
     ] });
   };
-  return /* @__PURE__ */ n("div", { className: r.container, ref: f, children: /* @__PURE__ */ m(i, { flexDirection: "column", gap: 24, children: [
-    T(),
+  return /* @__PURE__ */ n("div", { className: d(r.container, x), ref: f, children: /* @__PURE__ */ m(i, { flexDirection: "column", gap: 24, children: [
     w(),
     L(),
-    R()
+    R(),
+    I()
   ] }) });
 };
 export {
-  oe as PayrollReceiptsPresentation
+  te as PayrollReceiptsPresentation
 };
 //# sourceMappingURL=PayrollReceiptsPresentation.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Trans, 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 type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency, formatPhoneNumber } 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 withReimbursements?: boolean\n}\n\n/** @internal */\nexport const PayrollReceiptsPresentation = ({\n receiptData,\n withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n const Components = useComponentContext()\n const { Heading, Text, Link } = Components\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 ...(withReimbursements\n ? [\n {\n label: t('breakdown.reimbursements'),\n amount: parseFloat(receiptData.totals?.reimbursementDebit \|\| '0'),\n },\n ]\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 <Components.DescriptionList\n layout=\"horizontal\"\n showSeparators={false}\n items={receiptDetailsConfig.map(({ label, value }): DescriptionListItem => ({\n term: (\n <Text size=\"sm\" variant=\"supporting\">\n {label}\n </Text>\n ),\n description: <Text size=\"sm\">{value}</Text>,\n }))}\n />\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 <Trans\n i18nKey=\"receipt.companyInfo\"\n t={t}\n components={{\n licensesLink: <Link href={receiptData.licenseUri \|\| ''} target=\"_blank\" />,\n }}\n />\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 \| {formatPhoneNumber(receiptData.licensee?.phoneNumber)}\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 }) => item.label,\n },\n {\n title: t('breakdown.amount'),\n justify: 'end',\n render: (item: { label: string; amount: number }) =>\n formatNumberAsCurrency(item.amount),\n },\n ]}\n data={breakdownData}\n footer={() => ({\n 'column-0': t('breakdown.totals'),\n 'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit \|\| '0')),\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) => tax.name,\n },\n {\n title: t('tax.amount'),\n justify: 'end',\n render: (tax: TaxBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(tax.amount \|\| '0')),\n },\n ]}\n data={receiptData.taxes \|\| []}\n footer={() => ({\n 'column-0': t('breakdown.totals'),\n 'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit \|\| '0')),\n })}\n />\n </Flex>\n )\n\n const renderEmployeeBreakdown = () => {\n const footerValues = [\n <Flex flexDirection=\"column\" gap={4} key=\"totals\">\n {t('breakdown.totals')}\n <Text size=\"sm\" variant=\"supporting\">\n {t('employee.totalEmployees', {\n count: receiptData.employeeCompensations?.length \|\| 0,\n })}\n </Text>\n </Flex>,\n '\\u00A0',\n\n formatNumberAsCurrency(getTotalChildSupport()),\n ...(withReimbursements ? [formatNumberAsCurrency(getTotalReimbursements())] : []),\n formatNumberAsCurrency(getTotalTaxes()),\n formatNumberAsCurrency(getTotalNetPay()),\n ]\n\n const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n (acc, value, index) => {\n acc[`column-${index}`] = value\n return acc\n },\n {},\n )\n\n return (\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) => getEmployeeFullName(employee),\n },\n {\n title: t('employee.paymentMethod'),\n render: (employee: EmployeeBreakdownItem) => employee.paymentMethod \|\| 'N/A',\n },\n {\n title: t('employee.childSupport'),\n justify: 'end',\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment \|\| '0')),\n },\n ...(withReimbursements\n ? [\n {\n title: t('employee.reimbursement'),\n justify: 'end' as const,\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.totalReimbursement \|\| '0')),\n },\n ]\n : []),\n {\n title: t('employee.totalTaxes'),\n justify: 'end',\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.totalTax \|\| '0')),\n },\n {\n title: t('employee.netPay'),\n justify: 'end',\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.netPay \|\| '0')),\n },\n ]}\n data={receiptData.employeeCompensations \|\| []}\n footer={() => footerContent}\n />\n </Flex>\n )\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","withReimbursements","Components","useComponentContext","Heading","Text","Link","useI18n","t","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","label","value","Trans","formatPhoneNumber","renderBreakdownSection","DataTable","item","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","index","DataView","employee"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Trans, 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 type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency, formatPhoneNumber } 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 className?: string\n receiptData: PayrollReceipt\n withReimbursements?: boolean\n}\n\n/** @internal */\nexport const PayrollReceiptsPresentation = ({\n className,\n receiptData,\n withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n const Components = useComponentContext()\n const { Heading, Text, Link } = Components\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 ...(withReimbursements\n ? [\n {\n label: t('breakdown.reimbursements'),\n amount: parseFloat(receiptData.totals?.reimbursementDebit \|\| '0'),\n },\n ]\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 <Components.DescriptionList\n layout=\"horizontal\"\n showSeparators={false}\n items={receiptDetailsConfig.map(({ label, value }): DescriptionListItem => ({\n term: (\n <Text size=\"sm\" variant=\"supporting\">\n {label}\n </Text>\n ),\n description: <Text size=\"sm\">{value}</Text>,\n }))}\n />\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 <Trans\n i18nKey=\"receipt.companyInfo\"\n t={t}\n components={{\n licensesLink: <Link href={receiptData.licenseUri \|\| ''} target=\"_blank\" />,\n }}\n />\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 \| {formatPhoneNumber(receiptData.licensee?.phoneNumber)}\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 }) => item.label,\n },\n {\n title: t('breakdown.amount'),\n justify: 'end',\n render: (item: { label: string; amount: number }) =>\n formatNumberAsCurrency(item.amount),\n },\n ]}\n data={breakdownData}\n footer={() => ({\n 'column-0': t('breakdown.totals'),\n 'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit \|\| '0')),\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) => tax.name,\n },\n {\n title: t('tax.amount'),\n justify: 'end',\n render: (tax: TaxBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(tax.amount \|\| '0')),\n },\n ]}\n data={receiptData.taxes \|\| []}\n footer={() => ({\n 'column-0': t('breakdown.totals'),\n 'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit \|\| '0')),\n })}\n />\n </Flex>\n )\n\n const renderEmployeeBreakdown = () => {\n const footerValues = [\n <Flex flexDirection=\"column\" gap={4} key=\"totals\">\n {t('breakdown.totals')}\n <Text size=\"sm\" variant=\"supporting\">\n {t('employee.totalEmployees', {\n count: receiptData.employeeCompensations?.length \|\| 0,\n })}\n </Text>\n </Flex>,\n '\\u00A0',\n\n formatNumberAsCurrency(getTotalChildSupport()),\n ...(withReimbursements ? [formatNumberAsCurrency(getTotalReimbursements())] : []),\n formatNumberAsCurrency(getTotalTaxes()),\n formatNumberAsCurrency(getTotalNetPay()),\n ]\n\n const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n (acc, value, index) => {\n acc[`column-${index}`] = value\n return acc\n },\n {},\n )\n\n return (\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) => getEmployeeFullName(employee),\n },\n {\n title: t('employee.paymentMethod'),\n render: (employee: EmployeeBreakdownItem) => employee.paymentMethod \|\| 'N/A',\n },\n {\n title: t('employee.childSupport'),\n justify: 'end',\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment \|\| '0')),\n },\n ...(withReimbursements\n ? [\n {\n title: t('employee.reimbursement'),\n justify: 'end' as const,\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.totalReimbursement \|\| '0')),\n },\n ]\n : []),\n {\n title: t('employee.totalTaxes'),\n justify: 'end',\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.totalTax \|\| '0')),\n },\n {\n title: t('employee.netPay'),\n justify: 'end',\n render: (employee: EmployeeBreakdownItem) =>\n formatNumberAsCurrency(parseFloat(employee.netPay \|\| '0')),\n },\n ]}\n data={receiptData.employeeCompensations \|\| []}\n footer={() => footerContent}\n />\n </Flex>\n )\n }\n\n return (\n <div className={classNames(styles.container, className)} 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","className","receiptData","withReimbursements","Components","useComponentContext","Heading","Text","Link","useI18n","t","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","label","value","Trans","formatPhoneNumber","renderBreakdownSection","DataTable","item","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","index","DataView","employee"],"mappings":"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"}