npm - @gusto/embedded-react-sdk - Versions diffs - 0.21.0 → 0.22.0 - Mend

@gusto/embedded-react-sdk 0.21.0 → 0.22.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 (300) 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 { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll } from '../helpers'\nimport { FastAchThresholdExceeded, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, FlexItem } 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 PAYMENT_METHODS,\n} 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 submissionBlockers?: PayrollSubmissionBlockersType[]\n selectedUnblockOptions?: Record<string, string>\n wireInConfirmationRequest?: React.ReactNode\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}\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\nexport const PayrollOverviewPresentation = ({\n onEdit,\n onSubmit,\n onCancel,\n onPayrollReceipt,\n onPaystubDownload,\n employeeDetails,\n payrollData,\n bankAccount,\n taxes,\n isSubmitting = false,\n isProcessed,\n alerts = [],\n submissionBlockers = [],\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n wireInConfirmationRequest,\n}: PayrollOverviewProps) => {\n const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs, LoadingSpinner } =\n 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 { LoadingIndicator } = useLoadingIndicator()\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\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 + 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 <div ref={containerRef} className={styles.container}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex\n flexDirection={isDesktop ? 'row' : 'column'}\n justifyContent={isDesktop ? 'space-between' : 'normal'}\n alignItems={isDesktop ? 'flex-start' : 'stretch'}\n gap={isDesktop ? 0 : 16}\n >\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(payrollData.payPeriod, dateFormatter)}\n />\n </Text>\n </FlexItem>\n <FlexItem flexGrow={isDesktop ? 1 : 0}>\n <Flex\n flexDirection={isDesktop ? 'row' : 'column'}\n justifyContent={isDesktop ? 'flex-end' : 'normal'}\n alignItems={isDesktop ? 'flex-start' : 'stretch'}\n gap={12}\n >\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\n onClick={onSubmit}\n isDisabled={\n isSubmitting \|\|\n (submissionBlockers.length > 0 &&\n (submissionBlockers.some(\n blocker =>\n !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(\n blocker.blockerType \|\| '',\n ),\n ) \|\|\n submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )))\n }\n >\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 {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 >\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 <FastAchThresholdExceeded\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\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: () => <Text>{dateFormatter.formatShortWithYear(expectedDebitDate)}</Text>,\n },\n {\n title: t('tableHeaders.employeesPayDate'),\n render: () => (\n <Text>{dateFormatter.formatShortWithYear(payrollData.checkDate)}</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: 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 <Text>\n {t('cancelDialogDescriptionDeadline', {\n deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n })}\n </Text>\n </Flex>\n </Dialog>\n )}\n </>\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","isSubmitting","isProcessed","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","LoadingSpinner","useComponentContext","useI18n","useDateFormatter","t","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","LoadingIndicator","useLoadingIndicator","containerRef","useRef","isDesktop","useContainerBreakpoints","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","jsx","firstLastName","DownloadIcon","tabs","DataView","jsxs","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","Flex","taxKey","label","value","styles","FlexItem","Trans","blocker","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","alert","index","blockerType","FastAchThresholdExceeded","GenericBlocker"],"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, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll } from '../helpers'\nimport { FastAchThresholdExceeded, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, FlexItem } 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 PAYMENT_METHODS,\n} 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 submissionBlockers?: PayrollSubmissionBlockersType[]\n selectedUnblockOptions?: Record<string, string>\n wireInConfirmationRequest?: React.ReactNode\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}\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\nexport const PayrollOverviewPresentation = ({\n onEdit,\n onSubmit,\n onCancel,\n onPayrollReceipt,\n onPaystubDownload,\n employeeDetails,\n payrollData,\n bankAccount,\n taxes,\n isSubmitting = false,\n isProcessed,\n alerts = [],\n submissionBlockers = [],\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n wireInConfirmationRequest,\n}: PayrollOverviewProps) => {\n const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs, LoadingSpinner } =\n 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 { LoadingIndicator } = useLoadingIndicator()\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\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 + 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 fastAchBlocker = submissionBlockers.find(\n blocker => blocker.blockerType === 'fast_ach_threshold_exceeded',\n )\n const selectedUnblockType = fastAchBlocker\n ? selectedUnblockOptions[fastAchBlocker.blockerType \|\| '']\n : undefined\n const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n option => 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 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 <div ref={containerRef} className={styles.container}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex\n flexDirection={isDesktop ? 'row' : 'column'}\n justifyContent={isDesktop ? 'space-between' : 'normal'}\n alignItems={isDesktop ? 'flex-start' : 'stretch'}\n gap={isDesktop ? 0 : 16}\n >\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(payrollData.payPeriod, dateFormatter)}\n />\n </Text>\n </FlexItem>\n <FlexItem flexGrow={isDesktop ? 1 : 0}>\n <Flex\n flexDirection={isDesktop ? 'row' : 'column'}\n justifyContent={isDesktop ? 'flex-end' : 'normal'}\n alignItems={isDesktop ? 'flex-start' : 'stretch'}\n gap={12}\n >\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\n onClick={onSubmit}\n isDisabled={\n isSubmitting \|\|\n (submissionBlockers.length > 0 &&\n (submissionBlockers.some(\n blocker =>\n !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(\n blocker.blockerType \|\| '',\n ),\n ) \|\|\n submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )))\n }\n >\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 {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 <FastAchThresholdExceeded\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n <Heading as=\"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: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n },\n {\n title: t('tableHeaders.wireAmount'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n \| { wire_in_amount?: string }\n \| undefined\n const wireAmount = metadata?.wire_in_amount\n return <Text>{wireAmount ? formatCurrency(Number(wireAmount)) : '-'}</Text>\n },\n },\n {\n title: t('tableHeaders.wireTransferDeadline'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n \| { wire_in_deadline?: string }\n \| undefined\n const wireDeadline = metadata?.wire_in_deadline\n const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n return (\n <Text>\n {wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'}\n </Text>\n )\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () => (\n <Text>\n {selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-'}\n </Text>\n ),\n },\n ]}\n data={[{}]}\n />\n ) : isFourDayDirectDeposit ? (\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 const debitAmount = payrollData.totals?.companyDebit\n return <Text>{formatCurrency(Number(debitAmount ?? 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 const metadata = selectedUnblockOption?.metadata as\n \| { debit_date?: string }\n \| undefined\n const debitDate = metadata?.debit_date\n return <Text>{dateFormatter.formatShortWithYear(debitDate)}</Text>\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () => (\n <Text>\n {selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-'}\n </Text>\n ),\n },\n ]}\n data={[{}]}\n />\n ) : (\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>{dateFormatter.formatShortWithYear(expectedDebitDate)}</Text>\n ),\n },\n {\n title: t('tableHeaders.employeesPayDate'),\n render: () => (\n <Text>{dateFormatter.formatShortWithYear(payrollData.checkDate)}</Text>\n ),\n },\n ]}\n data={[{}]}\n />\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: 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 <Text>\n {t('cancelDialogDescriptionDeadline', {\n deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n })}\n </Text>\n </Flex>\n </Dialog>\n )}\n </>\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","isSubmitting","isProcessed","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","LoadingSpinner","useComponentContext","useI18n","useDateFormatter","t","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","LoadingIndicator","useLoadingIndicator","containerRef","useRef","isDesktop","useContainerBreakpoints","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","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","styles","FlexItem","Trans","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","alert","index","blockerType","FastAchThresholdExceeded","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchThresholdExceeded.js CHANGED Viewed

@@ -2,12 +2,11 @@ import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { useTranslation as b } from "react-i18next";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../../shared/constants.js";
 import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useDateFormatter as x } from "../../../../hooks/useDateFormatter.js";
 import k from "../../../../assets/icons/icon-zap-fast.svg.js";
-const C = ({
+const L = ({
   blocker: l,
   selectedValue: d,
   onUnblockOptionChange: n
@@ -47,6 +46,6 @@ const C = ({
   ] }) });
 };
 export {
-  C as FastAchThresholdExceeded
+  L as FastAchThresholdExceeded
 };
 //# sourceMappingURL=FastAchThresholdExceeded.js.map

package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchThresholdExceeded.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FastAchThresholdExceeded.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchThresholdExceeded.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ninterface FastAchThresholdExceededProps {\n blocker: PayrollSubmissionBlockersType\n selectedValue?: string\n onUnblockOptionChange: (blockerType: string, value: string) => void\n}\n\nexport const FastAchThresholdExceeded = ({\n blocker,\n selectedValue,\n onUnblockOptionChange,\n}: FastAchThresholdExceededProps) => {\n const { t } = useTranslation('Payroll.PayrollOverview')\n const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n const dateFormatter = useDateFormatter()\n\n return (\n <Banner status=\"error\" title={t('submissionBlockers.fast_ach_threshold_exceeded.title')}>\n <Flex flexDirection=\"column\" gap={16}>\n <Text>{t('submissionBlockers.fast_ach_threshold_exceeded.description')}</Text>\n <RadioGroup\n label={t('submissionBlockers.fast_ach_threshold_exceeded.fundingOptionsLabel')}\n shouldVisuallyHideLabel\n options={\n blocker.unblockOptions?.map(option => {\n const isWire = option.unblockType === 'wire_in'\n const label = isWire\n ? t('submissionBlockers.fast_ach_threshold_exceeded.wireLabel')\n : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositLabel')\n const description = isWire\n ? t('submissionBlockers.fast_ach_threshold_exceeded.wireDescription')\n : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositDescription')\n\n return {\n value: option.unblockType \|\| '',\n label: (\n <Flex alignItems=\"center\" gap={8}>\n <Text weight=\"semibold\">{label}</Text>\n {isWire && (\n <Badge status=\"success\">\n <IconFast aria-hidden />{' '}\n {t('submissionBlockers.fast_ach_threshold_exceeded.wireFastestBadge')}\n </Badge>\n )}\n {option.checkDate && (\n <Badge status=\"info\">\n {t('submissionBlockers.fast_ach_threshold_exceeded.employeePayDate', {\n date: dateFormatter.formatShortWithYear(option.checkDate),\n })}\n </Badge>\n )}\n </Flex>\n ),\n description,\n }\n }) \|\| []\n }\n value={selectedValue}\n onChange={value => {\n onUnblockOptionChange('fast_ach_threshold_exceeded', value)\n }}\n />\n </Flex>\n </Banner>\n )\n}\n"],"names":["FastAchThresholdExceeded","blocker","selectedValue","onUnblockOptionChange","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","jsx","jsxs","Flex","option","isWire","label","description","IconFast","value"],"mappings":"~~;;;;;;;;;~~AAaO,MAAMA,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA;AAEtB,SACE,gBAAAC,EAACP,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAAE,sDAAsD,GACpF,UAAA,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAF,EAACN,GAAA,EAAM,UAAAH,EAAE,4DAA4D,EAAA,CAAE;AAAA,IACvE,gBAAAS;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,oEAAoE;AAAA,QAC7E,yBAAuB;AAAA,QACvB,SACEH,EAAQ,gBAAgB,IAAI,CAAAe,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFd,EADUa,IACR,6DACA,mEAD0D,GAE1DE,IACFf,EADgBa,IACd,mEACA,yEADgE;AAGtE,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAF,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAF,EAACN,GAAA,EAAK,QAAO,YAAY,UAAAW,GAAM;AAAA,cAC9BD,KACC,gBAAAH,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAI,EAACO,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBhB,EAAE,iEAAiE;AAAA,cAAA,GACtE;AAAA,cAEDY,EAAO,aACN,gBAAAH,EAACJ,KAAM,QAAO,QACX,YAAE,kEAAkE;AAAA,gBACnE,MAAME,EAAc,oBAAoBK,EAAO,SAAS;AAAA,cAAA,CACzD,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOjB;AAAA,QACP,UAAU,CAAAmB,MAAS;AACjB,UAAAlB,EAAsB,+BAA+BkB,CAAK;AAAA,QAC5D;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"FastAchThresholdExceeded.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchThresholdExceeded.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ninterface FastAchThresholdExceededProps {\n blocker: PayrollSubmissionBlockersType\n selectedValue?: string\n onUnblockOptionChange: (blockerType: string, value: string) => void\n}\n\nexport const FastAchThresholdExceeded = ({\n blocker,\n selectedValue,\n onUnblockOptionChange,\n}: FastAchThresholdExceededProps) => {\n const { t } = useTranslation('Payroll.PayrollOverview')\n const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n const dateFormatter = useDateFormatter()\n\n return (\n <Banner status=\"error\" title={t('submissionBlockers.fast_ach_threshold_exceeded.title')}>\n <Flex flexDirection=\"column\" gap={16}>\n <Text>{t('submissionBlockers.fast_ach_threshold_exceeded.description')}</Text>\n <RadioGroup\n label={t('submissionBlockers.fast_ach_threshold_exceeded.fundingOptionsLabel')}\n shouldVisuallyHideLabel\n options={\n blocker.unblockOptions?.map(option => {\n const isWire = option.unblockType === 'wire_in'\n const label = isWire\n ? t('submissionBlockers.fast_ach_threshold_exceeded.wireLabel')\n : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositLabel')\n const description = isWire\n ? t('submissionBlockers.fast_ach_threshold_exceeded.wireDescription')\n : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositDescription')\n\n return {\n value: option.unblockType \|\| '',\n label: (\n <Flex alignItems=\"center\" gap={8}>\n <Text weight=\"semibold\">{label}</Text>\n {isWire && (\n <Badge status=\"success\">\n <IconFast aria-hidden />{' '}\n {t('submissionBlockers.fast_ach_threshold_exceeded.wireFastestBadge')}\n </Badge>\n )}\n {option.checkDate && (\n <Badge status=\"info\">\n {t('submissionBlockers.fast_ach_threshold_exceeded.employeePayDate', {\n date: dateFormatter.formatShortWithYear(option.checkDate),\n })}\n </Badge>\n )}\n </Flex>\n ),\n description,\n }\n }) \|\| []\n }\n value={selectedValue}\n onChange={value => {\n onUnblockOptionChange('fast_ach_threshold_exceeded', value)\n }}\n />\n </Flex>\n </Banner>\n )\n}\n"],"names":["FastAchThresholdExceeded","blocker","selectedValue","onUnblockOptionChange","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","jsx","jsxs","Flex","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;;AAaO,MAAMA,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA;AAEtB,SACE,gBAAAC,EAACP,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAAE,sDAAsD,GACpF,UAAA,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAF,EAACN,GAAA,EAAM,UAAAH,EAAE,4DAA4D,EAAA,CAAE;AAAA,IACvE,gBAAAS;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,oEAAoE;AAAA,QAC7E,yBAAuB;AAAA,QACvB,SACEH,EAAQ,gBAAgB,IAAI,CAAAe,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFd,EADUa,IACR,6DACA,mEAD0D,GAE1DE,IACFf,EADgBa,IACd,mEACA,yEADgE;AAGtE,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAF,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAF,EAACN,GAAA,EAAK,QAAO,YAAY,UAAAW,GAAM;AAAA,cAC9BD,KACC,gBAAAH,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAI,EAACO,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBhB,EAAE,iEAAiE;AAAA,cAAA,GACtE;AAAA,cAEDY,EAAO,aACN,gBAAAH,EAACJ,KAAM,QAAO,QACX,YAAE,kEAAkE;AAAA,gBACnE,MAAME,EAAc,oBAAoBK,EAAO,SAAS;AAAA,cAAA,CACzD,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOjB;AAAA,QACP,UAAU,CAAAmB,MAAS;AACjB,UAAAlB,EAAsB,+BAA+BkB,CAAK;AAAA,QAC5D;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

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

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

@@ -1,4 +1,4 @@
-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 = {
+const e = "_container_1q1uw_1", t = "_receiptHeader_1q1uw_10", c = "_receiptIcon_1q1uw_21", o = "_checkmarkIcon_1q1uw_32", n = "_totalAmount_1q1uw_38", _ = "_receiptDetailsTable_1q1uw_43", a = "_disclaimer_1q1uw_67", r = "_companyInfo_1q1uw_72", i = "_address_1q1uw_76", s = "_receiptHeaderMobile_1q1uw_89", l = "_textMobile_1q1uw_100", d = {
   container: e,
   receiptHeader: t,
   receiptIcon: c,

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

@@ -1,4 +1,4 @@
-import { useState as P, useCallback as y, useEffect as S } from "react";
+import { useState as y, useCallback as m, useEffect as S } from "react";
 import { usePayrollsPrepareMutation as h } from "@gusto/embedded-api/react-query/payrollsPrepare";
 import { usePaySchedulesGet as f } from "@gusto/embedded-api/react-query/paySchedulesGet";
 import "react/jsx-runtime";
@@ -11,16 +11,14 @@ import { useBase as b } from "../Base/useBase.js";
 import "../../shared/constants.js";
 import "classnames";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../contexts/LocaleProvider/useLocale.js";
-const O = ({
+const H = ({
   companyId: e,
   payrollId: t,
   employeeUuids: o,
   sortBy: s
 }) => {
-  const { mutateAsync: i, isPending: l } = h(), [r, d] = P(), { baseSubmitHandler: p } = b(), { data: u, isLoading: n } = f(
+  const { mutateAsync: i, isPending: l } = h(), [r, d] = y(), { baseSubmitHandler: p } = b(), { data: u, isLoading: n } = f(
     {
       companyId: e,
       payScheduleId: r?.payPeriod?.payScheduleUuid || ""
@@ -28,9 +26,9 @@ const O = ({
     {
       enabled: !!r?.payPeriod?.payScheduleUuid
     }
-  ), a = y(async () => {
+  ), a = m(async () => {
     await p(null, async () => {
-      const m = await i({
+      const P = await i({
         request: {
           companyId: e,
           payrollId: t,
@@ -40,7 +38,7 @@ const O = ({
           }
         }
       });
-      d(m.payrollPrepared);
+      d(P.payrollPrepared);
     });
   }, [e, t, i, o, p]);
   S(() => {
@@ -55,6 +53,6 @@ const O = ({
   };
 };
 export {
-  O as usePreparedPayrollData
+  H as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollprepared'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayrollPrepareSortBy } from '@gusto/embedded-api/models/components/payrollpreparesortby'\nimport { useBase } from '../Base'\n\ninterface UsePreparedPayrollDataParams {\n companyId: string\n payrollId: string\n employeeUuids?: string[]\n sortBy?: PayrollPrepareSortBy\n}\n\ninterface UsePreparedPayrollDataReturn {\n handlePreparePayroll: () => Promise<void>\n preparedPayroll: PayrollPrepared \| undefined\n paySchedule: PayScheduleObject \| undefined\n isLoading: boolean\n}\n\nexport const usePreparedPayrollData = ({\n companyId,\n payrollId,\n employeeUuids,\n sortBy,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n usePayrollsPrepareMutation()\n const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared \| undefined>()\n const { baseSubmitHandler } = useBase()\n\n const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n {\n companyId,\n payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid \|\| '',\n },\n {\n enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n },\n )\n\n const handlePreparePayroll = useCallback(async () => {\n await baseSubmitHandler(null, async () => {\n const result = await preparePayroll({\n request: {\n companyId,\n payrollId,\n sortBy,\n requestBody: {\n employeeUuids,\n },\n },\n })\n setPreparedPayroll(result.payrollPrepared)\n })\n }, [companyId, payrollId, preparePayroll, employeeUuids, baseSubmitHandler])\n\n useEffect(() => {\n void handlePreparePayroll()\n }, [handlePreparePayroll])\n\n const isLoading = isPreparePayrollPending \|\| isPayScheduleLoading\n\n return {\n handlePreparePayroll,\n preparedPayroll,\n paySchedule: payScheduleData?.payScheduleObject,\n isLoading,\n }\n}\n"],"names":["usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","baseSubmitHandler","useBase","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handlePreparePayroll","useCallback","result","useEffect","isLoading"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAsBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAd;AAAA,MACA,eAAeO,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIQ,IAAuBC,EAAY,YAAY;AACnD,UAAMN,EAAkB,MAAM,YAAY;AACxC,YAAMO,IAAS,MAAMb,EAAe;AAAA,QAClC,SAAS;AAAA,UACP,WAAAJ;AAAA,UACA,WAAAC;AAAA,UACA,QAAAE;AAAA,UACA,aAAa;AAAA,YACX,eAAAD;AAAA,UAAA;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAAM,EAAmBS,EAAO,eAAe;AAAA,IAC3C,CAAC;AAAA,EACH,GAAG,CAACjB,GAAWC,GAAWG,GAAgBF,GAAeQ,CAAiB,CAAC;AAE3E,EAAAQ,EAAU,MAAM;AACd,IAAKH,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMI,IAAYd,KAA2BQ;AAE7C,SAAO;AAAA,IACL,sBAAAE;AAAA,IACA,iBAAAR;AAAA,IACA,aAAaK,GAAiB;AAAA,IAC9B,WAAAO;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollprepared'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayrollPrepareSortBy } from '@gusto/embedded-api/models/components/payrollpreparesortby'\nimport { useBase } from '../Base'\n\ninterface UsePreparedPayrollDataParams {\n companyId: string\n payrollId: string\n employeeUuids?: string[]\n sortBy?: PayrollPrepareSortBy\n}\n\ninterface UsePreparedPayrollDataReturn {\n handlePreparePayroll: () => Promise<void>\n preparedPayroll: PayrollPrepared \| undefined\n paySchedule: PayScheduleObject \| undefined\n isLoading: boolean\n}\n\nexport const usePreparedPayrollData = ({\n companyId,\n payrollId,\n employeeUuids,\n sortBy,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n usePayrollsPrepareMutation()\n const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared \| undefined>()\n const { baseSubmitHandler } = useBase()\n\n const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n {\n companyId,\n payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid \|\| '',\n },\n {\n enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n },\n )\n\n const handlePreparePayroll = useCallback(async () => {\n await baseSubmitHandler(null, async () => {\n const result = await preparePayroll({\n request: {\n companyId,\n payrollId,\n sortBy,\n requestBody: {\n employeeUuids,\n },\n },\n })\n setPreparedPayroll(result.payrollPrepared)\n })\n }, [companyId, payrollId, preparePayroll, employeeUuids, baseSubmitHandler])\n\n useEffect(() => {\n void handlePreparePayroll()\n }, [handlePreparePayroll])\n\n const isLoading = isPreparePayrollPending \|\| isPayScheduleLoading\n\n return {\n handlePreparePayroll,\n preparedPayroll,\n paySchedule: payScheduleData?.payScheduleObject,\n isLoading,\n }\n}\n"],"names":["usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","baseSubmitHandler","useBase","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handlePreparePayroll","useCallback","result","useEffect","isLoading"],"mappings":";;;;;;;;;;;;;;AAsBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAd;AAAA,MACA,eAAeO,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIQ,IAAuBC,EAAY,YAAY;AACnD,UAAMN,EAAkB,MAAM,YAAY;AACxC,YAAMO,IAAS,MAAMb,EAAe;AAAA,QAClC,SAAS;AAAA,UACP,WAAAJ;AAAA,UACA,WAAAC;AAAA,UACA,QAAAE;AAAA,UACA,aAAa;AAAA,YACX,eAAAD;AAAA,UAAA;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAAM,EAAmBS,EAAO,eAAe;AAAA,IAC3C,CAAC;AAAA,EACH,GAAG,CAACjB,GAAWC,GAAWG,GAAgBF,GAAeQ,CAAiB,CAAC;AAE3E,EAAAQ,EAAU,MAAM;AACd,IAAKH,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMI,IAAYd,KAA2BQ;AAE7C,SAAO;AAAA,IACL,sBAAAE;AAAA,IACA,iBAAAR;AAAA,IACA,aAAaK,GAAiB;AAAA,IAC9B,WAAAO;AAAA,EAAA;AAEJ;"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js CHANGED Viewed

@@ -12,9 +12,8 @@ import "classnames";
 import { InternalError as y } from "../../components/Common/InternalError/InternalError.js";
 import "../ComponentAdapter/useComponentContext.js";
 import { LocaleProvider as L } from "../LocaleProvider/LocaleProvider.js";
-import "../LocaleProvider/useLocale.js";
 import { ThemeProvider as U } from "../ThemeProvider/ThemeProvider.js";
-const H = (a) => {
+const z = (a) => {
   const {
     children: c,
     config: e,
@@ -43,6 +42,6 @@ const H = (a) => {
   }, [n]), /* @__PURE__ */ r(P, { value: C(s), children: /* @__PURE__ */ r(x, { value: f, children: /* @__PURE__ */ r(h, { FallbackComponent: y, children: /* @__PURE__ */ r(U, { theme: l, children: /* @__PURE__ */ r(L, { locale: d, currency: p, children: /* @__PURE__ */ r(v, { i18n: t, children: /* @__PURE__ */ r(I, { url: e.baseUrl, headers: e.headers, hooks: e.hooks, children: c }) }, n) }) }) }) }) });
 };
 export {
-  H as GustoProviderCustomUIAdapter
+  z as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n baseUrl: string\n headers?: HeadersInit\n hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n config: APIConfig\n dictionary?: ResourceDictionary\n lng?: string\n locale?: string\n currency?: string\n theme?: GustoSDKTheme\n queryClient?: QueryClient\n components: ComponentsContextType\n LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n children?: React.ReactNode\n}\n\n/*\n A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n const {\n children,\n config,\n dictionary,\n lng = 'en',\n locale = 'en-US',\n currency = 'USD',\n theme,\n components,\n LoaderComponent,\n } = props\n\n // Handle dictionary resources\n if (dictionary) {\n for (const language in dictionary) {\n const lang = language as SupportedLanguages\n for (const ns in dictionary[lang]) {\n // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n SDKI18next.addResourceBundle(\n lang,\n ns,\n (dictionary[lang] as Record<string, unknown>)[ns],\n true,\n true,\n )\n }\n }\n }\n\n // Handle language change\n useEffect(() => {\n void (async () => {\n await SDKI18next.changeLanguage(lng)\n })()\n }, [lng])\n\n return (\n <ComponentsProvider value={createComponents(components)}>\n <LoadingIndicatorProvider value={LoaderComponent}>\n <ErrorBoundary FallbackComponent={InternalError}>\n <ThemeProvider theme={theme}>\n <LocaleProvider locale={locale} currency={currency}>\n <I18nextProvider i18n={SDKI18next} key={lng}>\n <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n {children}\n </ApiProvider>\n </I18nextProvider>\n </LocaleProvider>\n </ThemeProvider>\n </ErrorBoundary>\n </LoadingIndicatorProvider>\n </ComponentsProvider>\n )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","createComponents","LoadingIndicatorProvider","jsx","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":"~~;;;;;;;;;;;;;;;;~~AA4CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOC,EAAiBR,CAAU,GACpD,4BAACS,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAS,EAACC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAF,EAACG,KAAc,OAAAd,GACb,UAAA,gBAAAW,EAACI,KAAe,QAAAjB,GAAgB,UAAAC,GAC9B,4BAACiB,GAAA,EAAgB,MAAMV,GACrB,UAAA,gBAAAK,EAACM,GAAA,EAAY,KAAKtB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n baseUrl: string\n headers?: HeadersInit\n hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n config: APIConfig\n dictionary?: ResourceDictionary\n lng?: string\n locale?: string\n currency?: string\n theme?: GustoSDKTheme\n queryClient?: QueryClient\n components: ComponentsContextType\n LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n children?: React.ReactNode\n}\n\n/*\n A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n const {\n children,\n config,\n dictionary,\n lng = 'en',\n locale = 'en-US',\n currency = 'USD',\n theme,\n components,\n LoaderComponent,\n } = props\n\n // Handle dictionary resources\n if (dictionary) {\n for (const language in dictionary) {\n const lang = language as SupportedLanguages\n for (const ns in dictionary[lang]) {\n // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n SDKI18next.addResourceBundle(\n lang,\n ns,\n (dictionary[lang] as Record<string, unknown>)[ns],\n true,\n true,\n )\n }\n }\n }\n\n // Handle language change\n useEffect(() => {\n void (async () => {\n await SDKI18next.changeLanguage(lng)\n })()\n }, [lng])\n\n return (\n <ComponentsProvider value={createComponents(components)}>\n <LoadingIndicatorProvider value={LoaderComponent}>\n <ErrorBoundary FallbackComponent={InternalError}>\n <ThemeProvider theme={theme}>\n <LocaleProvider locale={locale} currency={currency}>\n <I18nextProvider i18n={SDKI18next} key={lng}>\n <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n {children}\n </ApiProvider>\n </I18nextProvider>\n </LocaleProvider>\n </ThemeProvider>\n </ErrorBoundary>\n </LoadingIndicatorProvider>\n </ComponentsProvider>\n )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","createComponents","LoadingIndicatorProvider","jsx","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;AA4CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOC,EAAiBR,CAAU,GACpD,4BAACS,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAS,EAACC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAF,EAACG,KAAc,OAAAd,GACb,UAAA,gBAAAW,EAACI,KAAe,QAAAjB,GAAgB,UAAAC,GAC9B,4BAACiB,GAAA,EAAgB,MAAMV,GACrB,UAAA,gBAAAK,EAACM,GAAA,EAAY,KAAKtB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}

package/dist/helpers/formattedStrings.js CHANGED Viewed

@@ -1,20 +1,19 @@
 import m from "dompurify";
 import "react-i18next";
 import "react";
-import "../contexts/LocaleProvider/useLocale.js";
-const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), h = ({
+const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), l = ({
   first_name: t,
   last_name: e
 }) => `${t ? c(t) : ""}${e ? n(c(e)) : ""}`, n = (t) => t ? ` ${t}` : "", i = (t) => {
   const e = n(t.street1), r = n(t.street2);
   return `${e},${r}`;
-}, u = (t) => `${n(t.city)}, ${n(t.state)} ${n(t.zip)}`, C = (t) => `${i(t)} ${u(t)}`, p = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
+}, u = (t) => `${n(t.city)}, ${n(t.state)} ${n(t.zip)}`, h = (t) => `${i(t)} ${u(t)}`, p = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
   const r = t.toLocaleString(e, {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
   return p(r, !1);
-}, S = ({
+}, C = ({
   rate: t,
   paymentUnit: e,
   t: r,
@@ -42,20 +41,20 @@ const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), h = ({
       return o;
   }
 }, y = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
-function D(t) {
+function S(t) {
   return t ? { __html: m.sanitize(t, y) } : { __html: "" };
 }
-const F = (t) => t.replace(/\D/g, ""), L = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase());
+const D = (t) => t.replace(/\D/g, ""), F = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase());
 export {
-  C as addressInline,
+  h as addressInline,
   p as amountStr,
-  D as createMarkup,
-  h as firstLastName,
+  S as createMarkup,
+  l as firstLastName,
   s as formatNumberAsCurrency,
-  S as formatPayRate,
+  C as formatPayRate,
   u as getCityStateZip,
   i as getStreet,
-  F as removeNonDigits,
-  L as snakeCaseToCamelCase
+  D as removeNonDigits,
+  F as snakeCaseToCamelCase
 };
 //# sourceMappingURL=formattedStrings.js.map