@gusto/embedded-react-sdk 0.36.0 → 0.37.0-rc.2

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useWireInRequestsGet } from '@gusto/embedded-api/react-query/wireInRequestsGet'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type {\n  PayrollCreditBlockerType,\n  PayrollCreditBlockerTypeUnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { canCancelPayroll } from '../helpers'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport {\n  componentEvents,\n  payrollWireEvents,\n  PAYROLL_PROCESSING_STATUS,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  type EventType,\n} from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\nimport { Flex } from '@/components/Common'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nconst findUnresolvedBlockersWithOptions = (\n  blockers: PayrollSubmissionBlockerType[] = [],\n): PayrollSubmissionBlockerType[] => {\n  return blockers.filter(\n    blocker =>\n      blocker.status === 'unresolved' &&\n      blocker.unblockOptions &&\n      blocker.unblockOptions.length > 0,\n  )\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    (option: PayrollCreditBlockerTypeUnblockOptions) => option.unblockType === 'submit_wire',\n  )\n\n  return wireUnblockOption?.metadata.wireInRequestUuid\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent = ConfirmWireDetails,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts || [])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n  const [showWireDetailsConfirmation, setShowWireDetailsConfirmation] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList, Text } = useComponentContext()\n  const [status, setStatus] = useState<PayrollOverviewStatus>(PayrollOverviewStatus.Viewing)\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n  const submissionBlockers = findUnresolvedBlockersWithOptions(payrollData.submissionBlockers)\n  const wireInId = findWireInRequestUuid(payrollData.creditBlockers)\n\n  const { data: wireInRequestData } = useWireInRequestsGet(\n    {\n      wireInRequestUuid: wireInId || '',\n    },\n    { enabled: !!wireInId },\n  )\n  const wireInRequest = wireInRequestData?.wireInRequest\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n\n  const handleWireEvent = (type: EventType, data?: unknown) => {\n    if (type === payrollWireEvents.PAYROLL_WIRE_FORM_DONE) {\n      setShowWireDetailsConfirmation(true)\n    }\n    onEvent(type, data)\n  }\n\n  const wireInConfirmationRequest = wireInId && (\n    <ConfirmWireDetailsComponent\n      companyId={companyId}\n      wireInId={wireInId}\n      onEvent={handleWireEvent}\n    />\n  )\n\n  useEffect(() => {\n    if (wireInRequest?.status === 'pending_review' && !showWireDetailsConfirmation) {\n      setShowWireDetailsConfirmation(true)\n    }\n  }, [wireInRequest?.status, showWireDetailsConfirmation])\n\n  useEffect(() => {\n    if (showWireDetailsConfirmation) {\n      const checkDate = dateFormatter.formatShortWithYear(payrollData.checkDate)\n\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.wireDetailsSubmittedTitle'),\n          content: <Text>{t('alerts.wireDetailsSubmittedMessage', { checkDate })}</Text>,\n          onDismiss: () => {\n            setShowWireDetailsConfirmation(false)\n          },\n        },\n      ])\n    }\n  }, [showWireDetailsConfirmation, payrollData.checkDate, t, dateFormatter, Text])\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED, {\n        payPeriod: payrollData.payPeriod,\n      })\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.companyDebit)),\n            date: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\n            ),\n          }),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              <UnorderedList items={renderErrorList(payrollData.processingRequest.errors ?? [])} />\n              <Button variant=\"secondary\" onClick={onEdit}>\n                {t('alerts.payrollProcessingFailedCtaLabel')}\n              </Button>\n            </Flex>\n          ),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.netPayDebit,\n    payrollData.payrollStatusMeta?.expectedDebitTime,\n    payrollData.payrollDeadline,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: paymentConfigs } = usePaymentConfigsGet({ companyUuid: companyId })\n  const paymentSpeed = paymentConfigs?.paymentConfigs?.paymentSpeed\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll } = usePayrollsCancelMutation()\n\n  if (status === PayrollOverviewStatus.Viewing && !payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onCancel = async () => {\n    setStatus(PayrollOverviewStatus.Cancelling)\n    await baseSubmitHandler(data, async () => {\n      try {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setStatus(PayrollOverviewStatus.Cancelled)\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      } catch (error) {\n        setStatus(PayrollOverviewStatus.Viewing)\n        throw error\n      }\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err instanceof Error ? err : new Error(String(err)))\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: Object.entries(selectedUnblockOptions)\n              .filter(([blockerType]) =>\n                PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType),\n              )\n              .map(([blockerType, selectedOption]) => ({\n                blockerType,\n                selectedOption,\n              })),\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      status={isPending || isPolling ? PayrollOverviewStatus.Submitting : status}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      canCancel={canCancelPayroll(payrollData)}\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={internalAlerts}\n      submissionBlockers={submissionBlockers}\n      selectedUnblockOptions={selectedUnblockOptions}\n      onUnblockOptionChange={(blockerType, value) => {\n        setSelectedUnblockOptions(prev => ({ ...prev, [blockerType]: value }))\n      }}\n      wireInConfirmationRequest={wireInConfirmationRequest}\n      withReimbursements={withReimbursements}\n      paymentSpeed={paymentSpeed}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","withReimbursements","ConfirmWireDetailsComponent","ConfirmWireDetails","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","selectedUnblockOptions","setSelectedUnblockOptions","showWireDetailsConfirmation","setShowWireDetailsConfirmation","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","Text","useComponentContext","status","setStatus","PayrollOverviewStatus","data","usePayrollsGetSuspense","payrollData","submissionBlockers","wireInId","wireInRequestData","useWireInRequestsGet","wireInRequest","onEdit","componentEvents","wireInConfirmationRequest","type","payrollWireEvents","useEffect","checkDate","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","paymentConfigs","usePaymentConfigsGet","paymentSpeed","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","error","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","canCancelPayroll","value","prev"],"mappings":"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"}
+{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useWireInRequestsGet } from '@gusto/embedded-api/react-query/wireInRequestsGet'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type {\n  PayrollCreditBlockerType,\n  PayrollCreditBlockerTypeUnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { canCancelPayroll } from '../helpers'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport {\n  componentEvents,\n  payrollWireEvents,\n  PAYROLL_PROCESSING_STATUS,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  type EventType,\n} from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\nimport { Flex } from '@/components/Common'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nconst findUnresolvedBlockersWithOptions = (\n  blockers: PayrollSubmissionBlockerType[] = [],\n): PayrollSubmissionBlockerType[] => {\n  return blockers.filter(\n    blocker =>\n      blocker.status === 'unresolved' &&\n      blocker.unblockOptions &&\n      blocker.unblockOptions.length > 0,\n  )\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    (option: PayrollCreditBlockerTypeUnblockOptions) => option.unblockType === 'submit_wire',\n  )\n\n  return wireUnblockOption?.metadata.wireInRequestUuid\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent = ConfirmWireDetails,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const [internalAlerts, setInternalAlerts] = useState(alerts || [])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n  const [showWireDetailsConfirmation, setShowWireDetailsConfirmation] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList, Text } = useComponentContext()\n  const [status, setStatus] = useState(PayrollOverviewStatus.Viewing)\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n  const submissionBlockers = findUnresolvedBlockersWithOptions(payrollData.submissionBlockers)\n  const wireInId = findWireInRequestUuid(payrollData.creditBlockers)\n\n  const { data: wireInRequestData } = useWireInRequestsGet(\n    {\n      wireInRequestUuid: wireInId || '',\n    },\n    { enabled: !!wireInId },\n  )\n  const wireInRequest = wireInRequestData?.wireInRequest\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n\n  const handleWireEvent = (type: EventType, data?: unknown) => {\n    if (type === payrollWireEvents.PAYROLL_WIRE_FORM_DONE) {\n      setShowWireDetailsConfirmation(true)\n    }\n    onEvent(type, data)\n  }\n\n  const wireInConfirmationRequest = wireInId && (\n    <ConfirmWireDetailsComponent\n      companyId={companyId}\n      wireInId={wireInId}\n      onEvent={handleWireEvent}\n    />\n  )\n\n  useEffect(() => {\n    if (wireInRequest?.status === 'pending_review' && !showWireDetailsConfirmation) {\n      setShowWireDetailsConfirmation(true)\n    }\n  }, [wireInRequest?.status, showWireDetailsConfirmation])\n\n  useEffect(() => {\n    if (showWireDetailsConfirmation) {\n      const checkDate = dateFormatter.formatShortWithYear(payrollData.checkDate)\n\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.wireDetailsSubmittedTitle'),\n          content: <Text>{t('alerts.wireDetailsSubmittedMessage', { checkDate })}</Text>,\n          onDismiss: () => {\n            setShowWireDetailsConfirmation(false)\n          },\n        },\n      ])\n    }\n  }, [showWireDetailsConfirmation, payrollData.checkDate, t, dateFormatter, Text])\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    if (\n      isPolling &&\n      (payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success)\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED, {\n        payPeriod: payrollData.payPeriod,\n      })\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.companyDebit)),\n            date: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\n            ),\n          }),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              <UnorderedList items={renderErrorList(payrollData.processingRequest.errors ?? [])} />\n              <Button variant=\"secondary\" onClick={onEdit}>\n                {t('alerts.payrollProcessingFailedCtaLabel')}\n              </Button>\n            </Flex>\n          ),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    payrollData.processed,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.companyDebit,\n    payrollData.payrollStatusMeta?.expectedDebitTime,\n    payrollData.payrollDeadline,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: paymentConfigs } = usePaymentConfigsGet({ companyUuid: companyId })\n  const paymentSpeed = paymentConfigs?.paymentConfigs?.paymentSpeed\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll } = usePayrollsCancelMutation()\n\n  if (status === PayrollOverviewStatus.Viewing && !payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onCancel = async () => {\n    setStatus(PayrollOverviewStatus.Cancelling)\n    await baseSubmitHandler(data, async () => {\n      try {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setStatus(PayrollOverviewStatus.Cancelled)\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      } catch (error) {\n        setStatus(PayrollOverviewStatus.Viewing)\n        throw error\n      }\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err instanceof Error ? err : new Error(String(err)))\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: Object.entries(selectedUnblockOptions)\n              .filter(([blockerType]) =>\n                PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType),\n              )\n              .map(([blockerType, selectedOption]) => ({\n                blockerType,\n                selectedOption,\n              })),\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      status={isPending || isPolling ? PayrollOverviewStatus.Submitting : status}\n      isProcessed={\n        payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      canCancel={canCancelPayroll(payrollData)}\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={internalAlerts}\n      submissionBlockers={submissionBlockers}\n      selectedUnblockOptions={selectedUnblockOptions}\n      onUnblockOptionChange={(blockerType, value) => {\n        setSelectedUnblockOptions(prev => ({ ...prev, [blockerType]: value }))\n      }}\n      wireInConfirmationRequest={wireInConfirmationRequest}\n      withReimbursements={withReimbursements}\n      paymentSpeed={paymentSpeed}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","withReimbursements","ConfirmWireDetailsComponent","ConfirmWireDetails","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","selectedUnblockOptions","setSelectedUnblockOptions","showWireDetailsConfirmation","setShowWireDetailsConfirmation","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","Text","useComponentContext","status","setStatus","PayrollOverviewStatus","data","usePayrollsGetSuspense","payrollData","submissionBlockers","wireInId","wireInRequestData","useWireInRequestsGet","wireInRequest","onEdit","componentEvents","wireInConfirmationRequest","type","payrollWireEvents","useEffect","checkDate","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","paymentConfigs","usePaymentConfigsGet","paymentSpeed","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","error","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","canCancelPayroll","value","prev"],"mappings":"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"}

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

@@ -1,31 +1,31 @@
 import { jsx as r, jsxs as s, Fragment as N } from "react/jsx-runtime";
 import { useTranslation as De, Trans as Pe } from "react-i18next";
 import { useState as ae, useRef as Ce } from "react";
-import { getPayrollTypeLabel as ke, calculateTotalPayroll as xe } from "../helpers.js";
+import { getPayrollTypeLabel as ke, calculateTotalPayroll as xe, hasDirectDepositEmployees as Ne } from "../helpers.js";
 import { PayrollOverviewStatus as h } from "./PayrollOverviewTypes.js";
 import re from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
-import { Grid as Ne } from "../../Common/Grid/Grid.js";
-import { useComponentContext as Se } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Grid as Se } from "../../Common/Grid/Grid.js";
 import we from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { useI18n as _e } from "../../../i18n/I18n.js";
-import { useDateFormatter as ve } from "../../../hooks/useDateFormatter.js";
-import Le from "../../../hooks/useNumberFormatter.js";
+import { useComponentContext as _e } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as ve } from "../../../i18n/I18n.js";
+import { useDateFormatter as Le } from "../../../hooks/useDateFormatter.js";
+import Ee from "../../../hooks/useNumberFormatter.js";
 import { firstLastName as U } from "../../../helpers/formattedStrings.js";
-import { PAYMENT_METHODS as Ee, FlsaStatus as ne, compensationTypeLabels as S, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as le } from "../../../shared/constants.js";
+import { PAYMENT_METHODS as Oe, FlsaStatus as ne, compensationTypeLabels as S, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as le } from "../../../shared/constants.js";
 import ie from "../../../assets/icons/download-cloud.svg.js";
 import { PayrollLoading as oe } from "../../Common/PayrollLoading/PayrollLoading.js";
-import { FastAchSubmissionBlockerBanner as Oe } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as Ae } from "./SubmissionBlockers/GenericBlocker.js";
+import { FastAchSubmissionBlockerBanner as Ae } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
+import { GenericBlocker as Me } from "./SubmissionBlockers/GenericBlocker.js";
 import { DataView as c } from "../../Common/DataView/DataView.js";
-const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate, p.endDate) : { startDate: "", endDate: "" }, rt = ({
+const We = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate, p.endDate) : { startDate: "", endDate: "" }, nt = ({
   onEdit: p,
   onSubmit: w,
   onCancel: se,
   onPayrollReceipt: de,
   onPaystubDownload: V,
   employeeDetails: me,
-  payrollData: i,
+  payrollData: l,
   bankAccount: Y,
   taxes: _,
   status: g = h.Viewing,
@@ -39,17 +39,17 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
   withReimbursements: H = !0,
   paymentSpeed: be
 }) => {
-  const { Alert: L, Button: D, ButtonIcon: R, Dialog: ye, Heading: F, Text: m, Tabs: pe } = Se();
-  _e("Payroll.PayrollOverview");
-  const o = ve(), { t } = De("Payroll.PayrollOverview"), n = Le("currency"), [fe, he] = ae("companyPays"), [j, G] = ae(!1), E = Ce(null), P = we({ ref: E }).includes("small"), C = g === h.Submitting || g === h.Cancelling, $ = /* @__PURE__ */ r(F, { as: "h1", children: t(T ? "summaryTitle" : "overviewTitle") }), z = /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+  const { Alert: L, Button: D, ButtonIcon: R, Dialog: ye, Heading: F, Text: m, Tabs: pe } = _e();
+  ve("Payroll.PayrollOverview");
+  const o = Le(), { t } = De("Payroll.PayrollOverview"), n = Ee("currency"), [fe, he] = ae("companyPays"), [j, G] = ae(!1), E = Ce(null), P = we({ ref: E }).includes("small"), C = g === h.Submitting || g === h.Cancelling, $ = /* @__PURE__ */ r(F, { as: "h1", children: t(T ? "summaryTitle" : "overviewTitle") }), z = /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
     Pe,
     {
       i18nKey: "pageSubtitle",
       t,
       components: { dateWrapper: /* @__PURE__ */ r(m, { weight: "bold", as: "span" }) },
       values: {
-        ...Me(i.payPeriod, o),
-        payrollType: ke(i)
+        ...We(l.payPeriod, o),
+        payrollType: ke(l)
       }
     }
   ) });
@@ -61,11 +61,11 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
       ] }) }),
       /* @__PURE__ */ r(L, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const k = xe(i), ge = i.payrollStatusMeta?.expectedDebitTime ?? i.payrollDeadline, K = (e) => e.taxes?.reduce(
-    (a, l) => l.employer ? a + l.amount : a,
+  const k = xe(l), ge = l.payrollStatusMeta?.expectedDebitTime ?? l.payrollDeadline, K = (e) => e.taxes?.reduce(
+    (a, i) => i.employer ? a + i.amount : a,
     0
   ) ?? 0, X = (e) => e.benefits?.reduce(
-    (a, l) => l.companyContribution ? a + l.companyContribution : a,
+    (a, i) => i.companyContribution ? a + i.companyContribution : a,
     0
   ) ?? 0, O = (e) => e.fixedCompensations?.length ? Number(
     e.fixedCompensations.find(
@@ -76,15 +76,15 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
   ), M = A ? v[A.blockerType || ""] : void 0, b = A?.unblockOptions?.find(
     (e) => e.unblockType === M
   ), q = M === "wire_in", J = M === "move_to_four_day", x = (e) => e.hourlyCompensations?.reduce(
-    (a, l) => {
-      if (typeof l.name > "u")
+    (a, i) => {
+      if (typeof i.name > "u")
         return a;
-      const y = l.name.toLowerCase(), W = a[y] ?? 0;
-      return a[y] = W + Number(l.hours || 0), a;
+      const y = i.name.toLowerCase(), W = a[y] ?? 0;
+      return a[y] = W + Number(i.hours || 0), a;
     },
     {}
-  ) || {}, Q = (e) => e.paidTimeOff?.reduce((a, l) => a + Number(l.hours || 0), 0) ?? 0, Z = i.employeeCompensations?.reduce(
-    (e, a) => !a.excluded && a.paymentMethod === Ee.check ? e + 1 : e,
+  ) || {}, Q = (e) => e.paidTimeOff?.reduce((a, i) => a + Number(i.hours || 0), 0) ?? 0, Z = l.employeeCompensations?.reduce(
+    (e, a) => !a.excluded && a.paymentMethod === Oe.check ? e + 1 : e,
     0
   ) ?? 0, ee = [
     {
@@ -147,7 +147,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
         {
           label: t("dataViews.companyPaysTable"),
           columns: ee,
-          data: i.employeeCompensations,
+          data: l.employeeCompensations,
           itemMenu: T && !P ? (e) => /* @__PURE__ */ r(
             R,
             {
@@ -164,12 +164,12 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               /* @__PURE__ */ r(m, { weight: "semibold", size: "sm", children: t("tableHeaders.footerTotalsLabel") }),
               /* @__PURE__ */ r(m, { variant: "supporting", size: "sm", children: t("tableHeaders.footerTotalsDescription") })
             ] }),
-            grossPay: n(Number(i.totals?.grossPay ?? 0)),
+            grossPay: n(Number(l.totals?.grossPay ?? 0)),
             ...H ? {
-              reimbursements: n(Number(i.totals?.reimbursements ?? 0))
+              reimbursements: n(Number(l.totals?.reimbursements ?? 0))
             } : {},
-            companyTaxes: n(Number(i.totals?.employerTaxes ?? 0)),
-            companyBenefits: n(Number(i.totals?.benefits ?? 0)),
+            companyTaxes: n(Number(l.totals?.employerTaxes ?? 0)),
+            companyBenefits: n(Number(l.totals?.benefits ?? 0)),
             companyPays: n(k)
           })
         }
@@ -192,10 +192,10 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             },
             {
               title: t("tableHeaders.compensationType"),
-              render: (e) => u.get(e.employeeUuid)?.jobs?.reduce((a, l) => {
-                if (l.primary) {
-                  const y = l.compensations?.find(
-                    (W) => W.uuid === l.currentCompensationUuid
+              render: (e) => u.get(e.employeeUuid)?.jobs?.reduce((a, i) => {
+                if (i.primary) {
+                  const y = i.compensations?.find(
+                    (W) => W.uuid === i.currentCompensationUuid
                   )?.flsaStatus;
                   switch (y) {
                     case ne.EXEMPT:
@@ -228,12 +228,12 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             {
               title: t("tableHeaders.totalHours"),
               render: (e) => Object.values(x(e)).reduce(
-                (a, l) => a + l,
+                (a, i) => a + i,
                 0
               ) + Q(e)
             }
           ],
-          data: i.employeeCompensations
+          data: l.employeeCompensations
         }
       )
     },
@@ -264,7 +264,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               title: t("tableHeaders.deductions"),
               render: (e) => n(
                 e.deductions?.reduce(
-                  (a, l) => a + l.amount,
+                  (a, i) => a + i.amount,
                   0
                 ) ?? 0
               )
@@ -279,7 +279,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               title: t("tableHeaders.employeeTaxes"),
               render: (e) => n(
                 e.taxes?.reduce(
-                  (a, l) => l.employer ? a : a + l.amount,
+                  (a, i) => i.employer ? a : a + i.amount,
                   0
                 ) ?? 0
               )
@@ -288,7 +288,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               title: t("tableHeaders.employeeBenefits"),
               render: (e) => n(
                 e.benefits?.reduce(
-                  (a, l) => a + (l.employeeDeduction ?? 0),
+                  (a, i) => a + (i.employeeDeduction ?? 0),
                   0
                 ) ?? 0
               )
@@ -298,7 +298,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               render: (e) => n(e.netPay ?? 0)
             }
           ],
-          data: i.employeeCompensations
+          data: l.employeeCompensations
         }
       )
     },
@@ -329,8 +329,8 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             ],
             footer: () => ({
               taxDescription: /* @__PURE__ */ r(m, { weight: "semibold", size: "sm", children: t("totalsLabel") }),
-              byYourEmployees: n(Number(i.totals?.employeeTaxes ?? 0)),
-              byYourCompany: n(Number(i.totals?.employerTaxes ?? 0))
+              byYourEmployees: n(Number(l.totals?.employeeTaxes ?? 0)),
+              byYourCompany: n(Number(l.totals?.employerTaxes ?? 0))
             }),
             data: Object.keys(_)
           }
@@ -350,18 +350,18 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
               }
             ],
             data: [
-              { label: t("directDepositLabel"), value: i.totals?.netPayDebit || "0" },
+              { label: t("directDepositLabel"), value: l.totals?.netPayDebit || "0" },
               ...H ? [
                 {
                   label: t("reimbursementLabel"),
-                  value: i.totals?.reimbursementDebit || "0"
+                  value: l.totals?.reimbursementDebit || "0"
                 }
               ] : [],
               {
                 label: t("garnishmentsLabel"),
-                value: i.totals?.childSupportDebit || "0"
+                value: l.totals?.childSupportDebit || "0"
               },
-              { label: t("taxesLabel"), value: i.totals?.taxDebit || "0" }
+              { label: t("taxesLabel"), value: l.totals?.taxDebit || "0" }
             ]
           }
         )
@@ -403,7 +403,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
       ] }),
       P && /* @__PURE__ */ r(d, { gap: 8, justifyContent: "flex-end", children: te })
     ] }),
-    !P && /* @__PURE__ */ r(Ne, { gridTemplateColumns: "1fr", gap: 8, children: te }),
+    !P && /* @__PURE__ */ r(Se, { gridTemplateColumns: "1fr", gap: 8, children: te }),
     g === h.Cancelling ? /* @__PURE__ */ r(oe, { title: t("cancellingTitle") }) : g === h.Submitting ? /* @__PURE__ */ r(oe, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ s(N, { children: [
       ue,
       B.length > 0 && /* @__PURE__ */ r(d, { flexDirection: "column", gap: 16, children: B.map((e, a) => /* @__PURE__ */ r(
@@ -419,7 +419,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
       f.length > 0 && I && f.map((e) => {
         const a = e.blockerType || "";
         return le.includes(a) ? /* @__PURE__ */ r(
-          Oe,
+          Ae,
           {
             blocker: e,
             selectedValue: v[a],
@@ -427,7 +427,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             paymentSpeed: be
           },
           a
-        ) : /* @__PURE__ */ r(Ae, { blocker: e }, a);
+        ) : /* @__PURE__ */ r(Me, { blocker: e }, a);
       }),
       /* @__PURE__ */ r(F, { as: "h3", children: t(q ? "payrollSummaryTitleWire" : J ? "payrollSummaryTitleFourDay" : "payrollSummaryTitle") }),
       q ? /* @__PURE__ */ r(
@@ -449,8 +449,8 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             {
               title: t("tableHeaders.wireTransferDeadline"),
               render: () => {
-                const a = b?.metadata?.wire_in_deadline, l = o.formatWithTime(a), y = o.formatShortWithYear(a);
-                return a ? `${l.time} on ${y}` : "-";
+                const a = b?.metadata?.wire_in_deadline, i = o.formatWithTime(a), y = o.formatShortWithYear(a);
+                return a ? `${i.time} on ${y}` : "-";
               }
             },
             {
@@ -472,7 +472,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             {
               title: t("tableHeaders.debitAmount"),
               render: () => {
-                const e = i.totals?.companyDebit;
+                const e = l.totals?.companyDebit;
                 return n(Number(e ?? 0));
               }
             },
@@ -505,7 +505,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             },
             {
               title: t("tableHeaders.debitAmount"),
-              render: () => n(Number(i.totals?.companyDebit ?? 0))
+              render: () => n(Number(l.totals?.companyDebit ?? 0))
             },
             {
               title: t("tableHeaders.debitAccount"),
@@ -517,7 +517,7 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
             },
             {
               title: t("tableHeaders.employeePayDate"),
-              render: () => o.formatShortWithYear(i.checkDate)
+              render: () => o.formatShortWithYear(l.checkDate)
             }
           ],
           data: [{}]
@@ -553,13 +553,13 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
           isDestructive: !0,
           closeActionLabel: t("declineCancelCta"),
           title: t("cancelDialogTitle", {
-            startDate: o.formatLong(i.payPeriod?.startDate),
-            endDate: o.formatLongWithYear(i.payPeriod?.endDate)
+            startDate: o.formatLong(l.payPeriod?.startDate),
+            endDate: o.formatLongWithYear(l.payPeriod?.endDate)
           }),
           children: /* @__PURE__ */ s(d, { gap: 14, flexDirection: "column", children: [
             /* @__PURE__ */ r(m, { children: t("cancelDialogDescription") }),
-            /* @__PURE__ */ r(m, { children: t("cancelDialogDescriptionDeadline", {
-              deadline: o.formatWithTime(i.payrollDeadline).time
+            Ne(l.employeeCompensations) && /* @__PURE__ */ r(m, { children: t("cancelDialogDescriptionDeadline", {
+              deadline: o.formatWithTime(l.payrollDeadline).time
             }) })
           ] })
         }
@@ -568,6 +568,6 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
   ] }) });
 };
 export {
-  rt as PayrollOverviewPresentation
+  nt as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map