@gusto/embedded-react-sdk 0.24.0 → 0.25.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/payrollshow'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll } from '../helpers'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, FlexItem, 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  isSubmitting?: boolean\n  isProcessed: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockersType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n}\n\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollOverviewPresentation = ({\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  employeeDetails,\n  payrollData,\n  bankAccount,\n  taxes,\n  isSubmitting = false,\n  isProcessed,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  withReimbursements = true,\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 totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate =\n    payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n  const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.taxes?.reduce(\n        (acc, tax) => (tax.employer ? acc + tax.amount : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.benefits?.reduce(\n        (acc, benefit) => (benefit.companyContribution ? acc + benefit.companyContribution : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getReimbursements = (employeeCompensation: EmployeeCompensations) => {\n    return employeeCompensation.fixedCompensations?.length\n      ? Number(\n          employeeCompensation.fixedCompensations.find(\n            c => c.name?.toLowerCase() === compensationTypeLabels.REIMBURSEMENT_NAME.toLowerCase(),\n          )?.amount || 0,\n        )\n      : 0\n  }\n\n  const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.grossPay! +\n      getReimbursements(employeeCompensation) +\n      getCompanyTaxes(employeeCompensation) +\n      getCompanyBenefits(employeeCompensation)\n    )\n  }\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const fastAchBlocker = submissionBlockers.find(\n    blocker =>\n      blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n      blocker.blockerType === 'needs_earned_access_for_fast_ach',\n  )\n  const selectedUnblockType = fastAchBlocker\n    ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n    : undefined\n  const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n    option => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>\n          {firstLastName({\n            first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n            last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n          })}\n        </Text>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>{formatCurrency(employeeCompensations.grossPay!)}</Text>\n      ),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) => (\n              <Text>{formatCurrency(getReimbursements(employeeCompensation))}</Text>\n            ),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyTaxes(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyBenefits(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyCost(employeeCompensation))}</Text>\n      ),\n    },\n  ]\n  if (isProcessed) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <ButtonIcon\n          aria-label={t('downloadPaystubLabel')}\n          variant=\"tertiary\"\n          onClick={() => {\n            if (employeeCompensations.employeeUuid) {\n              onPaystubDownload(employeeCompensations.employeeUuid)\n            }\n          }}\n        >\n          <DownloadIcon />\n        </ButtonIcon>\n      ),\n    })\n  }\n  const tabs = [\n    {\n      id: 'companyPays',\n      label: t('dataViews.companyPaysTab'),\n      content: (\n        <DataView\n          label={t('dataViews.companyPaysTable')}\n          columns={companyPaysColumns}\n          data={payrollData.employeeCompensations!}\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text>{t('tableHeaders.footerTotalsLabel')}</Text>\n                <Text>{t('tableHeaders.footerTotalsDescription')}</Text>\n              </>\n            ),\n            grossPay: <Text>{formatCurrency(Number(payrollData.totals?.grossPay ?? 0))}</Text>,\n            ...(withReimbursements\n              ? {\n                  reimbursements: (\n                    <Text>{formatCurrency(Number(payrollData.totals?.reimbursements ?? 0))}</Text>\n                  ),\n                }\n              : {}),\n            companyTaxes: (\n              <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n            ),\n            companyBenefits: (\n              <Text>{formatCurrency(Number(payrollData.totals?.benefits ?? 0))}</Text>\n            ),\n            companyPays: <Text>{formatCurrency(totalPayroll)}</Text>,\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {employeeMap\n                    .get(employeeCompensations.employeeUuid!)\n                    ?.jobs?.reduce((acc, job) => {\n                      if (job.primary) {\n                        const flsaStatus = job.compensations?.find(\n                          comp => comp.uuid === job.currentCompensationUuid,\n                        )?.flsaStatus\n\n                        switch (flsaStatus) {\n                          case FlsaStatus.EXEMPT:\n                            return t('compensationTypeLabels.exempt')\n                          case FlsaStatus.NONEXEMPT:\n                            return t('compensationTypeLabels.nonexempt')\n                          default:\n                            return flsaStatus ?? ''\n                        }\n                      }\n                      return acc\n                    }, '')}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.REGULAR_HOURS_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] ||\n                    0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{getEmployeePtoHours(employeeCompensations)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                    (acc, hours) => acc + hours,\n                    0,\n                  ) + getEmployeePtoHours(employeeCompensations)}\n                </Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{employeeCompensations.paymentMethod ?? ''}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.grossPay ?? 0)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.deductions?.reduce(\n                      (acc, deduction) => acc + deduction.amount!,\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) => (\n                      <Text>{formatCurrency(getReimbursements(employeeCompensations))}</Text>\n                    ),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.taxes?.reduce(\n                      (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.benefits?.reduce(\n                      (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.netPay ?? 0)}</Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'taxes',\n      label: t('dataViews.taxesTab'),\n      content: (\n        <Flex flexDirection=\"column\" gap={32}>\n          <DataView\n            label={t('dataViews.taxesTable')}\n            columns={[\n              {\n                key: 'taxDescription',\n                title: t('tableHeaders.taxDescription'),\n                render: taxKey => <Text>{taxKey}</Text>,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employee ?? 0)}</Text>,\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employer ?? 0)}</Text>,\n              },\n            ]}\n            footer={() => ({\n              taxDescription: <Text>{t('totalsLabel')}</Text>,\n              byYourEmployees: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0))}</Text>\n              ),\n              byYourCompany: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n              ),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => <Text>{label}</Text>,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => <Text>{formatCurrency(Number(value))}</Text>,\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(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  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'flex-start' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem flexGrow={1}>\n            <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n            <Text>\n              <Trans\n                i18nKey=\"pageSubtitle\"\n                t={t}\n                components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                values={getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter)}\n              />\n            </Text>\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 1 : 0}>\n            <Flex\n              flexDirection={isDesktop ? 'row' : 'column'}\n              justifyContent={isDesktop ? 'flex-end' : 'normal'}\n              alignItems={isDesktop ? 'flex-start' : 'stretch'}\n              gap={12}\n            >\n              {isProcessed ? (\n                <>\n                  <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isSubmitting}>\n                    {t('payrollReceiptCta')}\n                  </Button>\n                  <Button\n                    onClick={() => {\n                      setIsCancelDialogOpen(true)\n                    }}\n                    variant=\"error\"\n                    isDisabled={isSubmitting}\n                  >\n                    {t('cancelCta')}\n                  </Button>\n                </>\n              ) : (\n                <>\n                  <Button onClick={onEdit} variant=\"secondary\" isDisabled={isSubmitting}>\n                    {t('editCta')}\n                  </Button>\n                  <Button\n                    onClick={onSubmit}\n                    isDisabled={\n                      isSubmitting ||\n                      (submissionBlockers.length > 0 &&\n                        (submissionBlockers.some(\n                          blocker =>\n                            !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(\n                              blocker.blockerType || '',\n                            ),\n                        ) ||\n                          submissionBlockers.some(\n                            blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n                          )))\n                    }\n                  >\n                    {t('submitCta')}\n                  </Button>\n                </>\n              )}\n            </Flex>\n          </FlexItem>\n        </Flex>\n        {isSubmitting ? (\n          <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                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return <Text>{wireAmount ? formatCurrency(Number(wireAmount)) : '-'}</Text>\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return (\n                        <Text>\n                          {wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'}\n                        </Text>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => (\n                      <Text>\n                        {selectedUnblockOption?.checkDate\n                          ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                          : '-'}\n                      </Text>\n                    ),\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return <Text>{formatCurrency(Number(debitAmount ?? 0))}</Text>\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return <Text>{dateFormatter.formatShortWithYear(debitDate)}</Text>\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => (\n                      <Text>\n                        {selectedUnblockOption?.checkDate\n                          ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                          : '-'}\n                      </Text>\n                    ),\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => (\n                      <Text>{formatCurrency(Number(payrollData.totals?.companyDebit ?? 0))}</Text>\n                    ),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => (\n                      <Text>{dateFormatter.formatShortWithYear(expectedDebitDate)}</Text>\n                    ),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => (\n                      <Text>{dateFormatter.formatShortWithYear(payrollData.checkDate)}</Text>\n                    ),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {checkPaymentsCount > 0 && (\n              <Alert\n                status=\"warning\"\n                label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n              >\n                <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n              </Alert>\n            )}\n            <Tabs\n              onSelectionChange={setSelectedTab}\n              selectedId={selectedTab}\n              aria-label={t('dataViews.label')}\n              tabs={tabs}\n            />\n            {isCancelDialogOpen && (\n              <Dialog\n                isOpen={isCancelDialogOpen}\n                onClose={() => {\n                  setIsCancelDialogOpen(false)\n                }}\n                onPrimaryActionClick={onCancel}\n                shouldCloseOnBackdropClick={true}\n                primaryActionLabel={t('confirmCancelCta')}\n                isDestructive={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t('cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  <Text>\n                    {t('cancelDialogDescriptionDeadline', {\n                      deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                    })}\n                  </Text>\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","isSubmitting","isProcessed","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","jsx","firstLastName","DownloadIcon","tabs","DataView","jsxs","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","Flex","taxKey","label","value","styles","FlexItem","Trans","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}
+{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll } from '../helpers'\nimport { 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?: PayrollSubmissionBlockersType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\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}: 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 pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey=\"pageSubtitle\"\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter)}\n      />\n    </Text>\n  )\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 => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>\n          {firstLastName({\n            first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n            last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n          })}\n        </Text>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Text>{formatCurrency(employeeCompensations.grossPay!)}</Text>\n      ),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) => (\n              <Text>{formatCurrency(getReimbursements(employeeCompensation))}</Text>\n            ),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyTaxes(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyBenefits(employeeCompensation))}</Text>\n      ),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) => (\n        <Text>{formatCurrency(getCompanyCost(employeeCompensation))}</Text>\n      ),\n    },\n  ]\n  if (isProcessed && 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>{t('tableHeaders.footerTotalsLabel')}</Text>\n                <Text>{t('tableHeaders.footerTotalsDescription')}</Text>\n              </>\n            ),\n            grossPay: <Text>{formatCurrency(Number(payrollData.totals?.grossPay ?? 0))}</Text>,\n            ...(withReimbursements\n              ? {\n                  reimbursements: (\n                    <Text>{formatCurrency(Number(payrollData.totals?.reimbursements ?? 0))}</Text>\n                  ),\n                }\n              : {}),\n            companyTaxes: (\n              <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n            ),\n            companyBenefits: (\n              <Text>{formatCurrency(Number(payrollData.totals?.benefits ?? 0))}</Text>\n            ),\n            companyPays: <Text>{formatCurrency(totalPayroll)}</Text>,\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {employeeMap\n                    .get(employeeCompensations.employeeUuid!)\n                    ?.jobs?.reduce((acc, job) => {\n                      if (job.primary) {\n                        const flsaStatus = job.compensations?.find(\n                          comp => comp.uuid === job.currentCompensationUuid,\n                        )?.flsaStatus\n\n                        switch (flsaStatus) {\n                          case FlsaStatus.EXEMPT:\n                            return t('compensationTypeLabels.exempt')\n                          case FlsaStatus.NONEXEMPT:\n                            return t('compensationTypeLabels.nonexempt')\n                          default:\n                            return flsaStatus ?? ''\n                        }\n                      }\n                      return acc\n                    }, '')}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.REGULAR_HOURS_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] ||\n                    0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {getEmployeeHours(employeeCompensations)[\n                    compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                  ] || 0}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{getEmployeePtoHours(employeeCompensations)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                    (acc, hours) => acc + hours,\n                    0,\n                  ) + getEmployeePtoHours(employeeCompensations)}\n                </Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{employeeCompensations.paymentMethod ?? ''}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.grossPay ?? 0)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.deductions?.reduce(\n                      (acc, deduction) => acc + deduction.amount!,\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) => (\n                      <Text>{formatCurrency(getReimbursements(employeeCompensations))}</Text>\n                    ),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.taxes?.reduce(\n                      (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>\n                  {formatCurrency(\n                    employeeCompensations.benefits?.reduce(\n                      (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                      0,\n                    ) ?? 0,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Text>{formatCurrency(employeeCompensations.netPay ?? 0)}</Text>\n              ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'taxes',\n      label: t('dataViews.taxesTab'),\n      content: (\n        <Flex flexDirection=\"column\" gap={32}>\n          <DataView\n            label={t('dataViews.taxesTable')}\n            columns={[\n              {\n                key: 'taxDescription',\n                title: t('tableHeaders.taxDescription'),\n                render: taxKey => <Text>{taxKey}</Text>,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employee ?? 0)}</Text>,\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employer ?? 0)}</Text>,\n              },\n            ]}\n            footer={() => ({\n              taxDescription: <Text>{t('totalsLabel')}</Text>,\n              byYourEmployees: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0))}</Text>\n              ),\n              byYourCompany: (\n                <Text>{formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0))}</Text>\n              ),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => <Text>{label}</Text>,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => <Text>{formatCurrency(Number(value))}</Text>,\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(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                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return <Text>{wireAmount ? formatCurrency(Number(wireAmount)) : '-'}</Text>\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return (\n                        <Text>\n                          {wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'}\n                        </Text>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => (\n                      <Text>\n                        {selectedUnblockOption?.checkDate\n                          ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                          : '-'}\n                      </Text>\n                    ),\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return <Text>{formatCurrency(Number(debitAmount ?? 0))}</Text>\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return <Text>{dateFormatter.formatShortWithYear(debitDate)}</Text>\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => (\n                      <Text>\n                        {selectedUnblockOption?.checkDate\n                          ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                          : '-'}\n                      </Text>\n                    ),\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => (\n                      <Text>{formatCurrency(Number(payrollData.totals?.companyDebit ?? 0))}</Text>\n                    ),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => (\n                      <Text>{dateFormatter.formatShortWithYear(expectedDebitDate)}</Text>\n                    ),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => (\n                      <Text>{dateFormatter.formatShortWithYear(payrollData.checkDate)}</Text>\n                    ),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {checkPaymentsCount > 0 && (\n              <Alert\n                status=\"warning\"\n                label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n              >\n                <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n              </Alert>\n            )}\n            <Tabs\n              onSelectionChange={setSelectedTab}\n              selectedId={selectedTab}\n              aria-label={t('dataViews.label')}\n              tabs={tabs}\n            />\n            {isCancelDialogOpen && (\n              <Dialog\n                isOpen={isCancelDialogOpen}\n                onClose={() => {\n                  setIsCancelDialogOpen(false)\n                }}\n                onPrimaryActionClick={onCancel}\n                shouldCloseOnBackdropClick={true}\n                primaryActionLabel={t('confirmCancelCta')}\n                isDestructive={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t('cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  <Text>\n                    {t('cancelDialogDescriptionDeadline', {\n                      deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                    })}\n                  </Text>\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","t","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","pageSubtitle","Trans","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"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/PayrollOverviewTypes.d.ts

@@ -0,0 +1,6 @@
+export declare enum PayrollOverviewStatus {
+    Viewing = "viewing",
+    Submitting = "submitting",
+    Cancelling = "cancelling",
+    Cancelled = "cancelled"
+}

package/dist/components/Payroll/PayrollOverview/PayrollOverviewTypes.js

@@ -0,0 +1,5 @@
+var i = /* @__PURE__ */ ((n) => (n.Viewing = "viewing", n.Submitting = "submitting", n.Cancelling = "cancelling", n.Cancelled = "cancelled", n))(i || {});
+export {
+  i as PayrollOverviewStatus
+};
+//# sourceMappingURL=PayrollOverviewTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollOverviewTypes.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewTypes.ts"],"sourcesContent":["export enum PayrollOverviewStatus {\n  Viewing = 'viewing',\n  Submitting = 'submitting',\n  Cancelling = 'cancelling',\n  Cancelled = 'cancelled',\n}\n"],"names":["PayrollOverviewStatus"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,aAAa,cACbA,EAAA,aAAa,cACbA,EAAA,YAAY,aAJFA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,6 @@
+import { BaseComponentInterface } from '../../Base';
+export interface RecoveryCasesProps {
+    companyId: string;
+    onEvent?: BaseComponentInterface['onEvent'];
+}
+export declare function RecoveryCases({ companyId, onEvent }: RecoveryCasesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,55 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { createMachine as M } from "robot3";
+import { useMachine as R } from "react-robot";
+import { useState as d, useMemo as h } from "react";
+import { recoveryCasesMachine as O } from "./recoveryCasesStateMachine.js";
+import { useComponentContext as _ } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlowContext as x } from "../../Flow/useFlow.js";
+import { recoveryCasesEvents as c } from "../../../shared/constants.js";
+import { RecoveryCasesList as S } from "./RecoveryCasesList/RecoveryCasesList.js";
+function T({ companyId: t, onEvent: a = () => {
+} }) {
+  const { Modal: C } = _(), [l, r] = d(!1), f = h(
+    () => M(
+      "list",
+      O,
+      () => ({
+        component: null,
+        companyId: t,
+        onEvent: e
+      })
+    ),
+    [t]
+  ), [i, v] = R(f);
+  function e(o, E) {
+    v({ type: o, payload: E }), o === c.RECOVERY_CASE_RESOLVE && r(!0), (o === c.RECOVERY_CASE_RESUBMIT_CANCEL || o === c.RECOVERY_CASE_RESUBMIT_DONE) && r(!1), a(o, E);
+  }
+  const p = () => {
+    r(!1);
+  }, s = i.context.component, m = s?.Footer || void 0;
+  return /* @__PURE__ */ u(
+    x.Provider,
+    {
+      value: {
+        ...i.context,
+        onEvent: e
+      },
+      children: [
+        /* @__PURE__ */ n(S, { companyId: t, onEvent: e }),
+        /* @__PURE__ */ n(
+          C,
+          {
+            isOpen: l,
+            onClose: p,
+            footer: m && /* @__PURE__ */ n(m, { onEvent: e }),
+            children: s && /* @__PURE__ */ n(s, {})
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  T as RecoveryCases
+};
+//# sourceMappingURL=RecoveryCases.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCases.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCases.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { useMemo, useState } from 'react'\nimport { RecoveryCasesList } from './RecoveryCasesList'\nimport { recoveryCasesMachine } from './recoveryCasesStateMachine'\nimport { type RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nexport interface RecoveryCasesProps {\n  companyId: string\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCases({ companyId, onEvent = () => {} }: RecoveryCasesProps) {\n  const { Modal } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  const recoveryCasesMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'list',\n        recoveryCasesMachine,\n        (): RecoveryCasesContextInterface => ({\n          component: null,\n          companyId,\n          onEvent: handleEvent,\n        }),\n      ),\n    [companyId],\n  )\n  const [current, send] = useMachine(recoveryCasesMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown) {\n    send({ type, payload: data })\n\n    if (type === recoveryCasesEvents.RECOVERY_CASE_RESOLVE) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL ||\n      type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE\n    ) {\n      setIsModalOpen(false)\n    }\n\n    onEvent(type, data)\n  }\n\n  const handleCloseModal = () => {\n    setIsModalOpen(false)\n  }\n\n  const CurrentComponent = current.context.component\n  const Footer = CurrentComponent?.Footer || undefined\n\n  return (\n    <FlowContext.Provider\n      value={{\n        ...current.context,\n        onEvent: handleEvent,\n      }}\n    >\n      <RecoveryCasesList companyId={companyId} onEvent={handleEvent} />\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleCloseModal}\n        footer={Footer && <Footer onEvent={handleEvent} />}\n      >\n        {CurrentComponent && <CurrentComponent />}\n      </Modal>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["RecoveryCases","companyId","onEvent","Modal","useComponentContext","isModalOpen","setIsModalOpen","useState","recoveryCasesMachineInstance","useMemo","createMachine","recoveryCasesMachine","handleEvent","current","send","useMachine","type","data","recoveryCasesEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","jsx","RecoveryCasesList"],"mappings":";;;;;;;;;AAgBO,SAASA,EAAc,EAAE,WAAAC,GAAW,SAAAC,IAAU,MAAM;AAAC,KAAyB;AACnF,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAA+BC;AAAA,IACnC,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,OAAsC;AAAA,QACpC,WAAW;AAAA,QACX,WAAAV;AAAA,QACA,SAASW;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,CAACX,CAAS;AAAA,EAAA,GAEN,CAACY,GAASC,CAAI,IAAIC,EAAWP,CAA4B;AAE/D,WAASI,EAAYI,GAAiBC,GAAgB;AACpD,IAAAH,EAAK,EAAE,MAAAE,GAAM,SAASC,EAAA,CAAM,GAExBD,MAASE,EAAoB,yBAC/BZ,EAAe,EAAI,IAInBU,MAASE,EAAoB,iCAC7BF,MAASE,EAAoB,gCAE7BZ,EAAe,EAAK,GAGtBJ,EAAQc,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAME,IAAmB,MAAM;AAC7B,IAAAb,EAAe,EAAK;AAAA,EACtB,GAEMc,IAAmBP,EAAQ,QAAQ,WACnCQ,IAASD,GAAkB,UAAU;AAE3C,SACE,gBAAAE;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAQ;AAAA,QACX,SAASD;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAY,EAACC,GAAA,EAAkB,WAAAxB,GAAsB,SAASW,EAAA,CAAa;AAAA,QAC/D,gBAAAY;AAAA,UAACrB;AAAA,UAAA;AAAA,YACC,QAAQE;AAAA,YACR,SAASc;AAAA,YACT,QAAQE,KAAU,gBAAAG,EAACH,GAAA,EAAO,SAAST,GAAa;AAAA,YAE/C,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesComponents.d.ts

@@ -0,0 +1,19 @@
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { CommonComponentInterface } from '../../Base';
+import { EventType } from '../../../types/Helpers';
+import { OnEventType } from '../../Base/useBase';
+export interface RecoveryCasesContextInterface extends FlowContextInterface {
+    companyId: string;
+    selectedRecoveryCaseId?: string;
+    component: (React.ComponentType<CommonComponentInterface> & {
+        Footer?: React.ComponentType<{
+            onEvent: OnEventType<EventType, unknown>;
+        }>;
+    }) | null;
+}
+export declare function RecoveryCasesResubmitContextual(): import("react/jsx-runtime").JSX.Element;
+export declare namespace RecoveryCasesResubmitContextual {
+    var Footer: ({ onEvent }: {
+        onEvent: OnEventType<EventType, unknown>;
+    }) => import("react/jsx-runtime").JSX.Element;
+}

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

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFlow as s } from "../../Flow/useFlow.js";
+import { ensureRequired as m } from "../../../helpers/ensureRequired.js";
+import { RecoveryCasesResubmit as e } from "./RecoveryCasesResubmit/RecoveryCasesResubmit.js";
+function i() {
+  const { selectedRecoveryCaseId: o, onEvent: r } = s();
+  return /* @__PURE__ */ t(
+    e,
+    {
+      recoveryCaseId: m(o),
+      onEvent: r
+    }
+  );
+}
+i.Footer = e.Footer;
+export {
+  i as RecoveryCasesResubmitContextual
+};
+//# sourceMappingURL=RecoveryCasesComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCasesComponents.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCasesComponents.tsx"],"sourcesContent":["import { RecoveryCasesResubmit } from './RecoveryCasesResubmit'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { CommonComponentInterface } from '@/components/Base'\nimport type { EventType } from '@/types/Helpers'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface RecoveryCasesContextInterface extends FlowContextInterface {\n  companyId: string\n  selectedRecoveryCaseId?: string\n  component:\n    | (React.ComponentType<CommonComponentInterface> & {\n        Footer?: React.ComponentType<{\n          onEvent: OnEventType<EventType, unknown>\n        }>\n      })\n    | null\n}\n\nexport function RecoveryCasesResubmitContextual() {\n  const { selectedRecoveryCaseId, onEvent } = useFlow<RecoveryCasesContextInterface>()\n\n  return (\n    <RecoveryCasesResubmit\n      recoveryCaseId={ensureRequired(selectedRecoveryCaseId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nRecoveryCasesResubmitContextual.Footer = RecoveryCasesResubmit.Footer\n"],"names":["RecoveryCasesResubmitContextual","selectedRecoveryCaseId","onEvent","useFlow","jsx","RecoveryCasesResubmit","ensureRequired"],"mappings":";;;;AAoBO,SAASA,IAAkC;AAChD,QAAM,EAAE,wBAAAC,GAAwB,SAAAC,EAAA,IAAYC,EAAA;AAE5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBC,EAAeL,CAAsB;AAAA,MACrD,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAF,EAAgC,SAASK,EAAsB;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentInterface } from '../../../Base';
+interface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {
+    companyId: string;
+    onEvent: BaseComponentInterface['onEvent'];
+}
+export declare function RecoveryCasesList(props: RecoveryCasesListProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,73 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import l from "./RecoveryCasesList.module.scss.js";
+import { BaseComponent as h } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as p, useI18n as y } from "../../../../i18n/I18n.js";
+import { DataView as C } from "../../../Common/DataView/DataView.js";
+import { useDataView as v } from "../../../Common/DataView/useDataView.js";
+import { FlexItem as x, Flex as o } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { recoveryCasesEvents as g } from "../../../../shared/constants.js";
+import "react";
+function F(n) {
+  return /* @__PURE__ */ e(h, { ...n, children: /* @__PURE__ */ e(R, { ...n, children: n.children }) });
+}
+function R({ dictionary: n, onEvent: s }) {
+  p("Payroll.RecoveryCasesList", n), y("Payroll.RecoveryCasesList");
+  const { t } = u("Payroll.RecoveryCasesList"), { Heading: c, Text: r, Button: a, Badge: d } = f(), m = v({
+    data: [{ id: "placeholder" }],
+    columns: [
+      {
+        title: t("columns.originalDebitDate"),
+        render: () => /* @__PURE__ */ e(x, { flexGrow: 1, children: /* @__PURE__ */ e(r, { children: "2025-10-11" }) })
+      },
+      {
+        title: t("columns.totalAmount"),
+        render: () => /* @__PURE__ */ e(r, { children: "$30,093.45" })
+      },
+      {
+        title: t("columns.amountOutstanding"),
+        render: () => /* @__PURE__ */ e(r, { children: "$30,093.45" })
+      },
+      {
+        title: t("columns.latestErrorCode"),
+        render: () => /* @__PURE__ */ i(o, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ e(r, { weight: "semibold", children: "R01: Insufficient funds" }),
+          /* @__PURE__ */ e(r, { children: "Ensure sufficient funds to unblock your account" })
+        ] })
+      },
+      {
+        title: t("columns.status"),
+        render: () => /* @__PURE__ */ e(o, { gap: 8, alignItems: "center", children: /* @__PURE__ */ e(d, { status: "info", children: "Open" }) })
+      },
+      {
+        title: "",
+        render: () => /* @__PURE__ */ e(o, { justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ e(
+          a,
+          {
+            variant: "secondary",
+            onClick: () => {
+              s(g.RECOVERY_CASE_RESOLVE, {
+                recoveryCaseId: "placeholder-id"
+              });
+            },
+            children: t("cta.resolve")
+          }
+        ) })
+      }
+    ]
+  });
+  return /* @__PURE__ */ e("div", { className: l.root, children: /* @__PURE__ */ i(o, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ i("div", { className: l.header, children: [
+      /* @__PURE__ */ e(c, { as: "h2", styledAs: "h3", children: t("title") }),
+      /* @__PURE__ */ e(r, { children: t("description") })
+    ] }),
+    /* @__PURE__ */ e(C, { ...m, label: t("title") })
+  ] }) });
+}
+export {
+  F as RecoveryCasesList
+};
+//# sourceMappingURL=RecoveryCasesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\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'\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 Root({ dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text, Button, Badge } = useComponentContext()\n\n  // TODO: Replace with actual recovery cases data from API\n\n  const dataViewProps = useDataView({\n    data: [{ id: 'placeholder' }],\n    columns: [\n      {\n        title: t('columns.originalDebitDate'),\n        render: () => (\n          <FlexItem flexGrow={1}>\n            <Text>2025-10-11</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        title: t('columns.totalAmount'),\n        render: () => <Text>$30,093.45</Text>,\n      },\n      {\n        title: t('columns.amountOutstanding'),\n        render: () => <Text>$30,093.45</Text>,\n      },\n      {\n        title: t('columns.latestErrorCode'),\n        render: () => (\n          <Flex flexDirection=\"column\" gap={4}>\n            <Text weight=\"semibold\">R01: Insufficient funds</Text>\n            <Text>Ensure sufficient funds to unblock your account</Text>\n          </Flex>\n        ),\n      },\n      {\n        title: t('columns.status'),\n        render: () => (\n          <Flex gap={8} alignItems=\"center\">\n            <Badge status=\"info\">Open</Badge>\n          </Flex>\n        ),\n      },\n      {\n        title: '',\n        render: () => (\n          <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n                  recoveryCaseId: 'placeholder-id',\n                })\n              }}\n            >\n              {t('cta.resolve')}\n            </Button>\n          </Flex>\n        ),\n      },\n    ],\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text>{t('description')}</Text>\n        </div>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","dictionary","onEvent","useComponentDictionary","useI18n","useTranslation","Heading","Text","Button","Badge","useComponentContext","dataViewProps","useDataView","FlexItem","jsxs","Flex","recoveryCasesEvents","styles","DataView"],"mappings":";;;;;;;;;;;;;AAeO,SAASA,EAAkBC,GAA+B;AAC/D,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,SAAAC,KAAmC;AAC7D,EAAAC,EAAuB,6BAA6BF,CAAU,GAC9DG,EAAQ,2BAA2B;AACnC,QAAM,EAAE,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GAInCC,IAAgBC,EAAY;AAAA,IAChC,MAAM,CAAC,EAAE,IAAI,eAAe;AAAA,IAC5B,SAAS;AAAA,MACP;AAAA,QACE,OAAO,EAAE,2BAA2B;AAAA,QACpC,QAAQ,MACN,gBAAAd,EAACe,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAf,EAACS,GAAA,EAAK,UAAA,aAAA,CAAU,EAAA,CAClB;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO,EAAE,qBAAqB;AAAA,QAC9B,QAAQ,MAAM,gBAAAT,EAACS,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,MAAA;AAAA,MAEhC;AAAA,QACE,OAAO,EAAE,2BAA2B;AAAA,QACpC,QAAQ,MAAM,gBAAAT,EAACS,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,MAAA;AAAA,MAEhC;AAAA,QACE,OAAO,EAAE,yBAAyB;AAAA,QAClC,QAAQ,MACN,gBAAAO,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAjB,EAACS,GAAA,EAAK,QAAO,YAAW,UAAA,2BAAuB;AAAA,UAC/C,gBAAAT,EAACS,KAAK,UAAA,kDAAA,CAA+C;AAAA,QAAA,EAAA,CACvD;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO,EAAE,gBAAgB;AAAA,QACzB,QAAQ,MACN,gBAAAT,EAACiB,GAAA,EAAK,KAAK,GAAG,YAAW,UACvB,UAAA,gBAAAjB,EAACW,GAAA,EAAM,QAAO,QAAO,kBAAI,EAAA,CAC3B;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO;AAAA,QACP,QAAQ,MACN,gBAAAX,EAACiB,KAAK,gBAAe,YAAW,YAAW,UACzC,UAAA,gBAAAjB;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAAN,EAAQc,EAAoB,uBAAuB;AAAA,gBACjD,gBAAgB;AAAA,cAAA,CACjB;AAAA,YACH;AAAA,YAEC,YAAE,aAAa;AAAA,UAAA;AAAA,QAAA,EAClB,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,CACD;AAED,SACE,gBAAAlB,EAAC,OAAA,EAAI,WAAWmB,EAAO,MACrB,4BAACF,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWG,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAA,EAAE,OAAO,GACZ;AAAA,MACA,gBAAAR,EAACS,GAAA,EAAM,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC1B;AAAA,sBAECW,GAAA,EAAU,GAAGP,GAAe,OAAO,EAAE,OAAO,EAAA,CAAG;AAAA,EAAA,EAAA,CAClD,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,10 @@
+const o = "_root_5swl6_1", e = "_header_5swl6_7", t = {
+  root: o,
+  header: e
+};
+export {
+  t as default,
+  e as header,
+  o as root
+};
+//# sourceMappingURL=RecoveryCasesList.module.scss.js.map

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

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

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { RecoveryCasesList } from './RecoveryCasesList';

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.d.ts

@@ -0,0 +1,14 @@
+import { BaseComponentInterface } from '../../../Base';
+import { OnEventType } from '../../../Base/useBase';
+import { EventType } from '../../../../shared/constants';
+interface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {
+    recoveryCaseId: string;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RecoveryCasesResubmit {
+    var Footer: ({ onEvent }: {
+        onEvent: OnEventType<EventType, unknown>;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export {};

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

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { BaseComponent as R } from "../../../Base/Base.js";
+import { useBase as C } from "../../../Base/useBase.js";
+import { Flex as y } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { recoveryCasesEvents as s } from "../../../../shared/constants.js";
+import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { Form as b } from "../../../Common/Form/Form.js";
+import { useComponentDictionary as E, useI18n as a } from "../../../../i18n/I18n.js";
+const m = "gusto-sdk-recovery-cases-resubmit-form";
+function f(o) {
+  return /* @__PURE__ */ e(R, { ...o, children: /* @__PURE__ */ e(p, { ...o, children: o.children }) });
+}
+function p({ dictionary: o, recoveryCaseId: n }) {
+  E("Payroll.RecoveryCasesResubmit", o), a("Payroll.RecoveryCasesResubmit");
+  const { Heading: r, Text: t } = c(), { onEvent: l, baseSubmitHandler: d } = C();
+  return /* @__PURE__ */ i(y, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ e(r, { as: "h2", children: "[Placeholder title based on R code]" }),
+    /* @__PURE__ */ e(t, { children: "[Placeholder subtitle based on R code]" }),
+    /* @__PURE__ */ e(t, { children: "[Placeholder body based on R code]" }),
+    /* @__PURE__ */ e(t, { children: "[Placeholder instruction based on R code]" }),
+    /* @__PURE__ */ e(b, { id: m, onSubmit: async () => {
+      await d({}, async () => {
+        l(s.RECOVERY_CASE_RESUBMIT_DONE);
+      });
+    }, "aria-hidden": "true" })
+  ] });
+}
+const v = ({ onEvent: o }) => {
+  a("Payroll.RecoveryCasesResubmit");
+  const { t: n } = u("Payroll.RecoveryCasesResubmit"), { Button: r } = c();
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ e(r, { variant: "secondary", onClick: () => {
+      o(s.RECOVERY_CASE_RESUBMIT_CANCEL);
+    }, children: n("cta.cancel") }),
+    /* @__PURE__ */ e(r, { variant: "primary", type: "submit", form: m, children: n("cta.resubmit") })
+  ] });
+};
+f.Footer = v;
+export {
+  f as RecoveryCasesResubmit
+};
+//# sourceMappingURL=RecoveryCasesResubmit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\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  useI18n('Payroll.RecoveryCasesResubmit')\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // TODO: Wire up resubmit API call\n  const onSubmit = async () => {\n    // TODO: remove this lint ignore once we wire this up and await the api call\n    // eslint-disable-next-line @typescript-eslint/require-await\n    await baseSubmitHandler({}, async () => {\n      // TODO: Call API resubmit payment endpoint here\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE)\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Heading as=\"h2\">[Placeholder title based on R code]</Heading>\n      <Text>[Placeholder subtitle based on R code]</Text>\n      <Text>[Placeholder body based on R code]</Text>\n      <Text>[Placeholder instruction based on R code]</Text>\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 handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <ActionsLayout>\n      <Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cta.cancel')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={RECOVERY_CASES_RESUBMIT_FORM_ID}>\n        {t('cta.resubmit')}\n      </Button>\n    </ActionsLayout>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","useI18n","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","jsxs","Flex","Form","recoveryCasesEvents","Footer","t","useTranslation","Button","ActionsLayout"],"mappings":";;;;;;;;;;;;AASA,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,GAClEG,EAAQ,+BAA+B;AACvC,QAAM,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA;AAYvC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAd,EAACO,GAAA,EAAQ,IAAG,MAAK,UAAA,uCAAmC;AAAA,IACpD,gBAAAP,EAACQ,KAAK,UAAA,yCAAA,CAAsC;AAAA,IAC5C,gBAAAR,EAACQ,KAAK,UAAA,qCAAA,CAAkC;AAAA,IACxC,gBAAAR,EAACQ,KAAK,UAAA,4CAAA,CAAyC;AAAA,sBAK9CO,GAAA,EAAK,IAAIlB,GAAiC,UAnB9B,YAAY;AAG3B,YAAMc,EAAkB,CAAA,GAAI,YAAY;AAEtC,QAAAD,EAAQM,EAAoB,2BAA2B;AAAA,MACzD,CAAC;AAAA,IACH,GAYmE,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMC,IAAS,CAAC,EAAE,SAAAP,QAA4D;AAC5E,EAAAJ,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAY,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAWX,EAAA;AAMnB,2BACGY,GAAA,EACC,UAAA;AAAA,IAAA,gBAAArB,EAACoB,KAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAV,EAAQM,EAAoB,6BAA6B;AAAA,IAC3D,GAKO,UAAAE,EAAE,YAAY,GACjB;AAAA,IACA,gBAAAlB,EAACoB,GAAA,EAAO,SAAQ,WAAU,MAAK,UAAS,MAAMvB,GAC3C,UAAAqB,EAAE,cAAc,EAAA,CACnB;AAAA,EAAA,GACF;AAEJ;AAEApB,EAAsB,SAASmB;"}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { RecoveryCasesResubmit } from './RecoveryCasesResubmit';

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { RecoveryCases } from './RecoveryCases';
+export type { RecoveryCasesContextInterface } from './RecoveryCasesComponents';