@gusto/embedded-react-sdk 0.55.2 → 0.55.3

package/dist/components/Payroll/PayrollConfiguration/usePayrollConfigurationData.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayrollConfigurationData.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/usePayrollConfigurationData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsPrepare } from '@gusto/embedded-api/funcs/payrollsPrepare'\nimport { employeesGet } from '@gusto/embedded-api/funcs/employeesGet'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { PayrollCategory } from '../payrollTypes'\nimport { derivePayrollCategory } from '../payrollTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n  isCalculating?: boolean\n  excludedEmployeeUuids?: string[]\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: PayrollEmployeeCompensationsType[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleShow | undefined\n  payrollCategory: PayrollCategory\n  pagination: PaginationControlProps\n  isLoading: boolean\n  isAlreadyProcessed: boolean\n  refetch: () => Promise<void>\n}\n\n/** @internal */\nexport const PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\nconst PREPARE_MAX_ATTEMPTS = 3\n\nconst isAlreadyProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/** @internal */\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n  isCalculating = false,\n  excludedEmployeeUuids = [],\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\n  const [displayedEmployees, setDisplayedEmployees] = useState<Employee[]>([])\n  const [isDataInSync, setIsDataInSync] = useState(false)\n  const hasInitialDataRef = useRef(false)\n\n  const { data: employeeData, isFetching: isFetchingEmployeeData } = useEmployeesList(\n    {\n      companyId,\n      payrollUuid: payrollId,\n      per: itemsPerPage,\n      page: currentPage,\n      sortBy: 'name',\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const employeeDataRef = useRef(employeeData)\n  employeeDataRef.current = employeeData\n\n  const listedEmployeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const missingExcludedUuids = useMemo(() => {\n    const listedSet = new Set(listedEmployeeUuids)\n    return excludedEmployeeUuids.filter(uuid => !listedSet.has(uuid))\n  }, [excludedEmployeeUuids, listedEmployeeUuids])\n\n  const employeeUuids = useMemo(() => {\n    if (currentPage === 1) {\n      return [...listedEmployeeUuids, ...missingExcludedUuids]\n    }\n    return listedEmployeeUuids\n  }, [listedEmployeeUuids, missingExcludedUuids, currentPage])\n\n  const employeeUuidsKey = useMemo(() => employeeUuids.join(','), [employeeUuids])\n\n  const {\n    data: prepareData,\n    error: prepareError,\n    isLoading: isPrepareLoading,\n    isFetching: isPrepareFetching,\n  } = useQuery({\n    queryKey: [PREPARE_QUERY_KEY, payrollId, employeeUuidsKey],\n    queryFn: async ({ signal }) => {\n      const result = await payrollsPrepare(\n        gustoClient,\n        {\n          companyId,\n          payrollId,\n          sortBy: 'last_name',\n          requestBody: {\n            employeeUuids,\n          },\n        },\n        { signal },\n      )\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\n    // An \"already processed\" prepare failure is terminal — retrying it wastes time. Other\n    // errors (network blips, etc.) still get the standard retry treatment.\n    retry: (failureCount, error) =>\n      !isAlreadyProcessedError(error) && failureCount < PREPARE_MAX_ATTEMPTS,\n  })\n\n  const isAlreadyProcessed = isAlreadyProcessedError(prepareError)\n\n  useEffect(() => {\n    return () => {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [queryClient, payrollId])\n\n  useEffect(() => {\n    if (isCalculating) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [isCalculating, queryClient, payrollId])\n\n  const excludedUuidsKey = useMemo(() => missingExcludedUuids.join(','), [missingExcludedUuids])\n\n  const { data: excludedEmployeeDetails } = useQuery({\n    queryKey: ['excluded-employee-details', excludedUuidsKey],\n    queryFn: async () => {\n      const results = await Promise.all(\n        missingExcludedUuids.map(uuid => employeesGet(gustoClient, { employeeId: uuid })),\n      )\n      const failedResult = results.find(result => !result.ok)\n      if (failedResult) {\n        throw failedResult.error\n      }\n\n      return results\n        .filter(result => result.ok)\n        .map(result => result.value.employee)\n        .filter((e): e is Employee => e != null)\n    },\n    enabled: missingExcludedUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n  })\n\n  const syncData = useCallback(() => {\n    const currentEmployeeData = employeeDataRef.current\n    if (!currentEmployeeData?.showEmployees || !prepareData?.employeeCompensations) {\n      setIsDataInSync(false)\n      return\n    }\n\n    const currentUuids = currentEmployeeData.showEmployees.map(e => e.uuid)\n    const preparedUuids = new Set(prepareData.employeeCompensations.map(c => c.employeeUuid))\n    const allListedInSync =\n      currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (allListedInSync) {\n      const mergedEmployees = [...currentEmployeeData.showEmployees]\n      if (currentPage === 1 && excludedEmployeeDetails?.length) {\n        const listedSet = new Set(currentUuids)\n        for (const employee of excludedEmployeeDetails) {\n          if (!listedSet.has(employee.uuid)) {\n            mergedEmployees.push(employee)\n          }\n        }\n      }\n      setDisplayedEmployees(mergedEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations, excludedEmployeeDetails, currentPage])\n\n  useEffect(() => {\n    syncData()\n  }, [syncData])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: prepareData?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!prepareData?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handleRefetch = useCallback(async () => {\n    await queryClient.invalidateQueries({\n      queryKey: [PREPARE_QUERY_KEY, payrollId],\n    })\n  }, [queryClient, payrollId])\n\n  const isInitialLoading = isPrepareLoading && !hasInitialDataRef.current\n  const isPaginating = isPrepareFetching && hasInitialDataRef.current\n  const isPaginationFetching = isFetchingEmployeeData || isPaginating || !isDataInSync\n  const isLoading =\n    isInitialLoading || isPayScheduleLoading || (!employeeData && isFetchingEmployeeData)\n\n  const headers = employeeData?.httpMeta.response.headers ?? new Headers()\n  const pagination: PaginationControlProps = getPaginationProps(headers, isPaginationFetching)\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations ?? [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.payScheduleShow,\n    payrollCategory: derivePayrollCategory(prepareData ?? {}),\n    pagination,\n    isLoading,\n    isAlreadyProcessed,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","PREPARE_MAX_ATTEMPTS","isAlreadyProcessedError","error","UnprocessableEntityError","e","usePayrollConfigurationData","companyId","payrollId","isCalculating","excludedEmployeeUuids","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","currentPage","itemsPerPage","getPaginationProps","usePagination","displayedEmployees","setDisplayedEmployees","useState","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","listedEmployeeUuids","useMemo","missingExcludedUuids","listedSet","uuid","employeeUuids","employeeUuidsKey","prepareData","prepareError","isPrepareLoading","isPrepareFetching","useQuery","signal","result","payrollsPrepare","failureCount","isAlreadyProcessed","useEffect","excludedUuidsKey","excludedEmployeeDetails","results","employeesGet","failedResult","syncData","useCallback","currentEmployeeData","currentUuids","preparedUuids","c","mergedEmployees","employee","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","headers","pagination","derivePayrollCategory"],"mappings":"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"}
+{"version":3,"file":"usePayrollConfigurationData.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/usePayrollConfigurationData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsPrepare } from '@gusto/embedded-api/funcs/payrollsPrepare'\nimport { employeesGet } from '@gusto/embedded-api/funcs/employeesGet'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { PayrollCategory } from '../payrollTypes'\nimport { derivePayrollCategory } from '../payrollTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n  isCalculating?: boolean\n  excludedEmployeeUuids?: string[]\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: PayrollEmployeeCompensationsType[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleShow | undefined\n  payrollCategory: PayrollCategory\n  pagination: PaginationControlProps\n  isLoading: boolean\n  isAlreadyProcessed: boolean\n  refetch: () => Promise<void>\n}\n\n/** @internal */\nexport const PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\nconst PREPARE_MAX_ATTEMPTS = 3\n\nconst isAlreadyProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/** @internal */\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n  isCalculating = false,\n  excludedEmployeeUuids = [],\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 25,\n  })\n  const [displayedEmployees, setDisplayedEmployees] = useState<Employee[]>([])\n  const [isDataInSync, setIsDataInSync] = useState(false)\n  const hasInitialDataRef = useRef(false)\n\n  const { data: employeeData, isFetching: isFetchingEmployeeData } = useEmployeesList(\n    {\n      companyId,\n      payrollUuid: payrollId,\n      per: itemsPerPage,\n      page: currentPage,\n      sortBy: 'name',\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const employeeDataRef = useRef(employeeData)\n  employeeDataRef.current = employeeData\n\n  const listedEmployeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const missingExcludedUuids = useMemo(() => {\n    const listedSet = new Set(listedEmployeeUuids)\n    return excludedEmployeeUuids.filter(uuid => !listedSet.has(uuid))\n  }, [excludedEmployeeUuids, listedEmployeeUuids])\n\n  const employeeUuids = useMemo(() => {\n    if (currentPage === 1) {\n      return [...listedEmployeeUuids, ...missingExcludedUuids]\n    }\n    return listedEmployeeUuids\n  }, [listedEmployeeUuids, missingExcludedUuids, currentPage])\n\n  const employeeUuidsKey = useMemo(() => employeeUuids.join(','), [employeeUuids])\n\n  const {\n    data: prepareData,\n    error: prepareError,\n    isLoading: isPrepareLoading,\n    isFetching: isPrepareFetching,\n  } = useQuery({\n    queryKey: [PREPARE_QUERY_KEY, payrollId, employeeUuidsKey],\n    queryFn: async ({ signal }) => {\n      const result = await payrollsPrepare(\n        gustoClient,\n        {\n          companyId,\n          payrollId,\n          sortBy: 'last_name',\n          requestBody: {\n            employeeUuids,\n          },\n        },\n        { signal },\n      )\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\n    // An \"already processed\" prepare failure is terminal — retrying it wastes time. Other\n    // errors (network blips, etc.) still get the standard retry treatment.\n    retry: (failureCount, error) =>\n      !isAlreadyProcessedError(error) && failureCount < PREPARE_MAX_ATTEMPTS,\n  })\n\n  const isAlreadyProcessed = isAlreadyProcessedError(prepareError)\n\n  useEffect(() => {\n    return () => {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [queryClient, payrollId])\n\n  useEffect(() => {\n    if (isCalculating) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [isCalculating, queryClient, payrollId])\n\n  const excludedUuidsKey = useMemo(() => missingExcludedUuids.join(','), [missingExcludedUuids])\n\n  const { data: excludedEmployeeDetails } = useQuery({\n    queryKey: ['excluded-employee-details', excludedUuidsKey],\n    queryFn: async () => {\n      const results = await Promise.all(\n        missingExcludedUuids.map(uuid => employeesGet(gustoClient, { employeeId: uuid })),\n      )\n      const failedResult = results.find(result => !result.ok)\n      if (failedResult) {\n        throw failedResult.error\n      }\n\n      return results\n        .filter(result => result.ok)\n        .map(result => result.value.employee)\n        .filter((e): e is Employee => e != null)\n    },\n    enabled: missingExcludedUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n  })\n\n  const syncData = useCallback(() => {\n    const currentEmployeeData = employeeDataRef.current\n    if (!currentEmployeeData?.showEmployees || !prepareData?.employeeCompensations) {\n      setIsDataInSync(false)\n      return\n    }\n\n    const currentUuids = currentEmployeeData.showEmployees.map(e => e.uuid)\n    const preparedUuids = new Set(prepareData.employeeCompensations.map(c => c.employeeUuid))\n    const allListedInSync =\n      currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (allListedInSync) {\n      const mergedEmployees = [...currentEmployeeData.showEmployees]\n      if (currentPage === 1 && excludedEmployeeDetails?.length) {\n        const listedSet = new Set(currentUuids)\n        for (const employee of excludedEmployeeDetails) {\n          if (!listedSet.has(employee.uuid)) {\n            mergedEmployees.push(employee)\n          }\n        }\n      }\n      setDisplayedEmployees(mergedEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations, excludedEmployeeDetails, currentPage])\n\n  useEffect(() => {\n    syncData()\n  }, [syncData])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: prepareData?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!prepareData?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handleRefetch = useCallback(async () => {\n    await queryClient.invalidateQueries({\n      queryKey: [PREPARE_QUERY_KEY, payrollId],\n    })\n  }, [queryClient, payrollId])\n\n  const isInitialLoading = isPrepareLoading && !hasInitialDataRef.current\n  const isPaginating = isPrepareFetching && hasInitialDataRef.current\n  const isPaginationFetching = isFetchingEmployeeData || isPaginating || !isDataInSync\n  const isLoading =\n    isInitialLoading || isPayScheduleLoading || (!employeeData && isFetchingEmployeeData)\n\n  const headers = employeeData?.httpMeta.response.headers ?? new Headers()\n  const pagination: PaginationControlProps = getPaginationProps(headers, isPaginationFetching)\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations ?? [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.payScheduleShow,\n    payrollCategory: derivePayrollCategory(prepareData ?? {}),\n    pagination,\n    isLoading,\n    isAlreadyProcessed,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","PREPARE_MAX_ATTEMPTS","isAlreadyProcessedError","error","UnprocessableEntityError","e","usePayrollConfigurationData","companyId","payrollId","isCalculating","excludedEmployeeUuids","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","currentPage","itemsPerPage","getPaginationProps","usePagination","displayedEmployees","setDisplayedEmployees","useState","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","listedEmployeeUuids","useMemo","missingExcludedUuids","listedSet","uuid","employeeUuids","employeeUuidsKey","prepareData","prepareError","isPrepareLoading","isPrepareFetching","useQuery","signal","result","payrollsPrepare","failureCount","isAlreadyProcessed","useEffect","excludedUuidsKey","excludedEmployeeDetails","results","employeesGet","failedResult","syncData","useCallback","currentEmployeeData","currentUuids","preparedUuids","c","mergedEmployees","employee","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","headers","pagination","derivePayrollCategory"],"mappings":"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"}

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

@@ -17,6 +17,12 @@ export interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.Pa
     withReimbursements?: boolean;
     /** Custom component to replace the default wire details confirmation UI. */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
+    /**
+     * Hides the edit and cancel actions, leaving submit and receipt/paystub actions available.
+     * Use for a deep link to a specific payroll where editing shouldn't be offered. Defaults to
+     * `false`.
+     */
+    readOnly?: boolean;
 }
 /**
  * Final review screen for a calculated payroll before submission, with submit, cancel,
@@ -28,7 +34,8 @@ export interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.Pa
  * uncalculated payroll throws. Unresolved submission blockers (e.g. fast-ACH threshold,
  * wire-in funding) are surfaced inline and the submit action stays disabled until each
  * blocker has a selected unblock option. While the payroll is processing, the component
- * polls until success or failure and emits the corresponding event.
+ * polls until success or failure and emits the corresponding event. Pass `readOnly` to hide
+ * the edit and cancel actions while keeping submit available.
  *
  * @events
  * | Event | Description | Data |

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

@@ -1,239 +1,252 @@
-import { jsx as l, jsxs as le } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as ce } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsCancelMutation as ue } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGet as me } from "@gusto/embedded-api/react-query/payrollsGet";
-import { keepPreviousData as pe } from "@tanstack/react-query";
-import { useTranslation as fe } from "react-i18next";
-import { useBankAccountsGetSuspense as de } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useWireInRequestsGet as Pe } from "@gusto/embedded-api/react-query/wireInRequestsGet";
-import { useState as u, useEffect as L } from "react";
-import { useGustoEmbeddedContext as ye } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as be } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as Re } from "react-error-boundary";
-import { ConfirmWireDetails as we } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { canCancelPayroll as Se } from "../helpers.js";
-import { PrintChecks as Oe } from "../PrintChecks/PrintChecks.js";
-import { PayrollOverviewPresentation as ge } from "./PayrollOverviewPresentation.js";
-import { PayrollOverviewStatus as m } from "./PayrollOverviewTypes.js";
-import { useCompanyPaymentSpeed as he } from "../../../hooks/useCompanyPaymentSpeed.js";
-import { PAYROLL_PROCESSING_STATUS as w, componentEvents as c, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as Le, payrollWireEvents as _e } from "../../../shared/constants.js";
-import { BaseComponent as De } from "../../Base/Base.js";
-import { useBase as Ce } from "../../Base/useBase.js";
-import { useComponentDictionary as ke, useI18n as Ue } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as Ee } from "../../../helpers/readableStreamToBlob.js";
-import Ae from "../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as Be } from "../../../hooks/useDateFormatter.js";
-import { useComponentContext as Te } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { renderErrorList as ve } from "../../../helpers/apiErrorToList.js";
-import { Flex as qe } from "../../Common/Flex/Flex.js";
-import { usePagination as Ne } from "../../../hooks/usePagination/usePagination.js";
-import { PayrollLoading as q } from "../../Common/PayrollLoading/PayrollLoading.js";
-const Ie = (s = []) => s.filter(
+import { jsx as l, jsxs as ye } from "react/jsx-runtime";
+import { usePayrollsSubmitMutation as Pe } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsCancelMutation as be } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { usePayrollsGet as Re } from "@gusto/embedded-api/react-query/payrollsGet";
+import { keepPreviousData as Se } from "@tanstack/react-query";
+import { useTranslation as we } from "react-i18next";
+import { useBankAccountsGetSuspense as he } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { useWireInRequestsGet as De } from "@gusto/embedded-api/react-query/wireInRequestsGet";
+import { useState as p, useEffect as _ } from "react";
+import { useGustoEmbeddedContext as ge } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as Le } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as _e } from "react-error-boundary";
+import { ConfirmWireDetails as Oe } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { canCancelPayroll as Ce } from "../helpers.js";
+import { PrintChecks as ke } from "../PrintChecks/PrintChecks.js";
+import { PayrollOverviewPresentation as Ue } from "./PayrollOverviewPresentation.js";
+import { PayrollOverviewStatus as d } from "./PayrollOverviewTypes.js";
+import { useCompanyPaymentSpeed as Ae } from "../../../hooks/useCompanyPaymentSpeed.js";
+import { PAYROLL_PROCESSING_STATUS as y, componentEvents as c, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as Ee, payrollWireEvents as Te } from "../../../shared/constants.js";
+import { BaseComponent as Be } from "../../Base/Base.js";
+import { useBase as ve } from "../../Base/useBase.js";
+import { useComponentDictionary as qe, useI18n as Ne } from "../../../i18n/I18n.js";
+import { readableStreamToBlob as We } from "../../../helpers/readableStreamToBlob.js";
+import Ie from "../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as Ye } from "../../../hooks/useDateFormatter.js";
+import { useComponentContext as Me } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { renderErrorList as Fe } from "../../../helpers/apiErrorToList.js";
+import { Flex as xe } from "../../Common/Flex/Flex.js";
+import { usePagination as Ge } from "../../../hooks/usePagination/usePagination.js";
+import { PayrollLoading as I } from "../../Common/PayrollLoading/PayrollLoading.js";
+const je = (s = []) => s.filter(
   (n) => n.status === "unresolved" && n.unblockOptions && n.unblockOptions.length > 0
-), Ye = (s = []) => {
+), Ve = (s = []) => {
   const n = s.find((o) => o.status === "unresolved");
   return n?.unblockOptions ? n.unblockOptions.find(
     (o) => o.unblockType === "submit_wire"
   )?.metadata.wireInRequestUuid : void 0;
 };
-function Ot(s) {
-  return /* @__PURE__ */ l(De, { ...s, children: /* @__PURE__ */ l(We, { ...s, children: s.children }) });
+function Lt(s) {
+  return /* @__PURE__ */ l(Be, { ...s, children: /* @__PURE__ */ l(He, { ...s, children: s.children }) });
 }
-const We = ({
+const He = ({
   companyId: s,
   payrollId: n,
-  dictionary: _,
+  dictionary: O,
   onEvent: o,
-  alerts: N,
-  withReimbursements: I = !0,
-  ConfirmWireDetailsComponent: Y = we
+  alerts: Y,
+  withReimbursements: M = !0,
+  ConfirmWireDetailsComponent: F = Oe,
+  readOnly: P = !1
 }) => {
-  ke("Payroll.PayrollOverview", _), Ue("Payroll.PayrollOverview");
-  const { baseSubmitHandler: D } = Ce(), { t: a } = fe("Payroll.PayrollOverview"), [p, d] = u(!1), [W, S] = u(!1), [M, O] = u(N || []), [C, F] = u({}), [P, f] = u(!1), { showBoundary: G } = Re(), k = Ae("currency"), y = Be(), { Button: x, UnorderedList: j, Text: U } = Te(), [E, g] = u(m.Viewing), { currentPage: V, itemsPerPage: H, getPaginationProps: K } = Ne({
-    defaultItemsPerPage: 10
-  }), { data: b, isFetching: A } = me(
+  qe("Payroll.PayrollOverview", O), Ne("Payroll.PayrollOverview");
+  const { baseSubmitHandler: C } = ve(), { t: i } = we("Payroll.PayrollOverview"), [u, b] = p(!1), [k, h] = p(!1), [x, D] = p(Y || []), [U, G] = p({}), [R, f] = p(!1), { showBoundary: j } = _e(), A = Ie("currency"), m = Ye(), { Button: V, UnorderedList: H, Text: E } = Me(), [T, g] = p(d.Viewing), { currentPage: K, itemsPerPage: z, getPaginationProps: J } = Ge({
+    defaultItemsPerPage: 25
+  }), { data: S, isFetching: B } = Re(
     {
       companyId: s,
       payrollId: n,
       include: ["taxes", "benefits", "deductions", "totals", "payroll_taxes"],
-      page: V,
-      per: H,
+      page: K,
+      per: z,
       sortBy: "last_name"
     },
     {
-      refetchInterval: p ? 5e3 : !1,
-      placeholderData: pe,
+      refetchInterval: u ? 5e3 : !1,
+      placeholderData: Se,
       // Always refetch on mount so a partner QueryClient with a non-zero `staleTime`
       // can't serve a stale pre-calculation snapshot without refetching. SDK-1018.
       refetchOnMount: "always"
     }
-  ), e = b?.payrollShow, z = Ie(e?.submissionBlockers), R = Ye(e?.creditBlockers), { data: J } = Pe(
+  ), e = S?.payrollShow, Q = je(e?.submissionBlockers), w = Ve(e?.creditBlockers), { data: X } = De(
     {
-      wireInRequestUuid: R || ""
+      wireInRequestUuid: w || ""
     },
-    { enabled: !!R }
-  ), B = J?.wireInRequest, T = () => {
+    { enabled: !!w }
+  ), v = X?.wireInRequest, q = () => {
     o(c.RUN_PAYROLL_EDIT);
-  }, Q = R && /* @__PURE__ */ l(
-    Y,
+  }, Z = w && /* @__PURE__ */ l(
+    F,
     {
       companyId: s,
-      wireInId: R,
+      wireInId: w,
       onEvent: (t, r) => {
-        t === _e.PAYROLL_WIRE_FORM_DONE && f(!0), o(t, r);
+        t === Te.PAYROLL_WIRE_FORM_DONE && f(!0), o(t, r);
       }
     }
-  ), X = /* @__PURE__ */ l(Oe, { companyId: s, payrollId: n, onEvent: o });
-  L(() => {
-    B?.status === "pending_review" && !P && f(!0);
-  }, [B?.status, P]);
-  const h = e?.checkDate;
-  L(() => {
-    if (h && P) {
-      const t = y.formatShortWithYear(h);
-      O([
+  ), $ = /* @__PURE__ */ l(ke, { companyId: s, payrollId: n, onEvent: o });
+  _(() => {
+    v?.status === "pending_review" && !R && f(!0);
+  }, [v?.status, R]);
+  const L = e?.checkDate;
+  _(() => {
+    if (L && R) {
+      const t = m.formatShortWithYear(L);
+      D([
         {
           type: "success",
-          title: a("alerts.wireDetailsSubmittedTitle"),
-          content: /* @__PURE__ */ l(U, { children: a("alerts.wireDetailsSubmittedMessage", { checkDate: t }) }),
+          title: i("alerts.wireDetailsSubmittedTitle"),
+          content: /* @__PURE__ */ l(E, { children: i("alerts.wireDetailsSubmittedMessage", { checkDate: t }) }),
           onDismiss: () => {
             f(!1);
           }
         }
       ]);
     }
-  }, [P, h, a, y, U]), L(() => {
-    e && (e.processingRequest?.status === w.submitting && !p && d(!0), p && (e.processed === !0 || e.processingRequest?.status === w.submit_success) && (o(c.RUN_PAYROLL_PROCESSED, {
+  }, [R, L, i, m, E]), _(() => {
+    e && (e.processingRequest?.status === y.submitting && !u && b(!0), u && (e.processed === !0 || e.processingRequest?.status === y.submit_success) && (o(c.RUN_PAYROLL_PROCESSED, {
       payPeriod: e.payPeriod,
       payrollUuid: n
-    }), O([
+    }), D([
       {
         type: "success",
-        title: a("alerts.payrollProcessedTitle"),
-        content: a("alerts.payrollProcessedMessage", {
-          amount: k(Number(e.totals?.companyDebit)),
-          date: y.formatShortWithYear(
+        title: i("alerts.payrollProcessedTitle"),
+        content: i("alerts.payrollProcessedMessage", {
+          amount: A(Number(e.totals?.companyDebit)),
+          date: m.formatShortWithYear(
             e.payrollStatusMeta?.expectedDebitTime ?? e.payrollDeadline
           )
         })
       }
-    ]), f(!1), d(!1), S(!1)), p && e.processingRequest?.status === w.processing_failed && (o(c.RUN_PAYROLL_PROCESSING_FAILED), O([
+    ]), f(!1), b(!1), h(!1)), u && e.processingRequest?.status === y.processing_failed && (o(c.RUN_PAYROLL_PROCESSING_FAILED), D([
       {
         type: "error",
-        title: a("alerts.payrollProcessingFailedTitle"),
-        content: /* @__PURE__ */ le(qe, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ l(j, { items: ve(e.processingRequest.errors ?? []) }),
-          /* @__PURE__ */ l(x, { variant: "secondary", onClick: T, children: a("alerts.payrollProcessingFailedCtaLabel") })
+        title: i("alerts.payrollProcessingFailedTitle"),
+        content: /* @__PURE__ */ ye(xe, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ l(H, { items: Fe(e.processingRequest.errors ?? []) }),
+          !P && /* @__PURE__ */ l(V, { variant: "secondary", onClick: q, children: i("alerts.payrollProcessingFailedCtaLabel") })
         ] })
       }
-    ]), f(!1), d(!1), S(!1)));
+    ]), f(!1), b(!1), h(!1)));
   }, [
     e?.processingRequest?.status,
     e?.processed,
-    p,
+    u,
     o,
-    a,
-    y,
-    k,
+    i,
+    m,
+    A,
     e?.totals?.companyDebit,
     e?.payrollStatusMeta?.expectedDebitTime,
-    e?.payrollDeadline
+    e?.payrollDeadline,
+    P
   ]);
-  const { data: Z } = de({
+  const { data: ee } = he({
     companyId: s
-  }), $ = Z.companyBankAccounts?.[0], { paymentSpeed: ee } = he(s), { mutateAsync: te, isPending: re } = ce(), { mutateAsync: se } = ue(), oe = ye();
+  }), te = ee.companyBankAccounts?.[0], { paymentSpeed: re } = Ae(s), { mutateAsync: se, isPending: oe } = Pe(), { mutateAsync: ne } = be(), ie = ge();
   if (!e)
-    return /* @__PURE__ */ l(q, { title: a("dataLoadingTitle") });
-  if (E === m.Viewing && !e.calculatedAt) {
-    if (A)
-      return /* @__PURE__ */ l(q, { title: a("dataLoadingTitle") });
-    throw new Error(a("alerts.payrollNotCalculated"));
+    return /* @__PURE__ */ l(I, { title: i("dataLoadingTitle") });
+  if (T === d.Viewing && !e.calculatedAt) {
+    if (B)
+      return /* @__PURE__ */ l(I, { title: i("dataLoadingTitle") });
+    throw new Error(i("alerts.payrollNotCalculated"));
   }
-  const ne = K(b.httpMeta.response.headers, A), ie = e.payrollTaxes?.reduce(
+  const ae = J(S.httpMeta.response.headers, B), le = e.payrollTaxes?.reduce(
     (t, r) => {
       if (!r.name) return t;
-      const i = r.amount ?? 0;
+      const a = r.amount ?? 0;
       return t[r.name] = {
-        employee: (t[r.name]?.employee ?? 0) + (r.employer ? 0 : i),
-        employer: (t[r.name]?.employer ?? 0) + (r.employer ? i : 0)
+        employee: (t[r.name]?.employee ?? 0) + (r.employer ? 0 : a),
+        employer: (t[r.name]?.employer ?? 0) + (r.employer ? a : 0)
       }, t;
     },
     {}
-  ) || {};
-  return /* @__PURE__ */ l(
-    ge,
-    {
-      onEdit: T,
-      onSubmit: async () => {
-        await D(b, async () => {
-          const t = await te({
-            request: {
-              companyId: s,
-              payrollId: n,
-              requestBody: {
-                submissionBlockers: Object.entries(C).filter(
-                  ([r]) => Le.includes(r)
-                ).map(([r, i]) => ({
-                  blockerType: r,
-                  selectedOption: i
-                }))
-              }
-            }
-          });
-          o(c.RUN_PAYROLL_SUBMITTING), o(c.RUN_PAYROLL_SUBMITTED, t), d(!0), S(!0);
-        });
-      },
-      onCancel: async () => {
-        g(m.Cancelling), await D(b, async () => {
-          try {
-            const t = await se({
-              request: {
-                companyId: s,
-                payrollId: n
-              }
-            });
-            g(m.Cancelled), o(c.RUN_PAYROLL_CANCELLED, t);
-          } catch (t) {
-            throw g(m.Viewing), t;
+  ) || {}, ce = async () => {
+    g(d.Cancelling), await C(S, async () => {
+      try {
+        const t = await ne({
+          request: {
+            companyId: s,
+            payrollId: n
           }
         });
-      },
-      onPayrollReceipt: () => {
-        o(c.RUN_PAYROLL_RECEIPT_GET, { payrollId: n });
-      },
-      onPaystubDownload: async (t) => {
-        const r = window.open("", "_blank");
-        try {
-          const i = await be(oe, { payrollId: n, employeeId: t });
-          if (!i.value?.responseStream)
-            throw new Error(a("alerts.paystubPdfError"));
-          const ae = await Ee(i.value.responseStream, "application/pdf"), v = URL.createObjectURL(ae);
-          r && (r.location.href = v), o(c.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: t }), URL.revokeObjectURL(v);
-        } catch (i) {
-          r && r.close(), G(i instanceof Error ? i : new Error(String(i)));
+        g(d.Cancelled), o(c.RUN_PAYROLL_CANCELLED, t);
+      } catch (t) {
+        throw g(d.Viewing), t;
+      }
+    });
+  }, ue = () => {
+    o(c.RUN_PAYROLL_RECEIPT_GET, { payrollId: n });
+  }, me = async (t) => {
+    const r = window.open("", "_blank");
+    try {
+      const a = await Le(ie, { payrollId: n, employeeId: t });
+      if (!a.value?.responseStream)
+        throw new Error(i("alerts.paystubPdfError"));
+      const fe = await We(a.value.responseStream, "application/pdf"), W = URL.createObjectURL(fe);
+      r && (r.location.href = W), o(c.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: t }), URL.revokeObjectURL(W);
+    } catch (a) {
+      r && r.close(), j(a instanceof Error ? a : new Error(String(a)));
+    }
+  }, pe = async () => {
+    await C(S, async () => {
+      const t = await se({
+        request: {
+          companyId: s,
+          payrollId: n,
+          requestBody: {
+            submissionBlockers: Object.entries(U).filter(
+              ([r]) => Ee.includes(r)
+            ).map(([r, a]) => ({
+              blockerType: r,
+              selectedOption: a
+            }))
+          }
         }
-      },
-      status: re || W ? m.Submitting : E,
-      isProcessed: e.processed === !0 || e.processingRequest?.status === w.submit_success,
-      canCancel: Se(e),
+      });
+      o(c.RUN_PAYROLL_SUBMITTING), o(c.RUN_PAYROLL_SUBMITTED, t), b(!0), h(!0);
+    });
+  }, N = (() => {
+    if (!(k || u) && !(e.processed || e.processingRequest?.status === y.submit_success) && e.checkDate && e.payrollDeadline)
+      return {
+        type: "info",
+        title: i("alerts.directDepositDeadline", {
+          payDate: m.formatShortWithWeekday(e.checkDate),
+          ...m.formatWithTime(e.payrollDeadline)
+        }),
+        content: i("alerts.directDepositDeadlineText")
+      };
+  })(), de = [...x, ...N ? [N] : []];
+  return /* @__PURE__ */ l(
+    Ue,
+    {
+      onEdit: q,
+      onSubmit: pe,
+      onCancel: ce,
+      onPayrollReceipt: ue,
+      onPaystubDownload: me,
+      status: oe || k ? d.Submitting : T,
+      isProcessed: e.processed === !0 || e.processingRequest?.status === y.submit_success,
+      canCancel: Ce(e) && !P,
+      canEdit: !P,
       payrollData: e,
-      bankAccount: $,
-      taxes: ie,
-      alerts: M,
-      submissionBlockers: z,
-      selectedUnblockOptions: C,
+      bankAccount: te,
+      taxes: le,
+      alerts: de,
+      submissionBlockers: Q,
+      selectedUnblockOptions: U,
       onUnblockOptionChange: (t, r) => {
-        F((i) => ({ ...i, [t]: r }));
+        G((a) => ({ ...a, [t]: r }));
       },
-      wireInConfirmationRequest: Q,
-      printChecksBanner: X,
-      withReimbursements: I,
-      paymentSpeed: ee,
-      pagination: ne
+      wireInConfirmationRequest: Z,
+      printChecksBanner: $,
+      withReimbursements: M,
+      paymentSpeed: re,
+      pagination: ae
     }
   );
 };
 export {
-  Ot as PayrollOverview
+  Lt as PayrollOverview
 };
 //# sourceMappingURL=PayrollOverview.js.map