@gusto/embedded-react-sdk 0.57.0 → 0.57.2

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 classNames from 'classnames'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  calculateTotalPayroll,\n  getPayPeriodOrCheckDateLabel,\n  getPayrollTypeLabel,\n  getReimbursements,\n  isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n} from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n  className?: string\n  payrollData: PayrollShow\n  employeeFlsaStatusByUuid?: Record<string, string | undefined>\n  bankAccount?: CompanyBankAccount\n  taxes: Record<string, { employee: number; employer: number }>\n  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  canEdit?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  printChecksBanner?: React.ReactNode\n  pagination?: PaginationControlProps\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n  paymentSpeed?: PaymentSpeed\n  downloadingEmployeeIds?: ReadonlySet<string>\n}\n\n/** @internal */\nexport const PayrollOverviewPresentation = ({\n  className,\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  payrollData,\n  employeeFlsaStatusByUuid = {},\n  bankAccount,\n  taxes,\n  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  canEdit = true,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  printChecksBanner,\n  withReimbursements = true,\n  paymentSpeed,\n  pagination,\n  downloadingEmployeeIds = new Set<string>(),\n}: PayrollOverviewProps) => {\n  const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n  // formatWithTime returns { time, date }, and the cancel dialog used to interpolate only\n  // `time` -- so it read \"Run this payroll by 4:00 PM PDT\" with no date at all (SDK-1286).\n  // Rendered as \"<time> on <date>\" to match how PayrollHistory shows the same deadline.\n  const cancelDeadline = (() => {\n    const { time, date } = dateFormatter.formatWithTime(payrollData.payrollDeadline)\n    return date ? `${time} on ${date}` : time\n  })()\n\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={classNames(styles.container, className)}>\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 + Number(tax.amount) : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.benefits?.reduce(\n        (acc, benefit) =>\n          benefit.companyContribution ? acc + Number(benefit.companyContribution) : acc,\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      Number(employeeCompensation.grossPay!) +\n      getReimbursements(employeeCompensation) +\n      getCompanyTaxes(employeeCompensation) +\n      getCompanyBenefits(employeeCompensation)\n    )\n  }\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 companyPaysColumns: Array<{\n    key: string\n    title: string\n    justify?: 'start' | 'end'\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex flexDirection=\"column\" gap={0}>\n          {firstLastName({\n            first_name: employeeCompensations.firstName,\n            last_name: employeeCompensations.lastName,\n          })}\n          {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n        </Flex>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      justify: 'end',\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(Number(employeeCompensations.grossPay!)),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            justify: 'end' as const,\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      justify: 'end',\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      justify: 'end',\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      justify: 'end',\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      justify: 'end',\n      render: (employeeCompensations: EmployeeCompensations) => {\n        const isDownloading =\n          !!employeeCompensations.employeeUuid &&\n          downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n        return (\n          <Flex justifyContent=\"flex-end\">\n            <ButtonIcon\n              aria-label={t('downloadPaystubLabel')}\n              variant=\"tertiary\"\n              isLoading={isDownloading}\n              onClick={() => {\n                if (employeeCompensations.employeeUuid) {\n                  onPaystubDownload(employeeCompensations.employeeUuid)\n                }\n              }}\n            >\n              <DownloadIcon />\n            </ButtonIcon>\n          </Flex>\n        )\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          pagination={pagination}\n          itemMenu={\n            isProcessed && !isDesktop\n              ? (employeeCompensations: EmployeeCompensations) => {\n                  const isDownloading =\n                    !!employeeCompensations.employeeUuid &&\n                    downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n                  return (\n                    <ButtonIcon\n                      aria-label={t('downloadPaystubLabel')}\n                      variant=\"tertiary\"\n                      isLoading={isDownloading}\n                      onClick={() => {\n                        if (employeeCompensations.employeeUuid) {\n                          onPaystubDownload(employeeCompensations.employeeUuid)\n                        }\n                      }}\n                    >\n                      <DownloadIcon />\n                    </ButtonIcon>\n                  )\n                }\n              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                {t('tableHeaders.footerTotalsLabel')}\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeCompensations.firstName,\n                    last_name: employeeCompensations.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) => {\n                const flsaStatus = employeeCompensations.employeeUuid\n                  ? employeeFlsaStatusByUuid[employeeCompensations.employeeUuid]\n                  : undefined\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            },\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          pagination={pagination}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeCompensations.firstName,\n                    last_name: employeeCompensations.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(Number(employeeCompensations.grossPay ?? 0)),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + Number(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 + Number(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 + Number(benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  Number(employeeCompensations.netPay ?? 0) +\n                    getReimbursements(employeeCompensations),\n                ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n          pagination={pagination}\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      {canEdit && (\n        <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n          {t('editCta')}\n        </Button>\n      )}\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={classNames(styles.container, className)}>\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\n            gridTemplateColumns={\n              !isProcessed && canEdit ? ['minmax(0, 1fr)', 'minmax(0, 1fr)'] : '1fr'\n            }\n            gap={8}\n          >\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h2\" styledAs=\"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 } | 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 } | 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 } | 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            {printChecksBanner}\n            <Tabs\n              onSelectionChange={setSelectedTab}\n              selectedId={selectedTab}\n              aria-label={t('dataViews.label')}\n              tabs={tabs}\n            />\n            {isCancelDialogOpen && (\n              <Dialog\n                isOpen={isCancelDialogOpen}\n                onClose={() => {\n                  setIsCancelDialogOpen(false)\n                }}\n                onPrimaryActionClick={onCancel}\n                shouldCloseOnBackdropClick={true}\n                primaryActionLabel={t('confirmCancelCta')}\n                isDestructive={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n                  payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  {Number(payrollData.totals?.netPayDebit ?? 0) > 0 && (\n                    <Text>\n                      {t('cancelDialogDescriptionDeadline', {\n                        deadline: cancelDeadline,\n                      })}\n                    </Text>\n                  )}\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollOverviewPresentation","className","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","payrollData","employeeFlsaStatusByUuid","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","canEdit","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","printChecksBanner","withReimbursements","paymentSpeed","pagination","downloadingEmployeeIds","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","dateFormatter","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","cancelDeadline","time","date","pageSubtitle","Trans","getPayPeriodOrCheckDateLabel","getPayrollTypeLabel","classNames","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getCompanyCost","getReimbursements","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","firstLastName","isDownloading","DownloadIcon","tabs","DataView","Fragment","flsaStatus","FlsaStatus","compensationTypeLabels","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 classNames from 'classnames'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  calculateTotalPayroll,\n  getCancelDeadlineValues,\n  getPayPeriodOrCheckDateLabel,\n  getPayrollTypeLabel,\n  getReimbursements,\n  isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n} from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n  className?: string\n  payrollData: PayrollShow\n  employeeFlsaStatusByUuid?: Record<string, string | undefined>\n  bankAccount?: CompanyBankAccount\n  taxes: Record<string, { employee: number; employer: number }>\n  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  canEdit?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  printChecksBanner?: React.ReactNode\n  pagination?: PaginationControlProps\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n  paymentSpeed?: PaymentSpeed\n  downloadingEmployeeIds?: ReadonlySet<string>\n}\n\n/** @internal */\nexport const PayrollOverviewPresentation = ({\n  className,\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  payrollData,\n  employeeFlsaStatusByUuid = {},\n  bankAccount,\n  taxes,\n  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  canEdit = true,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  printChecksBanner,\n  withReimbursements = true,\n  paymentSpeed,\n  pagination,\n  downloadingEmployeeIds = new Set<string>(),\n}: PayrollOverviewProps) => {\n  const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={classNames(styles.container, className)}>\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 + Number(tax.amount) : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.benefits?.reduce(\n        (acc, benefit) =>\n          benefit.companyContribution ? acc + Number(benefit.companyContribution) : acc,\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      Number(employeeCompensation.grossPay!) +\n      getReimbursements(employeeCompensation) +\n      getCompanyTaxes(employeeCompensation) +\n      getCompanyBenefits(employeeCompensation)\n    )\n  }\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 companyPaysColumns: Array<{\n    key: string\n    title: string\n    justify?: 'start' | 'end'\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex flexDirection=\"column\" gap={0}>\n          {firstLastName({\n            first_name: employeeCompensations.firstName,\n            last_name: employeeCompensations.lastName,\n          })}\n          {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n        </Flex>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      justify: 'end',\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(Number(employeeCompensations.grossPay!)),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            justify: 'end' as const,\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      justify: 'end',\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      justify: 'end',\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      justify: 'end',\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      justify: 'end',\n      render: (employeeCompensations: EmployeeCompensations) => {\n        const isDownloading =\n          !!employeeCompensations.employeeUuid &&\n          downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n        return (\n          <Flex justifyContent=\"flex-end\">\n            <ButtonIcon\n              aria-label={t('downloadPaystubLabel')}\n              variant=\"tertiary\"\n              isLoading={isDownloading}\n              onClick={() => {\n                if (employeeCompensations.employeeUuid) {\n                  onPaystubDownload(employeeCompensations.employeeUuid)\n                }\n              }}\n            >\n              <DownloadIcon />\n            </ButtonIcon>\n          </Flex>\n        )\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          pagination={pagination}\n          itemMenu={\n            isProcessed && !isDesktop\n              ? (employeeCompensations: EmployeeCompensations) => {\n                  const isDownloading =\n                    !!employeeCompensations.employeeUuid &&\n                    downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n                  return (\n                    <ButtonIcon\n                      aria-label={t('downloadPaystubLabel')}\n                      variant=\"tertiary\"\n                      isLoading={isDownloading}\n                      onClick={() => {\n                        if (employeeCompensations.employeeUuid) {\n                          onPaystubDownload(employeeCompensations.employeeUuid)\n                        }\n                      }}\n                    >\n                      <DownloadIcon />\n                    </ButtonIcon>\n                  )\n                }\n              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                {t('tableHeaders.footerTotalsLabel')}\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeCompensations.firstName,\n                    last_name: employeeCompensations.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) => {\n                const flsaStatus = employeeCompensations.employeeUuid\n                  ? employeeFlsaStatusByUuid[employeeCompensations.employeeUuid]\n                  : undefined\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            },\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          pagination={pagination}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeCompensations.firstName,\n                    last_name: employeeCompensations.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(Number(employeeCompensations.grossPay ?? 0)),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + Number(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 + Number(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 + Number(benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  Number(employeeCompensations.netPay ?? 0) +\n                    getReimbursements(employeeCompensations),\n                ),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n          pagination={pagination}\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      {canEdit && (\n        <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n          {t('editCta')}\n        </Button>\n      )}\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={classNames(styles.container, className)}>\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\n            gridTemplateColumns={\n              !isProcessed && canEdit ? ['minmax(0, 1fr)', 'minmax(0, 1fr)'] : '1fr'\n            }\n            gap={8}\n          >\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h2\" styledAs=\"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 } | 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 } | 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 } | 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            {printChecksBanner}\n            <Tabs\n              onSelectionChange={setSelectedTab}\n              selectedId={selectedTab}\n              aria-label={t('dataViews.label')}\n              tabs={tabs}\n            />\n            {isCancelDialogOpen && (\n              <Dialog\n                isOpen={isCancelDialogOpen}\n                onClose={() => {\n                  setIsCancelDialogOpen(false)\n                }}\n                onPrimaryActionClick={onCancel}\n                shouldCloseOnBackdropClick={true}\n                primaryActionLabel={t('confirmCancelCta')}\n                isDestructive={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n                  payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  {Number(payrollData.totals?.netPayDebit ?? 0) > 0 && (\n                    <Text>\n                      {t(\n                        'cancelDialogDescriptionDeadline',\n                        getCancelDeadlineValues(payrollData, dateFormatter),\n                      )}\n                    </Text>\n                  )}\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollOverviewPresentation","className","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","payrollData","employeeFlsaStatusByUuid","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","canEdit","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","printChecksBanner","withReimbursements","paymentSpeed","pagination","downloadingEmployeeIds","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","dateFormatter","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","pageSubtitle","Trans","getPayPeriodOrCheckDateLabel","getPayrollTypeLabel","classNames","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getCompanyCost","getReimbursements","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","firstLastName","isDownloading","DownloadIcon","tabs","DataView","Fragment","flsaStatus","FlsaStatus","compensationTypeLabels","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate","getCancelDeadlineValues"],"mappings":"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"}

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useForm as T, useWatch as _, FormProvider as D } from "react-hook-form";
+import { useForm as _, useWatch as T, FormProvider as D } from "react-hook-form";
 import { zodResolver as A } from "@hookform/resolvers/zod";
 import { useTranslation as h } from "react-i18next";
 import { z as d } from "zod";
@@ -31,17 +31,17 @@ const j = d.object({
   ...r.printingFormat === n.Bottom && r.startingCheckNumber !== void 0 ? { startingCheckNumber: r.startingCheckNumber } : {}
 }), W = (r) => {
   const e = document.createElement("a");
-  e.href = r, e.rel = "noopener noreferrer", document.body.appendChild(e), e.click(), document.body.removeChild(e);
+  e.href = r, e.target = "_blank", e.rel = "noopener noreferrer", document.body.appendChild(e), e.click(), document.body.removeChild(e);
 };
 function J(r) {
   return /* @__PURE__ */ o(G, { ...r, children: /* @__PURE__ */ o(Q, { ...r, children: r.children }) });
 }
 const Q = ({ dictionary: r, payrollId: e, isGenerating: i, className: s }) => {
   M("Payroll.PrintChecksForm", r), g("Payroll.PrintChecksForm");
-  const { t } = h("Payroll.PrintChecksForm"), { Heading: f } = b(), { onEvent: c, baseSubmitHandler: E } = H(), l = T({
+  const { t } = h("Payroll.PrintChecksForm"), { Heading: f } = b(), { onEvent: c, baseSubmitHandler: E } = H(), l = _({
     resolver: A(j),
     defaultValues: { printingFormat: n.Top, startingCheckNumber: 0 }
-  }), F = _({
+  }), F = T({
     name: "printingFormat",
     control: l.control
   }), { mutateAsync: N } = I(), { start: y } = L({

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { useGenerationPoll } from './useGenerationPoll'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.object({\n  printingFormat: z.nativeEnum(PrintingFormat),\n  startingCheckNumber: z\n    .number({ message: 'invalidStartingCheckNumber' })\n    .int({ message: 'invalidStartingCheckNumber' })\n    .nonnegative({ message: 'invalidStartingCheckNumber' })\n    .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n    .optional(),\n})\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\n// Navigates directly to `url` via a synthetic anchor click rather than `fetch`-ing it into a blob:\n// the generated-document URL is a signed, cross-origin S3 URL with `response-content-disposition:\n// attachment` baked into its query string, so a direct browser-level request downloads it via that\n// response header — but a `fetch()` from JS is subject to CORS, which the bucket doesn't allow, and\n// fails outright. A plain navigation isn't subject to CORS and never opens a new tab or navigates\n// the host page, since the browser intercepts the download instead of rendering a response.\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating, className }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Heading } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { start: startGenerationPoll } = useGenerationPoll({\n    onSucceeded: url => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    },\n    onFailed: () => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    },\n  })\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        startGenerationPoll(nextRequestUuid)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form\n        id={PRINT_CHECKS_FORM_ID}\n        onSubmit={formMethods.handleSubmit(onSubmit)}\n        className={className}\n      >\n        <Flex flexDirection=\"column\" gap={20}>\n          <Heading as=\"h2\">{t('modalTitle')}</Heading>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            shouldVisuallyHideLabel\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","className","useComponentDictionary","useI18n","useTranslation","Heading","useComponentContext","onEvent","baseSubmitHandler","useBase","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","startGenerationPoll","useGenerationPoll","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","t","Button","useFlow","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { useGenerationPoll } from './useGenerationPoll'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.object({\n  printingFormat: z.nativeEnum(PrintingFormat),\n  startingCheckNumber: z\n    .number({ message: 'invalidStartingCheckNumber' })\n    .int({ message: 'invalidStartingCheckNumber' })\n    .nonnegative({ message: 'invalidStartingCheckNumber' })\n    .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n    .optional(),\n})\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.target = '_blank'\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating, className }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Heading } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { start: startGenerationPoll } = useGenerationPoll({\n    onSucceeded: url => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    },\n    onFailed: () => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    },\n  })\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        startGenerationPoll(nextRequestUuid)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form\n        id={PRINT_CHECKS_FORM_ID}\n        onSubmit={formMethods.handleSubmit(onSubmit)}\n        className={className}\n      >\n        <Flex flexDirection=\"column\" gap={20}>\n          <Heading as=\"h2\">{t('modalTitle')}</Heading>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            shouldVisuallyHideLabel\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","className","useComponentDictionary","useI18n","useTranslation","Heading","useComponentContext","onEvent","baseSubmitHandler","useBase","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","startGenerationPoll","useGenerationPoll","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","t","Button","useFlow","ActionsLayout"],"mappings":"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"}

package/dist/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.js

@@ -1,70 +1,79 @@
-import { useRef as m, useCallback as f } from "react";
-import { buildGeneratedDocumentsGetQuery as p } from "@gusto/embedded-api/react-query/generatedDocumentsGet";
-import { useGustoEmbeddedContext as y } from "@gusto/embedded-api/react-query/_context";
-import { useQueryClient as h } from "@tanstack/react-query";
-import { DocumentType as P } from "@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid";
+import { useRef as f, useCallback as p } from "react";
+import { buildGeneratedDocumentsGetQuery as y } from "@gusto/embedded-api/react-query/generatedDocumentsGet";
+import { useGustoEmbeddedContext as h } from "@gusto/embedded-api/react-query/_context";
+import { useQueryClient as P } from "@tanstack/react-query";
+import { DocumentType as C } from "@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid";
 import { GeneratedDocumentStatus as o } from "@gusto/embedded-api/models/components/generateddocument";
-import { usePollingTask as D, isNonRetryablePollError as g } from "../../../../hooks/usePollingTask/usePollingTask.js";
-import { useObservability as C } from "../../../../contexts/ObservabilityProvider/useObservability.js";
-import { normalizeToSDKError as b } from "../../../../types/sdkError.js";
-const k = "Payroll.PrintChecksForm", E = (e) => e?.generatedDocument?.status === o.Succeeded ? { type: "succeeded", url: e?.generatedDocument?.documentUrls?.[0] ?? null } : { type: "failed" }, v = (e) => {
-  if (!e.success)
-    return g(e.error) ? { status: "error", error: e.error } : { status: "polling" };
-  const r = e.data.generatedDocument?.status;
-  return r === o.Succeeded ? {
+import { usePollingTask as k, isNonRetryablePollError as D } from "../../../../hooks/usePollingTask/usePollingTask.js";
+import { useObservability as b } from "../../../../contexts/ObservabilityProvider/useObservability.js";
+import { normalizeToSDKError as g } from "../../../../types/sdkError.js";
+const E = "Payroll.PrintChecksForm", v = (t) => {
+  try {
+    return new URL(t).protocol === "https:";
+  } catch {
+    return !1;
+  }
+}, i = (t) => {
+  const e = t?.generatedDocument?.documentUrls?.[0] ?? null;
+  return e !== null && !v(e) ? { type: "failed" } : { type: "succeeded", url: e };
+}, O = (t) => t?.generatedDocument?.status === o.Succeeded ? i(t) : { type: "failed" }, T = (t) => {
+  if (!t.success)
+    return D(t.error) ? { status: "error", error: t.error } : { status: "polling" };
+  const e = t.data.generatedDocument?.status;
+  return e === o.Succeeded ? {
     status: "done",
-    value: { type: "succeeded", url: e.data.generatedDocument?.documentUrls?.[0] ?? null }
-  } : r === o.Failed ? { status: "done", value: { type: "failed" } } : { status: "polling" };
+    value: i(t.data)
+  } : e === o.Failed ? { status: "done", value: { type: "failed" } } : { status: "polling" };
 };
-function x({
-  onSucceeded: e,
-  onFailed: r
+function z({
+  onSucceeded: t,
+  onFailed: e
 }) {
-  const l = y(), i = h(), s = m(null), { observability: c } = C(), d = (t) => {
+  const l = h(), c = P(), s = f(null), { observability: d } = b(), m = (r) => {
     const n = s.current;
     if (!n)
       throw new Error("usePollingTask started without a print-checks request in flight");
-    return i.fetchQuery({
-      ...p(
+    return c.fetchQuery({
+      ...y(
         l,
-        { documentType: P.PrintablePayrollChecks, requestUuid: n },
-        { signal: t }
+        { documentType: C.PrintablePayrollChecks, requestUuid: n },
+        { signal: r }
       ),
       staleTime: 0
     });
-  }, u = (t) => {
-    if (t.type === "failed") {
-      r();
+  }, u = (r) => {
+    if (r.type === "failed") {
+      e();
       return;
     }
-    e(t.url);
-  }, { start: a } = D({
-    fetch: d,
-    evaluate: v,
+    t(r.url);
+  }, { start: a } = k({
+    fetch: m,
+    evaluate: T,
     onDone: u,
     // Unlike the payroll polls, print-checks generation has no equivalent to prepare/resubmit to
     // guard against, so a non-retryable read error can safely reuse the same failure path as a
     // real generation failure — same screen, same retry CTA.
-    onError: (t) => {
-      const n = b(t);
-      c?.onError?.({
+    onError: (r) => {
+      const n = g(r);
+      d?.onError?.({
         ...n,
         timestamp: Date.now(),
-        componentName: k
-      }), r();
+        componentName: E
+      }), e();
     },
-    onDeadline: (t) => {
-      u(E(t));
+    onDeadline: (r) => {
+      u(O(r));
     }
   });
-  return { start: f(
-    (t) => {
-      s.current = t, a();
+  return { start: p(
+    (r) => {
+      s.current = r, a();
     },
     [a]
   ) };
 }
 export {
-  x as useGenerationPoll
+  z as useGenerationPoll
 };
 //# sourceMappingURL=useGenerationPoll.js.map

package/dist/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGenerationPoll.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\nimport {\n  buildGeneratedDocumentsGetQuery,\n  type GeneratedDocumentsGetQueryData,\n} from '@gusto/embedded-api/react-query/generatedDocumentsGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { DocumentType } from '@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid'\nimport { GeneratedDocumentStatus } from '@gusto/embedded-api/models/components/generateddocument'\nimport {\n  usePollingTask,\n  isNonRetryablePollError,\n  type PollReadOutcome,\n  type PollTickResult,\n} from '@/hooks/usePollingTask/usePollingTask'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\nconst COMPONENT_NAME = 'Payroll.PrintChecksForm'\n\ntype PrintChecksOutcome = { type: 'succeeded'; url: string | null } | { type: 'failed' }\n\n// Verify against the last-known data before reporting failure: a document that already\n// finished generating must never be reported as a failure just because the deadline hit first.\nconst verifiedPrintChecksOutcome = (\n  lastData: GeneratedDocumentsGetQueryData | null,\n): PrintChecksOutcome => {\n  const status = lastData?.generatedDocument?.status\n  if (status === GeneratedDocumentStatus.Succeeded) {\n    return { type: 'succeeded', url: lastData?.generatedDocument?.documentUrls?.[0] ?? null }\n  }\n  return { type: 'failed' }\n}\n\nconst evaluatePrintChecksOutcome = (\n  outcome: PollReadOutcome<GeneratedDocumentsGetQueryData>,\n): PollTickResult<PrintChecksOutcome> => {\n  if (!outcome.success) {\n    return isNonRetryablePollError(outcome.error)\n      ? { status: 'error', error: outcome.error }\n      : { status: 'polling' }\n  }\n\n  const status = outcome.data.generatedDocument?.status\n  if (status === GeneratedDocumentStatus.Succeeded) {\n    return {\n      status: 'done',\n      value: { type: 'succeeded', url: outcome.data.generatedDocument?.documentUrls?.[0] ?? null },\n    }\n  }\n  if (status === GeneratedDocumentStatus.Failed) {\n    return { status: 'done', value: { type: 'failed' } }\n  }\n  return { status: 'polling' }\n}\n\n/** @internal */\nexport interface UseGenerationPollOptions {\n  onSucceeded: (url: string | null) => void\n  onFailed: () => void\n}\n\n/** @internal */\nexport interface GenerationPoll {\n  /** Starts polling the generated-document status for `requestUuid`. */\n  start: (requestUuid: string) => void\n}\n\n/**\n * Polls a generated print-checks document until it reaches a terminal state, via\n * {@link usePollingTask}.\n *\n * @internal\n */\nexport function useGenerationPoll({\n  onSucceeded,\n  onFailed,\n}: UseGenerationPollOptions): GenerationPoll {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n  const requestUuidRef = useRef<string | null>(null)\n  const { observability } = useObservability()\n\n  // Unlike the payroll polls, there's no sibling `useGeneratedDocumentsGet` rendering this data —\n  // the result is only ever downloaded, never displayed — so there's no other observer of this\n  // queryKey for this fetchQuery call to race against, and no `refetch` to reuse instead.\n  const fetchGeneratedDocument = (signal: AbortSignal) => {\n    const requestUuid = requestUuidRef.current\n    if (!requestUuid) {\n      throw new Error('usePollingTask started without a print-checks request in flight')\n    }\n    return queryClient.fetchQuery({\n      ...buildGeneratedDocumentsGetQuery(\n        gustoClient,\n        { documentType: DocumentType.PrintablePayrollChecks, requestUuid },\n        { signal },\n      ),\n      staleTime: 0,\n    })\n  }\n\n  const handleOutcome = (outcome: PrintChecksOutcome) => {\n    if (outcome.type === 'failed') {\n      onFailed()\n      return\n    }\n    onSucceeded(outcome.url)\n  }\n\n  const { start: startPoll } = usePollingTask<GeneratedDocumentsGetQueryData, PrintChecksOutcome>({\n    fetch: fetchGeneratedDocument,\n    evaluate: evaluatePrintChecksOutcome,\n    onDone: handleOutcome,\n    // Unlike the payroll polls, print-checks generation has no equivalent to prepare/resubmit to\n    // guard against, so a non-retryable read error can safely reuse the same failure path as a\n    // real generation failure — same screen, same retry CTA.\n    onError: error => {\n      const sdkError = normalizeToSDKError(error)\n      observability?.onError?.({\n        ...sdkError,\n        timestamp: Date.now(),\n        componentName: COMPONENT_NAME,\n      })\n      onFailed()\n    },\n    onDeadline: lastData => {\n      handleOutcome(verifiedPrintChecksOutcome(lastData))\n    },\n  })\n\n  const start = useCallback(\n    (requestUuid: string) => {\n      requestUuidRef.current = requestUuid\n      startPoll()\n    },\n    [startPoll],\n  )\n\n  return { start }\n}\n"],"names":["COMPONENT_NAME","verifiedPrintChecksOutcome","lastData","GeneratedDocumentStatus","evaluatePrintChecksOutcome","outcome","isNonRetryablePollError","status","useGenerationPoll","onSucceeded","onFailed","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","requestUuidRef","useRef","observability","useObservability","fetchGeneratedDocument","signal","requestUuid","buildGeneratedDocumentsGetQuery","DocumentType","handleOutcome","startPoll","usePollingTask","error","sdkError","normalizeToSDKError","useCallback"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAiB,2BAMjBC,IAA6B,CACjCC,MAEeA,GAAU,mBAAmB,WAC7BC,EAAwB,YAC9B,EAAE,MAAM,aAAa,KAAKD,GAAU,mBAAmB,eAAe,CAAC,KAAK,KAAA,IAE9E,EAAE,MAAM,SAAA,GAGXE,IAA6B,CACjCC,MACuC;AACvC,MAAI,CAACA,EAAQ;AACX,WAAOC,EAAwBD,EAAQ,KAAK,IACxC,EAAE,QAAQ,SAAS,OAAOA,EAAQ,MAAA,IAClC,EAAE,QAAQ,UAAA;AAGhB,QAAME,IAASF,EAAQ,KAAK,mBAAmB;AAC/C,SAAIE,MAAWJ,EAAwB,YAC9B;AAAA,IACL,QAAQ;AAAA,IACR,OAAO,EAAE,MAAM,aAAa,KAAKE,EAAQ,KAAK,mBAAmB,eAAe,CAAC,KAAK,KAAA;AAAA,EAAK,IAG3FE,MAAWJ,EAAwB,SAC9B,EAAE,QAAQ,QAAQ,OAAO,EAAE,MAAM,WAAS,IAE5C,EAAE,QAAQ,UAAA;AACnB;AAoBO,SAASK,EAAkB;AAAA,EAChC,aAAAC;AAAA,EACA,UAAAC;AACF,GAA6C;AAC3C,QAAMC,IAAcC,EAAA,GACdC,IAAcC,EAAA,GACdC,IAAiBC,EAAsB,IAAI,GAC3C,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAKpBC,IAAyB,CAACC,MAAwB;AACtD,UAAMC,IAAcN,EAAe;AACnC,QAAI,CAACM;AACH,YAAM,IAAI,MAAM,iEAAiE;AAEnF,WAAOR,EAAY,WAAW;AAAA,MAC5B,GAAGS;AAAA,QACDX;AAAA,QACA,EAAE,cAAcY,EAAa,wBAAwB,aAAAF,EAAA;AAAA,QACrD,EAAE,QAAAD,EAAA;AAAA,MAAO;AAAA,MAEX,WAAW;AAAA,IAAA,CACZ;AAAA,EACH,GAEMI,IAAgB,CAACnB,MAAgC;AACrD,QAAIA,EAAQ,SAAS,UAAU;AAC7B,MAAAK,EAAA;AACA;AAAA,IACF;AACA,IAAAD,EAAYJ,EAAQ,GAAG;AAAA,EACzB,GAEM,EAAE,OAAOoB,EAAA,IAAcC,EAAmE;AAAA,IAC9F,OAAOP;AAAA,IACP,UAAUf;AAAA,IACV,QAAQoB;AAAA;AAAA;AAAA;AAAA,IAIR,SAAS,CAAAG,MAAS;AAChB,YAAMC,IAAWC,EAAoBF,CAAK;AAC1C,MAAAV,GAAe,UAAU;AAAA,QACvB,GAAGW;AAAA,QACH,WAAW,KAAK,IAAA;AAAA,QAChB,eAAe5B;AAAA,MAAA,CAChB,GACDU,EAAA;AAAA,IACF;AAAA,IACA,YAAY,CAAAR,MAAY;AACtB,MAAAsB,EAAcvB,EAA2BC,CAAQ,CAAC;AAAA,IACpD;AAAA,EAAA,CACD;AAUD,SAAO,EAAE,OARK4B;AAAA,IACZ,CAACT,MAAwB;AACvB,MAAAN,EAAe,UAAUM,GACzBI,EAAA;AAAA,IACF;AAAA,IACA,CAACA,CAAS;AAAA,EAAA,EAGH;AACX;"}
+{"version":3,"file":"useGenerationPoll.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\nimport {\n  buildGeneratedDocumentsGetQuery,\n  type GeneratedDocumentsGetQueryData,\n} from '@gusto/embedded-api/react-query/generatedDocumentsGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { DocumentType } from '@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid'\nimport { GeneratedDocumentStatus } from '@gusto/embedded-api/models/components/generateddocument'\nimport {\n  usePollingTask,\n  isNonRetryablePollError,\n  type PollReadOutcome,\n  type PollTickResult,\n} from '@/hooks/usePollingTask/usePollingTask'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\nconst COMPONENT_NAME = 'Payroll.PrintChecksForm'\n\nconst isValidHttpsUrl = (value: string): boolean => {\n  try {\n    return new URL(value).protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\ntype PrintChecksOutcome = { type: 'succeeded'; url: string | null } | { type: 'failed' }\n\nconst toPrintChecksOutcome = (data: GeneratedDocumentsGetQueryData | null): PrintChecksOutcome => {\n  const url = data?.generatedDocument?.documentUrls?.[0] ?? null\n  return url !== null && !isValidHttpsUrl(url) ? { type: 'failed' } : { type: 'succeeded', url }\n}\n\n// Verify against the last-known data before reporting failure: a document that already\n// finished generating must never be reported as a failure just because the deadline hit first.\nconst verifiedPrintChecksOutcome = (\n  lastData: GeneratedDocumentsGetQueryData | null,\n): PrintChecksOutcome => {\n  const status = lastData?.generatedDocument?.status\n  if (status === GeneratedDocumentStatus.Succeeded) {\n    return toPrintChecksOutcome(lastData)\n  }\n  return { type: 'failed' }\n}\n\nconst evaluatePrintChecksOutcome = (\n  outcome: PollReadOutcome<GeneratedDocumentsGetQueryData>,\n): PollTickResult<PrintChecksOutcome> => {\n  if (!outcome.success) {\n    return isNonRetryablePollError(outcome.error)\n      ? { status: 'error', error: outcome.error }\n      : { status: 'polling' }\n  }\n\n  const status = outcome.data.generatedDocument?.status\n  if (status === GeneratedDocumentStatus.Succeeded) {\n    return {\n      status: 'done',\n      value: toPrintChecksOutcome(outcome.data),\n    }\n  }\n  if (status === GeneratedDocumentStatus.Failed) {\n    return { status: 'done', value: { type: 'failed' } }\n  }\n  return { status: 'polling' }\n}\n\n/** @internal */\nexport interface UseGenerationPollOptions {\n  onSucceeded: (url: string | null) => void\n  onFailed: () => void\n}\n\n/** @internal */\nexport interface GenerationPoll {\n  /** Starts polling the generated-document status for `requestUuid`. */\n  start: (requestUuid: string) => void\n}\n\n/**\n * Polls a generated print-checks document until it reaches a terminal state, via\n * {@link usePollingTask}.\n *\n * @internal\n */\nexport function useGenerationPoll({\n  onSucceeded,\n  onFailed,\n}: UseGenerationPollOptions): GenerationPoll {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n  const requestUuidRef = useRef<string | null>(null)\n  const { observability } = useObservability()\n\n  // Unlike the payroll polls, there's no sibling `useGeneratedDocumentsGet` rendering this data —\n  // the result is only ever downloaded, never displayed — so there's no other observer of this\n  // queryKey for this fetchQuery call to race against, and no `refetch` to reuse instead.\n  const fetchGeneratedDocument = (signal: AbortSignal) => {\n    const requestUuid = requestUuidRef.current\n    if (!requestUuid) {\n      throw new Error('usePollingTask started without a print-checks request in flight')\n    }\n    return queryClient.fetchQuery({\n      ...buildGeneratedDocumentsGetQuery(\n        gustoClient,\n        { documentType: DocumentType.PrintablePayrollChecks, requestUuid },\n        { signal },\n      ),\n      staleTime: 0,\n    })\n  }\n\n  const handleOutcome = (outcome: PrintChecksOutcome) => {\n    if (outcome.type === 'failed') {\n      onFailed()\n      return\n    }\n    onSucceeded(outcome.url)\n  }\n\n  const { start: startPoll } = usePollingTask<GeneratedDocumentsGetQueryData, PrintChecksOutcome>({\n    fetch: fetchGeneratedDocument,\n    evaluate: evaluatePrintChecksOutcome,\n    onDone: handleOutcome,\n    // Unlike the payroll polls, print-checks generation has no equivalent to prepare/resubmit to\n    // guard against, so a non-retryable read error can safely reuse the same failure path as a\n    // real generation failure — same screen, same retry CTA.\n    onError: error => {\n      const sdkError = normalizeToSDKError(error)\n      observability?.onError?.({\n        ...sdkError,\n        timestamp: Date.now(),\n        componentName: COMPONENT_NAME,\n      })\n      onFailed()\n    },\n    onDeadline: lastData => {\n      handleOutcome(verifiedPrintChecksOutcome(lastData))\n    },\n  })\n\n  const start = useCallback(\n    (requestUuid: string) => {\n      requestUuidRef.current = requestUuid\n      startPoll()\n    },\n    [startPoll],\n  )\n\n  return { start }\n}\n"],"names":["COMPONENT_NAME","isValidHttpsUrl","value","toPrintChecksOutcome","data","url","verifiedPrintChecksOutcome","lastData","GeneratedDocumentStatus","evaluatePrintChecksOutcome","outcome","isNonRetryablePollError","status","useGenerationPoll","onSucceeded","onFailed","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","requestUuidRef","useRef","observability","useObservability","fetchGeneratedDocument","signal","requestUuid","buildGeneratedDocumentsGetQuery","DocumentType","handleOutcome","startPoll","usePollingTask","error","sdkError","normalizeToSDKError","useCallback"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAiB,2BAEjBC,IAAkB,CAACC,MAA2B;AAClD,MAAI;AACF,WAAO,IAAI,IAAIA,CAAK,EAAE,aAAa;AAAA,EACrC,QAAQ;AACN,WAAO;AAAA,EACT;AACF,GAIMC,IAAuB,CAACC,MAAoE;AAChG,QAAMC,IAAMD,GAAM,mBAAmB,eAAe,CAAC,KAAK;AAC1D,SAAOC,MAAQ,QAAQ,CAACJ,EAAgBI,CAAG,IAAI,EAAE,MAAM,SAAA,IAAa,EAAE,MAAM,aAAa,KAAAA,EAAA;AAC3F,GAIMC,IAA6B,CACjCC,MAEeA,GAAU,mBAAmB,WAC7BC,EAAwB,YAC9BL,EAAqBI,CAAQ,IAE/B,EAAE,MAAM,SAAA,GAGXE,IAA6B,CACjCC,MACuC;AACvC,MAAI,CAACA,EAAQ;AACX,WAAOC,EAAwBD,EAAQ,KAAK,IACxC,EAAE,QAAQ,SAAS,OAAOA,EAAQ,MAAA,IAClC,EAAE,QAAQ,UAAA;AAGhB,QAAME,IAASF,EAAQ,KAAK,mBAAmB;AAC/C,SAAIE,MAAWJ,EAAwB,YAC9B;AAAA,IACL,QAAQ;AAAA,IACR,OAAOL,EAAqBO,EAAQ,IAAI;AAAA,EAAA,IAGxCE,MAAWJ,EAAwB,SAC9B,EAAE,QAAQ,QAAQ,OAAO,EAAE,MAAM,WAAS,IAE5C,EAAE,QAAQ,UAAA;AACnB;AAoBO,SAASK,EAAkB;AAAA,EAChC,aAAAC;AAAA,EACA,UAAAC;AACF,GAA6C;AAC3C,QAAMC,IAAcC,EAAA,GACdC,IAAcC,EAAA,GACdC,IAAiBC,EAAsB,IAAI,GAC3C,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAKpBC,IAAyB,CAACC,MAAwB;AACtD,UAAMC,IAAcN,EAAe;AACnC,QAAI,CAACM;AACH,YAAM,IAAI,MAAM,iEAAiE;AAEnF,WAAOR,EAAY,WAAW;AAAA,MAC5B,GAAGS;AAAA,QACDX;AAAA,QACA,EAAE,cAAcY,EAAa,wBAAwB,aAAAF,EAAA;AAAA,QACrD,EAAE,QAAAD,EAAA;AAAA,MAAO;AAAA,MAEX,WAAW;AAAA,IAAA,CACZ;AAAA,EACH,GAEMI,IAAgB,CAACnB,MAAgC;AACrD,QAAIA,EAAQ,SAAS,UAAU;AAC7B,MAAAK,EAAA;AACA;AAAA,IACF;AACA,IAAAD,EAAYJ,EAAQ,GAAG;AAAA,EACzB,GAEM,EAAE,OAAOoB,EAAA,IAAcC,EAAmE;AAAA,IAC9F,OAAOP;AAAA,IACP,UAAUf;AAAA,IACV,QAAQoB;AAAA;AAAA;AAAA;AAAA,IAIR,SAAS,CAAAG,MAAS;AAChB,YAAMC,IAAWC,EAAoBF,CAAK;AAC1C,MAAAV,GAAe,UAAU;AAAA,QACvB,GAAGW;AAAA,QACH,WAAW,KAAK,IAAA;AAAA,QAChB,eAAejC;AAAA,MAAA,CAChB,GACDe,EAAA;AAAA,IACF;AAAA,IACA,YAAY,CAAAR,MAAY;AACtB,MAAAsB,EAAcvB,EAA2BC,CAAQ,CAAC;AAAA,IACpD;AAAA,EAAA,CACD;AAUD,SAAO,EAAE,OARK4B;AAAA,IACZ,CAACT,MAAwB;AACvB,MAAAN,EAAe,UAAUM,GACzBI,EAAA;AAAA,IACF;AAAA,IACA,CAACA,CAAS;AAAA,EAAA,EAGH;AACX;"}