@gusto/embedded-react-sdk 0.25.0 → 0.27.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 { 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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"}
+{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payroll'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { 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?: PayrollSubmissionBlockerType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n}\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: UnblockOptions) => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns: Array<{\n    key: string\n    title: string\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        firstLastName({\n          first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n          last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n        }),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(employeeCompensations.grossPay!),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyCost(employeeCompensation)),\n    },\n  ]\n  if (isProcessed && isDesktop) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex justifyContent=\"flex-end\">\n          <ButtonIcon\n            aria-label={t('downloadPaystubLabel')}\n            variant=\"tertiary\"\n            onClick={() => {\n              if (employeeCompensations.employeeUuid) {\n                onPaystubDownload(employeeCompensations.employeeUuid)\n              }\n            }}\n          >\n            <DownloadIcon />\n          </ButtonIcon>\n        </Flex>\n      ),\n    })\n  }\n  const tabs = [\n    {\n      id: 'companyPays',\n      label: t('dataViews.companyPaysTab'),\n      content: (\n        <DataView\n          label={t('dataViews.companyPaysTable')}\n          columns={companyPaysColumns}\n          data={payrollData.employeeCompensations!}\n          itemMenu={\n            isProcessed && !isDesktop\n              ? (employeeCompensations: EmployeeCompensations) => (\n                  <ButtonIcon\n                    aria-label={t('downloadPaystubLabel')}\n                    variant=\"tertiary\"\n                    onClick={() => {\n                      if (employeeCompensations.employeeUuid) {\n                        onPaystubDownload(employeeCompensations.employeeUuid)\n                      }\n                    }}\n                  >\n                    <DownloadIcon />\n                  </ButtonIcon>\n                )\n              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsLabel')}\n                </Text>\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeMap.get(employeeCompensations.employeeUuid!)?.jobs?.reduce((acc, job) => {\n                  if (job.primary) {\n                    const flsaStatus = job.compensations?.find(\n                      comp => comp.uuid === job.currentCompensationUuid,\n                    )?.flsaStatus\n\n                    switch (flsaStatus) {\n                      case FlsaStatus.EXEMPT:\n                        return t('compensationTypeLabels.exempt')\n                      case FlsaStatus.NONEXEMPT:\n                        return t('compensationTypeLabels.nonexempt')\n                      default:\n                        return flsaStatus ?? ''\n                    }\n                  }\n                  return acc\n                }, ''),\n            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.REGULAR_HOURS_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeePtoHours(employeeCompensations),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                  (acc, hours) => acc + hours,\n                  0,\n                ) + getEmployeePtoHours(employeeCompensations),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.grossPay ?? 0),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + deduction.amount!,\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) =>\n                      formatCurrency(getReimbursements(employeeCompensations)),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.taxes?.reduce(\n                    (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.benefits?.reduce(\n                    (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.netPay ?? 0),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'taxes',\n      label: t('dataViews.taxesTab'),\n      content: (\n        <Flex flexDirection=\"column\" gap={32}>\n          <DataView\n            label={t('dataViews.taxesTable')}\n            columns={[\n              {\n                key: 'taxDescription',\n                title: t('tableHeaders.taxDescription'),\n                render: taxKey => taxKey,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n              },\n            ]}\n            footer={() => ({\n              taxDescription: (\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('totalsLabel')}\n                </Text>\n              ),\n              byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n              byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => label,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => formatCurrency(Number(value)),\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(withReimbursements\n                ? [\n                    {\n                      label: t('reimbursementLabel'),\n                      value: payrollData.totals?.reimbursementDebit || '0',\n                    },\n                  ]\n                : []),\n              {\n                label: t('garnishmentsLabel'),\n                value: payrollData.totals?.childSupportDebit || '0',\n              },\n              { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n            ]}\n          />\n        </Flex>\n      ),\n    },\n  ]\n\n  const actions = isProcessed ? (\n    <>\n      <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n        {t('payrollReceiptCta')}\n      </Button>\n      {canCancel && (\n        <Button\n          onClick={() => {\n            setIsCancelDialogOpen(true)\n          }}\n          variant=\"error\"\n          isDisabled={isLoading}\n        >\n          {t('cancelCta')}\n        </Button>\n      )}\n    </>\n  ) : (\n    <>\n      <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n        {t('editCta')}\n      </Button>\n      <Button\n        onClick={onSubmit}\n        isDisabled={\n          isLoading ||\n          (submissionBlockers.length > 0 &&\n            (submissionBlockers.some(\n              blocker =>\n                !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n            ) ||\n              submissionBlockers.some(\n                blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n              )))\n        }\n      >\n        {t('submitCta')}\n      </Button>\n    </>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            {pageHeading}\n            {pageSubtitle}\n          </Flex>\n          {isDesktop && (\n            <Flex gap={8} justifyContent=\"flex-end\">\n              {actions}\n            </Flex>\n          )}\n        </Flex>\n        {!isDesktop && (\n          <Grid gridTemplateColumns=\"1fr\" gap={8}>\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return formatCurrency(Number(debitAmount ?? 0))\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return dateFormatter.formatShortWithYear(debitDate)\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {checkPaymentsCount > 0 && (\n              <Alert\n                status=\"warning\"\n                label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n              >\n                <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n              </Alert>\n            )}\n            <Tabs\n              onSelectionChange={setSelectedTab}\n              selectedId={selectedTab}\n              aria-label={t('dataViews.label')}\n              tabs={tabs}\n            />\n            {isCancelDialogOpen && (\n              <Dialog\n                isOpen={isCancelDialogOpen}\n                onClose={() => {\n                  setIsCancelDialogOpen(false)\n                }}\n                onPrimaryActionClick={onCancel}\n                shouldCloseOnBackdropClick={true}\n                primaryActionLabel={t('confirmCancelCta')}\n                isDestructive={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t('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","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/SubmissionBlockers/FastAchSubmissionBlockerBanner.d.ts

@@ -1,6 +1,6 @@
-import { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype';
+import { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype';
 interface FastAchSubmissionBlockerBannerProps {
-    blocker: PayrollSubmissionBlockersType;
+    blocker: PayrollSubmissionBlockerType;
     selectedValue?: string;
     onUnblockOptionChange: (blockerType: string, value: string) => void;
 }

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

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

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

@@ -1,6 +1,6 @@
-import { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype';
+import { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype';
 interface GenericBlockerProps {
-    blocker: PayrollSubmissionBlockersType;
+    blocker: PayrollSubmissionBlockerType;
 }
 export declare const GenericBlocker: ({ blocker }: GenericBlockerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"GenericBlocker.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/GenericBlocker.tsx"],"sourcesContent":["import type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface GenericBlockerProps {\n  blocker: PayrollSubmissionBlockersType\n}\n\nexport const GenericBlocker = ({ blocker }: GenericBlockerProps) => {\n  const { Banner, Text } = useComponentContext()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n\n  return (\n    <Banner\n      status=\"error\"\n      title={blocker.blockerName || t('submissionBlockers.genericBlockerTitle')}\n    >\n      <Text>{t('submissionBlockers.genericBlockerMessage')}</Text>\n    </Banner>\n  )\n}\n"],"names":["GenericBlocker","blocker","Banner","Text","useComponentContext","t","useTranslation","jsx"],"mappings":";;;AAQO,MAAMA,IAAiB,CAAC,EAAE,SAAAC,QAAmC;AAClE,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAA,IAASC,EAAA,GACnB,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOD,EAAQ,eAAeI,EAAE,wCAAwC;AAAA,MAExE,UAAA,gBAAAE,EAACJ,GAAA,EAAM,UAAAE,EAAE,0CAA0C,EAAA,CAAE;AAAA,IAAA;AAAA,EAAA;AAG3D;"}
+{"version":3,"file":"GenericBlocker.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/GenericBlocker.tsx"],"sourcesContent":["import type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface GenericBlockerProps {\n  blocker: PayrollSubmissionBlockerType\n}\n\nexport const GenericBlocker = ({ blocker }: GenericBlockerProps) => {\n  const { Banner, Text } = useComponentContext()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n\n  return (\n    <Banner\n      status=\"error\"\n      title={blocker.blockerName || t('submissionBlockers.genericBlockerTitle')}\n    >\n      <Text>{t('submissionBlockers.genericBlockerMessage')}</Text>\n    </Banner>\n  )\n}\n"],"names":["GenericBlocker","blocker","Banner","Text","useComponentContext","t","useTranslation","jsx"],"mappings":";;;AAQO,MAAMA,IAAiB,CAAC,EAAE,SAAAC,QAAmC;AAClE,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAA,IAASC,EAAA,GACnB,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOD,EAAQ,eAAeI,EAAE,wCAAwC;AAAA,MAExE,UAAA,gBAAAE,EAACJ,GAAA,EAAM,UAAAE,EAAE,0CAA0C,EAAA,CAAE;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

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

@@ -1,28 +1,28 @@
-const e = "_container_1q1uw_1", t = "_receiptHeader_1q1uw_10", c = "_receiptIcon_1q1uw_21", o = "_checkmarkIcon_1q1uw_32", n = "_totalAmount_1q1uw_38", _ = "_receiptDetailsTable_1q1uw_43", a = "_disclaimer_1q1uw_67", r = "_companyInfo_1q1uw_72", i = "_address_1q1uw_76", s = "_receiptHeaderMobile_1q1uw_89", l = "_textMobile_1q1uw_100", d = {
+const e = "_container_1dad2_1", t = "_receiptHeader_1dad2_10", c = "_receiptIcon_1dad2_21", a = "_checkmarkIcon_1dad2_32", o = "_totalAmount_1dad2_38", d = "_receiptDetailsTable_1dad2_43", n = "_disclaimer_1dad2_67", _ = "_companyInfo_1dad2_72", r = "_address_1dad2_76", i = "_receiptHeaderMobile_1dad2_89", s = "_textMobile_1dad2_100", l = {
   container: e,
   receiptHeader: t,
   receiptIcon: c,
-  checkmarkIcon: o,
-  totalAmount: n,
-  receiptDetailsTable: _,
-  disclaimer: a,
-  companyInfo: r,
-  address: i,
-  receiptHeaderMobile: s,
-  textMobile: l
+  checkmarkIcon: a,
+  totalAmount: o,
+  receiptDetailsTable: d,
+  disclaimer: n,
+  companyInfo: _,
+  address: r,
+  receiptHeaderMobile: i,
+  textMobile: s
 };
 export {
-  i as address,
-  o as checkmarkIcon,
-  r as companyInfo,
+  r as address,
+  a as checkmarkIcon,
+  _ as companyInfo,
   e as container,
-  d as default,
-  a as disclaimer,
-  _ as receiptDetailsTable,
+  l as default,
+  n as disclaimer,
+  d as receiptDetailsTable,
   t as receiptHeader,
-  s as receiptHeaderMobile,
+  i as receiptHeaderMobile,
   c as receiptIcon,
-  l as textMobile,
-  n as totalAmount
+  s as textMobile,
+  o as totalAmount
 };
 //# sourceMappingURL=PayrollReceiptsPresentation.module.scss.js.map

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

@@ -0,0 +1,8 @@
+const t = "_compactList_g4tai_1", c = {
+  compactList: t
+};
+export {
+  t as compactList,
+  c as default
+};
+//# sourceMappingURL=RecoveryCaseErrorCode.module.scss.js.map

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

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

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

@@ -3,4 +3,7 @@ export interface RecoveryCasesProps {
     companyId: string;
     onEvent?: BaseComponentInterface['onEvent'];
 }
-export declare function RecoveryCases({ companyId, onEvent }: RecoveryCasesProps): import("react/jsx-runtime").JSX.Element;
+interface RecoveryCasesInternalProps extends Omit<BaseComponentInterface, 'onEvent'>, RecoveryCasesProps {
+}
+export declare function RecoveryCases({ onEvent, ...props }: RecoveryCasesInternalProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,48 +1,54 @@
-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 { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { createMachine as R } from "robot3";
+import { useMachine as M } 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 { BaseComponent as _ } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlowContext as S } 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 = () => {
+import { RecoveryCasesList as A } from "./RecoveryCasesList/RecoveryCasesList.js";
+function P({ onEvent: o = () => {
+}, ...t }) {
+  return /* @__PURE__ */ e(_, { ...t, onEvent: o, children: /* @__PURE__ */ e(V, { ...t, onEvent: o }) });
+}
+function V({ companyId: o, onEvent: t = () => {
 } }) {
-  const { Modal: C } = _(), [l, r] = d(!1), f = h(
-    () => M(
+  const { Modal: l } = x(), [E, s] = d(!1), f = h(
+    () => R(
       "list",
       O,
       () => ({
         component: null,
-        companyId: t,
-        onEvent: e
+        companyId: o,
+        onEvent: r
       })
     ),
-    [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);
+    [o]
+  ), [m, u] = M(f);
+  function r(n, C) {
+    u({ type: n, payload: C }), n === c.RECOVERY_CASE_RESOLVE && s(!0), (n === c.RECOVERY_CASE_RESUBMIT_CANCEL || n === c.RECOVERY_CASE_RESUBMIT_DONE) && s(!1), t(n, C);
   }
   const p = () => {
-    r(!1);
-  }, s = i.context.component, m = s?.Footer || void 0;
-  return /* @__PURE__ */ u(
-    x.Provider,
+    s(!1);
+  }, i = m.context.component, a = i?.Footer || void 0;
+  return /* @__PURE__ */ v(
+    S.Provider,
     {
       value: {
-        ...i.context,
-        onEvent: e
+        ...m.context,
+        onEvent: r
       },
       children: [
-        /* @__PURE__ */ n(S, { companyId: t, onEvent: e }),
-        /* @__PURE__ */ n(
-          C,
+        /* @__PURE__ */ e(A, { companyId: o, onEvent: r }),
+        /* @__PURE__ */ e(
+          l,
           {
-            isOpen: l,
+            isOpen: E,
             onClose: p,
-            footer: m && /* @__PURE__ */ n(m, { onEvent: e }),
-            children: s && /* @__PURE__ */ n(s, {})
+            footer: a && /* @__PURE__ */ e(a, { onEvent: r }),
+            children: i && /* @__PURE__ */ e(i, {})
           }
         )
       ]
@@ -50,6 +56,6 @@ function T({ companyId: t, onEvent: a = () => {
   );
 }
 export {
-  T as RecoveryCases
+  P as RecoveryCases
 };
 //# sourceMappingURL=RecoveryCases.js.map

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

@@ -1 +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;"}
+{"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 { BaseComponent, 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\ninterface RecoveryCasesInternalProps\n  extends Omit<BaseComponentInterface, 'onEvent'>, RecoveryCasesProps {}\n\nexport function RecoveryCases({ onEvent = () => {}, ...props }: RecoveryCasesInternalProps) {\n  return (\n    <BaseComponent {...props} onEvent={onEvent}>\n      <Root {...props} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, onEvent = () => {} }: RecoveryCasesInternalProps) {\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): void {\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","onEvent","props","jsx","BaseComponent","Root","companyId","Modal","useComponentContext","isModalOpen","setIsModalOpen","useState","recoveryCasesMachineInstance","useMemo","createMachine","recoveryCasesMachine","handleEvent","current","send","useMachine","type","data","recoveryCasesEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","RecoveryCasesList"],"mappings":";;;;;;;;;;;AAmBO,SAASA,EAAc,EAAE,SAAAC,IAAU,MAAM;AAAC,GAAG,GAAGC,KAAqC;AAC1F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,SAAAD,GACxB,4BAACI,GAAA,EAAM,GAAGH,GAAO,SAAAD,EAAA,CAAkB,EAAA,CACrC;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,SAAAL,IAAU,MAAM;AAAC,KAAiC;AAC3E,QAAM,EAAE,OAAAM,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,WAAAT;AAAA,QACA,SAASU;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,CAACV,CAAS;AAAA,EAAA,GAEN,CAACW,GAASC,CAAI,IAAIC,EAAWP,CAA4B;AAE/D,WAASI,EAAYI,GAAiBC,GAAsB;AAC1D,IAAAH,EAAK,EAAE,MAAAE,GAAM,SAASC,EAAA,CAAM,GAExBD,MAASE,EAAoB,yBAC/BZ,EAAe,EAAI,IAInBU,MAASE,EAAoB,iCAC7BF,MAASE,EAAoB,gCAE7BZ,EAAe,EAAK,GAGtBT,EAAQmB,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,gBAAAb,EAACyB,GAAA,EAAkB,WAAAtB,GAAsB,SAASU,EAAA,CAAa;AAAA,QAC/D,gBAAAb;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQE;AAAA,YACR,SAASc;AAAA,YACT,QAAQE,KAAU,gBAAAtB,EAACsB,GAAA,EAAO,SAAST,GAAa;AAAA,YAE/C,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}