npm - @gusto/embedded-react-sdk - Versions diffs - 0.13.3 → 0.14.0 - Mend

@gusto/embedded-react-sdk 0.13.3 → 0.14.0

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 (360) 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 { 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 { TFunction } from 'i18next'\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 { DataView, Flex } 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 } from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\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 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 t,\n}: {\n payPeriod?: PayrollPayPeriodType\n locale: string\n t: TFunction<'Payroll.PayrollOverview'>\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 t('pageSubtitle', { startDate: startFormatted, endDate: endFormatted })\n }\n }\n return t('pageSubtitle', { 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}: PayrollOverviewProps) => {\n const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = 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\n const totalPayroll = payrollData.totals\n ? parseFloat(payrollData.totals.grossPay ?? '0') +\n parseFloat(payrollData.totals.employerTaxes ?? '0') +\n parseFloat(payrollData.totals.reimbursements ?? '0') +\n parseFloat(payrollData.totals.benefits ?? '0')\n : 0\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 ? parseFloat(\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 + parseFloat(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 + parseFloat(paidTimeOff.hours \|\| '0')\n }, 0) ?? 0\n )\n }\n const companyPaysColumns = [\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.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(employeeCompensations.grossPay!)}</Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getReimbursements(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyTaxes'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyTaxes(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyBenefits'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyBenefits(employeeCompensation))}</Text>\n ),\n },\n {\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 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 />\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(parseFloat(payrollData.totals?.employeeTaxes ?? '0'))}</Text>\n ),\n byYourCompany: (\n <Text>{formatCurrency(parseFloat(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(parseFloat(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 <div>\n <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n <Text>{getPayrollOverviewTitle({ payPeriod: payrollData.payPeriod, locale, t })}</Text>\n </div>\n <Flex justifyContent=\"flex-end\">\n {isProcessed ? (\n <>\n <Button onClick={onPayrollReceipt} variant=\"secondary\">\n {t('payrollReceiptCta')}\n </Button>\n <Button\n onClick={() => {\n setIsCancelDialogOpen(true)\n }}\n variant=\"error\"\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} isLoading={isSubmitting}>\n {t('submitCta')}\n </Button>\n </>\n )}\n </Flex>\n </Flex>\n {/* TODO: when is this actually saved? */}\n <Alert label={t('alerts.progressSaved')} status=\"success\"></Alert>\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(parseFloat(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 <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\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 </Flex>\n )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","locale","t","startDate","parseDateStringToLocal","endDate","startFormatted","endFormatted","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","isSubmitting","isProcessed","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useLocale","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","totalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","jsx","firstLastName","DownloadIcon","tabs","DataView","job","flsaStatus","comp","FlsaStatus","hours","deduction","jsxs","Flex","taxKey","label","value","Fragment"],"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 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 { 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 onBack?: () => 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 onBack,\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 = payrollData.totals\n ? Number(payrollData.totals.grossPay ?? 0) +\n Number(payrollData.totals.employerTaxes ?? 0) +\n Number(payrollData.totals.reimbursements ?? 0) +\n Number(payrollData.totals.benefits ?? 0)\n : 0\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 {onBack && (\n <Flex justifyContent=\"flex-end\">\n <Button onClick={onBack} variant=\"secondary\">\n {t('backButton')}\n </Button>\n </Flex>\n )}\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 && (\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","onBack","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","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/PayrollReceipts.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { BaseComponentInterface } from '../../Base';
+interface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {
+    payrollId: string;
+    showBackButton?: boolean;
+}
+export declare function PayrollReceipts(props: PayrollReceiptsProps): import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ payrollId, dictionary, showBackButton, onEvent, }: PayrollReceiptsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,35 @@
+import { jsx as e } 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 p } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useComponentDictionary as m, useI18n as s } from "../../../i18n/I18n.js";
+import { componentEvents as y } from "../../../shared/constants.js";
+function D(o) {
+  return /* @__PURE__ */ e(p, { ...o, children: /* @__PURE__ */ e(u, { ...o, children: o.children }) });
+}
+const u = ({
+  payrollId: o,
+  dictionary: t,
+  showBackButton: r = !0,
+  onEvent: n
+}) => {
+  m("Payroll.PayrollReceipts", t), s("Payroll.PayrollReceipts");
+  const { data: l } = i({
+    payrollUuid: o
+  }), a = l.payrollReceipt;
+  return /* @__PURE__ */ e(
+    c,
+    {
+      receiptData: a,
+      onBack: r ? () => {
+        n(y.RUN_PAYROLL_BACK, {});
+      } : void 0
+    }
+  );
+};
+export {
+  D as PayrollReceipts,
+  u as Root
+};
+//# sourceMappingURL=PayrollReceipts.js.map

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

@@ -0,0 +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'\nimport { componentEvents } from '@/shared/constants'\n\ninterface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {\n payrollId: string\n showBackButton?: boolean\n}\n\nexport function PayrollReceipts(props: PayrollReceiptsProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nexport const Root = ({\n payrollId,\n dictionary,\n showBackButton = true,\n onEvent,\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 const handleBack = () => {\n onEvent(componentEvents.RUN_PAYROLL_BACK, {})\n }\n\n return (\n <PayrollReceiptsPresentation\n receiptData={payrollData}\n onBack={showBackButton ? handleBack : undefined}\n />\n )\n}\n"],"names":["PayrollReceipts","props","jsx","BaseComponent","Root","payrollId","dictionary","showBackButton","onEvent","useComponentDictionary","useI18n","data","usePayrollsGetReceiptSuspense","payrollData","PayrollReceiptsPresentation","componentEvents"],"mappings":";;;;;;;AAWO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;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;AAMzB,SACE,gBAAAT;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,aAAaD;AAAA,MACb,QAAQN,IAPO,MAAM;AACvB,QAAAC,EAAQO,EAAgB,kBAAkB,EAAE;AAAA,MAC9C,IAK0C;AAAA,IAAA;AAAA,EAAA;AAG5C;"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { PayrollReceipt } from '@gusto/embedded-api/models/components/payrollreceipt';
 interface PayrollReceiptsPresentationProps {
     receiptData: PayrollReceipt;
+    onBack?: () => void;
 }
-export declare const PayrollReceiptsPresentation: ({ receiptData }: PayrollReceiptsPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollReceiptsPresentation: ({ receiptData, onBack, }: PayrollReceiptsPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,224 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { useRef as L } from "react";
+import { useTranslation as I } 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 S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatNumberAsCurrency as r } from "../../../helpers/formattedStrings.js";
+import { useI18n as z } from "../../../i18n/I18n.js";
+import { useContainerBreakpoints as M } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import $ from "../../../assets/icons/receipt-check.svg.js";
+import { DataTable as h } from "../../Common/DataView/DataTable/DataTable.js";
+import { DataView as y } from "../../Common/DataView/DataView.js";
+const X = ({
+  receiptData: n,
+  onBack: p
+}) => {
+  const { Heading: u, Text: o, Button: g } = S();
+  z("Payroll.PayrollReceipts");
+  const { t } = I("Payroll.PayrollReceipts"), b = L(null), c = !M({ ref: b }).includes("small"), f = (l) => `${l.employeeFirstName || ""} ${l.employeeLastName || ""}`.trim(), x = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.childSupportGarnishment || "0"),
+    0
+  ), w = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.totalReimbursement || "0"),
+    0
+  ), k = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.netPay || "0"),
+    0
+  ), F = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.totalTax || "0"),
+    0
+  ), v = [
+    {
+      label: t("breakdown.directDeposits"),
+      amount: parseFloat(n.totals?.netPayDebit || "0")
+    },
+    {
+      label: t("breakdown.reimbursements"),
+      amount: parseFloat(n.totals?.reimbursementDebit || "0")
+    },
+    {
+      label: t("breakdown.garnishments"),
+      amount: parseFloat(n.totals?.childSupportDebit || "0")
+    },
+    { label: t("breakdown.taxes"), amount: parseFloat(n.totals?.taxDebit || "0") }
+  ], N = [
+    {
+      label: t("receipt.receiptId"),
+      value: n.payrollUuid || ""
+    },
+    {
+      label: t("receipt.from"),
+      value: n.nameOfSender || ""
+    },
+    {
+      label: t("receipt.to"),
+      value: n.nameOfRecipient || "Payroll Recipients"
+    },
+    {
+      label: t("receipt.debitDate"),
+      value: n.debitDate || ""
+    }
+  ], C = () => /* @__PURE__ */ e("div", { className: d(i.receiptHeader, c && i.receiptHeaderMobile), children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 16, children: [
+      /* @__PURE__ */ e("div", { className: i.receiptIcon, children: /* @__PURE__ */ e($, { className: i.checkmarkIcon }) }),
+      /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 8, children: [
+        /* @__PURE__ */ e(o, { size: "sm", variant: "supporting", children: t("receipt.totalLabel") }),
+        /* @__PURE__ */ e(u, { as: "h1", styledAs: "h2", className: i.totalAmount, children: r(parseFloat(n.totals?.companyDebit || "0")) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: i.receiptDetailsTable, children: /* @__PURE__ */ e(
+      y,
+      {
+        label: t("receipt.detailsLabel"),
+        variant: "minimal",
+        breakAt: "small",
+        breakpoints: {
+          base: "0rem",
+          small: "22rem"
+        },
+        columns: [
+          {
+            title: "",
+            render: (l) => /* @__PURE__ */ e(o, { size: "sm", variant: "supporting", children: l.label })
+          },
+          {
+            title: "",
+            render: (l) => /* @__PURE__ */ e(o, { size: "sm", children: l.value })
+          }
+        ],
+        data: N
+      }
+    ) }),
+    /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 12, children: [
+      /* @__PURE__ */ e(
+        o,
+        {
+          size: "sm",
+          variant: "supporting",
+          className: d(i.disclaimer, c && i.textMobile),
+          children: n.recipientNotice
+        }
+      ),
+      /* @__PURE__ */ e(
+        o,
+        {
+          size: "sm",
+          variant: "supporting",
+          className: d(i.companyInfo, c && i.textMobile),
+          children: n.license
+        }
+      ),
+      /* @__PURE__ */ e(
+        o,
+        {
+          size: "sm",
+          variant: "supporting",
+          className: d(i.address, c && i.textMobile),
+          children: n.licensee && `${n.licensee.address || ""}, ${n.licensee.city || ""}, ${n.licensee.state || ""} ${n.licensee.postalCode || ""}`
+        }
+      )
+    ] })
+  ] }) }), T = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
+    h,
+    {
+      label: t("sections.debitedLabel"),
+      columns: [
+        {
+          title: t("sections.debitedLabel"),
+          render: (l) => /* @__PURE__ */ e(o, { children: l.label })
+        },
+        {
+          title: t("breakdown.amount"),
+          render: (l) => /* @__PURE__ */ e(o, { children: r(l.amount) })
+        }
+      ],
+      data: v,
+      footer: () => ({
+        "column-0": /* @__PURE__ */ e(o, { weight: "semibold", children: t("breakdown.totals") }),
+        "column-1": /* @__PURE__ */ e(o, { weight: "semibold", children: r(parseFloat(n.totals?.companyDebit || "0")) })
+      })
+    }
+  ) }), P = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
+    h,
+    {
+      label: t("sections.taxLabel"),
+      columns: [
+        {
+          title: t("sections.taxLabel"),
+          render: (l) => /* @__PURE__ */ e(o, { children: l.name })
+        },
+        {
+          title: t("tax.amount"),
+          render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.amount || "0")) })
+        }
+      ],
+      data: n.taxes || [],
+      footer: () => ({
+        "column-0": /* @__PURE__ */ e(o, { weight: "semibold", children: t("breakdown.totals") }),
+        "column-1": /* @__PURE__ */ e(o, { weight: "semibold", children: r(parseFloat(n.totals?.taxDebit || "0")) })
+      })
+    }
+  ) }), R = () => /* @__PURE__ */ m(a, { flexDirection: "column", gap: 16, children: [
+    c && /* @__PURE__ */ e(u, { as: "h2", children: t("sections.employeesLabel") }),
+    /* @__PURE__ */ e(
+      y,
+      {
+        label: t("sections.employeesLabel"),
+        columns: [
+          {
+            title: t("employee.name"),
+            render: (l) => /* @__PURE__ */ e(o, { children: f(l) })
+          },
+          {
+            title: t("employee.paymentMethod"),
+            render: (l) => /* @__PURE__ */ e(o, { children: l.paymentMethod || "N/A" })
+          },
+          {
+            title: t("employee.childSupport"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.childSupportGarnishment || "0")) })
+          },
+          {
+            title: t("employee.reimbursement"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.totalReimbursement || "0")) })
+          },
+          {
+            title: t("employee.totalTaxes"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.totalTax || "0")) })
+          },
+          {
+            title: t("employee.netPay"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.netPay || "0")) })
+          }
+        ],
+        data: n.employeeCompensations || [],
+        footer: () => ({
+          "column-0": /* @__PURE__ */ m(a, { flexDirection: "column", gap: 4, children: [
+            /* @__PURE__ */ e(o, { weight: "semibold", children: t("breakdown.totals") }),
+            /* @__PURE__ */ e(o, { size: "sm", variant: "supporting", children: t("employee.totalEmployees", {
+              count: n.employeeCompensations?.length || 0
+            }) })
+          ] }),
+          "column-1": /* @__PURE__ */ e(o, { children: " " }),
+          "column-2": /* @__PURE__ */ e(o, { weight: "semibold", children: r(x()) }),
+          "column-3": /* @__PURE__ */ e(o, { weight: "semibold", children: r(w()) }),
+          "column-4": /* @__PURE__ */ e(o, { weight: "semibold", children: r(F()) }),
+          "column-5": /* @__PURE__ */ e(o, { weight: "semibold", children: r(k()) })
+        })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e("div", { className: i.container, ref: b, children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
+    p && /* @__PURE__ */ e(g, { onClick: p, variant: "secondary", children: t("backButton") }),
+    C(),
+    T(),
+    P(),
+    R()
+  ] }) });
+};
+export {
+  X as PayrollReceiptsPresentation
+};
+//# sourceMappingURL=PayrollReceiptsPresentation.js.map

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

@@ -0,0 +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 onBack?: () => void\n}\n\nexport const PayrollReceiptsPresentation = ({\n receiptData,\n onBack,\n}: PayrollReceiptsPresentationProps) => {\n const { Heading, Text, Button } = 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 {onBack && (\n <Button onClick={onBack} variant=\"secondary\">\n {t('backButton')}\n </Button>\n )}\n {renderReceiptHeader()}\n {renderBreakdownSection()}\n {renderTaxBreakdown()}\n {renderEmployeeBreakdown()}\n </Flex>\n </div>\n )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","onBack","Heading","Text","Button","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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"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.module.scss.js ADDED Viewed

@@ -0,0 +1,28 @@
+const e = "_container_1hj66_1", t = "_receiptHeader_1hj66_10", c = "_receiptIcon_1hj66_21", o = "_checkmarkIcon_1hj66_32", n = "_totalAmount_1hj66_38", _ = "_receiptDetailsTable_1hj66_43", a = "_disclaimer_1hj66_67", r = "_companyInfo_1hj66_72", i = "_address_1hj66_76", s = "_receiptHeaderMobile_1hj66_89", l = "_textMobile_1hj66_100", d = {
+  container: e,
+  receiptHeader: t,
+  receiptIcon: c,
+  checkmarkIcon: o,
+  totalAmount: n,
+  receiptDetailsTable: _,
+  disclaimer: a,
+  companyInfo: r,
+  address: i,
+  receiptHeaderMobile: s,
+  textMobile: l
+};
+export {
+  i as address,
+  o as checkmarkIcon,
+  r as companyInfo,
+  e as container,
+  d as default,
+  a as disclaimer,
+  _ as receiptDetailsTable,
+  t as receiptHeader,
+  s as receiptHeaderMobile,
+  c as receiptIcon,
+  l as textMobile,
+  n as totalAmount
+};
+//# sourceMappingURL=PayrollReceiptsPresentation.module.scss.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"PayrollReceiptsPresentation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/Payroll/index.d.ts CHANGED Viewed

@@ -5,4 +5,6 @@ export { PayrollHistory } from './PayrollHistory/PayrollHistory';
 export { PayrollLanding } from './PayrollLanding/PayrollLanding';
 export { PayrollList } from './PayrollList/PayrollList';
 export { PayrollOverview } from './PayrollOverview/PayrollOverview';
-export { RunPayrollFlow } from './RunPayrollFlow/RunPayrollFlow';
+export { PayrollFlow } from './PayrollFlow/PayrollFlow';
+export { PayrollReceipts } from './PayrollReceipts/PayrollReceipts';
+export { type ApiPayrollBlocker } from './PayrollBlocker';

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

@@ -1,17 +1,19 @@
 import { PayrollConfiguration as l } from "./PayrollConfiguration/PayrollConfiguration.js";
 import { PayrollEditEmployee as t } from "./PayrollEditEmployee/PayrollEditEmployee.js";
-import { PayrollHistory as y } from "./PayrollHistory/PayrollHistory.js";
-import { PayrollLanding as m } from "./PayrollLanding/PayrollLanding.js";
+import { PayrollHistory as p } from "./PayrollHistory/PayrollHistory.js";
+import { PayrollLanding as f } from "./PayrollLanding/PayrollLanding.js";
 import { PayrollList as i } from "./PayrollList/PayrollList.js";
 import { PayrollOverview as P } from "./PayrollOverview/PayrollOverview.js";
-import { RunPayrollFlow as d } from "./RunPayrollFlow/RunPayrollFlow.js";
+import { PayrollFlow as s } from "./PayrollFlow/PayrollFlow.js";
+import { PayrollReceipts as g } from "./PayrollReceipts/PayrollReceipts.js";
 export {
   l as PayrollConfiguration,
   t as PayrollEditEmployee,
-  y as PayrollHistory,
-  m as PayrollLanding,
+  s as PayrollFlow,
+  p as PayrollHistory,
+  f as PayrollLanding,
   i as PayrollList,
   P as PayrollOverview,
-  d as RunPayrollFlow
+  g as PayrollReceipts
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}