@gusto/embedded-react-sdk 0.22.0 → 0.23.0-rc.1

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, 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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"}
+{"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 { FastAchSubmissionBlockerBanner, 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 =>\n      blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n      blocker.blockerType === 'needs_earned_access_for_fast_ach',\n  )\n  const selectedUnblockType = fastAchBlocker\n    ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n    : undefined\n  const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n    option => 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                    <FastAchSubmissionBlockerBanner\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.employeePayDate'),\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","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/{FastAchThresholdExceeded.d.ts → FastAchSubmissionBlockerBanner.d.ts}

@@ -1,8 +1,8 @@
 import { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype';
-interface FastAchThresholdExceededProps {
+interface FastAchSubmissionBlockerBannerProps {
     blocker: PayrollSubmissionBlockersType;
     selectedValue?: string;
     onUnblockOptionChange: (blockerType: string, value: string) => void;
 }
-export declare const FastAchThresholdExceeded: ({ blocker, selectedValue, onUnblockOptionChange, }: FastAchThresholdExceededProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FastAchSubmissionBlockerBanner: ({ blocker, selectedValue, onUnblockOptionChange, }: FastAchSubmissionBlockerBannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.js

@@ -0,0 +1,55 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as _ } from "react-i18next";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { useComponentContext as k } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useDateFormatter as B } from "../../../../hooks/useDateFormatter.js";
+import O from "../../../../assets/icons/icon-zap-fast.svg.js";
+const x = {
+  fast_ach_threshold_exceeded: "submissionBlockers.fast_ach_threshold_exceeded.title",
+  needs_earned_access_for_fast_ach: "submissionBlockers.needs_earned_access_for_fast_ach.title"
+}, C = ({
+  blocker: r,
+  selectedValue: d,
+  onUnblockOptionChange: h
+}) => {
+  const { t: e } = _("Payroll.PayrollOverview"), { Banner: m, Text: c, RadioGroup: p, Badge: n } = k(), u = B(), a = r.blockerType || "fast_ach_threshold_exceeded";
+  return /* @__PURE__ */ t(m, { status: "error", title: e(x[a]), children: /* @__PURE__ */ i(l, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ t(c, { children: e("submissionBlockers.fastAchOptions.description") }),
+    /* @__PURE__ */ t(
+      p,
+      {
+        label: e("submissionBlockers.fastAchOptions.fundingOptionsLabel"),
+        shouldVisuallyHideLabel: !0,
+        options: r.unblockOptions?.map((s) => {
+          const o = s.unblockType === "wire_in", f = e(o ? "submissionBlockers.fastAchOptions.wireLabel" : "submissionBlockers.fastAchOptions.directDepositLabel"), b = e(o ? "submissionBlockers.fastAchOptions.wireDescription" : "submissionBlockers.fastAchOptions.directDepositDescription");
+          return {
+            value: s.unblockType || "",
+            label: /* @__PURE__ */ i(l, { alignItems: "center", gap: 8, children: [
+              /* @__PURE__ */ t(c, { weight: "semibold", children: f }),
+              o && /* @__PURE__ */ i(n, { status: "success", children: [
+                /* @__PURE__ */ t(O, { "aria-hidden": !0 }),
+                " ",
+                e("submissionBlockers.fastAchOptions.wireFastestBadge")
+              ] }),
+              s.checkDate && /* @__PURE__ */ t(n, { status: "info", children: e("submissionBlockers.fastAchOptions.employeePayDate", {
+                date: u.formatShortWithYear(s.checkDate)
+              }) })
+            ] }),
+            description: b
+          };
+        }) || [],
+        value: d,
+        onChange: (s) => {
+          h(a, s);
+        }
+      }
+    )
+  ] }) });
+};
+export {
+  C as FastAchSubmissionBlockerBanner
+};
+//# sourceMappingURL=FastAchSubmissionBlockerBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.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\ntype FastAchBlockerType = 'fast_ach_threshold_exceeded' | 'needs_earned_access_for_fast_ach'\n\nconst blockerTitleKeys = {\n  fast_ach_threshold_exceeded: 'submissionBlockers.fast_ach_threshold_exceeded.title',\n  needs_earned_access_for_fast_ach: 'submissionBlockers.needs_earned_access_for_fast_ach.title',\n} as const\n\ninterface FastAchSubmissionBlockerBannerProps {\n  blocker: PayrollSubmissionBlockersType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n}: FastAchSubmissionBlockerBannerProps) => {\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const blockerType = (blocker.blockerType || 'fast_ach_threshold_exceeded') as FastAchBlockerType\n\n  return (\n    <Banner status=\"error\" title={t(blockerTitleKeys[blockerType])}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Text>{t('submissionBlockers.fastAchOptions.description')}</Text>\n        <RadioGroup\n          label={t('submissionBlockers.fastAchOptions.fundingOptionsLabel')}\n          shouldVisuallyHideLabel\n          options={\n            blocker.unblockOptions?.map(option => {\n              const isWire = option.unblockType === 'wire_in'\n              const label = isWire\n                ? t('submissionBlockers.fastAchOptions.wireLabel')\n                : t('submissionBlockers.fastAchOptions.directDepositLabel')\n              const description = isWire\n                ? t('submissionBlockers.fastAchOptions.wireDescription')\n                : t('submissionBlockers.fastAchOptions.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.fastAchOptions.wireFastestBadge')}\n                      </Badge>\n                    )}\n                    {option.checkDate && (\n                      <Badge status=\"info\">\n                        {t('submissionBlockers.fastAchOptions.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(blockerType, value)\n          }}\n        />\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["blockerTitleKeys","FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsx","jsxs","Flex","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;;;AASA,MAAMA,IAAmB;AAAA,EACvB,6BAA6B;AAAA,EAC7B,kCAAkC;AACpC,GAQaC,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AACF,MAA2C;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA,GAChBC,IAAeZ,EAAQ,eAAe;AAE5C,SACE,gBAAAa,EAACR,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAAEL,EAAiBc,CAAW,CAAC,GAC3D,UAAA,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAF,EAACP,GAAA,EAAM,UAAAH,EAAE,+CAA+C,EAAA,CAAE;AAAA,IAC1D,gBAAAU;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,uDAAuD;AAAA,QAChE,yBAAuB;AAAA,QACvB,SACEH,EAAQ,gBAAgB,IAAI,CAAAgB,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFf,EADUc,IACR,gDACA,sDAD6C,GAE7CE,IACFhB,EADgBc,IACd,sDACA,4DADmD;AAGzD,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAF,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAF,EAACP,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAH,EAACN,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAK,EAACO,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB,EAAE,oDAAoD;AAAA,cAAA,GACzD;AAAA,cAEDa,EAAO,aACN,gBAAAH,EAACL,KAAM,QAAO,QACX,YAAE,qDAAqD;AAAA,gBACtD,MAAME,EAAc,oBAAoBM,EAAO,SAAS;AAAA,cAAA,CACzD,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOlB;AAAA,QACP,UAAU,CAAAoB,MAAS;AACjB,UAAAnB,EAAsBU,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/index.d.ts

@@ -1,3 +1,3 @@
 import "./types/i18next.d.ts"
-export { FastAchThresholdExceeded } from './FastAchThresholdExceeded';
+export { FastAchSubmissionBlockerBanner } from './FastAchSubmissionBlockerBanner';
 export { GenericBlocker } from './GenericBlocker';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n}\n\nexport const PayrollReceiptsPresentation = ({ receiptData }: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","Heading","Text","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":";;;;;;;;;;;;;AAoBO,MAAMA,IAA8B,CAAC,EAAE,aAAAC,QAAoD;AAChG,QAAM,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA;AAC1B,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAEhDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAW,CADGC,EAAwB,EAAE,KAAKH,GAAc,EACnC,SAAS,OAAO,GAGxCI,IAAsB,CAACC,MAC3B,GAAGA,EAAI,qBAAqB,EAAE,IAAIA,EAAI,oBAAoB,EAAE,GAAG,KAAA,GAE3DC,IAAuB,OAC1BZ,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACa,GAAKF,MAAQE,IAAM,WAAWF,EAAI,2BAA2B,GAAG;AAAA,IACjE;AAAA,EAAA,GAGEG,IAAyB,OAC5Bd,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACa,GAAKF,MAAQE,IAAM,WAAWF,EAAI,sBAAsB,GAAG;AAAA,IAC5D;AAAA,EAAA,GAGEI,IAAiB,OACpBf,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACa,GAAKF,MAAQE,IAAM,WAAWF,EAAI,UAAU,GAAG;AAAA,IAChD;AAAA,EAAA,GAGEK,IAAgB,OACnBhB,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACa,GAAKF,MAAQE,IAAM,WAAWF,EAAI,YAAY,GAAG;AAAA,IAClD;AAAA,EAAA,GAGEM,IAAgB;AAAA,IACpB;AAAA,MACE,OAAO,EAAE,0BAA0B;AAAA,MACnC,QAAQ,WAAWjB,EAAY,QAAQ,eAAe,GAAG;AAAA,IAAA;AAAA,IAE3D;AAAA,MACE,OAAO,EAAE,0BAA0B;AAAA,MACnC,QAAQ,WAAWA,EAAY,QAAQ,sBAAsB,GAAG;AAAA,IAAA;AAAA,IAElE;AAAA,MACE,OAAO,EAAE,wBAAwB;AAAA,MACjC,QAAQ,WAAWA,EAAY,QAAQ,qBAAqB,GAAG;AAAA,IAAA;AAAA,IAEjE,EAAE,OAAO,EAAE,iBAAiB,GAAG,QAAQ,WAAWA,EAAY,QAAQ,YAAY,GAAG,EAAA;AAAA,EAAE,GAGnFkB,IAAuB;AAAA,IAC3B;AAAA,MACE,OAAO,EAAE,mBAAmB;AAAA,MAC5B,OAAOlB,EAAY,eAAe;AAAA,IAAA;AAAA,IAEpC;AAAA,MACE,OAAO,EAAE,cAAc;AAAA,MACvB,OAAOA,EAAY,gBAAgB;AAAA,IAAA;AAAA,IAErC;AAAA,MACE,OAAO,EAAE,YAAY;AAAA,MACrB,OAAOA,EAAY,mBAAmB;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,OAAO,EAAE,mBAAmB;AAAA,MAC5B,OAAOA,EAAY,aAAa;AAAA,IAAA;AAAA,EAClC,GAGImB,IAAsB,MAC1B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAO,eAAed,KAAYc,EAAO,mBAAmB,GACrF,UAAA,gBAAAC,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,eAAc,UAAS,YAAW,UAAS,KAAK,IACpD,UAAA;AAAA,MAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWE,EAAO,aACrB,4BAACG,GAAA,EAAa,WAAWH,EAAO,cAAA,CAAe,EAAA,CACjD;AAAA,wBAECE,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,QAAA,gBAAAJ,EAAClB,KAAK,MAAK,MAAK,SAAQ,cACrB,UAAA,EAAE,oBAAoB,GACzB;AAAA,0BACCD,GAAA,EAAQ,IAAG,MAAK,UAAS,MAAK,WAAWqB,EAAO,aAC9C,UAAAI,EAAuB,WAAW1B,EAAY,QAAQ,gBAAgB,GAAG,CAAC,EAAA,CAC7E;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAoB,EAAC,OAAA,EAAI,WAAWE,EAAO,qBACrB,UAAA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,sBAAsB;AAAA,QAC/B,SAAQ;AAAA,QACR,SAAQ;AAAA,QACR,aAAa;AAAA,UACX,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,CAACC,MACP,gBAAAR,EAAClB,GAAA,EAAK,MAAK,MAAK,SAAQ,cACrB,UAAA0B,EAAK,MAAA,CACR;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,CAACA,MACP,gBAAAR,EAAClB,KAAK,MAAK,MAAM,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAEhC;AAAA,QAEF,MAAMgB;AAAA,MAAA;AAAA,IAAA,GAEV;AAAA,sBAECM,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,IACpD,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAAClB;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAWmB,EAAWC,EAAO,YAAYd,KAAYc,EAAO,UAAU;AAAA,UAErE,UAAAtB,EAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAGf,gBAAAoB;AAAA,QAAClB;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAWmB,EAAWC,EAAO,aAAad,KAAYc,EAAO,UAAU;AAAA,UAEtE,UAAAtB,EAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAGf,gBAAAoB;AAAA,QAAClB;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAWmB,EAAWC,EAAO,SAASd,KAAYc,EAAO,UAAU;AAAA,UAElE,UAAAtB,EAAY,YACX,GAAGA,EAAY,SAAS,WAAW,EAAE,KAAKA,EAAY,SAAS,QAAQ,EAAE,KAAKA,EAAY,SAAS,SAAS,EAAE,IAAIA,EAAY,SAAS,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3J,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,GAGI6B,IAAyB,MAC7B,gBAAAT,EAACI,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAJ;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,uBAAuB;AAAA,MAChC,SAAS;AAAA,QACP;AAAA,UACE,OAAO,EAAE,uBAAuB;AAAA,UAChC,QAAQ,CAACF,MAA4C,gBAAAR,EAAClB,GAAA,EAAM,YAAK,MAAA,CAAM;AAAA,QAAA;AAAA,QAEzE;AAAA,UACE,OAAO,EAAE,kBAAkB;AAAA,UAC3B,QAAQ,CAAC0B,MACP,gBAAAR,EAAClB,KAAM,UAAAwB,EAAuBE,EAAK,MAAM,EAAA,CAAE;AAAA,QAAA;AAAA,MAE/C;AAAA,MAEF,MAAMX;AAAA,MACN,QAAQ,OAAO;AAAA,QACb,YAAY,gBAAAG,EAAClB,GAAA,EAAK,QAAO,YAAY,UAAA,EAAE,kBAAkB,GAAE;AAAA,QAC3D,YACE,gBAAAkB,EAAClB,GAAA,EAAK,QAAO,YACV,UAAAwB,EAAuB,WAAW1B,EAAY,QAAQ,gBAAgB,GAAG,CAAC,EAAA,CAC7E;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,GAEJ,GAGI+B,IAAqB,MACzB,gBAAAX,EAACI,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAJ;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,mBAAmB;AAAA,MAC5B,SAAS;AAAA,QACP;AAAA,UACE,OAAO,EAAE,mBAAmB;AAAA,UAC5B,QAAQ,CAACE,MAA0B,gBAAAZ,EAAClB,GAAA,EAAM,YAAI,KAAA,CAAK;AAAA,QAAA;AAAA,QAErD;AAAA,UACE,OAAO,EAAE,YAAY;AAAA,UACrB,QAAQ,CAAC8B,MACP,gBAAAZ,EAAClB,GAAA,EAAM,UAAAwB,EAAuB,WAAWM,EAAI,UAAU,GAAG,CAAC,EAAA,CAAE;AAAA,QAAA;AAAA,MAEjE;AAAA,MAEF,MAAMhC,EAAY,SAAS,CAAA;AAAA,MAC3B,QAAQ,OAAO;AAAA,QACb,YAAY,gBAAAoB,EAAClB,GAAA,EAAK,QAAO,YAAY,UAAA,EAAE,kBAAkB,GAAE;AAAA,QAC3D,YACE,gBAAAkB,EAAClB,GAAA,EAAK,QAAO,YACV,UAAAwB,EAAuB,WAAW1B,EAAY,QAAQ,YAAY,GAAG,CAAC,EAAA,CACzE;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,GAEJ,GAGIiC,IAA0B,MAC9B,gBAAAV,EAACC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAhB,uBAAaP,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAAA,IAC5D,gBAAAmB;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,yBAAyB;AAAA,QAClC,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,eAAe;AAAA,YACxB,QAAQ,CAACO,wBACNhC,GAAA,EAAM,UAAAQ,EAAoBwB,CAAQ,EAAA,CAAE;AAAA,UAAA;AAAA,UAGzC;AAAA,YACE,OAAO,EAAE,wBAAwB;AAAA,YACjC,QAAQ,CAACA,wBACNhC,GAAA,EAAM,UAAAgC,EAAS,iBAAiB,MAAA,CAAM;AAAA,UAAA;AAAA,UAG3C;AAAA,YACE,OAAO,EAAE,uBAAuB;AAAA,YAChC,QAAQ,CAACA,MACP,gBAAAd,EAAClB,GAAA,EACE,UAAAwB,EAAuB,WAAWQ,EAAS,2BAA2B,GAAG,CAAC,EAAA,CAC7E;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,OAAO,EAAE,wBAAwB;AAAA,YACjC,QAAQ,CAACA,MACP,gBAAAd,EAAClB,GAAA,EAAM,UAAAwB,EAAuB,WAAWQ,EAAS,sBAAsB,GAAG,CAAC,EAAA,CAAE;AAAA,UAAA;AAAA,UAGlF;AAAA,YACE,OAAO,EAAE,qBAAqB;AAAA,YAC9B,QAAQ,CAACA,MACP,gBAAAd,EAAClB,GAAA,EAAM,UAAAwB,EAAuB,WAAWQ,EAAS,YAAY,GAAG,CAAC,EAAA,CAAE;AAAA,UAAA;AAAA,UAGxE;AAAA,YACE,OAAO,EAAE,iBAAiB;AAAA,YAC1B,QAAQ,CAACA,MACP,gBAAAd,EAAClB,GAAA,EAAM,UAAAwB,EAAuB,WAAWQ,EAAS,UAAU,GAAG,CAAC,EAAA,CAAE;AAAA,UAAA;AAAA,QAEtE;AAAA,QAEF,MAAMlC,EAAY,yBAAyB,CAAA;AAAA,QAC3C,QAAQ,OAAO;AAAA,UACb,YACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,YAAA,gBAAAJ,EAAClB,GAAA,EAAK,QAAO,YAAY,UAAA,EAAE,kBAAkB,GAAE;AAAA,8BAC9CA,GAAA,EAAK,MAAK,MAAK,SAAQ,cACrB,YAAE,2BAA2B;AAAA,cAC5B,OAAOF,EAAY,uBAAuB,UAAU;AAAA,YAAA,CACrD,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UAEF,YAAY,gBAAAoB,EAAClB,GAAA,EAAM,UAAA,IAAA,CAAS;AAAA,UAC5B,8BACGA,GAAA,EAAK,QAAO,YAAY,UAAAwB,EAAuBd,EAAA,CAAsB,GAAE;AAAA,UAE1E,8BACGV,GAAA,EAAK,QAAO,YAAY,UAAAwB,EAAuBZ,EAAA,CAAwB,GAAE;AAAA,UAE5E,8BAAaZ,GAAA,EAAK,QAAO,YAAY,UAAAwB,EAAuBV,EAAA,CAAe,GAAE;AAAA,UAC7E,8BAAad,GAAA,EAAK,QAAO,YAAY,UAAAwB,EAAuBX,EAAA,CAAgB,EAAA,CAAE;AAAA,QAAA;AAAA,MAChF;AAAA,IAAA;AAAA,EACF,GACF;AAGF,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAWE,EAAO,WAAW,KAAKhB,GACrC,UAAA,gBAAAiB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAL,EAAA;AAAA,IACAU,EAAA;AAAA,IACAE,EAAA;AAAA,IACAE,EAAA;AAAA,EAAwB,EAAA,CAC3B,EAAA,CACF;AAEJ;"}
+{"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/PayrollStatusBadges/payrollStatusConfig.js

@@ -130,7 +130,7 @@ const o = [
     name: "paid",
     badge: {
       variant: "success",
-      translationKey: "paid"
+      translationKey: "complete"
     },
     condition: (n) => {
       if (!n.processed) return !1;

package/dist/components/Payroll/PayrollStatusBadges/payrollStatusConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollStatusConfig.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/payrollStatusConfig.ts"],"sourcesContent":["import { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { WireInRequestStatus } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { normalizeToDate, getHoursUntil, getDaysUntil } from '@/helpers/dateFormatting'\n\nexport type PayrollStatusTranslationKey =\n  | 'processed'\n  | 'unprocessed'\n  | 'calculating'\n  | 'readyToSubmit'\n  | 'processing'\n  | 'failed'\n  | 'waitingForWireIn'\n  | 'pendingApproval'\n  | 'dueInHours'\n  | 'dueInDays'\n  | 'daysLate'\n  | 'pending'\n  | 'paid'\n  | 'complete'\n  | 'submitted'\n  | 'inProgress'\n\nexport type PayrollStatusBadge = {\n  label?: string\n  variant: 'success' | 'warning' | 'error' | 'info'\n  translationKey: PayrollStatusTranslationKey\n  translationParams?: Record<string, string | number>\n}\n\nexport type PayrollStatusBadges = {\n  badges: PayrollStatusBadge[]\n}\n\nexport type PayrollInput = {\n  processed?: boolean\n  checkDate?: string | null | Date\n  payrollDeadline?: string | null | Date\n  calculatedAt?: Date | null\n  processingRequest?: {\n    status?: PayrollProcessingRequestStatus\n    errors?: unknown[]\n  } | null\n}\n\nexport type WireInRequestInput = {\n  status?: string\n  paymentUuid?: string\n  wireInDeadline?: string\n} | null\n\nexport type StatusConfig = {\n  name: string\n  badge:\n    | PayrollStatusBadge\n    | ((payroll: PayrollInput, wireInRequest?: WireInRequestInput) => PayrollStatusBadge)\n  condition: (payroll: PayrollInput, wireInRequest?: WireInRequestInput) => boolean\n  continueChecking?: boolean\n}\n\nconst ACTIVE_PROCESSING_STATUSES: PayrollProcessingRequestStatus[] = [\n  PayrollProcessingRequestStatus.Calculating,\n  PayrollProcessingRequestStatus.Submitting,\n  PayrollProcessingRequestStatus.ProcessingFailed,\n]\n\nexport const STATUS_CONFIG: StatusConfig[] = [\n  {\n    name: 'calculating',\n    badge: {\n      variant: 'info',\n      translationKey: 'calculating',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.Calculating,\n  },\n  {\n    name: 'readyToSubmit',\n    badge: {\n      variant: 'info',\n      translationKey: 'readyToSubmit',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess &&\n      !!payroll.calculatedAt,\n  },\n  {\n    name: 'processing',\n    badge: {\n      variant: 'warning',\n      translationKey: 'processing',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.Submitting,\n    continueChecking: true,\n  },\n  {\n    name: 'failed',\n    badge: {\n      variant: 'error',\n      translationKey: 'failed',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.ProcessingFailed,\n    continueChecking: true,\n  },\n  {\n    name: 'late',\n    badge: payroll => {\n      const daysDiff = getDaysUntil(payroll.payrollDeadline)\n      if (daysDiff === null) {\n        return {\n          variant: 'error',\n          translationKey: 'daysLate',\n          translationParams: { days: 0 },\n        }\n      }\n\n      const daysPast = Math.abs(Math.floor(daysDiff))\n\n      return {\n        variant: 'error',\n        translationKey: 'daysLate',\n        translationParams: { days: daysPast },\n      }\n    },\n    condition: payroll => {\n      if (!payroll.payrollDeadline || payroll.processed) return false\n\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      if (hoursDiff === null) return false\n\n      return hoursDiff < 0\n    },\n  },\n  {\n    name: 'readyToSubmitFallback',\n    badge: {\n      variant: 'info',\n      translationKey: 'readyToSubmit',\n    },\n    condition: payroll => !!payroll.calculatedAt && !payroll.processed,\n  },\n  {\n    name: 'waitingForWireIn',\n    badge: {\n      variant: 'warning',\n      translationKey: 'waitingForWireIn',\n    },\n    condition: (payroll, wireInRequest) =>\n      !!payroll.processed && wireInRequest?.status === WireInRequestStatus.AwaitingFunds,\n  },\n  {\n    name: 'pendingApproval',\n    badge: {\n      variant: 'warning',\n      translationKey: 'pendingApproval',\n    },\n    condition: (payroll, wireInRequest) =>\n      !!payroll.processed && wireInRequest?.status === WireInRequestStatus.PendingReview,\n  },\n  {\n    name: 'dueInHours',\n    badge: payroll => {\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      if (hoursDiff === null) {\n        return {\n          variant: 'warning',\n          translationKey: 'dueInHours',\n          translationParams: { hours: 0 },\n        }\n      }\n\n      const hours = Math.ceil(hoursDiff)\n\n      return {\n        variant: 'warning',\n        translationKey: 'dueInHours',\n        translationParams: { hours },\n      }\n    },\n    condition: payroll => {\n      if (!payroll.payrollDeadline || payroll.processed) return false\n\n      if (\n        payroll.processingRequest?.status &&\n        ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n      ) {\n        return false\n      }\n\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      if (hoursDiff === null) return false\n\n      return hoursDiff > 0 && hoursDiff < 24\n    },\n  },\n  {\n    name: 'dueInDays',\n    badge: payroll => {\n      const daysDiff = getDaysUntil(payroll.payrollDeadline)\n      if (daysDiff === null) {\n        return {\n          variant: 'info',\n          translationKey: 'dueInDays',\n          translationParams: { days: 0 },\n        }\n      }\n\n      const days = Math.ceil(daysDiff)\n\n      return {\n        variant: 'info',\n        translationKey: 'dueInDays',\n        translationParams: { days },\n      }\n    },\n    condition: payroll => {\n      if (!payroll.payrollDeadline || payroll.processed) return false\n\n      if (\n        payroll.processingRequest?.status &&\n        ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n      ) {\n        return false\n      }\n\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      const daysDiff = getDaysUntil(payroll.payrollDeadline)\n      if (hoursDiff === null || daysDiff === null) return false\n\n      return hoursDiff > 0 && hoursDiff >= 24 && Math.ceil(daysDiff) <= 30\n    },\n  },\n  {\n    name: 'paid',\n    badge: {\n      variant: 'success',\n      translationKey: 'paid',\n    },\n    condition: payroll => {\n      if (!payroll.processed) return false\n\n      const now = new Date()\n      const checkDate = normalizeToDate(payroll.checkDate)\n\n      return checkDate !== null && checkDate <= now\n    },\n  },\n  {\n    name: 'pending',\n    badge: {\n      variant: 'info',\n      translationKey: 'pending',\n    },\n    condition: payroll => !!payroll.processed,\n  },\n  {\n    name: 'unprocessed',\n    badge: {\n      variant: 'info',\n      translationKey: 'unprocessed',\n    },\n    condition: payroll => !payroll.processed && !payroll.processingRequest?.status,\n  },\n]\n"],"names":["ACTIVE_PROCESSING_STATUSES","PayrollProcessingRequestStatus","STATUS_CONFIG","payroll","daysDiff","getDaysUntil","hoursDiff","getHoursUntil","wireInRequest","WireInRequestStatus","now","checkDate","normalizeToDate"],"mappings":"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"}
+{"version":3,"file":"payrollStatusConfig.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/payrollStatusConfig.ts"],"sourcesContent":["import { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { WireInRequestStatus } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { normalizeToDate, getHoursUntil, getDaysUntil } from '@/helpers/dateFormatting'\n\nexport type PayrollStatusTranslationKey =\n  | 'processed'\n  | 'unprocessed'\n  | 'calculating'\n  | 'readyToSubmit'\n  | 'processing'\n  | 'failed'\n  | 'waitingForWireIn'\n  | 'pendingApproval'\n  | 'dueInHours'\n  | 'dueInDays'\n  | 'daysLate'\n  | 'pending'\n  | 'paid'\n  | 'complete'\n  | 'submitted'\n  | 'inProgress'\n\nexport type PayrollStatusBadge = {\n  label?: string\n  variant: 'success' | 'warning' | 'error' | 'info'\n  translationKey: PayrollStatusTranslationKey\n  translationParams?: Record<string, string | number>\n}\n\nexport type PayrollStatusBadges = {\n  badges: PayrollStatusBadge[]\n}\n\nexport type PayrollInput = {\n  processed?: boolean\n  checkDate?: string | null | Date\n  payrollDeadline?: string | null | Date\n  calculatedAt?: Date | null\n  processingRequest?: {\n    status?: PayrollProcessingRequestStatus\n    errors?: unknown[]\n  } | null\n}\n\nexport type WireInRequestInput = {\n  status?: string\n  paymentUuid?: string\n  wireInDeadline?: string\n} | null\n\nexport type StatusConfig = {\n  name: string\n  badge:\n    | PayrollStatusBadge\n    | ((payroll: PayrollInput, wireInRequest?: WireInRequestInput) => PayrollStatusBadge)\n  condition: (payroll: PayrollInput, wireInRequest?: WireInRequestInput) => boolean\n  continueChecking?: boolean\n}\n\nconst ACTIVE_PROCESSING_STATUSES: PayrollProcessingRequestStatus[] = [\n  PayrollProcessingRequestStatus.Calculating,\n  PayrollProcessingRequestStatus.Submitting,\n  PayrollProcessingRequestStatus.ProcessingFailed,\n]\n\nexport const STATUS_CONFIG: StatusConfig[] = [\n  {\n    name: 'calculating',\n    badge: {\n      variant: 'info',\n      translationKey: 'calculating',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.Calculating,\n  },\n  {\n    name: 'readyToSubmit',\n    badge: {\n      variant: 'info',\n      translationKey: 'readyToSubmit',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess &&\n      !!payroll.calculatedAt,\n  },\n  {\n    name: 'processing',\n    badge: {\n      variant: 'warning',\n      translationKey: 'processing',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.Submitting,\n    continueChecking: true,\n  },\n  {\n    name: 'failed',\n    badge: {\n      variant: 'error',\n      translationKey: 'failed',\n    },\n    condition: payroll =>\n      payroll.processingRequest?.status === PayrollProcessingRequestStatus.ProcessingFailed,\n    continueChecking: true,\n  },\n  {\n    name: 'late',\n    badge: payroll => {\n      const daysDiff = getDaysUntil(payroll.payrollDeadline)\n      if (daysDiff === null) {\n        return {\n          variant: 'error',\n          translationKey: 'daysLate',\n          translationParams: { days: 0 },\n        }\n      }\n\n      const daysPast = Math.abs(Math.floor(daysDiff))\n\n      return {\n        variant: 'error',\n        translationKey: 'daysLate',\n        translationParams: { days: daysPast },\n      }\n    },\n    condition: payroll => {\n      if (!payroll.payrollDeadline || payroll.processed) return false\n\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      if (hoursDiff === null) return false\n\n      return hoursDiff < 0\n    },\n  },\n  {\n    name: 'readyToSubmitFallback',\n    badge: {\n      variant: 'info',\n      translationKey: 'readyToSubmit',\n    },\n    condition: payroll => !!payroll.calculatedAt && !payroll.processed,\n  },\n  {\n    name: 'waitingForWireIn',\n    badge: {\n      variant: 'warning',\n      translationKey: 'waitingForWireIn',\n    },\n    condition: (payroll, wireInRequest) =>\n      !!payroll.processed && wireInRequest?.status === WireInRequestStatus.AwaitingFunds,\n  },\n  {\n    name: 'pendingApproval',\n    badge: {\n      variant: 'warning',\n      translationKey: 'pendingApproval',\n    },\n    condition: (payroll, wireInRequest) =>\n      !!payroll.processed && wireInRequest?.status === WireInRequestStatus.PendingReview,\n  },\n  {\n    name: 'dueInHours',\n    badge: payroll => {\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      if (hoursDiff === null) {\n        return {\n          variant: 'warning',\n          translationKey: 'dueInHours',\n          translationParams: { hours: 0 },\n        }\n      }\n\n      const hours = Math.ceil(hoursDiff)\n\n      return {\n        variant: 'warning',\n        translationKey: 'dueInHours',\n        translationParams: { hours },\n      }\n    },\n    condition: payroll => {\n      if (!payroll.payrollDeadline || payroll.processed) return false\n\n      if (\n        payroll.processingRequest?.status &&\n        ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n      ) {\n        return false\n      }\n\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      if (hoursDiff === null) return false\n\n      return hoursDiff > 0 && hoursDiff < 24\n    },\n  },\n  {\n    name: 'dueInDays',\n    badge: payroll => {\n      const daysDiff = getDaysUntil(payroll.payrollDeadline)\n      if (daysDiff === null) {\n        return {\n          variant: 'info',\n          translationKey: 'dueInDays',\n          translationParams: { days: 0 },\n        }\n      }\n\n      const days = Math.ceil(daysDiff)\n\n      return {\n        variant: 'info',\n        translationKey: 'dueInDays',\n        translationParams: { days },\n      }\n    },\n    condition: payroll => {\n      if (!payroll.payrollDeadline || payroll.processed) return false\n\n      if (\n        payroll.processingRequest?.status &&\n        ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n      ) {\n        return false\n      }\n\n      const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n      const daysDiff = getDaysUntil(payroll.payrollDeadline)\n      if (hoursDiff === null || daysDiff === null) return false\n\n      return hoursDiff > 0 && hoursDiff >= 24 && Math.ceil(daysDiff) <= 30\n    },\n  },\n  {\n    name: 'paid',\n    badge: {\n      variant: 'success',\n      translationKey: 'complete',\n    },\n    condition: payroll => {\n      if (!payroll.processed) return false\n\n      const now = new Date()\n      const checkDate = normalizeToDate(payroll.checkDate)\n\n      return checkDate !== null && checkDate <= now\n    },\n  },\n  {\n    name: 'pending',\n    badge: {\n      variant: 'info',\n      translationKey: 'pending',\n    },\n    condition: payroll => !!payroll.processed,\n  },\n  {\n    name: 'unprocessed',\n    badge: {\n      variant: 'info',\n      translationKey: 'unprocessed',\n    },\n    condition: payroll => !payroll.processed && !payroll.processingRequest?.status,\n  },\n]\n"],"names":["ACTIVE_PROCESSING_STATUSES","PayrollProcessingRequestStatus","STATUS_CONFIG","payroll","daysDiff","getDaysUntil","hoursDiff","getHoursUntil","wireInRequest","WireInRequestStatus","now","checkDate","normalizeToDate"],"mappings":"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"}

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

@@ -8,4 +8,4 @@ export { PayrollOverview } from './PayrollOverview/PayrollOverview';
 export { PayrollFlow } from './PayrollFlow/PayrollFlow';
 export { PayrollReceipts } from './PayrollReceipts/PayrollReceipts';
 export { ConfirmWireDetails } from './ConfirmWireDetails/ConfirmWireDetails';
-export { type ApiPayrollBlocker } from './PayrollBlocker';
+export { PayrollBlocker, type ApiPayrollBlocker } from './PayrollBlocker';

package/dist/components/Payroll/index.js

@@ -1,21 +1,23 @@
 import { PayrollConfiguration as l } from "./PayrollConfiguration/PayrollConfiguration.js";
 import { PayrollEditEmployee as t } from "./PayrollEditEmployee/PayrollEditEmployee.js";
 import { PayrollHistory as f } from "./PayrollHistory/PayrollHistory.js";
-import { PayrollLanding as m } from "./PayrollLanding/PayrollLanding.js";
+import { PayrollLanding as p } from "./PayrollLanding/PayrollLanding.js";
 import { PayrollList as y } from "./PayrollList/PayrollList.js";
 import { PayrollOverview as P } from "./PayrollOverview/PayrollOverview.js";
 import { PayrollFlow as s } from "./PayrollFlow/PayrollFlow.js";
-import { PayrollReceipts as g } from "./PayrollReceipts/PayrollReceipts.js";
-import { ConfirmWireDetails as w } from "./ConfirmWireDetails/ConfirmWireDetails.js";
+import { PayrollReceipts as d } from "./PayrollReceipts/PayrollReceipts.js";
+import { ConfirmWireDetails as v } from "./ConfirmWireDetails/ConfirmWireDetails.js";
+import { PayrollBlocker as C } from "./PayrollBlocker/PayrollBlocker.js";
 export {
-  w as ConfirmWireDetails,
+  v as ConfirmWireDetails,
+  C as PayrollBlocker,
   l as PayrollConfiguration,
   t as PayrollEditEmployee,
   s as PayrollFlow,
   f as PayrollHistory,
-  m as PayrollLanding,
+  p as PayrollLanding,
   y as PayrollList,
   P as PayrollOverview,
-  g as PayrollReceipts
+  d as PayrollReceipts
 };
 //# sourceMappingURL=index.js.map

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

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