@gusto/embedded-react-sdk 0.37.0-rc.5 → 0.38.0

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/payroll'\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 {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  calculateTotalPayroll,\n  getPayrollTypeLabel,\n  hasDirectDepositEmployees,\n  isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  PAYMENT_METHODS,\n} from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n  payrollData: PayrollShow\n  bankAccount?: CompanyBankAccount\n  employeeDetails: Employee[]\n  taxes: Record<string, { employee: number; employer: number }>\n  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\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  withReimbursements?: boolean\n  paymentSpeed?: string\n}\n\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollOverviewPresentation = ({\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  employeeDetails,\n  payrollData,\n  bankAccount,\n  taxes,\n  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  withReimbursements = true,\n  paymentSpeed,\n}: PayrollOverviewProps) => {\n  const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <Flex flexDirection=\"column\" alignItems=\"stretch\">\n          <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n            <Flex flexDirection=\"column\" gap={4}>\n              {pageHeading}\n              {pageSubtitle}\n            </Flex>\n          </Flex>\n          <Alert status=\"info\" label={t('cancelledEmptyState')} />\n        </Flex>\n      </div>\n    )\n  }\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate =\n    payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n  const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.taxes?.reduce(\n        (acc, tax) => (tax.employer ? acc + 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: UnblockOptions) => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const 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: Array<{\n    key: string\n    title: string\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        firstLastName({\n          first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n          last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n        }),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(employeeCompensations.grossPay!),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyCost(employeeCompensation)),\n    },\n  ]\n  if (isProcessed && isDesktop) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex justifyContent=\"flex-end\">\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        </Flex>\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          itemMenu={\n            isProcessed && !isDesktop\n              ? (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              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsLabel')}\n                </Text>\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeMap.get(employeeCompensations.employeeUuid!)?.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            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.REGULAR_HOURS_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeePtoHours(employeeCompensations),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                  (acc, hours) => acc + hours,\n                  0,\n                ) + getEmployeePtoHours(employeeCompensations),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\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                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.grossPay ?? 0),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + deduction.amount!,\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) =>\n                      formatCurrency(getReimbursements(employeeCompensations)),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.taxes?.reduce(\n                    (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.benefits?.reduce(\n                    (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.netPay ?? 0),\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 => taxKey,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n              },\n            ]}\n            footer={() => ({\n              taxDescription: (\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('totalsLabel')}\n                </Text>\n              ),\n              byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n              byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => label,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => formatCurrency(Number(value)),\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(withReimbursements\n                ? [\n                    {\n                      label: t('reimbursementLabel'),\n                      value: payrollData.totals?.reimbursementDebit || '0',\n                    },\n                  ]\n                : []),\n              {\n                label: t('garnishmentsLabel'),\n                value: payrollData.totals?.childSupportDebit || '0',\n              },\n              { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n            ]}\n          />\n        </Flex>\n      ),\n    },\n  ]\n\n  const actions = isProcessed ? (\n    <>\n      <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n        {t('payrollReceiptCta')}\n      </Button>\n      {canCancel && (\n        <Button\n          onClick={() => {\n            setIsCancelDialogOpen(true)\n          }}\n          variant=\"error\"\n          isDisabled={isLoading}\n        >\n          {t('cancelCta')}\n        </Button>\n      )}\n    </>\n  ) : (\n    <>\n      <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n        {t('editCta')}\n      </Button>\n      <Button\n        onClick={onSubmit}\n        isDisabled={\n          isLoading ||\n          (submissionBlockers.length > 0 &&\n            (submissionBlockers.some(\n              blocker =>\n                !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n            ) ||\n              submissionBlockers.some(\n                blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n              )))\n        }\n      >\n        {t('submitCta')}\n      </Button>\n    </>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            {pageHeading}\n            {pageSubtitle}\n          </Flex>\n          {isDesktop && (\n            <Flex gap={8} justifyContent=\"flex-end\">\n              {actions}\n            </Flex>\n          )}\n        </Flex>\n        {!isDesktop && (\n          <Grid gridTemplateColumns=\"1fr\" gap={8}>\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return formatCurrency(Number(debitAmount ?? 0))\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return dateFormatter.formatShortWithYear(debitDate)\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {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(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  {hasDirectDepositEmployees(payrollData.employeeCompensations) && (\n                    <Text>\n                      {t('cancelDialogDescriptionDeadline', {\n                        deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                      })}\n                    </Text>\n                  )}\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","paymentSpeed","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","pageSubtitle","Trans","getPayrollTypeLabel","styles","jsxs","Flex","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","firstLastName","DownloadIcon","tabs","DataView","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate","hasDirectDepositEmployees"],"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/payroll'\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 {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  calculateTotalPayroll,\n  getPayrollTypeLabel,\n  hasDirectDepositEmployees,\n  isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  PAYMENT_METHODS,\n} from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n  payrollData: PayrollShow\n  bankAccount?: CompanyBankAccount\n  employeeDetails: Employee[]\n  taxes: Record<string, { employee: number; employer: number }>\n  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\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  withReimbursements?: boolean\n  paymentSpeed?: string\n}\n\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollOverviewPresentation = ({\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  employeeDetails,\n  payrollData,\n  bankAccount,\n  taxes,\n  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  withReimbursements = true,\n  paymentSpeed,\n}: PayrollOverviewProps) => {\n  const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <Flex flexDirection=\"column\" alignItems=\"stretch\">\n          <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n            <Flex flexDirection=\"column\" gap={4}>\n              {pageHeading}\n              {pageSubtitle}\n            </Flex>\n          </Flex>\n          <Alert status=\"info\" label={t('cancelledEmptyState')} />\n        </Flex>\n      </div>\n    )\n  }\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate =\n    payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n  const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.taxes?.reduce(\n        (acc, tax) => (tax.employer ? acc + 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: UnblockOptions) => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const 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: Array<{\n    key: string\n    title: string\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex flexDirection=\"column\" gap={0}>\n          {firstLastName({\n            first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n            last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n          })}\n          {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n        </Flex>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(employeeCompensations.grossPay!),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyCost(employeeCompensation)),\n    },\n  ]\n  if (isProcessed && isDesktop) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex justifyContent=\"flex-end\">\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        </Flex>\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          itemMenu={\n            isProcessed && !isDesktop\n              ? (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              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsLabel')}\n                </Text>\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeMap.get(employeeCompensations.employeeUuid!)?.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            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.REGULAR_HOURS_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeePtoHours(employeeCompensations),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                  (acc, hours) => acc + hours,\n                  0,\n                ) + getEmployeePtoHours(employeeCompensations),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.grossPay ?? 0),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + deduction.amount!,\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) =>\n                      formatCurrency(getReimbursements(employeeCompensations)),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.taxes?.reduce(\n                    (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.benefits?.reduce(\n                    (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.netPay ?? 0),\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 => taxKey,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n              },\n            ]}\n            footer={() => ({\n              taxDescription: (\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('totalsLabel')}\n                </Text>\n              ),\n              byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n              byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => label,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => formatCurrency(Number(value)),\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(withReimbursements\n                ? [\n                    {\n                      label: t('reimbursementLabel'),\n                      value: payrollData.totals?.reimbursementDebit || '0',\n                    },\n                  ]\n                : []),\n              {\n                label: t('garnishmentsLabel'),\n                value: payrollData.totals?.childSupportDebit || '0',\n              },\n              { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n            ]}\n          />\n        </Flex>\n      ),\n    },\n  ]\n\n  const actions = isProcessed ? (\n    <>\n      <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n        {t('payrollReceiptCta')}\n      </Button>\n      {canCancel && (\n        <Button\n          onClick={() => {\n            setIsCancelDialogOpen(true)\n          }}\n          variant=\"error\"\n          isDisabled={isLoading}\n        >\n          {t('cancelCta')}\n        </Button>\n      )}\n    </>\n  ) : (\n    <>\n      <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n        {t('editCta')}\n      </Button>\n      <Button\n        onClick={onSubmit}\n        isDisabled={\n          isLoading ||\n          (submissionBlockers.length > 0 &&\n            (submissionBlockers.some(\n              blocker =>\n                !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n            ) ||\n              submissionBlockers.some(\n                blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n              )))\n        }\n      >\n        {t('submitCta')}\n      </Button>\n    </>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            {pageHeading}\n            {pageSubtitle}\n          </Flex>\n          {isDesktop && (\n            <Flex gap={8} justifyContent=\"flex-end\">\n              {actions}\n            </Flex>\n          )}\n        </Flex>\n        {!isDesktop && (\n          <Grid gridTemplateColumns=\"1fr\" gap={8}>\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return formatCurrency(Number(debitAmount ?? 0))\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return dateFormatter.formatShortWithYear(debitDate)\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {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(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  {hasDirectDepositEmployees(payrollData.employeeCompensations) && (\n                    <Text>\n                      {t('cancelDialogDescriptionDeadline', {\n                        deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                      })}\n                    </Text>\n                  )}\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","paymentSpeed","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","pageSubtitle","Trans","getPayrollTypeLabel","styles","jsxs","Flex","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","firstLastName","DownloadIcon","tabs","DataView","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate","hasDirectDepositEmployees"],"mappings":"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"}

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

@@ -1,10 +1,12 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as B } from "react-i18next";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as y } from "../../../../hooks/useDateFormatter.js";
 import O from "../../../../assets/icons/icon-zap-fast.svg.js";
-const v = ({
+const C = ({
   blocker: r,
   selectedValue: d,
   onUnblockOptionChange: h,
@@ -45,6 +47,6 @@ const v = ({
   ] }) });
 };
 export {
-  v as FastAchSubmissionBlockerBanner
+  C as FastAchSubmissionBlockerBanner
 };
 //# sourceMappingURL=FastAchSubmissionBlockerBanner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\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\ninterface FastAchSubmissionBlockerBannerProps {\n  blocker: PayrollSubmissionBlockerType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n  paymentSpeed?: string\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n  paymentSpeed,\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  const titleKey =\n    blockerType === 'fast_ach_threshold_exceeded'\n      ? 'submissionBlockers.fast_ach_threshold_exceeded.title'\n      : 'submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n  return (\n    <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed || '2-day' })}>\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: UnblockOptions) => {\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":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;AAmBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;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,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,yDACA,6DAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,+CAA+C,EAAA,CAAE;AAAA,IAC1D,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,uDAAuD;AAAA,QAChE,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAACiB,MAA2B;AACtD,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,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB,EAAE,oDAAoD;AAAA,cAAA,GACzD;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,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,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\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\ninterface FastAchSubmissionBlockerBannerProps {\n  blocker: PayrollSubmissionBlockerType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n  paymentSpeed?: string\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n  paymentSpeed,\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  const titleKey =\n    blockerType === 'fast_ach_threshold_exceeded'\n      ? 'submissionBlockers.fast_ach_threshold_exceeded.title'\n      : 'submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n  return (\n    <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed || '2-day' })}>\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: UnblockOptions) => {\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":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;;AAmBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;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,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,yDACA,6DAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,+CAA+C,EAAA,CAAE;AAAA,IAC1D,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,uDAAuD;AAAA,QAChE,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAACiB,MAA2B;AACtD,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,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB,EAAE,oDAAoD;AAAA,cAAA,GACzD;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,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,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -4,6 +4,7 @@ import { useTranslation as z } from "react-i18next";
 import p from "classnames";
 import i from "./PayrollReceiptsPresentation.module.scss.js";
 import { Flex as m } from "../../Common/Flex/Flex.js";
+import "../../../shared/constants.js";
 import { useComponentContext as M } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatNumberAsCurrency as a } from "../../../helpers/formattedStrings.js";
 import { useI18n as $ } from "../../../i18n/I18n.js";
@@ -11,7 +12,7 @@ import A from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js
 import B from "../../../assets/icons/receipt-check.svg.js";
 import { DataTable as y } from "../../Common/DataView/DataTable/DataTable.js";
 import { DataView as f } from "../../Common/DataView/DataView.js";
-const Y = ({
+const Z = ({
   receiptData: o,
   withReimbursements: u = !0
 }) => {
@@ -229,6 +230,6 @@ const Y = ({
   ] }) });
 };
 export {
-  Y as PayrollReceiptsPresentation
+  Z 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  withReimbursements?: boolean\n}\n\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: 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    ...(withReimbursements\n      ? [\n          {\n            label: t('breakdown.reimbursements'),\n            amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n          },\n        ]\n      : []),\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <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    const footerValues = [\n      <Flex flexDirection=\"column\" gap={4} key=\"totals\">\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      <Text key=\"spacer\">{'\\u00A0'}</Text>,\n      <Text weight=\"semibold\" key=\"childSupport\">\n        {formatNumberAsCurrency(getTotalChildSupport())}\n      </Text>,\n      ...(withReimbursements\n        ? [\n            <Text weight=\"semibold\" key=\"reimbursements\">\n              {formatNumberAsCurrency(getTotalReimbursements())}\n            </Text>,\n          ]\n        : []),\n      <Text weight=\"semibold\" key=\"taxes\">\n        {formatNumberAsCurrency(getTotalTaxes())}\n      </Text>,\n      <Text weight=\"semibold\" key=\"netPay\">\n        {formatNumberAsCurrency(getTotalNetPay())}\n      </Text>,\n    ]\n\n    const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n      (acc, value, index) => {\n        acc[`column-${index}`] = value\n        return acc\n      },\n      {},\n    )\n\n    return (\n      <Flex flexDirection=\"column\" gap={16}>\n        {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n        <DataView\n          label={t('sections.employeesLabel')}\n          columns={[\n            {\n              title: t('employee.name'),\n              render: (employee: EmployeeBreakdownItem) => (\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            ...(withReimbursements\n              ? [\n                  {\n                    title: t('employee.reimbursement'),\n                    render: (employee: EmployeeBreakdownItem) => (\n                      <Text>\n                        {formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}\n                      </Text>\n                    ),\n                  },\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={() => footerContent}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","withReimbursements","Heading","Text","useComponentContext","useI18n","t","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","footerContent","acc","value","index","employee"],"mappings":"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"}
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n  withReimbursements?: boolean\n}\n\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: 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    ...(withReimbursements\n      ? [\n          {\n            label: t('breakdown.reimbursements'),\n            amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n          },\n        ]\n      : []),\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <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    const footerValues = [\n      <Flex flexDirection=\"column\" gap={4} key=\"totals\">\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      <Text key=\"spacer\">{'\\u00A0'}</Text>,\n      <Text weight=\"semibold\" key=\"childSupport\">\n        {formatNumberAsCurrency(getTotalChildSupport())}\n      </Text>,\n      ...(withReimbursements\n        ? [\n            <Text weight=\"semibold\" key=\"reimbursements\">\n              {formatNumberAsCurrency(getTotalReimbursements())}\n            </Text>,\n          ]\n        : []),\n      <Text weight=\"semibold\" key=\"taxes\">\n        {formatNumberAsCurrency(getTotalTaxes())}\n      </Text>,\n      <Text weight=\"semibold\" key=\"netPay\">\n        {formatNumberAsCurrency(getTotalNetPay())}\n      </Text>,\n    ]\n\n    const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n      (acc, value, index) => {\n        acc[`column-${index}`] = value\n        return acc\n      },\n      {},\n    )\n\n    return (\n      <Flex flexDirection=\"column\" gap={16}>\n        {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n        <DataView\n          label={t('sections.employeesLabel')}\n          columns={[\n            {\n              title: t('employee.name'),\n              render: (employee: EmployeeBreakdownItem) => (\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            ...(withReimbursements\n              ? [\n                  {\n                    title: t('employee.reimbursement'),\n                    render: (employee: EmployeeBreakdownItem) => (\n                      <Text>\n                        {formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}\n                      </Text>\n                    ),\n                  },\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={() => footerContent}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","withReimbursements","Heading","Text","useComponentContext","useI18n","t","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","footerContent","acc","value","index","employee"],"mappings":"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"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.js

@@ -10,9 +10,10 @@ import { useComponentDictionary as L, useI18n as u } from "../../../../i18n/I18n
 import { DataView as b } from "../../../Common/DataView/DataView.js";
 import { useDataView as E } from "../../../Common/DataView/useDataView.js";
 import { FlexItem as x, Flex as d } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { recoveryCasesEvents as D } from "../../../../shared/constants.js";
 import { formatNumberAsCurrency as y } from "../../../../helpers/formattedStrings.js";
-function $(t) {
+function q(t) {
   return /* @__PURE__ */ e(R, { ...t, children: /* @__PURE__ */ e(w, { ...t, children: t.children }) });
 }
 function P(t) {
@@ -97,6 +98,6 @@ function w({ companyId: t, dictionary: n, onEvent: s }) {
   ] }) });
 }
 export {
-  $ as RecoveryCasesList
+  q as RecoveryCasesList
 };
 //# sourceMappingURL=RecoveryCasesList.js.map

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          <Text>{t('description')}</Text>\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}
+{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          <Text>{t('description')}</Text>\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js

@@ -7,18 +7,19 @@ import { useRecoveryCaseErrorCode as x } from "../useRecoveryCaseErrorCode.js";
 import { BaseComponent as D } from "../../../Base/Base.js";
 import { useBase as B } from "../../../Base/useBase.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { recoveryCasesEvents as C } from "../../../../shared/constants.js";
 import { Form as F } from "../../../Common/Form/Form.js";
 import { useFlow as A } from "../../../Flow/useFlow.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useComponentDictionary as I, useI18n as O } from "../../../../i18n/I18n.js";
-import { recoveryCasesEvents as y } from "../../../../shared/constants.js";
 const R = "gusto-sdk-recovery-cases-resubmit-form";
 function T(e) {
   return /* @__PURE__ */ t(D, { ...e, children: /* @__PURE__ */ t(U, { ...e, children: e.children }) });
 }
 function U({ dictionary: e, recoveryCaseId: o }) {
   I("Payroll.RecoveryCasesResubmit", e);
-  const { Heading: r, Text: i } = C(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
+  const { Heading: r, Text: i } = y(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
     companyUuid: f
   }), v = p?.recoveryCaseList?.find((s) => s.uuid === o), { title: c, subtitle: m, description: u } = x(
     v?.latestErrorCode ?? void 0
@@ -28,7 +29,7 @@ function U({ dictionary: e, recoveryCaseId: o }) {
         request: {
           recoveryCaseUuid: o
         }
-      }), n(y.RECOVERY_CASE_RESUBMIT_DONE, {
+      }), n(C.RECOVERY_CASE_RESUBMIT_DONE, {
         recoveryCaseId: o
       });
     });
@@ -42,12 +43,12 @@ function U({ dictionary: e, recoveryCaseId: o }) {
 }
 const P = ({ onEvent: e }) => {
   O("Payroll.RecoveryCasesResubmit");
-  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = C(), n = g({
+  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = y(), n = g({
     mutationKey: M()
   }) > 0;
   return /* @__PURE__ */ l(d, { justifyContent: "flex-end", gap: 12, children: [
     /* @__PURE__ */ t(r, { variant: "secondary", onClick: () => {
-      e(y.RECOVERY_CASE_RESUBMIT_CANCEL);
+      e(C.RECOVERY_CASE_RESUBMIT_CANCEL);
     }, isDisabled: n, children: o("cta.cancel") }),
     /* @__PURE__ */ t(
       r,

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n  recoveryCaseId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n  useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCaseList?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\n      {/*\n        This empty form is used to connect the Footer's submit button to the submission logic\n        via the form attribute. This is semantically incorrect and hidden from assistive tech.\n      */}\n      <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n        {/* Empty form - submission triggered by footer button via form attribute */}\n      </Form>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Button } = useComponentContext()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;AAOjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}
+{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n  recoveryCaseId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n  useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCaseList?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\n      {/*\n        This empty form is used to connect the Footer's submit button to the submission logic\n        via the form attribute. This is semantically incorrect and hidden from assistive tech.\n      */}\n      <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n        {/* Empty form - submission triggered by footer button via form attribute */}\n      </Form>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Button } = useComponentContext()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;AAOjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}