@gusto/embedded-react-sdk 0.56.2 → 0.56.3

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 { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type {\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  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\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\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          ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={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                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  {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":["getPayrollOverviewTitle","payPeriod","dateFormatter","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","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","cancelDeadline","time","date","pageSubtitle","Trans","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  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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"}

package/dist/components/Payroll/Transition/TransitionFlow.js

@@ -1,53 +1,58 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as b } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useState as d } from "react";
 import { createMachine as y } from "robot3";
-import { useResolveTransitionPayroll as B } from "../TransitionPayroll/useResolveTransitionPayroll.js";
-import { transitionBreadcrumbsNodes as P, transitionMachine as h } from "./transitionStateMachine.js";
+import { useResolveTransitionPayroll as P } from "../TransitionPayroll/useResolveTransitionPayroll.js";
+import { transitionBreadcrumbsNodes as B, transitionMachine as h } from "./transitionStateMachine.js";
 import { TransitionPayrollContextual as x } from "./TransitionFlowComponents.js";
 import { Flow as T } from "../../Flow/Flow.js";
 import { BaseComponent as v } from "../../Base/Base.js";
 import { useBase as w } from "../../Base/useBase.js";
 import { buildBreadcrumbs as C, updateBreadcrumbs as F } from "../../../helpers/breadcrumbHelpers.js";
 function A(r) {
-  return /* @__PURE__ */ i(v, { ...r, children: /* @__PURE__ */ i(M, { ...r }) });
+  return /* @__PURE__ */ n(v, { ...r, children: /* @__PURE__ */ n(M, { ...r }) });
 }
 function M({
   companyId: r,
   startDate: o,
-  endDate: t,
-  payScheduleUuid: n,
-  payrollUuid: a,
-  withReimbursements: m = !0
+  endDate: i,
+  payScheduleUuid: t,
+  payrollUuid: m,
+  withReimbursements: a = !0
 }) {
-  const { onEvent: l } = w(), s = B({
+  const { onEvent: l } = w(), s = P({
     companyId: r,
     startDate: o,
-    endDate: t,
-    payScheduleUuid: n
-  }), e = a ?? s, [c] = b(() => {
-    const u = e ? "configuration" : "createTransitionPayroll", f = C(P), d = F(
+    endDate: i,
+    payScheduleUuid: t
+  }), e = m ?? s, [c] = d(() => {
+    const u = e ? "configuration" : "createTransitionPayroll", f = C(B), p = F(
       u,
       { header: { type: "breadcrumbs", breadcrumbs: f } },
-      { startDate: o, endDate: t }
+      { startDate: o, endDate: i }
     );
     return y(
       "transitionPayroll",
       h,
-      (p) => ({
+      (b) => ({
+        ...b,
         ...p,
-        ...d,
         component: x,
         companyId: r,
         startDate: o,
-        endDate: t,
-        payScheduleUuid: n,
+        endDate: i,
+        payScheduleUuid: t,
         payrollUuid: e,
-        withReimbursements: m,
-        withOffcyclePayroll: !0
+        withReimbursements: a,
+        withOffcyclePayroll: !0,
+        // employeeEditTransition (shared with PayrollFlow via payrollExecutionMachine) reads
+        // ctx.payPeriod for the edit-employee breadcrumb's date range. Regular payrolls get this
+        // from PayrollExecutionFlowContextual's fetch; a transition payroll's pay period is these
+        // same gap dates, so seed it here rather than duplicating a fetch.
+        payPeriod: { startDate: o, endDate: i, payScheduleUuid: t }
       })
     );
   });
-  return /* @__PURE__ */ i(T, { machine: c, onEvent: l });
+  return /* @__PURE__ */ n(T, { machine: c, onEvent: l });
 }
 export {
   A as TransitionFlow

package/dist/components/Payroll/Transition/TransitionFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useResolveTransitionPayroll } from '../TransitionPayroll/useResolveTransitionPayroll'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionPayrollContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Macro flow that runs a transition payroll end to end: resolve or create the payroll, then\n * configure, review, submit, and view receipts.\n *\n * @remarks\n * Renders {@link TransitionPayroll} as its entry step, then routes the events its configuration\n * screen emits into the shared payroll-execution states (overview, edit-employee, receipts,\n * blockers). It owns the breadcrumb chrome and back-navigation, and re-runs the same cached resolve\n * lookup to seed its initial breadcrumb and payroll context.\n *\n * There is no terminal state (SDK-1169). Completion events bubble via `onEvent` for the parent to\n * handle (in `Payroll.PayrollFlow` the parent machine does).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `transition/created` | Fired when the transition payroll is created and the flow advances to configuration | `{ payrollUuid: string }` |\n * | `breadcrumb/navigate` | Fired when the user navigates via the breadcrumb header | `{ key: string }` |\n *\n * All standard run-payroll events are emitted once configuration begins.\n *\n * @components\n * - {@link TransitionPayroll}\n * - {@link PayrollOverview}\n * - {@link PayrollEditEmployee}\n * - {@link PayrollReceipts}\n * - {@link PayrollBlockerList}\n *\n * @param props - See {@link TransitionFlowProps}.\n * @returns The transition payroll flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { Payroll, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <Payroll.TransitionFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       startDate=\"2025-01-16\"\n *       endDate=\"2025-01-31\"\n *       payScheduleUuid=\"c75c1ef6-2ec0-4cca-94a5-8b4cf7e5ea21\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'runPayroll/submitted') {\n *           // Payroll submitted — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function TransitionFlow(props: TransitionFlowProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  withReimbursements = true,\n}: TransitionFlowProps) {\n  const { onEvent } = useBase()\n\n  const resolvedPayrollUuid = useResolveTransitionPayroll({\n    companyId,\n    startDate,\n    endDate,\n    payScheduleUuid,\n  })\n\n  // A caller-supplied payrollUuid wins over the lookup, so a parent that already knows the payroll\n  // can skip creation.\n  const initialPayrollUuid = payrollUuid ?? resolvedPayrollUuid\n\n  // Freeze the machine once. Creating a payroll refetches the resolve query, so recomputing this\n  // would re-seat the machine mid-flow. TransitionPayroll freezes the same decision independently.\n  const [machine] = useState(() => {\n    const initialBreadcrumbId = initialPayrollUuid ? 'configuration' : 'createTransitionPayroll'\n    const breadcrumbs = buildBreadcrumbs(transitionBreadcrumbsNodes)\n    const initialBreadcrumbContext = updateBreadcrumbs(\n      initialBreadcrumbId,\n      { header: { type: 'breadcrumbs' as const, breadcrumbs } },\n      { startDate, endDate },\n    )\n\n    return createMachine(\n      'transitionPayroll',\n      transitionMachine,\n      (initialContext: TransitionFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: TransitionPayrollContextual,\n        companyId,\n        startDate,\n        endDate,\n        payScheduleUuid,\n        payrollUuid: initialPayrollUuid,\n        withReimbursements,\n        withOffcyclePayroll: true,\n      }),\n    )\n  })\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","props","jsx","BaseComponent","Root","companyId","startDate","endDate","payScheduleUuid","payrollUuid","withReimbursements","onEvent","useBase","resolvedPayrollUuid","useResolveTransitionPayroll","initialPayrollUuid","machine","useState","initialBreadcrumbId","breadcrumbs","buildBreadcrumbs","transitionBreadcrumbsNodes","initialBreadcrumbContext","updateBreadcrumbs","createMachine","transitionMachine","initialContext","TransitionPayrollContextual","Flow"],"mappings":";;;;;;;;;;AAmEO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAwB;AACtB,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAsBC,EAA4B;AAAA,IACtD,WAAAT;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,CACD,GAIKO,IAAqBN,KAAeI,GAIpC,CAACG,CAAO,IAAIC,EAAS,MAAM;AAC/B,UAAMC,IAAsBH,IAAqB,kBAAkB,2BAC7DI,IAAcC,EAAiBC,CAA0B,GACzDC,IAA2BC;AAAA,MAC/BL;AAAA,MACA,EAAE,QAAQ,EAAE,MAAM,eAAwB,aAAAC,IAAY;AAAA,MACtD,EAAE,WAAAb,GAAW,SAAAC,EAAA;AAAA,IAAQ;AAGvB,WAAOiB;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAtB;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAaO;AAAA,QACb,oBAAAL;AAAA,QACA,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAR,EAAC0B,GAAA,EAAK,SAAAZ,GAAkB,SAAAL,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useResolveTransitionPayroll } from '../TransitionPayroll/useResolveTransitionPayroll'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionPayrollContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Macro flow that runs a transition payroll end to end: resolve or create the payroll, then\n * configure, review, submit, and view receipts.\n *\n * @remarks\n * Renders {@link TransitionPayroll} as its entry step, then routes the events its configuration\n * screen emits into the shared payroll-execution states (overview, edit-employee, receipts,\n * blockers). It owns the breadcrumb chrome and back-navigation, and re-runs the same cached resolve\n * lookup to seed its initial breadcrumb and payroll context.\n *\n * There is no terminal state (SDK-1169). Completion events bubble via `onEvent` for the parent to\n * handle (in `Payroll.PayrollFlow` the parent machine does).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `transition/created` | Fired when the transition payroll is created and the flow advances to configuration | `{ payrollUuid: string }` |\n * | `breadcrumb/navigate` | Fired when the user navigates via the breadcrumb header | `{ key: string }` |\n *\n * All standard run-payroll events are emitted once configuration begins.\n *\n * @components\n * - {@link TransitionPayroll}\n * - {@link PayrollOverview}\n * - {@link PayrollEditEmployee}\n * - {@link PayrollReceipts}\n * - {@link PayrollBlockerList}\n *\n * @param props - See {@link TransitionFlowProps}.\n * @returns The transition payroll flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { Payroll, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <Payroll.TransitionFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       startDate=\"2025-01-16\"\n *       endDate=\"2025-01-31\"\n *       payScheduleUuid=\"c75c1ef6-2ec0-4cca-94a5-8b4cf7e5ea21\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'runPayroll/submitted') {\n *           // Payroll submitted — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function TransitionFlow(props: TransitionFlowProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  withReimbursements = true,\n}: TransitionFlowProps) {\n  const { onEvent } = useBase()\n\n  const resolvedPayrollUuid = useResolveTransitionPayroll({\n    companyId,\n    startDate,\n    endDate,\n    payScheduleUuid,\n  })\n\n  // A caller-supplied payrollUuid wins over the lookup, so a parent that already knows the payroll\n  // can skip creation.\n  const initialPayrollUuid = payrollUuid ?? resolvedPayrollUuid\n\n  // Freeze the machine once. Creating a payroll refetches the resolve query, so recomputing this\n  // would re-seat the machine mid-flow. TransitionPayroll freezes the same decision independently.\n  const [machine] = useState(() => {\n    const initialBreadcrumbId = initialPayrollUuid ? 'configuration' : 'createTransitionPayroll'\n    const breadcrumbs = buildBreadcrumbs(transitionBreadcrumbsNodes)\n    const initialBreadcrumbContext = updateBreadcrumbs(\n      initialBreadcrumbId,\n      { header: { type: 'breadcrumbs' as const, breadcrumbs } },\n      { startDate, endDate },\n    )\n\n    return createMachine(\n      'transitionPayroll',\n      transitionMachine,\n      (initialContext: TransitionFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: TransitionPayrollContextual,\n        companyId,\n        startDate,\n        endDate,\n        payScheduleUuid,\n        payrollUuid: initialPayrollUuid,\n        withReimbursements,\n        withOffcyclePayroll: true,\n        // employeeEditTransition (shared with PayrollFlow via payrollExecutionMachine) reads\n        // ctx.payPeriod for the edit-employee breadcrumb's date range. Regular payrolls get this\n        // from PayrollExecutionFlowContextual's fetch; a transition payroll's pay period is these\n        // same gap dates, so seed it here rather than duplicating a fetch.\n        payPeriod: { startDate, endDate, payScheduleUuid },\n      }),\n    )\n  })\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","props","jsx","BaseComponent","Root","companyId","startDate","endDate","payScheduleUuid","payrollUuid","withReimbursements","onEvent","useBase","resolvedPayrollUuid","useResolveTransitionPayroll","initialPayrollUuid","machine","useState","initialBreadcrumbId","breadcrumbs","buildBreadcrumbs","transitionBreadcrumbsNodes","initialBreadcrumbContext","updateBreadcrumbs","createMachine","transitionMachine","initialContext","TransitionPayrollContextual","Flow"],"mappings":";;;;;;;;;;AAmEO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAwB;AACtB,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAsBC,EAA4B;AAAA,IACtD,WAAAT;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,CACD,GAIKO,IAAqBN,KAAeI,GAIpC,CAACG,CAAO,IAAIC,EAAS,MAAM;AAC/B,UAAMC,IAAsBH,IAAqB,kBAAkB,2BAC7DI,IAAcC,EAAiBC,CAA0B,GACzDC,IAA2BC;AAAA,MAC/BL;AAAA,MACA,EAAE,QAAQ,EAAE,MAAM,eAAwB,aAAAC,IAAY;AAAA,MACtD,EAAE,WAAAb,GAAW,SAAAC,EAAA;AAAA,IAAQ;AAGvB,WAAOiB;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAtB;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAaO;AAAA,QACb,oBAAAL;AAAA,QACA,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,QAKrB,WAAW,EAAE,WAAAJ,GAAW,SAAAC,GAAS,iBAAAC,EAAA;AAAA,MAAgB;AAAA,IACnD;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAN,EAAC0B,GAAA,EAAK,SAAAZ,GAAkB,SAAAL,EAAA,CAAkB;AACnD;"}

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.js

@@ -1,92 +1,94 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useEffect as U, useMemo as w, useState as D, useCallback as c } from "react";
-import { usePaySchedulesGetAll as b } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { usePayrollsSkipMutation as g } from "@gusto/embedded-api/react-query/payrollsSkip";
-import { PayrollType as v } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
-import { useUnprocessedTransitionPayPeriods as M } from "../useUnprocessedTransitionPayPeriods.js";
-import { TransitionPayrollAlertPresentation as _ } from "./TransitionPayrollAlertPresentation.js";
-import { BaseComponent as L } from "../../Base/Base.js";
-import { useBase as x } from "../../Base/useBase.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-import { useObservability as B } from "../../../contexts/ObservabilityProvider/useObservability.js";
-import { normalizeToSDKError as C } from "../../../types/sdkError.js";
-const q = "Payroll.TransitionPayrollAlert";
-function Z({
+import { jsx as d } from "react/jsx-runtime";
+import { useEffect as w, useMemo as b, useState as A, useCallback as p } from "react";
+import { usePaySchedulesGetAll as g } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePayrollsSkipMutation as v } from "@gusto/embedded-api/react-query/payrollsSkip";
+import { PayrollType as M } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
+import { useUnprocessedTransitionPayPeriods as _ } from "../useUnprocessedTransitionPayPeriods.js";
+import { TransitionPayrollAlertPresentation as L } from "./TransitionPayrollAlertPresentation.js";
+import { BaseComponent as x } from "../../Base/Base.js";
+import { useBase as B } from "../../Base/useBase.js";
+import { componentEvents as m } from "../../../shared/constants.js";
+import { useObservability as C } from "../../../contexts/ObservabilityProvider/useObservability.js";
+import { normalizeToSDKError as q } from "../../../types/sdkError.js";
+const I = "Payroll.TransitionPayrollAlert";
+function $({
   companyId: o,
-  onEvent: t,
-  LoaderComponent: n
+  onEvent: u,
+  LoaderComponent: t,
+  hasBlockers: n
 }) {
-  return /* @__PURE__ */ m(L, { onEvent: t, LoaderComponent: n, children: /* @__PURE__ */ m(I, { companyId: o }) });
+  return /* @__PURE__ */ d(x, { onEvent: u, LoaderComponent: t, children: /* @__PURE__ */ d(K, { companyId: o, hasBlockers: n }) });
 }
-function I({ companyId: o }) {
-  const { onEvent: t, baseSubmitHandler: n } = x(), { observability: d } = B(), { unprocessedPayPeriods: S } = M(o), { data: a, error: i } = b({ companyId: o });
-  U(() => {
+function K({ companyId: o, hasBlockers: u }) {
+  const { onEvent: t, baseSubmitHandler: n } = B(), { observability: S } = C(), { unprocessedPayPeriods: y } = _(o), { data: a, error: i } = g({ companyId: o });
+  w(() => {
     if (!i) return;
-    t(p.ERROR, i);
-    const e = C(i);
-    d?.onError?.({
+    t(m.ERROR, i);
+    const e = q(i);
+    S?.onError?.({
       ...e,
       timestamp: Date.now(),
-      componentName: q
+      componentName: I
     });
-  }, [i, t, d]);
-  const y = w(() => {
+  }, [i, t, S]);
+  const f = b(() => {
     if (!a) return [];
-    const e = a.payScheduleShowResponse ?? [], u = /* @__PURE__ */ new Map();
-    for (const r of S) {
-      const l = r.payScheduleUuid ?? "unknown", s = u.get(l) ?? [];
-      s.push(r), u.set(l, s);
+    const e = a.payScheduleShowResponse ?? [], c = /* @__PURE__ */ new Map();
+    for (const r of y) {
+      const l = r.payScheduleUuid ?? "unknown", s = c.get(l) ?? [];
+      s.push(r), c.set(l, s);
     }
-    return Array.from(u.entries()).map(([r, l]) => {
-      const s = e.find((O) => O.uuid === r), N = s?.customName || s?.name || "Transition";
-      return { payScheduleUuid: r, payScheduleName: N, payPeriods: l };
+    return Array.from(c.entries()).map(([r, l]) => {
+      const s = e.find((U) => U.uuid === r), O = s?.customName || s?.name || "Transition";
+      return { payScheduleUuid: r, payScheduleName: O, payPeriods: l };
     });
-  }, [S, a]), [A, f] = D(!1), [T, h] = D(null), { mutateAsync: P } = g(), k = c(
+  }, [y, a]), [T, h] = A(!1), [k, P] = A(null), { mutateAsync: D } = v(), R = p(
     (e) => {
-      t(p.RUN_TRANSITION_PAYROLL, {
+      t(m.RUN_TRANSITION_PAYROLL, {
         startDate: e.startDate,
         endDate: e.endDate,
         payScheduleUuid: e.payScheduleUuid
       });
     },
     [t]
-  ), R = c(
+  ), E = p(
     async (e) => {
-      h(e), await n({}, async () => {
-        await P({
+      P(e), await n({}, async () => {
+        await D({
           request: {
             companyUuid: o,
             requestBody: {
-              payrollType: v.TransitionFromOldPaySchedule,
+              payrollType: M.TransitionFromOldPaySchedule,
               startDate: e.startDate,
               endDate: e.endDate,
               payScheduleUuid: e.payScheduleUuid ?? void 0
             }
           }
-        }), f(!0), t(p.TRANSITION_PAYROLL_SKIPPED, {
+        }), h(!0), t(m.TRANSITION_PAYROLL_SKIPPED, {
           startDate: e.startDate,
           endDate: e.endDate,
           payScheduleUuid: e.payScheduleUuid
         });
-      }), h(null);
+      }), P(null);
     },
-    [o, P, t, n]
-  ), E = c(() => {
-    f(!1);
+    [o, D, t, n]
+  ), N = p(() => {
+    h(!1);
   }, []);
-  return !a || y.length === 0 ? null : /* @__PURE__ */ m(
-    _,
+  return !a || f.length === 0 ? null : /* @__PURE__ */ d(
+    L,
     {
-      groupedPayPeriods: y,
-      onRunPayroll: k,
-      onSkipPayroll: R,
-      showSkipSuccessAlert: A,
-      onDismissSkipSuccessAlert: E,
-      skippingPayPeriod: T
+      groupedPayPeriods: f,
+      onRunPayroll: R,
+      onSkipPayroll: E,
+      showSkipSuccessAlert: T,
+      onDismissSkipSuccessAlert: N,
+      skippingPayPeriod: k,
+      hasBlockers: u
     }
   );
 }
 export {
-  Z as TransitionPayrollAlert
+  $ as TransitionPayrollAlert
 };
 //# sourceMappingURL=TransitionPayrollAlert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionPayrollAlert.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.tsx"],"sourcesContent":["import { useMemo, useState, useCallback, useEffect } from 'react'\nimport { usePaySchedulesGetAll } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport {\n  TransitionPayrollAlertPresentation,\n  type TransitionPayPeriodGroup,\n} from './TransitionPayrollAlertPresentation'\nimport { BaseComponent, type LoaderComponentType } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\ninterface TransitionPayrollAlertProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n  LoaderComponent?: LoaderComponentType\n}\n\nconst COMPONENT_NAME = 'Payroll.TransitionPayrollAlert'\n\n/** @internal */\nexport function TransitionPayrollAlert({\n  companyId,\n  onEvent,\n  LoaderComponent,\n}: TransitionPayrollAlertProps) {\n  return (\n    <BaseComponent onEvent={onEvent} LoaderComponent={LoaderComponent}>\n      <Root companyId={companyId} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId }: { companyId: string }) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { observability } = useObservability()\n\n  const { unprocessedPayPeriods } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { data: paySchedulesData, error: paySchedulesError } = usePaySchedulesGetAll({ companyId })\n\n  useEffect(() => {\n    if (!paySchedulesError) return\n    onEvent(componentEvents.ERROR, paySchedulesError)\n    const sdkError = normalizeToSDKError(paySchedulesError)\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName: COMPONENT_NAME,\n    })\n  }, [paySchedulesError, onEvent, observability])\n\n  const groupedPayPeriods = useMemo<TransitionPayPeriodGroup[]>(() => {\n    if (!paySchedulesData) return []\n    const paySchedules = paySchedulesData.payScheduleShowResponse ?? []\n\n    const groups = new Map<string, PayPeriod[]>()\n    for (const period of unprocessedPayPeriods) {\n      const uuid = period.payScheduleUuid ?? 'unknown'\n      const existing = groups.get(uuid) ?? []\n      existing.push(period)\n      groups.set(uuid, existing)\n    }\n\n    return Array.from(groups.entries()).map(([payScheduleUuid, payPeriods]) => {\n      const schedule = paySchedules.find(s => s.uuid === payScheduleUuid)\n      const payScheduleName = schedule?.customName || schedule?.name || 'Transition'\n      return { payScheduleUuid, payScheduleName, payPeriods }\n    })\n  }, [unprocessedPayPeriods, paySchedulesData])\n\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayPeriod, setSkippingPayPeriod] = useState<PayPeriod | null>(null)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const handleRunPayroll = useCallback(\n    (payPeriod: PayPeriod) => {\n      onEvent(componentEvents.RUN_TRANSITION_PAYROLL, {\n        startDate: payPeriod.startDate,\n        endDate: payPeriod.endDate,\n        payScheduleUuid: payPeriod.payScheduleUuid,\n      })\n    },\n    [onEvent],\n  )\n\n  const handleSkipPayroll = useCallback(\n    async (payPeriod: PayPeriod) => {\n      setSkippingPayPeriod(payPeriod)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.TransitionFromOldPaySchedule,\n              startDate: payPeriod.startDate,\n              endDate: payPeriod.endDate,\n              payScheduleUuid: payPeriod.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.TRANSITION_PAYROLL_SKIPPED, {\n          startDate: payPeriod.startDate,\n          endDate: payPeriod.endDate,\n          payScheduleUuid: payPeriod.payScheduleUuid,\n        })\n      })\n      setSkippingPayPeriod(null)\n    },\n    [companyId, skipPayroll, onEvent, baseSubmitHandler],\n  )\n\n  const handleDismissSkipSuccessAlert = useCallback(() => {\n    setShowSkipSuccessAlert(false)\n  }, [])\n\n  if (!paySchedulesData || groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  return (\n    <TransitionPayrollAlertPresentation\n      groupedPayPeriods={groupedPayPeriods}\n      onRunPayroll={handleRunPayroll}\n      onSkipPayroll={handleSkipPayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={handleDismissSkipSuccessAlert}\n      skippingPayPeriod={skippingPayPeriod}\n    />\n  )\n}\n"],"names":["COMPONENT_NAME","TransitionPayrollAlert","companyId","onEvent","LoaderComponent","BaseComponent","jsx","Root","baseSubmitHandler","useBase","observability","useObservability","unprocessedPayPeriods","useUnprocessedTransitionPayPeriods","paySchedulesData","paySchedulesError","usePaySchedulesGetAll","useEffect","componentEvents","sdkError","normalizeToSDKError","groupedPayPeriods","useMemo","paySchedules","groups","period","uuid","existing","payScheduleUuid","payPeriods","schedule","s","payScheduleName","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayPeriod","setSkippingPayPeriod","skipPayroll","usePayrollsSkipMutation","handleRunPayroll","useCallback","payPeriod","handleSkipPayroll","PayrollType","handleDismissSkipSuccessAlert","TransitionPayrollAlertPresentation"],"mappings":"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"}
+{"version":3,"file":"TransitionPayrollAlert.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.tsx"],"sourcesContent":["import { useMemo, useState, useCallback, useEffect } from 'react'\nimport { usePaySchedulesGetAll } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport {\n  TransitionPayrollAlertPresentation,\n  type TransitionPayPeriodGroup,\n} from './TransitionPayrollAlertPresentation'\nimport { BaseComponent, type LoaderComponentType } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\ninterface TransitionPayrollAlertProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n  LoaderComponent?: LoaderComponentType\n  /**\n   * When true, a payroll blocker is present and the run/skip actions are\n   * disabled so the user can't start a transition payroll that would dead-end.\n   */\n  hasBlockers?: boolean\n}\n\nconst COMPONENT_NAME = 'Payroll.TransitionPayrollAlert'\n\n/** @internal */\nexport function TransitionPayrollAlert({\n  companyId,\n  onEvent,\n  LoaderComponent,\n  hasBlockers,\n}: TransitionPayrollAlertProps) {\n  return (\n    <BaseComponent onEvent={onEvent} LoaderComponent={LoaderComponent}>\n      <Root companyId={companyId} hasBlockers={hasBlockers} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, hasBlockers }: { companyId: string; hasBlockers?: boolean }) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { observability } = useObservability()\n\n  const { unprocessedPayPeriods } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { data: paySchedulesData, error: paySchedulesError } = usePaySchedulesGetAll({ companyId })\n\n  useEffect(() => {\n    if (!paySchedulesError) return\n    onEvent(componentEvents.ERROR, paySchedulesError)\n    const sdkError = normalizeToSDKError(paySchedulesError)\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName: COMPONENT_NAME,\n    })\n  }, [paySchedulesError, onEvent, observability])\n\n  const groupedPayPeriods = useMemo<TransitionPayPeriodGroup[]>(() => {\n    if (!paySchedulesData) return []\n    const paySchedules = paySchedulesData.payScheduleShowResponse ?? []\n\n    const groups = new Map<string, PayPeriod[]>()\n    for (const period of unprocessedPayPeriods) {\n      const uuid = period.payScheduleUuid ?? 'unknown'\n      const existing = groups.get(uuid) ?? []\n      existing.push(period)\n      groups.set(uuid, existing)\n    }\n\n    return Array.from(groups.entries()).map(([payScheduleUuid, payPeriods]) => {\n      const schedule = paySchedules.find(s => s.uuid === payScheduleUuid)\n      const payScheduleName = schedule?.customName || schedule?.name || 'Transition'\n      return { payScheduleUuid, payScheduleName, payPeriods }\n    })\n  }, [unprocessedPayPeriods, paySchedulesData])\n\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayPeriod, setSkippingPayPeriod] = useState<PayPeriod | null>(null)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const handleRunPayroll = useCallback(\n    (payPeriod: PayPeriod) => {\n      onEvent(componentEvents.RUN_TRANSITION_PAYROLL, {\n        startDate: payPeriod.startDate,\n        endDate: payPeriod.endDate,\n        payScheduleUuid: payPeriod.payScheduleUuid,\n      })\n    },\n    [onEvent],\n  )\n\n  const handleSkipPayroll = useCallback(\n    async (payPeriod: PayPeriod) => {\n      setSkippingPayPeriod(payPeriod)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.TransitionFromOldPaySchedule,\n              startDate: payPeriod.startDate,\n              endDate: payPeriod.endDate,\n              payScheduleUuid: payPeriod.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.TRANSITION_PAYROLL_SKIPPED, {\n          startDate: payPeriod.startDate,\n          endDate: payPeriod.endDate,\n          payScheduleUuid: payPeriod.payScheduleUuid,\n        })\n      })\n      setSkippingPayPeriod(null)\n    },\n    [companyId, skipPayroll, onEvent, baseSubmitHandler],\n  )\n\n  const handleDismissSkipSuccessAlert = useCallback(() => {\n    setShowSkipSuccessAlert(false)\n  }, [])\n\n  if (!paySchedulesData || groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  return (\n    <TransitionPayrollAlertPresentation\n      groupedPayPeriods={groupedPayPeriods}\n      onRunPayroll={handleRunPayroll}\n      onSkipPayroll={handleSkipPayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={handleDismissSkipSuccessAlert}\n      skippingPayPeriod={skippingPayPeriod}\n      hasBlockers={hasBlockers}\n    />\n  )\n}\n"],"names":["COMPONENT_NAME","TransitionPayrollAlert","companyId","onEvent","LoaderComponent","hasBlockers","jsx","BaseComponent","Root","baseSubmitHandler","useBase","observability","useObservability","unprocessedPayPeriods","useUnprocessedTransitionPayPeriods","paySchedulesData","paySchedulesError","usePaySchedulesGetAll","useEffect","componentEvents","sdkError","normalizeToSDKError","groupedPayPeriods","useMemo","paySchedules","groups","period","uuid","existing","payScheduleUuid","payPeriods","schedule","s","payScheduleName","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayPeriod","setSkippingPayPeriod","skipPayroll","usePayrollsSkipMutation","handleRunPayroll","useCallback","payPeriod","handleSkipPayroll","PayrollType","handleDismissSkipSuccessAlert","TransitionPayrollAlertPresentation"],"mappings":"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"}