@gusto/embedded-react-sdk 0.56.1 → 0.56.3

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { payrollsCalculate } from '@gusto/embedded-api/funcs/payrollsCalculate'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { GetV1CompaniesCompanyIdPayrollsPayrollIdRequest } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrollspayrollid'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport { usePayrollsCalculateGrossUpMutation } from '@gusto/embedded-api/react-query/payrollsCalculateGrossUp'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { GrossUpModal } from '../GrossUpModal'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport { getGrossUpTargetCompensationName, isGrossUpEligible } from './grossUpHelpers'\nimport { useCalculationPoll, isCalculatingStatus, type PayrollShow } from './useCalculationPoll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { SDKInternalError } from '@/types/sdkError'\n\n/**\n * Props for {@link PayrollConfiguration}.\n *\n * @public\n */\nexport interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /** Optional alert components to render above the configuration content. */\n  alerts?: ReactNode\n  /** Whether to show the reimbursements column in the compensation table. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Handles the configuration phase of payroll processing, allowing users to review and modify employee compensation before calculating the payroll.\n *\n * @remarks\n * If the payroll turns out to already be processed (e.g. another actor submitted it while this\n * screen was open), this component emits `runPayroll/alreadyProcessed` and then renders\n * {@link PayrollOverview} in its place — the read-only breakdown with the gated \"Cancel payroll\"\n * action — instead of the configuration table. Events from that delegated view (e.g.\n * `runPayroll/cancelled`) are emitted through this component's own `onEvent`.\n *\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/edit` | An employee row is selected for editing | `{ payrollId, employeeId, firstName, lastName }` |\n * | `runPayroll/employee/skip` | An employee is skipped or unskipped for this payroll | `{ employeeId }` |\n * | `runPayroll/employee/saved` | Employee compensation changes are persisted | `{ payrollPrepared }` |\n * | `runPayroll/calculated` | Payroll calculation completes successfully | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/alreadyProcessed` | The payroll turns out to already be processed while configuring it | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/processingFailed` | Payroll calculation fails or times out | — |\n * | `runPayroll/blockers/viewAll` | The \"view all blockers\" affordance is selected | — |\n * | `runPayroll/grossUp/selected` | The set-net-earnings menu item is selected for an employee | `{ employeeUuid }` |\n * | `runPayroll/grossUp/calculated` | A gross-up amount is calculated from a target net pay | `{ grossUp, netPay, employeeUuid }` |\n *\n * @param props - See {@link PayrollConfigurationProps}.\n * @returns The payroll configuration screen.\n * @public\n */\nexport function PayrollConfiguration(props: PayrollConfigurationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n  className,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler, setError } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isCalculatingPayroll, setIsCalculatingPayroll] = useState(false)\n  // True once this screen has read a \"calculating\" status for the payroll, whether we started that\n  // calc or someone else did. Calling prepare after that would wipe the result, so we use this to\n  // keep prepare off.\n  const hasSeenCalculatingRef = useRef(false)\n  // Set when a poll ends in a non-retryable read error without confirming a calculated/failed\n  // outcome. Guards the auto-pickup effect below from re-arming a poll against the same stale\n  // \"Calculating\" read over and over -- it only clears once the status genuinely leaves Calculating.\n  const hasTerminalPollErrorRef = useRef(false)\n  const gustoClient = useGustoEmbeddedContext()\n\n  const payrollRequest = useMemo<GetV1CompaniesCompanyIdPayrollsPayrollIdRequest>(\n    () => ({\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    }),\n    [companyId, payrollId],\n  )\n\n  const { data: payrollData, refetch: refetchPayroll } = usePayrollsGetSuspense(payrollRequest)\n\n  const excludedEmployeeUuids = useMemo(\n    () =>\n      payrollData.payrollShow?.employeeCompensations\n        ?.filter(comp => comp.excluded)\n        .map(comp => comp.employeeUuid!)\n        .filter(Boolean) ?? [],\n    [payrollData.payrollShow?.employeeCompensations],\n  )\n\n  // Remember once we've seen it calculating.\n  if (isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n    hasSeenCalculatingRef.current = true\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState(blockersFromApi)\n  // Drives the loader gate below. Deliberately separate from `error` -- `baseSubmitHandler`\n  // clears `error` at the start of *any* submit (e.g. skipping an employee, applying a gross-up),\n  // which would otherwise reopen this gate and get the loader stuck on with no poll running to\n  // ever clear it (SDK-1276). Only the same sites that used to own the old boolean flag touch it.\n  const [hasProcessingFailedAlert, setHasProcessingFailedAlert] = useState(false)\n\n  const emitProcessingFailed = () => {\n    onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n    setHasProcessingFailedAlert(true)\n    setError({\n      category: 'internal_error',\n      message: `${t('alerts.processingFailed.label')}. ${t('alerts.processingFailed.message')}`,\n      fieldErrors: [],\n    })\n  }\n\n  const onProcessingFailed = (payroll: PayrollShow | undefined) => {\n    emitProcessingFailed()\n    // Let prepare run again on retry — but only when there is no calculation for it to wipe.\n    if (payroll?.calculatedAt == null) {\n      hasSeenCalculatingRef.current = false\n    }\n  }\n\n  const { start: startCalculationPoll, isPolling } = useCalculationPoll({\n    refetch: refetchPayroll,\n    onCalculated: (payroll: PayrollShow | undefined) => {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\n        payPeriod: payroll?.payPeriod,\n      })\n      setPayrollBlockers([])\n    },\n    onProcessingFailed,\n    // Unlike a real processing failure, we never confirmed whether the calculation actually\n    // succeeded server-side, so this must not reset hasSeenCalculatingRef — doing so would\n    // re-arm prepare and risk wiping a calculation that may have genuinely completed.\n    onError: () => {\n      hasTerminalPollErrorRef.current = true\n      emitProcessingFailed()\n    },\n  })\n\n  // Show the loading state the whole time we're calculating, so a second tab shows the loader\n  // instead of a blank table until it moves to the overview. Once the failed/error alert is\n  // showing, the poll has already reached a terminal state, so the loading UI must clear even\n  // though hasSeenCalculatingRef stays true (it still guards prepare separately, below).\n  const isCalculatingActive =\n    !hasProcessingFailedAlert &&\n    (isCalculatingPayroll || isPolling || hasSeenCalculatingRef.current)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    payrollCategory,\n    pagination,\n    isLoading,\n    isAlreadyProcessed,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n    // Don't prepare while calculating, or once we've seen it calculate. If the payroll was already\n    // calculated when we opened (e.g. clicking Edit), we do prepare so it can be edited.\n    disablePrepare: isPolling || isCalculatingPayroll || hasSeenCalculatingRef.current,\n    excludedEmployeeUuids,\n  })\n\n  const alreadyProcessedAlert: PayrollFlowAlert = useMemo(\n    () => ({\n      type: 'error',\n      title: t('alerts.alreadyProcessed'),\n      alertKey: 'alreadyProcessed',\n    }),\n    [t],\n  )\n\n  const hasFiredAlreadyProcessedRef = useRef(false)\n\n  useEffect(() => {\n    if (!isAlreadyProcessed) {\n      hasFiredAlreadyProcessedRef.current = false\n      return\n    }\n    if (hasFiredAlreadyProcessedRef.current) return\n    hasFiredAlreadyProcessedRef.current = true\n    onEvent(componentEvents.RUN_PAYROLL_ALREADY_PROCESSED, {\n      payrollId,\n      alert: alreadyProcessedAlert,\n      payPeriod: payrollData.payrollShow?.payPeriod,\n    })\n  }, [\n    isAlreadyProcessed,\n    onEvent,\n    payrollId,\n    alreadyProcessedAlert,\n    payrollData.payrollShow?.payPeriod,\n  ])\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { mutateAsync: calculateGrossUpMutation } = usePayrollsCalculateGrossUpMutation()\n\n  const [grossUpEmployeeUuid, setGrossUpEmployeeUuid] = useState<string | null>(null)\n  const [isGrossUpModalOpen, setIsGrossUpModalOpen] = useState(false)\n\n  const grossUpEnabled = isGrossUpEligible(payrollCategory)\n  const grossUpTargetCompensation = getGrossUpTargetCompensationName(payrollCategory)\n\n  const onGrossUpSelect = (employeeUuid: string) => {\n    setGrossUpEmployeeUuid(employeeUuid)\n    setIsGrossUpModalOpen(true)\n    onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid })\n  }\n\n  const onCalculateGrossUp = async (netPay: number): Promise<string | null> => {\n    if (!grossUpEmployeeUuid) return null\n    let grossUp: string | null = null\n\n    await baseSubmitHandler(null, async () => {\n      const result = await calculateGrossUpMutation({\n        request: {\n          payrollUuid: payrollId,\n          payrollGrossUpRequest: {\n            employeeUuid: grossUpEmployeeUuid,\n            netPay: netPay.toString(),\n          },\n        },\n      })\n\n      grossUp = result.payrollGrossUpResponse?.grossUp ?? null\n\n      if (grossUp) {\n        onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_CALCULATED, {\n          grossUp,\n          netPay,\n          employeeUuid: grossUpEmployeeUuid,\n        })\n      }\n    })\n\n    return grossUp\n  }\n\n  const onGrossUpApply = async (grossAmount: string) => {\n    if (!grossUpEmployeeUuid || !grossUpTargetCompensation) {\n      throw new SDKInternalError(\n        'Unable to apply gross-up: missing employee or target compensation.',\n      )\n    }\n\n    const employeeComp = employeeCompensations.find(ec => ec.employeeUuid === grossUpEmployeeUuid)\n    if (!employeeComp) {\n      throw new SDKInternalError('Unable to apply gross-up: employee compensation not found.')\n    }\n\n    const existingFixed = employeeComp.fixedCompensations ?? []\n    const hasTargetCompensation = existingFixed.some(\n      fc => fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase(),\n    )\n\n    const updatedFixedCompensations = existingFixed.map(fc => ({\n      name: fc.name,\n      jobUuid: fc.jobUuid,\n      amount:\n        fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase() ? grossAmount : '0',\n    }))\n\n    if (!hasTargetCompensation) {\n      const primaryJobUuid =\n        employeeComp.hourlyCompensations?.[0]?.jobUuid ?? existingFixed[0]?.jobUuid ?? ''\n      updatedFixedCompensations.push({\n        name: grossUpTargetCompensation,\n        jobUuid: primaryJobUuid,\n        amount: grossAmount,\n      })\n    }\n\n    const updatedHourlyCompensations = (employeeComp.hourlyCompensations ?? []).map(hc => ({\n      name: hc.name,\n      jobUuid: hc.jobUuid,\n      hours: '0',\n    }))\n\n    const updatedPaidTimeOff = (employeeComp.paidTimeOff ?? []).map(pto => ({\n      name: pto.name,\n      hours: '0',\n    }))\n\n    const transformedCompensation = transformEmployeeCompensation({\n      ...employeeComp,\n      fixedCompensations: updatedFixedCompensations,\n      hourlyCompensations: updatedHourlyCompensations,\n      paidTimeOff: updatedPaidTimeOff,\n    })\n\n    await baseSubmitHandler({}, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [{ ...transformedCompensation, excluded: false }],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n\n    setGrossUpEmployeeUuid(null)\n    setIsGrossUpModalOpen(false)\n  }\n\n  const handleGrossUpApply = async (grossAmount: string) => {\n    try {\n      await onGrossUpApply(grossAmount)\n    } catch {\n      // Modal stays open; error is surfaced by baseSubmitHandler\n    }\n  }\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    // Mark it right away so prepare can't run and cancel the calculation we just started.\n    hasSeenCalculatingRef.current = true\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        setIsCalculatingPayroll(true)\n        try {\n          const calcResult = await payrollsCalculate(gustoClient, {\n            companyId,\n            payrollId,\n          })\n          if (!calcResult.ok) {\n            throw calcResult.error\n          }\n          startCalculationPoll({\n            baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n            // We just submitted the payroll, so we haven't yet seen it return with the calculating status\n            sawCalculatingThisPoll: false,\n          })\n        } catch (error) {\n          // Calculate itself failed before polling ever started (e.g. a 409 conflict), so let\n          // prepare run again on retry -- otherwise hasSeenCalculatingRef stays stuck true forever\n          // with no RUN_PAYROLL_CALCULATED/RUN_PAYROLL_PROCESSING_FAILED event ever firing.\n          hasSeenCalculatingRef.current = false\n          throw error\n        } finally {\n          setIsCalculatingPayroll(false)\n        }\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      payrollId,\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = (\n    compensation: PayrollEmployeeCompensationsType,\n  ): PayrollUpdateEmployeeCompensations => {\n    const { paymentMethod } = compensation\n    return {\n      employeeUuid: compensation.employeeUuid,\n      version: compensation.version,\n      excluded: compensation.excluded,\n      fixedCompensations: compensation.fixedCompensations,\n      hourlyCompensations: compensation.hourlyCompensations,\n      paidTimeOff: compensation.paidTimeOff,\n      deductions: compensation.deductions,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  // Pick up a calculation this screen didn't start (another tab, another admin). Starting a poll\n  // from rendered data is fine — only the decision to *finish* one must not depend on a render,\n  // and that lives in the poll loop.\n  useEffect(() => {\n    if (isPolling) return\n    if (!isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n      // The status only leaves Calculating on a genuinely fresh read, so this is where a prior\n      // terminal failure stops blocking future pickups.\n      hasTerminalPollErrorRef.current = false\n      return\n    }\n    // A read error we already reported for this same stale \"Calculating\" snapshot -- retrying it\n    // immediately would just spin (fail, isPolling flips false, this effect fires again, repeat)\n    // instead of waiting for a genuinely new read.\n    if (hasTerminalPollErrorRef.current) return\n\n    // A fresh calculating status means a real calculation is in flight again -- even right after\n    // this screen's own deadline reported one as failed -- so any stale failure alert must not\n    // linger over it and block the loading UI.\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    startCalculationPoll({\n      baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n      // We have seen the calculating status, which is why we're starting to poll now until it completes or fails.\n      sawCalculatingThisPoll: true,\n    })\n  }, [\n    payrollData.payrollShow?.processingRequest,\n    payrollData.payrollShow?.calculatedAt,\n    isPolling,\n    startCalculationPoll,\n    setError,\n  ])\n\n  const payrollAlert = (() => {\n    const statusMeta = payrollData.payrollShow?.payrollStatusMeta\n\n    const isLatePayroll =\n      statusMeta?.payrollLate &&\n      statusMeta.initialCheckDate &&\n      statusMeta.expectedDebitTime &&\n      statusMeta.expectedCheckDate\n\n    if (isLatePayroll) {\n      return {\n        label: t('alerts.payrollLate', {\n          initialCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.initialCheckDate),\n        }),\n        content: t('alerts.payrollLateText', {\n          ...dateFormatter.formatWithTime(statusMeta.expectedDebitTime),\n          newCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.expectedCheckDate),\n        }),\n        variant: 'warning' as const,\n      }\n    }\n\n    const { payrollShow } = payrollData\n\n    if (payrollShow?.checkDate && payrollShow.payrollDeadline) {\n      return {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n        variant: 'info' as const,\n      }\n    }\n\n    return undefined\n  })()\n\n  if (isAlreadyProcessed) {\n    const onAlreadyProcessedOverviewEvent = (type: EventType, data?: unknown) => {\n      if (type === componentEvents.RUN_PAYROLL_CANCELLED) {\n        // Cancelling un-processes the payroll, making it editable again — re-run prepare so\n        // this component drops back into the configuration table for the same payrollId.\n        void refetch()\n      }\n      onEvent(type, data)\n    }\n\n    return (\n      <PayrollOverview\n        className={className}\n        companyId={companyId}\n        payrollId={payrollId}\n        onEvent={onAlreadyProcessedOverviewEvent}\n        withReimbursements={withReimbursements}\n        alerts={[alreadyProcessedAlert]}\n      />\n    )\n  }\n\n  return (\n    <>\n      <PayrollConfigurationPresentation\n        className={className}\n        onCalculatePayroll={onCalculatePayroll}\n        isCalculateDisabled={blockersFromApi.length > 0}\n        onEdit={onEdit}\n        onToggleExclude={onToggleExclude}\n        onViewBlockers={onViewBlockers}\n        employeeCompensations={employeeCompensations}\n        employeeDetails={employeeDetails}\n        payPeriod={payPeriod}\n        paySchedule={paySchedule}\n        payrollCategory={payrollCategory}\n        alerts={alerts}\n        payrollAlert={payrollAlert}\n        isPending={isCalculatingActive || isLoading || isUpdatingPayroll}\n        isCalculating={isCalculatingActive}\n        payrollBlockers={payrollBlockers}\n        pagination={pagination}\n        withReimbursements={withReimbursements}\n        grossUpEnabled={grossUpEnabled}\n        onGrossUpSelect={onGrossUpSelect}\n      />\n      {grossUpEnabled && (\n        <GrossUpModal\n          isOpen={isGrossUpModalOpen}\n          onCalculateGrossUp={onCalculateGrossUp}\n          onApply={handleGrossUpApply}\n          onCancel={() => {\n            setIsGrossUpModalOpen(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","className","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","setError","useBase","dateFormatter","useDateFormatter","isCalculatingPayroll","setIsCalculatingPayroll","useState","hasSeenCalculatingRef","useRef","hasTerminalPollErrorRef","gustoClient","useGustoEmbeddedContext","payrollRequest","useMemo","payrollData","refetchPayroll","usePayrollsGetSuspense","excludedEmployeeUuids","comp","isCalculatingStatus","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","hasProcessingFailedAlert","setHasProcessingFailedAlert","emitProcessingFailed","componentEvents","onProcessingFailed","payroll","startCalculationPoll","isPolling","useCalculationPoll","isCalculatingActive","employeeDetails","employeeCompensations","paySchedule","payPeriod","payrollCategory","pagination","isLoading","isAlreadyProcessed","refetch","usePayrollConfigurationData","alreadyProcessedAlert","hasFiredAlreadyProcessedRef","useEffect","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","calculateGrossUpMutation","usePayrollsCalculateGrossUpMutation","grossUpEmployeeUuid","setGrossUpEmployeeUuid","isGrossUpModalOpen","setIsGrossUpModalOpen","grossUpEnabled","isGrossUpEligible","grossUpTargetCompensation","getGrossUpTargetCompensationName","onGrossUpSelect","employeeUuid","onCalculateGrossUp","netPay","grossUp","onGrossUpApply","grossAmount","SDKInternalError","employeeComp","ec","existingFixed","hasTargetCompensation","fc","updatedFixedCompensations","primaryJobUuid","updatedHourlyCompensations","hc","updatedPaidTimeOff","pto","transformedCompensation","transformEmployeeCompensation","result","handleGrossUpApply","onCalculatePayroll","payrollSubmitHandler","calcResult","payrollsCalculate","error","onEdit","employee","compensation","paymentMethod","onToggleExclude","employeeCompensation","onViewBlockers","payrollAlert","statusMeta","payrollShow","PayrollOverview","type","data","jsxs","Fragment","PayrollConfigurationPresentation","GrossUpModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyEO,SAASA,GAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,IAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,KAAO,CAAC;AAAA,EACZ,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,WAAAC;AACF,MAAiC;AAC/B,EAAAC,GAAuB,gCAAgCJ,CAAU,GACjEK,GAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,GAAe,8BAA8B,GACrD,EAAE,mBAAAC,GAAmB,UAAAC,EAAA,IAAaC,GAAA,GAClCC,IAAgBC,GAAA,GAEhB,CAACC,GAAsBC,CAAuB,IAAIC,EAAS,EAAK,GAIhEC,IAAwBC,EAAO,EAAK,GAIpCC,IAA0BD,EAAO,EAAK,GACtCE,IAAcC,GAAA,GAEdC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAxB;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,SAAS,YAAY,cAAc,qBAAqB;AAAA,IAAA;AAAA,IAEpE,CAACD,GAAWC,CAAS;AAAA,EAAA,GAGjB,EAAE,MAAMwB,GAAa,SAASC,EAAA,IAAmBC,GAAuBJ,CAAc,GAEtFK,IAAwBJ;AAAA,IAC5B,MACEC,EAAY,aAAa,uBACrB,OAAO,OAAQI,EAAK,QAAQ,EAC7B,IAAI,OAAQA,EAAK,YAAa,EAC9B,OAAO,OAAO,KAAK,CAAA;AAAA,IACxB,CAACJ,EAAY,aAAa,qBAAqB;AAAA,EAAA;AAIjD,EAAIK,EAAoBL,EAAY,aAAa,iBAAiB,MAChEP,EAAsB,UAAU;AAGlC,QAAM,EAAE,MAAMa,EAAA,IAAiBC,GAA+B;AAAA,IAC5D,aAAahC;AAAA,EAAA,CACd,GAIKiC,KAFqBF,EAAa,mBAAmB,CAAA,GAEK,IAAI,CAAAG,OAAY;AAAA,IAC9E,KAAKA,EAAQ;AAAA,IACb,SAASA,EAAQ;AAAA,EAAA,EACjB,GAEI,CAACC,IAAiBC,CAAkB,IAAInB,EAASgB,CAAe,GAKhE,CAACI,IAA0BC,CAA2B,IAAIrB,EAAS,EAAK,GAExEsB,IAAuB,MAAM;AACjC,IAAAxC,EAAQyC,EAAgB,6BAA6B,GACrDF,EAA4B,EAAI,GAChC3B,EAAS;AAAA,MACP,UAAU;AAAA,MACV,SAAS,GAAGH,EAAE,+BAA+B,CAAC,KAAKA,EAAE,iCAAiC,CAAC;AAAA,MACvF,aAAa,CAAA;AAAA,IAAC,CACf;AAAA,EACH,GAEMiC,KAAqB,CAACC,MAAqC;AAC/D,IAAAH,EAAA,GAEIG,GAAS,gBAAgB,SAC3BxB,EAAsB,UAAU;AAAA,EAEpC,GAEM,EAAE,OAAOyB,GAAsB,WAAAC,EAAA,IAAcC,GAAmB;AAAA,IACpE,SAASnB;AAAA,IACT,cAAc,CAACgB,MAAqC;AAClD,MAAA3C,EAAQyC,EAAgB,wBAAwB;AAAA,QAC9C,WAAAvC;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAOO,EAAE,sBAAsB;AAAA,UAC/B,UAAU;AAAA,QAAA;AAAA,QAEZ,WAAWkC,GAAS;AAAA,MAAA,CACrB,GACDN,EAAmB,CAAA,CAAE;AAAA,IACvB;AAAA,IACA,oBAAAK;AAAA;AAAA;AAAA;AAAA,IAIA,SAAS,MAAM;AACb,MAAArB,EAAwB,UAAU,IAClCmB,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAMKO,IACJ,CAACT,OACAtB,KAAwB6B,KAAa1B,EAAsB,UAExD;AAAA,IACJ,iBAAA6B;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,GAA4B;AAAA,IAC9B,WAAAxD;AAAA,IACA,WAAAC;AAAA;AAAA;AAAA,IAGA,gBAAgB2C,KAAa7B,KAAwBG,EAAsB;AAAA,IAC3E,uBAAAU;AAAA,EAAA,CACD,GAEK6B,IAA0CjC;AAAA,IAC9C,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAOhB,EAAE,yBAAyB;AAAA,MAClC,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAC;AAAA,EAAA,GAGEkD,IAA8BvC,EAAO,EAAK;AAEhD,EAAAwC,EAAU,MAAM;AACd,QAAI,CAACL,GAAoB;AACvB,MAAAI,EAA4B,UAAU;AACtC;AAAA,IACF;AACA,IAAIA,EAA4B,YAChCA,EAA4B,UAAU,IACtC3D,EAAQyC,EAAgB,+BAA+B;AAAA,MACrD,WAAAvC;AAAA,MACA,OAAOwD;AAAA,MACP,WAAWhC,EAAY,aAAa;AAAA,IAAA,CACrC;AAAA,EACH,GAAG;AAAA,IACD6B;AAAA,IACAvD;AAAA,IACAE;AAAA,IACAwD;AAAA,IACAhC,EAAY,aAAa;AAAA,EAAA,CAC1B;AAED,QAAM,EAAE,aAAamC,GAAe,WAAWC,GAAA,IAAsBC,GAAA,GAE/D,EAAE,aAAaC,GAAA,IAA6BC,GAAA,GAE5C,CAACC,GAAqBC,CAAsB,IAAIjD,EAAwB,IAAI,GAC5E,CAACkD,IAAoBC,CAAqB,IAAInD,EAAS,EAAK,GAE5DoD,IAAiBC,GAAkBnB,CAAe,GAClDoB,IAA4BC,GAAiCrB,CAAe,GAE5EsB,KAAkB,CAACC,MAAyB;AAChD,IAAAR,EAAuBQ,CAAY,GACnCN,EAAsB,EAAI,GAC1BrE,EAAQyC,EAAgB,+BAA+B,EAAE,cAAAkC,EAAA,CAAc;AAAA,EACzE,GAEMC,KAAqB,OAAOC,MAA2C;AAC3E,QAAI,CAACX,EAAqB,QAAO;AACjC,QAAIY,IAAyB;AAE7B,iBAAMnE,EAAkB,MAAM,YAAY;AAWxC,MAAAmE,KAVe,MAAMd,GAAyB;AAAA,QAC5C,SAAS;AAAA,UACP,aAAa9D;AAAA,UACb,uBAAuB;AAAA,YACrB,cAAcgE;AAAA,YACd,QAAQW,EAAO,SAAA;AAAA,UAAS;AAAA,QAC1B;AAAA,MACF,CACD,GAEgB,wBAAwB,WAAW,MAEhDC,KACF9E,EAAQyC,EAAgB,iCAAiC;AAAA,QACvD,SAAAqC;AAAA,QACA,QAAAD;AAAA,QACA,cAAcX;AAAA,MAAA,CACf;AAAA,IAEL,CAAC,GAEMY;AAAA,EACT,GAEMC,KAAiB,OAAOC,MAAwB;AACpD,QAAI,CAACd,KAAuB,CAACM;AAC3B,YAAM,IAAIS;AAAA,QACR;AAAA,MAAA;AAIJ,UAAMC,IAAejC,EAAsB,KAAK,CAAAkC,MAAMA,EAAG,iBAAiBjB,CAAmB;AAC7F,QAAI,CAACgB;AACH,YAAM,IAAID,EAAiB,4DAA4D;AAGzF,UAAMG,IAAgBF,EAAa,sBAAsB,CAAA,GACnDG,KAAwBD,EAAc;AAAA,MAC1C,OAAME,EAAG,MAAM,YAAA,MAAkBd,EAA0B,YAAA;AAAA,IAAY,GAGnEe,IAA4BH,EAAc,IAAI,CAAAE,OAAO;AAAA,MACzD,MAAMA,EAAG;AAAA,MACT,SAASA,EAAG;AAAA,MACZ,QACEA,EAAG,MAAM,YAAA,MAAkBd,EAA0B,YAAA,IAAgBQ,IAAc;AAAA,IAAA,EACrF;AAEF,QAAI,CAACK,IAAuB;AAC1B,YAAMG,IACJN,EAAa,sBAAsB,CAAC,GAAG,WAAWE,EAAc,CAAC,GAAG,WAAW;AACjF,MAAAG,EAA0B,KAAK;AAAA,QAC7B,MAAMf;AAAA,QACN,SAASgB;AAAA,QACT,QAAQR;AAAA,MAAA,CACT;AAAA,IACH;AAEA,UAAMS,MAA8BP,EAAa,uBAAuB,CAAA,GAAI,IAAI,CAAAQ,OAAO;AAAA,MACrF,MAAMA,EAAG;AAAA,MACT,SAASA,EAAG;AAAA,MACZ,OAAO;AAAA,IAAA,EACP,GAEIC,MAAsBT,EAAa,eAAe,CAAA,GAAI,IAAI,CAAAU,OAAQ;AAAA,MACtE,MAAMA,EAAI;AAAA,MACV,OAAO;AAAA,IAAA,EACP,GAEIC,KAA0BC,EAA8B;AAAA,MAC5D,GAAGZ;AAAA,MACH,oBAAoBK;AAAA,MACpB,qBAAqBE;AAAA,MACrB,aAAaE;AAAA,IAAA,CACd;AAED,UAAMhF,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMoF,IAAS,MAAMlC,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAA5D;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAAC,EAAE,GAAG2F,IAAyB,UAAU,IAAO;AAAA,UAAA;AAAA,QACzE;AAAA,MACF,CACD;AACD,MAAA7F,EAAQyC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBsD,EAAO;AAAA,MAAA,CACzB,GACD,MAAMvC,EAAA;AAAA,IACR,CAAC,GAEDW,EAAuB,IAAI,GAC3BE,EAAsB,EAAK;AAAA,EAC7B,GAEM2B,KAAqB,OAAOhB,MAAwB;AACxD,QAAI;AACF,YAAMD,GAAeC,CAAW;AAAA,IAClC,QAAQ;AAAA,IAER;AAAA,EACF,GAEMiB,KAAqB,YAAY;AACrC,IAAA5D,EAAmB,CAAA,CAAE,GACrBE,EAA4B,EAAK,GACjC3B,EAAS,IAAI,GAEbO,EAAsB,UAAU,IAEhC,MAAMR,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMoF,IAAS,MAAMG,GAAqB,YAAY;AACpD,QAAAjF,EAAwB,EAAI;AAC5B,YAAI;AACF,gBAAMkF,IAAa,MAAMC,GAAkB9E,GAAa;AAAA,YACtD,WAAArB;AAAA,YACA,WAAAC;AAAA,UAAA,CACD;AACD,cAAI,CAACiG,EAAW;AACd,kBAAMA,EAAW;AAEnB,UAAAvD,EAAqB;AAAA,YACnB,sBAAsBlB,EAAY,aAAa,cAAc,aAAa;AAAA;AAAA,YAE1E,wBAAwB;AAAA,UAAA,CACzB;AAAA,QACH,SAAS2E,GAAO;AAId,gBAAAlF,EAAsB,UAAU,IAC1BkF;AAAA,QACR,UAAA;AACE,UAAApF,EAAwB,EAAK;AAAA,QAC/B;AAAA,MACF,CAAC;AAED,MAAI,CAAC8E,EAAO,WAAWA,EAAO,SAAS,SAAS,KAC9C1D,EAAmB0D,EAAO,QAAQ;AAAA,IAEtC,CAAC;AAAA,EACH,GAEMO,KAAS,CAACC,MAAuB;AACrC,IAAAvG,EAAQyC,EAAgB,2BAA2B;AAAA,MACjD,WAAAvC;AAAA,MACA,YAAYqG,EAAS;AAAA,MACrB,WAAWA,EAAS;AAAA,MACpB,UAAUA,EAAS;AAAA,IAAA,CACpB;AAAA,EACH,GAEMT,IAAgC,CACpCU,MACuC;AACvC,UAAM,EAAE,eAAAC,MAAkBD;AAC1B,WAAO;AAAA,MACL,cAAcA,EAAa;AAAA,MAC3B,SAASA,EAAa;AAAA,MACtB,UAAUA,EAAa;AAAA,MACvB,oBAAoBA,EAAa;AAAA,MACjC,qBAAqBA,EAAa;AAAA,MAClC,aAAaA,EAAa;AAAA,MAC1B,YAAYA,EAAa;AAAA,MACzB,GAAIC,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,MAC1E,MAAMD,EAAa,QAAQ;AAAA,IAAA;AAAA,EAE/B,GAEME,KAAkB,OAAOC,MAA2D;AACxF,IAAA3G,EAAQyC,EAAgB,2BAA2B;AAAA,MACjD,YAAYkE,EAAqB;AAAA,IAAA,CAClC,GACD,MAAMhG,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMkF,IAA0BC,EAA8Ba,CAAoB,GAC5EZ,IAAS,MAAMlC,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAA5D;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB;AAAA,cACrB,EAAE,GAAG2F,GAAyB,UAAU,CAACA,EAAwB,SAAA;AAAA,YAAS;AAAA,UAC5E;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAA7F,EAAQyC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBsD,EAAO;AAAA,MAAA,CACzB,GACD,MAAMvC,EAAA;AAAA,IACR,CAAC;AAAA,EACH,GAEMoD,KAAiB,MAAM;AAC3B,IAAA5G,EAAQyC,EAAgB,6BAA6B;AAAA,EACvD;AAKA,EAAAmB,EAAU,MAAM;AACd,QAAI,CAAAf,GACJ;AAAA,UAAI,CAACd,EAAoBL,EAAY,aAAa,iBAAiB,GAAG;AAGpE,QAAAL,EAAwB,UAAU;AAClC;AAAA,MACF;AAIA,MAAIA,EAAwB,YAK5BkB,EAA4B,EAAK,GACjC3B,EAAS,IAAI,GACbgC,EAAqB;AAAA,QACnB,sBAAsBlB,EAAY,aAAa,cAAc,aAAa;AAAA;AAAA,QAE1E,wBAAwB;AAAA,MAAA,CACzB;AAAA;AAAA,EACH,GAAG;AAAA,IACDA,EAAY,aAAa;AAAA,IACzBA,EAAY,aAAa;AAAA,IACzBmB;AAAA,IACAD;AAAA,IACAhC;AAAA,EAAA,CACD;AAED,QAAMiG,MAAgB,MAAM;AAC1B,UAAMC,IAAapF,EAAY,aAAa;AAQ5C,QALEoF,GAAY,eACZA,EAAW,oBACXA,EAAW,qBACXA,EAAW;AAGX,aAAO;AAAA,QACL,OAAOrG,EAAE,sBAAsB;AAAA,UAC7B,kBAAkBK,EAAc,uBAAuBgG,EAAW,gBAAgB;AAAA,QAAA,CACnF;AAAA,QACD,SAASrG,EAAE,0BAA0B;AAAA,UACnC,GAAGK,EAAc,eAAegG,EAAW,iBAAiB;AAAA,UAC5D,cAAchG,EAAc,uBAAuBgG,EAAW,iBAAiB;AAAA,QAAA,CAChF;AAAA,QACD,SAAS;AAAA,MAAA;AAIb,UAAM,EAAE,aAAAC,MAAgBrF;AAExB,QAAIqF,GAAa,aAAaA,EAAY;AACxC,aAAO;AAAA,QACL,OAAOtG,EAAE,gCAAgC;AAAA,UACvC,SAASK,EAAc,uBAAuBiG,EAAY,SAAS;AAAA,UACnE,GAAGjG,EAAc,eAAeiG,EAAY,eAAe;AAAA,QAAA,CAC5D;AAAA,QACD,SAAStG,EAAE,kCAAkC;AAAA,QAC7C,SAAS;AAAA,MAAA;AAAA,EAKf,GAAA;AAEA,SAAI8C,IAWA,gBAAA1D;AAAA,IAACmH;AAAA,IAAA;AAAA,MACC,WAAA1G;AAAA,MACA,WAAAL;AAAA,MACA,WAAAC;AAAA,MACA,SAdoC,CAAC+G,GAAiBC,MAAmB;AAC3E,QAAID,MAASxE,EAAgB,yBAGtBe,EAAA,GAEPxD,EAAQiH,GAAMC,CAAI;AAAA,MACpB;AAAA,MAQI,oBAAA7G;AAAA,MACA,QAAQ,CAACqD,CAAqB;AAAA,IAAA;AAAA,EAAA,IAMlC,gBAAAyD,GAAAC,IAAA,EACE,UAAA;AAAA,IAAA,gBAAAvH;AAAA,MAACwH;AAAA,MAAA;AAAA,QACC,WAAA/G;AAAA,QACA,oBAAA2F;AAAA,QACA,qBAAqB/D,EAAgB,SAAS;AAAA,QAC9C,QAAAoE;AAAA,QACA,iBAAAI;AAAA,QACA,gBAAAE;AAAA,QACA,uBAAA3D;AAAA,QACA,iBAAAD;AAAA,QACA,WAAAG;AAAA,QACA,aAAAD;AAAA,QACA,iBAAAE;AAAA,QACA,QAAAhD;AAAA,QACA,cAAAyG;AAAA,QACA,WAAW9D,KAAuBO,MAAaQ;AAAA,QAC/C,eAAef;AAAA,QACf,iBAAAX;AAAA,QACA,YAAAiB;AAAA,QACA,oBAAAhD;AAAA,QACA,gBAAAiE;AAAA,QACA,iBAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDJ,KACC,gBAAAzE;AAAA,MAACyH;AAAA,MAAA;AAAA,QACC,QAAQlD;AAAA,QACR,oBAAAQ;AAAA,QACA,SAASoB;AAAA,QACT,UAAU,MAAM;AACd,UAAA3B,EAAsB,EAAK;AAAA,QAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { payrollsCalculate } from '@gusto/embedded-api/funcs/payrollsCalculate'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { GetV1CompaniesCompanyIdPayrollsPayrollIdRequest } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrollspayrollid'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport { usePayrollsCalculateGrossUpMutation } from '@gusto/embedded-api/react-query/payrollsCalculateGrossUp'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { GrossUpModal } from '../GrossUpModal'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { derivePayrollCategory, PayrollCategory } from '../payrollTypes'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport { getGrossUpTargetCompensationName, isGrossUpEligible } from './grossUpHelpers'\nimport { useCalculationPoll, isCalculatingStatus, type PayrollShow } from './useCalculationPoll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { SDKInternalError } from '@/types/sdkError'\n\n/**\n * Props for {@link PayrollConfiguration}.\n *\n * @public\n */\nexport interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /** Optional alert components to render above the configuration content. */\n  alerts?: ReactNode\n  /** Whether to show the reimbursements column in the compensation table. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Handles the configuration phase of payroll processing, allowing users to review and modify employee compensation before calculating the payroll.\n *\n * @remarks\n * If the payroll turns out to already be processed (e.g. another actor submitted it while this\n * screen was open), this component emits `runPayroll/alreadyProcessed` and then renders\n * {@link PayrollOverview} in its place — the read-only breakdown with the gated \"Cancel payroll\"\n * action — instead of the configuration table. Events from that delegated view (e.g.\n * `runPayroll/cancelled`) are emitted through this component's own `onEvent`.\n *\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/edit` | An employee row is selected for editing | `{ payrollId, employeeId, firstName, lastName }` |\n * | `runPayroll/employee/skip` | An employee is skipped or unskipped for this payroll | `{ employeeId }` |\n * | `runPayroll/employee/saved` | Employee compensation changes are persisted | `{ payrollPrepared }` |\n * | `runPayroll/calculated` | Payroll calculation completes successfully | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/alreadyProcessed` | The payroll turns out to already be processed while configuring it | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/processingFailed` | Payroll calculation fails or times out | — |\n * | `runPayroll/blockers/viewAll` | The \"view all blockers\" affordance is selected | — |\n * | `runPayroll/grossUp/selected` | The set-net-earnings menu item is selected for an employee | `{ employeeUuid }` |\n * | `runPayroll/grossUp/calculated` | A gross-up amount is calculated from a target net pay | `{ grossUp, netPay, employeeUuid }` |\n *\n * @param props - See {@link PayrollConfigurationProps}.\n * @returns The payroll configuration screen.\n * @public\n */\nexport function PayrollConfiguration(props: PayrollConfigurationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n  className,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler, setError } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isCalculatingPayroll, setIsCalculatingPayroll] = useState(false)\n  // True once this screen has read a \"calculating\" status for the payroll, whether we started that\n  // calc or someone else did. Calling prepare after that would wipe the result, so we use this to\n  // keep prepare off.\n  const hasSeenCalculatingRef = useRef(false)\n  // Set when a poll ends in a non-retryable read error without confirming a calculated/failed\n  // outcome. Guards the auto-pickup effect below from re-arming a poll against the same stale\n  // \"Calculating\" read over and over -- it only clears once the status genuinely leaves Calculating.\n  const hasTerminalPollErrorRef = useRef(false)\n  const gustoClient = useGustoEmbeddedContext()\n\n  const payrollRequest = useMemo<GetV1CompaniesCompanyIdPayrollsPayrollIdRequest>(\n    () => ({\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    }),\n    [companyId, payrollId],\n  )\n\n  const { data: payrollData, refetch: refetchPayroll } = usePayrollsGetSuspense(payrollRequest)\n\n  const excludedEmployeeUuids = useMemo(\n    () =>\n      payrollData.payrollShow?.employeeCompensations\n        ?.filter(comp => comp.excluded)\n        .map(comp => comp.employeeUuid!)\n        .filter(Boolean) ?? [],\n    [payrollData.payrollShow?.employeeCompensations],\n  )\n\n  // Remember once we've seen it calculating.\n  if (isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n    hasSeenCalculatingRef.current = true\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState(blockersFromApi)\n  // Drives the loader gate below. Deliberately separate from `error` -- `baseSubmitHandler`\n  // clears `error` at the start of *any* submit (e.g. skipping an employee, applying a gross-up),\n  // which would otherwise reopen this gate and get the loader stuck on with no poll running to\n  // ever clear it (SDK-1276). Only the same sites that used to own the old boolean flag touch it.\n  const [hasProcessingFailedAlert, setHasProcessingFailedAlert] = useState(false)\n\n  const emitProcessingFailed = () => {\n    onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n    setHasProcessingFailedAlert(true)\n    setError({\n      category: 'internal_error',\n      message: `${t('alerts.processingFailed.label')}. ${t('alerts.processingFailed.message')}`,\n      fieldErrors: [],\n    })\n  }\n\n  const onProcessingFailed = (payroll: PayrollShow | undefined) => {\n    emitProcessingFailed()\n    // Let prepare run again on retry — but only when there is no calculation for it to wipe.\n    if (payroll?.calculatedAt == null) {\n      hasSeenCalculatingRef.current = false\n    }\n  }\n\n  const { start: startCalculationPoll, isPolling } = useCalculationPoll({\n    refetch: refetchPayroll,\n    onCalculated: (payroll: PayrollShow | undefined) => {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\n        payPeriod: payroll?.payPeriod,\n      })\n      setPayrollBlockers([])\n    },\n    onProcessingFailed,\n    // Unlike a real processing failure, we never confirmed whether the calculation actually\n    // succeeded server-side, so this must not reset hasSeenCalculatingRef — doing so would\n    // re-arm prepare and risk wiping a calculation that may have genuinely completed.\n    onError: () => {\n      hasTerminalPollErrorRef.current = true\n      emitProcessingFailed()\n    },\n  })\n\n  // Show the loading state the whole time we're calculating, so a second tab shows the loader\n  // instead of a blank table until it moves to the overview. Once the failed/error alert is\n  // showing, the poll has already reached a terminal state, so the loading UI must clear even\n  // though hasSeenCalculatingRef stays true (it still guards prepare separately, below).\n  const isCalculatingActive =\n    !hasProcessingFailedAlert &&\n    (isCalculatingPayroll || isPolling || hasSeenCalculatingRef.current)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    payrollCategory,\n    pagination,\n    isLoading,\n    isAlreadyProcessed,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n    // Don't prepare while calculating, or once we've seen it calculate. If the payroll was already\n    // calculated when we opened (e.g. clicking Edit), we do prepare so it can be edited.\n    disablePrepare: isPolling || isCalculatingPayroll || hasSeenCalculatingRef.current,\n    excludedEmployeeUuids,\n    isTransitionPayroll:\n      derivePayrollCategory(payrollData.payrollShow ?? {}) === PayrollCategory.Transition,\n  })\n\n  const alreadyProcessedAlert: PayrollFlowAlert = useMemo(\n    () => ({\n      type: 'error',\n      title: t('alerts.alreadyProcessed'),\n      alertKey: 'alreadyProcessed',\n    }),\n    [t],\n  )\n\n  const hasFiredAlreadyProcessedRef = useRef(false)\n\n  useEffect(() => {\n    if (!isAlreadyProcessed) {\n      hasFiredAlreadyProcessedRef.current = false\n      return\n    }\n    if (hasFiredAlreadyProcessedRef.current) return\n    hasFiredAlreadyProcessedRef.current = true\n    onEvent(componentEvents.RUN_PAYROLL_ALREADY_PROCESSED, {\n      payrollId,\n      alert: alreadyProcessedAlert,\n      payPeriod: payrollData.payrollShow?.payPeriod,\n    })\n  }, [\n    isAlreadyProcessed,\n    onEvent,\n    payrollId,\n    alreadyProcessedAlert,\n    payrollData.payrollShow?.payPeriod,\n  ])\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { mutateAsync: calculateGrossUpMutation } = usePayrollsCalculateGrossUpMutation()\n\n  const [grossUpEmployeeUuid, setGrossUpEmployeeUuid] = useState<string | null>(null)\n  const [isGrossUpModalOpen, setIsGrossUpModalOpen] = useState(false)\n\n  const grossUpEnabled = isGrossUpEligible(payrollCategory)\n  const grossUpTargetCompensation = getGrossUpTargetCompensationName(payrollCategory)\n\n  const onGrossUpSelect = (employeeUuid: string) => {\n    setGrossUpEmployeeUuid(employeeUuid)\n    setIsGrossUpModalOpen(true)\n    onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid })\n  }\n\n  const onCalculateGrossUp = async (netPay: number): Promise<string | null> => {\n    if (!grossUpEmployeeUuid) return null\n    let grossUp: string | null = null\n\n    await baseSubmitHandler(null, async () => {\n      const result = await calculateGrossUpMutation({\n        request: {\n          payrollUuid: payrollId,\n          payrollGrossUpRequest: {\n            employeeUuid: grossUpEmployeeUuid,\n            netPay: netPay.toString(),\n          },\n        },\n      })\n\n      grossUp = result.payrollGrossUpResponse?.grossUp ?? null\n\n      if (grossUp) {\n        onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_CALCULATED, {\n          grossUp,\n          netPay,\n          employeeUuid: grossUpEmployeeUuid,\n        })\n      }\n    })\n\n    return grossUp\n  }\n\n  const onGrossUpApply = async (grossAmount: string) => {\n    if (!grossUpEmployeeUuid || !grossUpTargetCompensation) {\n      throw new SDKInternalError(\n        'Unable to apply gross-up: missing employee or target compensation.',\n      )\n    }\n\n    const employeeComp = employeeCompensations.find(ec => ec.employeeUuid === grossUpEmployeeUuid)\n    if (!employeeComp) {\n      throw new SDKInternalError('Unable to apply gross-up: employee compensation not found.')\n    }\n\n    const existingFixed = employeeComp.fixedCompensations ?? []\n    const hasTargetCompensation = existingFixed.some(\n      fc => fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase(),\n    )\n\n    const updatedFixedCompensations = existingFixed.map(fc => ({\n      name: fc.name,\n      jobUuid: fc.jobUuid,\n      amount:\n        fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase() ? grossAmount : '0',\n    }))\n\n    if (!hasTargetCompensation) {\n      const primaryJobUuid =\n        employeeComp.hourlyCompensations?.[0]?.jobUuid ?? existingFixed[0]?.jobUuid ?? ''\n      updatedFixedCompensations.push({\n        name: grossUpTargetCompensation,\n        jobUuid: primaryJobUuid,\n        amount: grossAmount,\n      })\n    }\n\n    const updatedHourlyCompensations = (employeeComp.hourlyCompensations ?? []).map(hc => ({\n      name: hc.name,\n      jobUuid: hc.jobUuid,\n      hours: '0',\n    }))\n\n    const updatedPaidTimeOff = (employeeComp.paidTimeOff ?? []).map(pto => ({\n      name: pto.name,\n      hours: '0',\n    }))\n\n    const transformedCompensation = transformEmployeeCompensation({\n      ...employeeComp,\n      fixedCompensations: updatedFixedCompensations,\n      hourlyCompensations: updatedHourlyCompensations,\n      paidTimeOff: updatedPaidTimeOff,\n    })\n\n    await baseSubmitHandler({}, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [{ ...transformedCompensation, excluded: false }],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n\n    setGrossUpEmployeeUuid(null)\n    setIsGrossUpModalOpen(false)\n  }\n\n  const handleGrossUpApply = async (grossAmount: string) => {\n    try {\n      await onGrossUpApply(grossAmount)\n    } catch {\n      // Modal stays open; error is surfaced by baseSubmitHandler\n    }\n  }\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    // Mark it right away so prepare can't run and cancel the calculation we just started.\n    hasSeenCalculatingRef.current = true\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        setIsCalculatingPayroll(true)\n        try {\n          const calcResult = await payrollsCalculate(gustoClient, {\n            companyId,\n            payrollId,\n          })\n          if (!calcResult.ok) {\n            throw calcResult.error\n          }\n          startCalculationPoll({\n            baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n            // We just submitted the payroll, so we haven't yet seen it return with the calculating status\n            sawCalculatingThisPoll: false,\n          })\n        } catch (error) {\n          // Calculate itself failed before polling ever started (e.g. a 409 conflict), so let\n          // prepare run again on retry -- otherwise hasSeenCalculatingRef stays stuck true forever\n          // with no RUN_PAYROLL_CALCULATED/RUN_PAYROLL_PROCESSING_FAILED event ever firing.\n          hasSeenCalculatingRef.current = false\n          throw error\n        } finally {\n          setIsCalculatingPayroll(false)\n        }\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      payrollId,\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = (\n    compensation: PayrollEmployeeCompensationsType,\n  ): PayrollUpdateEmployeeCompensations => {\n    const { paymentMethod } = compensation\n    return {\n      employeeUuid: compensation.employeeUuid,\n      version: compensation.version,\n      excluded: compensation.excluded,\n      fixedCompensations: compensation.fixedCompensations,\n      hourlyCompensations: compensation.hourlyCompensations,\n      paidTimeOff: compensation.paidTimeOff,\n      deductions: compensation.deductions,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  // Pick up a calculation this screen didn't start (another tab, another admin). Starting a poll\n  // from rendered data is fine — only the decision to *finish* one must not depend on a render,\n  // and that lives in the poll loop.\n  useEffect(() => {\n    if (isPolling) return\n    if (!isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n      // The status only leaves Calculating on a genuinely fresh read, so this is where a prior\n      // terminal failure stops blocking future pickups.\n      hasTerminalPollErrorRef.current = false\n      return\n    }\n    // A read error we already reported for this same stale \"Calculating\" snapshot -- retrying it\n    // immediately would just spin (fail, isPolling flips false, this effect fires again, repeat)\n    // instead of waiting for a genuinely new read.\n    if (hasTerminalPollErrorRef.current) return\n\n    // A fresh calculating status means a real calculation is in flight again -- even right after\n    // this screen's own deadline reported one as failed -- so any stale failure alert must not\n    // linger over it and block the loading UI.\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    startCalculationPoll({\n      baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n      // We have seen the calculating status, which is why we're starting to poll now until it completes or fails.\n      sawCalculatingThisPoll: true,\n    })\n  }, [\n    payrollData.payrollShow?.processingRequest,\n    payrollData.payrollShow?.calculatedAt,\n    isPolling,\n    startCalculationPoll,\n    setError,\n  ])\n\n  const payrollAlert = (() => {\n    const statusMeta = payrollData.payrollShow?.payrollStatusMeta\n\n    const isLatePayroll =\n      statusMeta?.payrollLate &&\n      statusMeta.initialCheckDate &&\n      statusMeta.expectedDebitTime &&\n      statusMeta.expectedCheckDate\n\n    if (isLatePayroll) {\n      return {\n        label: t('alerts.payrollLate', {\n          initialCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.initialCheckDate),\n        }),\n        content: t('alerts.payrollLateText', {\n          ...dateFormatter.formatWithTime(statusMeta.expectedDebitTime),\n          newCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.expectedCheckDate),\n        }),\n        variant: 'warning' as const,\n      }\n    }\n\n    const { payrollShow } = payrollData\n\n    if (payrollShow?.checkDate && payrollShow.payrollDeadline) {\n      return {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n        variant: 'info' as const,\n      }\n    }\n\n    return undefined\n  })()\n\n  if (isAlreadyProcessed) {\n    const onAlreadyProcessedOverviewEvent = (type: EventType, data?: unknown) => {\n      if (type === componentEvents.RUN_PAYROLL_CANCELLED) {\n        // Cancelling un-processes the payroll, making it editable again — re-run prepare so\n        // this component drops back into the configuration table for the same payrollId.\n        void refetch()\n      }\n      onEvent(type, data)\n    }\n\n    return (\n      <PayrollOverview\n        className={className}\n        companyId={companyId}\n        payrollId={payrollId}\n        onEvent={onAlreadyProcessedOverviewEvent}\n        withReimbursements={withReimbursements}\n        alerts={[alreadyProcessedAlert]}\n      />\n    )\n  }\n\n  return (\n    <>\n      <PayrollConfigurationPresentation\n        className={className}\n        onCalculatePayroll={onCalculatePayroll}\n        isCalculateDisabled={blockersFromApi.length > 0}\n        onEdit={onEdit}\n        onToggleExclude={onToggleExclude}\n        onViewBlockers={onViewBlockers}\n        employeeCompensations={employeeCompensations}\n        employeeDetails={employeeDetails}\n        payPeriod={payPeriod}\n        paySchedule={paySchedule}\n        payrollCategory={payrollCategory}\n        alerts={alerts}\n        payrollAlert={payrollAlert}\n        isPending={isCalculatingActive || isLoading || isUpdatingPayroll}\n        isCalculating={isCalculatingActive}\n        payrollBlockers={payrollBlockers}\n        pagination={pagination}\n        withReimbursements={withReimbursements}\n        grossUpEnabled={grossUpEnabled}\n        onGrossUpSelect={onGrossUpSelect}\n      />\n      {grossUpEnabled && (\n        <GrossUpModal\n          isOpen={isGrossUpModalOpen}\n          onCalculateGrossUp={onCalculateGrossUp}\n          onApply={handleGrossUpApply}\n          onCancel={() => {\n            setIsGrossUpModalOpen(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","className","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","setError","useBase","dateFormatter","useDateFormatter","isCalculatingPayroll","setIsCalculatingPayroll","useState","hasSeenCalculatingRef","useRef","hasTerminalPollErrorRef","gustoClient","useGustoEmbeddedContext","payrollRequest","useMemo","payrollData","refetchPayroll","usePayrollsGetSuspense","excludedEmployeeUuids","comp","isCalculatingStatus","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","hasProcessingFailedAlert","setHasProcessingFailedAlert","emitProcessingFailed","componentEvents","onProcessingFailed","payroll","startCalculationPoll","isPolling","useCalculationPoll","isCalculatingActive","employeeDetails","employeeCompensations","paySchedule","payPeriod","payrollCategory","pagination","isLoading","isAlreadyProcessed","refetch","usePayrollConfigurationData","derivePayrollCategory","PayrollCategory","alreadyProcessedAlert","hasFiredAlreadyProcessedRef","useEffect","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","calculateGrossUpMutation","usePayrollsCalculateGrossUpMutation","grossUpEmployeeUuid","setGrossUpEmployeeUuid","isGrossUpModalOpen","setIsGrossUpModalOpen","grossUpEnabled","isGrossUpEligible","grossUpTargetCompensation","getGrossUpTargetCompensationName","onGrossUpSelect","employeeUuid","onCalculateGrossUp","netPay","grossUp","onGrossUpApply","grossAmount","SDKInternalError","employeeComp","ec","existingFixed","hasTargetCompensation","fc","updatedFixedCompensations","primaryJobUuid","updatedHourlyCompensations","hc","updatedPaidTimeOff","pto","transformedCompensation","transformEmployeeCompensation","result","handleGrossUpApply","onCalculatePayroll","payrollSubmitHandler","calcResult","payrollsCalculate","error","onEdit","employee","compensation","paymentMethod","onToggleExclude","employeeCompensation","onViewBlockers","payrollAlert","statusMeta","payrollShow","PayrollOverview","type","data","jsxs","Fragment","PayrollConfigurationPresentation","GrossUpModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0EO,SAASA,GAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,IAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,KAAO,CAAC;AAAA,EACZ,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,WAAAC;AACF,MAAiC;AAC/B,EAAAC,GAAuB,gCAAgCJ,CAAU,GACjEK,GAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,GAAe,8BAA8B,GACrD,EAAE,mBAAAC,GAAmB,UAAAC,EAAA,IAAaC,GAAA,GAClCC,IAAgBC,GAAA,GAEhB,CAACC,GAAsBC,CAAuB,IAAIC,EAAS,EAAK,GAIhEC,IAAwBC,EAAO,EAAK,GAIpCC,IAA0BD,EAAO,EAAK,GACtCE,IAAcC,GAAA,GAEdC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAxB;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,SAAS,YAAY,cAAc,qBAAqB;AAAA,IAAA;AAAA,IAEpE,CAACD,GAAWC,CAAS;AAAA,EAAA,GAGjB,EAAE,MAAMwB,GAAa,SAASC,EAAA,IAAmBC,GAAuBJ,CAAc,GAEtFK,IAAwBJ;AAAA,IAC5B,MACEC,EAAY,aAAa,uBACrB,OAAO,OAAQI,EAAK,QAAQ,EAC7B,IAAI,OAAQA,EAAK,YAAa,EAC9B,OAAO,OAAO,KAAK,CAAA;AAAA,IACxB,CAACJ,EAAY,aAAa,qBAAqB;AAAA,EAAA;AAIjD,EAAIK,EAAoBL,EAAY,aAAa,iBAAiB,MAChEP,EAAsB,UAAU;AAGlC,QAAM,EAAE,MAAMa,EAAA,IAAiBC,GAA+B;AAAA,IAC5D,aAAahC;AAAA,EAAA,CACd,GAIKiC,KAFqBF,EAAa,mBAAmB,CAAA,GAEK,IAAI,CAAAG,OAAY;AAAA,IAC9E,KAAKA,EAAQ;AAAA,IACb,SAASA,EAAQ;AAAA,EAAA,EACjB,GAEI,CAACC,IAAiBC,CAAkB,IAAInB,EAASgB,CAAe,GAKhE,CAACI,IAA0BC,CAA2B,IAAIrB,EAAS,EAAK,GAExEsB,IAAuB,MAAM;AACjC,IAAAxC,EAAQyC,EAAgB,6BAA6B,GACrDF,EAA4B,EAAI,GAChC3B,EAAS;AAAA,MACP,UAAU;AAAA,MACV,SAAS,GAAGH,EAAE,+BAA+B,CAAC,KAAKA,EAAE,iCAAiC,CAAC;AAAA,MACvF,aAAa,CAAA;AAAA,IAAC,CACf;AAAA,EACH,GAEMiC,KAAqB,CAACC,MAAqC;AAC/D,IAAAH,EAAA,GAEIG,GAAS,gBAAgB,SAC3BxB,EAAsB,UAAU;AAAA,EAEpC,GAEM,EAAE,OAAOyB,GAAsB,WAAAC,EAAA,IAAcC,GAAmB;AAAA,IACpE,SAASnB;AAAA,IACT,cAAc,CAACgB,MAAqC;AAClD,MAAA3C,EAAQyC,EAAgB,wBAAwB;AAAA,QAC9C,WAAAvC;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAOO,EAAE,sBAAsB;AAAA,UAC/B,UAAU;AAAA,QAAA;AAAA,QAEZ,WAAWkC,GAAS;AAAA,MAAA,CACrB,GACDN,EAAmB,CAAA,CAAE;AAAA,IACvB;AAAA,IACA,oBAAAK;AAAA;AAAA;AAAA;AAAA,IAIA,SAAS,MAAM;AACb,MAAArB,EAAwB,UAAU,IAClCmB,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAMKO,IACJ,CAACT,OACAtB,KAAwB6B,KAAa1B,EAAsB,UAExD;AAAA,IACJ,iBAAA6B;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,GAA4B;AAAA,IAC9B,WAAAxD;AAAA,IACA,WAAAC;AAAA;AAAA;AAAA,IAGA,gBAAgB2C,KAAa7B,KAAwBG,EAAsB;AAAA,IAC3E,uBAAAU;AAAA,IACA,qBACE6B,GAAsBhC,EAAY,eAAe,CAAA,CAAE,MAAMiC,GAAgB;AAAA,EAAA,CAC5E,GAEKC,IAA0CnC;AAAA,IAC9C,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAOhB,EAAE,yBAAyB;AAAA,MAClC,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAC;AAAA,EAAA,GAGEoD,IAA8BzC,EAAO,EAAK;AAEhD,EAAA0C,EAAU,MAAM;AACd,QAAI,CAACP,GAAoB;AACvB,MAAAM,EAA4B,UAAU;AACtC;AAAA,IACF;AACA,IAAIA,EAA4B,YAChCA,EAA4B,UAAU,IACtC7D,EAAQyC,EAAgB,+BAA+B;AAAA,MACrD,WAAAvC;AAAA,MACA,OAAO0D;AAAA,MACP,WAAWlC,EAAY,aAAa;AAAA,IAAA,CACrC;AAAA,EACH,GAAG;AAAA,IACD6B;AAAA,IACAvD;AAAA,IACAE;AAAA,IACA0D;AAAA,IACAlC,EAAY,aAAa;AAAA,EAAA,CAC1B;AAED,QAAM,EAAE,aAAaqC,GAAe,WAAWC,GAAA,IAAsBC,GAAA,GAE/D,EAAE,aAAaC,GAAA,IAA6BC,GAAA,GAE5C,CAACC,GAAqBC,CAAsB,IAAInD,EAAwB,IAAI,GAC5E,CAACoD,IAAoBC,CAAqB,IAAIrD,EAAS,EAAK,GAE5DsD,IAAiBC,GAAkBrB,CAAe,GAClDsB,IAA4BC,GAAiCvB,CAAe,GAE5EwB,KAAkB,CAACC,MAAyB;AAChD,IAAAR,EAAuBQ,CAAY,GACnCN,EAAsB,EAAI,GAC1BvE,EAAQyC,EAAgB,+BAA+B,EAAE,cAAAoC,EAAA,CAAc;AAAA,EACzE,GAEMC,KAAqB,OAAOC,MAA2C;AAC3E,QAAI,CAACX,EAAqB,QAAO;AACjC,QAAIY,IAAyB;AAE7B,iBAAMrE,EAAkB,MAAM,YAAY;AAWxC,MAAAqE,KAVe,MAAMd,GAAyB;AAAA,QAC5C,SAAS;AAAA,UACP,aAAahE;AAAA,UACb,uBAAuB;AAAA,YACrB,cAAckE;AAAA,YACd,QAAQW,EAAO,SAAA;AAAA,UAAS;AAAA,QAC1B;AAAA,MACF,CACD,GAEgB,wBAAwB,WAAW,MAEhDC,KACFhF,EAAQyC,EAAgB,iCAAiC;AAAA,QACvD,SAAAuC;AAAA,QACA,QAAAD;AAAA,QACA,cAAcX;AAAA,MAAA,CACf;AAAA,IAEL,CAAC,GAEMY;AAAA,EACT,GAEMC,KAAiB,OAAOC,MAAwB;AACpD,QAAI,CAACd,KAAuB,CAACM;AAC3B,YAAM,IAAIS;AAAA,QACR;AAAA,MAAA;AAIJ,UAAMC,IAAenC,EAAsB,KAAK,CAAAoC,MAAMA,EAAG,iBAAiBjB,CAAmB;AAC7F,QAAI,CAACgB;AACH,YAAM,IAAID,EAAiB,4DAA4D;AAGzF,UAAMG,IAAgBF,EAAa,sBAAsB,CAAA,GACnDG,KAAwBD,EAAc;AAAA,MAC1C,OAAME,EAAG,MAAM,YAAA,MAAkBd,EAA0B,YAAA;AAAA,IAAY,GAGnEe,IAA4BH,EAAc,IAAI,CAAAE,OAAO;AAAA,MACzD,MAAMA,EAAG;AAAA,MACT,SAASA,EAAG;AAAA,MACZ,QACEA,EAAG,MAAM,YAAA,MAAkBd,EAA0B,YAAA,IAAgBQ,IAAc;AAAA,IAAA,EACrF;AAEF,QAAI,CAACK,IAAuB;AAC1B,YAAMG,IACJN,EAAa,sBAAsB,CAAC,GAAG,WAAWE,EAAc,CAAC,GAAG,WAAW;AACjF,MAAAG,EAA0B,KAAK;AAAA,QAC7B,MAAMf;AAAA,QACN,SAASgB;AAAA,QACT,QAAQR;AAAA,MAAA,CACT;AAAA,IACH;AAEA,UAAMS,MAA8BP,EAAa,uBAAuB,CAAA,GAAI,IAAI,CAAAQ,OAAO;AAAA,MACrF,MAAMA,EAAG;AAAA,MACT,SAASA,EAAG;AAAA,MACZ,OAAO;AAAA,IAAA,EACP,GAEIC,MAAsBT,EAAa,eAAe,CAAA,GAAI,IAAI,CAAAU,OAAQ;AAAA,MACtE,MAAMA,EAAI;AAAA,MACV,OAAO;AAAA,IAAA,EACP,GAEIC,KAA0BC,EAA8B;AAAA,MAC5D,GAAGZ;AAAA,MACH,oBAAoBK;AAAA,MACpB,qBAAqBE;AAAA,MACrB,aAAaE;AAAA,IAAA,CACd;AAED,UAAMlF,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMsF,IAAS,MAAMlC,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAA9D;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAAC,EAAE,GAAG6F,IAAyB,UAAU,IAAO;AAAA,UAAA;AAAA,QACzE;AAAA,MACF,CACD;AACD,MAAA/F,EAAQyC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBwD,EAAO;AAAA,MAAA,CACzB,GACD,MAAMzC,EAAA;AAAA,IACR,CAAC,GAEDa,EAAuB,IAAI,GAC3BE,EAAsB,EAAK;AAAA,EAC7B,GAEM2B,KAAqB,OAAOhB,MAAwB;AACxD,QAAI;AACF,YAAMD,GAAeC,CAAW;AAAA,IAClC,QAAQ;AAAA,IAER;AAAA,EACF,GAEMiB,KAAqB,YAAY;AACrC,IAAA9D,EAAmB,CAAA,CAAE,GACrBE,EAA4B,EAAK,GACjC3B,EAAS,IAAI,GAEbO,EAAsB,UAAU,IAEhC,MAAMR,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMsF,IAAS,MAAMG,GAAqB,YAAY;AACpD,QAAAnF,EAAwB,EAAI;AAC5B,YAAI;AACF,gBAAMoF,IAAa,MAAMC,GAAkBhF,GAAa;AAAA,YACtD,WAAArB;AAAA,YACA,WAAAC;AAAA,UAAA,CACD;AACD,cAAI,CAACmG,EAAW;AACd,kBAAMA,EAAW;AAEnB,UAAAzD,EAAqB;AAAA,YACnB,sBAAsBlB,EAAY,aAAa,cAAc,aAAa;AAAA;AAAA,YAE1E,wBAAwB;AAAA,UAAA,CACzB;AAAA,QACH,SAAS6E,GAAO;AAId,gBAAApF,EAAsB,UAAU,IAC1BoF;AAAA,QACR,UAAA;AACE,UAAAtF,EAAwB,EAAK;AAAA,QAC/B;AAAA,MACF,CAAC;AAED,MAAI,CAACgF,EAAO,WAAWA,EAAO,SAAS,SAAS,KAC9C5D,EAAmB4D,EAAO,QAAQ;AAAA,IAEtC,CAAC;AAAA,EACH,GAEMO,KAAS,CAACC,MAAuB;AACrC,IAAAzG,EAAQyC,EAAgB,2BAA2B;AAAA,MACjD,WAAAvC;AAAA,MACA,YAAYuG,EAAS;AAAA,MACrB,WAAWA,EAAS;AAAA,MACpB,UAAUA,EAAS;AAAA,IAAA,CACpB;AAAA,EACH,GAEMT,IAAgC,CACpCU,MACuC;AACvC,UAAM,EAAE,eAAAC,MAAkBD;AAC1B,WAAO;AAAA,MACL,cAAcA,EAAa;AAAA,MAC3B,SAASA,EAAa;AAAA,MACtB,UAAUA,EAAa;AAAA,MACvB,oBAAoBA,EAAa;AAAA,MACjC,qBAAqBA,EAAa;AAAA,MAClC,aAAaA,EAAa;AAAA,MAC1B,YAAYA,EAAa;AAAA,MACzB,GAAIC,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,MAC1E,MAAMD,EAAa,QAAQ;AAAA,IAAA;AAAA,EAE/B,GAEME,KAAkB,OAAOC,MAA2D;AACxF,IAAA7G,EAAQyC,EAAgB,2BAA2B;AAAA,MACjD,YAAYoE,EAAqB;AAAA,IAAA,CAClC,GACD,MAAMlG,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMoF,IAA0BC,EAA8Ba,CAAoB,GAC5EZ,IAAS,MAAMlC,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAA9D;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB;AAAA,cACrB,EAAE,GAAG6F,GAAyB,UAAU,CAACA,EAAwB,SAAA;AAAA,YAAS;AAAA,UAC5E;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAA/F,EAAQyC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBwD,EAAO;AAAA,MAAA,CACzB,GACD,MAAMzC,EAAA;AAAA,IACR,CAAC;AAAA,EACH,GAEMsD,KAAiB,MAAM;AAC3B,IAAA9G,EAAQyC,EAAgB,6BAA6B;AAAA,EACvD;AAKA,EAAAqB,EAAU,MAAM;AACd,QAAI,CAAAjB,GACJ;AAAA,UAAI,CAACd,EAAoBL,EAAY,aAAa,iBAAiB,GAAG;AAGpE,QAAAL,EAAwB,UAAU;AAClC;AAAA,MACF;AAIA,MAAIA,EAAwB,YAK5BkB,EAA4B,EAAK,GACjC3B,EAAS,IAAI,GACbgC,EAAqB;AAAA,QACnB,sBAAsBlB,EAAY,aAAa,cAAc,aAAa;AAAA;AAAA,QAE1E,wBAAwB;AAAA,MAAA,CACzB;AAAA;AAAA,EACH,GAAG;AAAA,IACDA,EAAY,aAAa;AAAA,IACzBA,EAAY,aAAa;AAAA,IACzBmB;AAAA,IACAD;AAAA,IACAhC;AAAA,EAAA,CACD;AAED,QAAMmG,MAAgB,MAAM;AAC1B,UAAMC,IAAatF,EAAY,aAAa;AAQ5C,QALEsF,GAAY,eACZA,EAAW,oBACXA,EAAW,qBACXA,EAAW;AAGX,aAAO;AAAA,QACL,OAAOvG,EAAE,sBAAsB;AAAA,UAC7B,kBAAkBK,EAAc,uBAAuBkG,EAAW,gBAAgB;AAAA,QAAA,CACnF;AAAA,QACD,SAASvG,EAAE,0BAA0B;AAAA,UACnC,GAAGK,EAAc,eAAekG,EAAW,iBAAiB;AAAA,UAC5D,cAAclG,EAAc,uBAAuBkG,EAAW,iBAAiB;AAAA,QAAA,CAChF;AAAA,QACD,SAAS;AAAA,MAAA;AAIb,UAAM,EAAE,aAAAC,MAAgBvF;AAExB,QAAIuF,GAAa,aAAaA,EAAY;AACxC,aAAO;AAAA,QACL,OAAOxG,EAAE,gCAAgC;AAAA,UACvC,SAASK,EAAc,uBAAuBmG,EAAY,SAAS;AAAA,UACnE,GAAGnG,EAAc,eAAemG,EAAY,eAAe;AAAA,QAAA,CAC5D;AAAA,QACD,SAASxG,EAAE,kCAAkC;AAAA,QAC7C,SAAS;AAAA,MAAA;AAAA,EAKf,GAAA;AAEA,SAAI8C,IAWA,gBAAA1D;AAAA,IAACqH;AAAA,IAAA;AAAA,MACC,WAAA5G;AAAA,MACA,WAAAL;AAAA,MACA,WAAAC;AAAA,MACA,SAdoC,CAACiH,GAAiBC,MAAmB;AAC3E,QAAID,MAAS1E,EAAgB,yBAGtBe,EAAA,GAEPxD,EAAQmH,GAAMC,CAAI;AAAA,MACpB;AAAA,MAQI,oBAAA/G;AAAA,MACA,QAAQ,CAACuD,CAAqB;AAAA,IAAA;AAAA,EAAA,IAMlC,gBAAAyD,GAAAC,IAAA,EACE,UAAA;AAAA,IAAA,gBAAAzH;AAAA,MAAC0H;AAAA,MAAA;AAAA,QACC,WAAAjH;AAAA,QACA,oBAAA6F;AAAA,QACA,qBAAqBjE,EAAgB,SAAS;AAAA,QAC9C,QAAAsE;AAAA,QACA,iBAAAI;AAAA,QACA,gBAAAE;AAAA,QACA,uBAAA7D;AAAA,QACA,iBAAAD;AAAA,QACA,WAAAG;AAAA,QACA,aAAAD;AAAA,QACA,iBAAAE;AAAA,QACA,QAAAhD;AAAA,QACA,cAAA2G;AAAA,QACA,WAAWhE,KAAuBO,MAAaU;AAAA,QAC/C,eAAejB;AAAA,QACf,iBAAAX;AAAA,QACA,YAAAiB;AAAA,QACA,oBAAAhD;AAAA,QACA,gBAAAmE;AAAA,QACA,iBAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDJ,KACC,gBAAA3E;AAAA,MAAC2H;AAAA,MAAA;AAAA,QACC,QAAQlD;AAAA,QACR,oBAAAQ;AAAA,QACA,SAASoB;AAAA,QACT,UAAU,MAAM;AACd,UAAA3B,EAAsB,EAAK;AAAA,QAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js

@@ -175,7 +175,7 @@ const he = (l, f) => l?.startDate && l.endDate ? f.formatPayPeriod(l.startDate,
                   const n = c.get(e.employeeUuid || ""), i = n ? ee(
                     e,
                     n,
-                    g?.startDate,
+                    g?.startDate ?? void 0,
                     w,
                     y
                   ) : 0;

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport classNames from 'classnames'\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 as PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport { PayrollCategory } from '../payrollTypes'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid, PayrollLoading } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport CoinsHandSvg from '@/assets/icons/coins-hand.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\ninterface PayrollConfigurationPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  employeeCompensations: PayrollEmployeeCompensationsType[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  payrollCategory?: PayrollCategory\n  alerts?: ReactNode\n  payrollAlert?: {\n    label: string\n    content?: ReactNode\n    variant: 'info' | 'warning'\n  }\n  isPending?: boolean\n  isCalculating?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n  withReimbursements?: boolean\n  isCalculateDisabled?: boolean\n  grossUpEnabled?: boolean\n  onGrossUpSelect?: (employeeUuid: string) => void\n}\n\nconst getPayrollConfigurationTitle = (\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 PayrollConfigurationPresentation = ({\n  className,\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  payrollCategory = PayrollCategory.Regular,\n  alerts,\n  payrollAlert,\n  isPending,\n  isCalculating,\n  payrollBlockers = [],\n  pagination,\n  withReimbursements = true,\n  isCalculateDisabled = false,\n  grossUpEnabled = false,\n  onGrossUpSelect,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const isRegularRateOfPayEnabled = useUnstableFeature('payrollRegularRateOfPay')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    const name = employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : ''\n    return name || t('unknownEmployeeFallback')\n  }\n\n  return (\n    <div ref={containerRef} className={classNames(styles.container, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            {payPeriod && (\n              <Text variant=\"supporting\">\n                <Trans\n                  i18nKey={\n                    payrollCategory === PayrollCategory.Dismissal\n                      ? 'descriptionDismissal'\n                      : 'description'\n                  }\n                  t={t}\n                  components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                  values={{\n                    ...getPayrollConfigurationTitle(payPeriod, dateFormatter),\n                    payrollType: payrollCategory,\n                  }}\n                />\n              </Text>\n            )}\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isCalculateDisabled || isPending || isCalculating}\n              >\n                {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isCalculateDisabled || isPending || isCalculating}\n                >\n                  {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollAlert) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollAlert && (\n              <Alert label={payrollAlert.label} status={payrollAlert.variant}>\n                {payrollAlert.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <PayrollLoading\n            title={isCalculating ? t('calculatingTitle') : t('loadingTitle')}\n            description={isCalculating ? t('calculatingDescription') : t('loadingDescription')}\n          />\n        ) : (\n          <>\n            {payrollBlockers.length > 0 && (\n              <PayrollBlockerAlerts\n                blockers={payrollBlockers}\n                onViewBlockersClick={onViewBlockers}\n              />\n            )}\n            <Flex flexDirection=\"column\" gap={20}>\n              <FlexItem>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {t('hoursAndEarningsTitle')}\n                </Heading>\n                <Text variant=\"supporting\">{t('hoursAndEarningsDescription')}</Text>\n              </FlexItem>\n\n              <DataView\n                label={t('employeeCompensationsTitle')}\n                columns={[\n                  {\n                    title: t('tableColumns.employees'),\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const payRateDisplay = formatEmployeePayRate(employee)\n                      return (\n                        <Flex flexDirection=\"column\" gap={0}>\n                          {getEmployeeName(item.employeeUuid || '')}\n                          {payRateDisplay && (\n                            <Text size=\"xs\" variant=\"supporting\">\n                              {payRateDisplay}\n                            </Text>\n                          )}\n                          {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                        </Flex>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableColumns.hours'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const hours = getRegularHours(item)\n                      const overtimeHours = getOvertimeHours(item)\n                      return formatHoursDisplay(hours + overtimeHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.timeOff'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const ptoHours = getTotalPtoHours(item)\n                      return formatHoursDisplay(ptoHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.additionalEarnings'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const earnings = getAdditionalEarnings(item)\n                      return formatNumberAsCurrency(earnings)\n                    },\n                  },\n                  ...(withReimbursements\n                    ? [\n                        {\n                          title: t('tableColumns.reimbursements'),\n                          justify: 'end' as const,\n                          render: (item: PayrollEmployeeCompensationsType) => {\n                            const reimbursements = getReimbursements(item)\n                            return formatNumberAsCurrency(reimbursements)\n                          },\n                        },\n                      ]\n                    : []),\n                  {\n                    title: t('tableColumns.totalPay'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      if (isRegularRateOfPayEnabled) {\n                        return formatNumberAsCurrency(Number(item.grossPay ?? 0))\n                      }\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const calculatedGrossPay = employee\n                        ? calculateGrossPay(\n                            item,\n                            employee,\n                            payPeriod?.startDate,\n                            paySchedule,\n                            payrollCategory,\n                          )\n                        : 0\n                      return formatNumberAsCurrency(calculatedGrossPay)\n                    },\n                  },\n                ]}\n                data={employeeCompensations}\n                itemMenu={(item: PayrollEmployeeCompensationsType) => (\n                  <HamburgerMenu\n                    items={[\n                      {\n                        label: t('editMenu.edit'),\n                        icon: <PencilSvg aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onEdit(employee)\n                          }\n                        },\n                      },\n                      {\n                        label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                        icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onToggleExclude(item)\n                          }\n                        },\n                      },\n                      ...(grossUpEnabled\n                        ? [\n                            {\n                              label: t('editMenu.setNetEarnings'),\n                              icon: <CoinsHandSvg aria-hidden />,\n                              onClick: () => {\n                                if (item.employeeUuid) {\n                                  onGrossUpSelect?.(item.employeeUuid)\n                                }\n                              },\n                            },\n                          ]\n                        : []),\n                    ]}\n                    triggerLabel={t('editMenu.edit')}\n                  />\n                )}\n                pagination={pagination}\n              />\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","className","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","payrollCategory","PayrollCategory","alerts","payrollAlert","isPending","isCalculating","payrollBlockers","pagination","withReimbursements","isCalculateDisabled","grossUpEnabled","onGrossUpSelect","Button","Heading","Text","Badge","Alert","useComponentContext","useI18n","useTranslation","useDateFormatter","formatEmployeePayRate","useFormatEmployeePayRate","isRegularRateOfPayEnabled","useUnstableFeature","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","classNames","styles","jsxs","Flex","FlexItem","Trans","Grid","PayrollLoading","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle","CoinsHandSvg"],"mappings":"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"}
+{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport classNames from 'classnames'\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 as PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport { PayrollCategory } from '../payrollTypes'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid, PayrollLoading } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport CoinsHandSvg from '@/assets/icons/coins-hand.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\ninterface PayrollConfigurationPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  employeeCompensations: PayrollEmployeeCompensationsType[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  payrollCategory?: PayrollCategory\n  alerts?: ReactNode\n  payrollAlert?: {\n    label: string\n    content?: ReactNode\n    variant: 'info' | 'warning'\n  }\n  isPending?: boolean\n  isCalculating?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n  withReimbursements?: boolean\n  isCalculateDisabled?: boolean\n  grossUpEnabled?: boolean\n  onGrossUpSelect?: (employeeUuid: string) => void\n}\n\nconst getPayrollConfigurationTitle = (\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 PayrollConfigurationPresentation = ({\n  className,\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  payrollCategory = PayrollCategory.Regular,\n  alerts,\n  payrollAlert,\n  isPending,\n  isCalculating,\n  payrollBlockers = [],\n  pagination,\n  withReimbursements = true,\n  isCalculateDisabled = false,\n  grossUpEnabled = false,\n  onGrossUpSelect,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const isRegularRateOfPayEnabled = useUnstableFeature('payrollRegularRateOfPay')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    const name = employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : ''\n    return name || t('unknownEmployeeFallback')\n  }\n\n  return (\n    <div ref={containerRef} className={classNames(styles.container, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            {payPeriod && (\n              <Text variant=\"supporting\">\n                <Trans\n                  i18nKey={\n                    payrollCategory === PayrollCategory.Dismissal\n                      ? 'descriptionDismissal'\n                      : 'description'\n                  }\n                  t={t}\n                  components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                  values={{\n                    ...getPayrollConfigurationTitle(payPeriod, dateFormatter),\n                    payrollType: payrollCategory,\n                  }}\n                />\n              </Text>\n            )}\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isCalculateDisabled || isPending || isCalculating}\n              >\n                {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isCalculateDisabled || isPending || isCalculating}\n                >\n                  {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollAlert) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollAlert && (\n              <Alert label={payrollAlert.label} status={payrollAlert.variant}>\n                {payrollAlert.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <PayrollLoading\n            title={isCalculating ? t('calculatingTitle') : t('loadingTitle')}\n            description={isCalculating ? t('calculatingDescription') : t('loadingDescription')}\n          />\n        ) : (\n          <>\n            {payrollBlockers.length > 0 && (\n              <PayrollBlockerAlerts\n                blockers={payrollBlockers}\n                onViewBlockersClick={onViewBlockers}\n              />\n            )}\n            <Flex flexDirection=\"column\" gap={20}>\n              <FlexItem>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {t('hoursAndEarningsTitle')}\n                </Heading>\n                <Text variant=\"supporting\">{t('hoursAndEarningsDescription')}</Text>\n              </FlexItem>\n\n              <DataView\n                label={t('employeeCompensationsTitle')}\n                columns={[\n                  {\n                    title: t('tableColumns.employees'),\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const payRateDisplay = formatEmployeePayRate(employee)\n                      return (\n                        <Flex flexDirection=\"column\" gap={0}>\n                          {getEmployeeName(item.employeeUuid || '')}\n                          {payRateDisplay && (\n                            <Text size=\"xs\" variant=\"supporting\">\n                              {payRateDisplay}\n                            </Text>\n                          )}\n                          {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                        </Flex>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableColumns.hours'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const hours = getRegularHours(item)\n                      const overtimeHours = getOvertimeHours(item)\n                      return formatHoursDisplay(hours + overtimeHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.timeOff'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const ptoHours = getTotalPtoHours(item)\n                      return formatHoursDisplay(ptoHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.additionalEarnings'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const earnings = getAdditionalEarnings(item)\n                      return formatNumberAsCurrency(earnings)\n                    },\n                  },\n                  ...(withReimbursements\n                    ? [\n                        {\n                          title: t('tableColumns.reimbursements'),\n                          justify: 'end' as const,\n                          render: (item: PayrollEmployeeCompensationsType) => {\n                            const reimbursements = getReimbursements(item)\n                            return formatNumberAsCurrency(reimbursements)\n                          },\n                        },\n                      ]\n                    : []),\n                  {\n                    title: t('tableColumns.totalPay'),\n                    justify: 'end',\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      if (isRegularRateOfPayEnabled) {\n                        return formatNumberAsCurrency(Number(item.grossPay ?? 0))\n                      }\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const calculatedGrossPay = employee\n                        ? calculateGrossPay(\n                            item,\n                            employee,\n                            payPeriod?.startDate ?? undefined,\n                            paySchedule,\n                            payrollCategory,\n                          )\n                        : 0\n                      return formatNumberAsCurrency(calculatedGrossPay)\n                    },\n                  },\n                ]}\n                data={employeeCompensations}\n                itemMenu={(item: PayrollEmployeeCompensationsType) => (\n                  <HamburgerMenu\n                    items={[\n                      {\n                        label: t('editMenu.edit'),\n                        icon: <PencilSvg aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onEdit(employee)\n                          }\n                        },\n                      },\n                      {\n                        label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                        icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onToggleExclude(item)\n                          }\n                        },\n                      },\n                      ...(grossUpEnabled\n                        ? [\n                            {\n                              label: t('editMenu.setNetEarnings'),\n                              icon: <CoinsHandSvg aria-hidden />,\n                              onClick: () => {\n                                if (item.employeeUuid) {\n                                  onGrossUpSelect?.(item.employeeUuid)\n                                }\n                              },\n                            },\n                          ]\n                        : []),\n                    ]}\n                    triggerLabel={t('editMenu.edit')}\n                  />\n                )}\n                pagination={pagination}\n              />\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","className","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","payrollCategory","PayrollCategory","alerts","payrollAlert","isPending","isCalculating","payrollBlockers","pagination","withReimbursements","isCalculateDisabled","grossUpEnabled","onGrossUpSelect","Button","Heading","Text","Badge","Alert","useComponentContext","useI18n","useTranslation","useDateFormatter","formatEmployeePayRate","useFormatEmployeePayRate","isRegularRateOfPayEnabled","useUnstableFeature","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","classNames","styles","jsxs","Flex","FlexItem","Trans","Grid","PayrollLoading","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle","CoinsHandSvg"],"mappings":"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"}

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

@@ -1,52 +1,53 @@
-import { useState as q, useRef as v, useMemo as y, useEffect as P, useCallback as L } from "react";
-import { useEmployeesList as ee } from "@gusto/embedded-api/react-query/employeesList";
-import { useQueryClient as te, keepPreviousData as F, useQuery as K } from "@tanstack/react-query";
-import { usePaySchedulesGet as se } from "@gusto/embedded-api/react-query/paySchedulesGet";
-import { useGustoEmbeddedContext as oe } from "@gusto/embedded-api/react-query/_context";
-import { payrollsPrepare as re } from "@gusto/embedded-api/funcs/payrollsPrepare";
-import { employeesGet as ae } from "@gusto/embedded-api/funcs/employeesGet";
-import { UnprocessableEntityError as ne } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
-import { derivePayrollCategory as ie } from "../payrollTypes.js";
-import { usePagination as le } from "../../../hooks/usePagination/usePagination.js";
-const f = "payroll-prepare", _ = 300 * 1e3, ue = 3, A = (n) => n instanceof ne ? n.errors.some((s) => s.category === "invalid_operation") : !1;
-function De({
+import { useState as R, useRef as q, useMemo as y, useEffect as P, useCallback as L } from "react";
+import { useEmployeesList as te } from "@gusto/embedded-api/react-query/employeesList";
+import { useQueryClient as se, keepPreviousData as F, useQuery as K } from "@tanstack/react-query";
+import { usePaySchedulesGet as oe } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { useGustoEmbeddedContext as re } from "@gusto/embedded-api/react-query/_context";
+import { payrollsPrepare as ae } from "@gusto/embedded-api/funcs/payrollsPrepare";
+import { employeesGet as ne } from "@gusto/embedded-api/funcs/employeesGet";
+import { UnprocessableEntityError as ie } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
+import { derivePayrollCategory as le } from "../payrollTypes.js";
+import { usePagination as ue } from "../../../hooks/usePagination/usePagination.js";
+const f = "payroll-prepare", _ = 300 * 1e3, ce = 3, A = (n) => n instanceof ie ? n.errors.some((s) => s.category === "invalid_operation") : !1;
+function we({
   companyId: n,
   payrollId: s,
-  disablePrepare: m = !1,
-  excludedEmployeeUuids: S = []
+  disablePrepare: d = !1,
+  excludedEmployeeUuids: S = [],
+  isTransitionPayroll: Q = !1
 }) {
-  const D = oe(), i = te(), { currentPage: c, itemsPerPage: Q, getPaginationProps: T } = le({
+  const D = re(), i = se(), { currentPage: c, itemsPerPage: T, getPaginationProps: k } = ue({
     defaultItemsPerPage: 25
-  }), [k, x] = q([]), [M, h] = q(!1), g = v(!1), { data: l, isFetching: w } = ee(
+  }), [x, M] = R([]), [b, h] = R(!1), g = q(!1), { data: l, isFetching: w } = te(
     {
       companyId: n,
       payrollUuid: s,
-      per: Q,
+      per: T,
       page: c,
       sortBy: "name"
     },
     { placeholderData: F }
-  ), C = v(l);
-  C.current = l;
+  ), U = q(l);
+  U.current = l;
   const p = y(() => l?.showEmployees?.map((e) => e.uuid) || [], [l?.showEmployees]), u = y(() => {
     const e = new Set(p);
     return S.filter((t) => !e.has(t));
-  }, [S, p]), d = y(() => c === 1 ? [...p, ...u] : p, [p, u, c]), b = y(() => d.join(","), [d]), {
+  }, [S, p]), m = y(() => c === 1 ? [...p, ...u] : p, [p, u, c]), B = y(() => m.join(","), [m]), {
     data: r,
-    error: B,
-    isLoading: G,
-    isFetching: j
+    error: G,
+    isLoading: j,
+    isFetching: I
   } = K({
-    queryKey: [f, s, b],
+    queryKey: [f, s, B],
     queryFn: async ({ signal: e }) => {
-      const t = await re(
+      const t = await ae(
         D,
         {
           companyId: n,
           payrollId: s,
           sortBy: "last_name",
           requestBody: {
-            employeeUuids: d
+            employeeUuids: Q ? void 0 : m
           }
         },
         { signal: e }
@@ -55,36 +56,36 @@ function De({
         throw t.error;
       return t.value.payrollPrepared;
     },
-    enabled: d.length > 0 && !m,
+    enabled: m.length > 0 && !d,
     staleTime: _,
     placeholderData: F,
     // An "already processed" prepare failure is terminal — retrying it wastes time. Other
     // errors (network blips, etc.) still get the standard retry treatment.
-    retry: (e, t) => !A(t) && e < ue
-  }), I = A(B);
+    retry: (e, t) => !A(t) && e < ce
+  }), Y = A(G);
   P(() => () => {
     i.cancelQueries({
       queryKey: [f, s]
     });
   }, [i, s]), P(() => {
-    m && i.cancelQueries({
+    d && i.cancelQueries({
       queryKey: [f, s]
     });
-  }, [m, i, s]);
-  const Y = y(() => u.join(","), [u]), { data: E } = K({
-    queryKey: ["excluded-employee-details", Y],
+  }, [d, i, s]);
+  const H = y(() => u.join(","), [u]), { data: E } = K({
+    queryKey: ["excluded-employee-details", H],
     queryFn: async () => {
       const e = await Promise.all(
-        u.map((o) => ae(D, { employeeId: o }))
+        u.map((o) => ne(D, { employeeId: o }))
       ), t = e.find((o) => !o.ok);
       if (t)
         throw t.error;
       return e.filter((o) => o.ok).map((o) => o.value.employee).filter((o) => o != null);
     },
-    enabled: u.length > 0 && !m,
+    enabled: u.length > 0 && !d,
     staleTime: _
-  }), U = L(() => {
-    const e = C.current;
+  }), C = L(() => {
+    const e = U.current;
     if (!e?.showEmployees || !r?.employeeCompensations) {
       h(!1);
       return;
@@ -93,18 +94,18 @@ function De({
     if (t.length > 0 && t.every((a) => o.has(a))) {
       const a = [...e.showEmployees];
       if (c === 1 && E?.length) {
-        const $ = new Set(t);
-        for (const R of E)
-          $.has(R.uuid) || a.push(R);
+        const ee = new Set(t);
+        for (const v of E)
+          ee.has(v.uuid) || a.push(v);
       }
-      x(a), h(!0), g.current = !0;
+      M(a), h(!0), g.current = !0;
     } else
       h(!1);
   }, [r?.employeeCompensations, E, c]);
   P(() => {
-    U();
-  }, [U]);
-  const { data: H, isLoading: N } = se(
+    C();
+  }, [C]);
+  const { data: N, isLoading: V } = oe(
     {
       companyId: n,
       payScheduleId: r?.payPeriod?.payScheduleUuid || ""
@@ -112,25 +113,25 @@ function De({
     {
       enabled: !!r?.payPeriod?.payScheduleUuid
     }
-  ), V = L(async () => {
+  ), X = L(async () => {
     await i.invalidateQueries({
       queryKey: [f, s]
     });
-  }, [i, s]), X = G && !g.current, z = j && g.current, J = w || z || !M, O = X || N || !l && w, W = l?.httpMeta.response.headers ?? new Headers(), Z = T(W, J);
+  }, [i, s]), z = j && !g.current, J = I && g.current, O = w || J || !b, W = z || V || !l && w, Z = l?.httpMeta.response.headers ?? new Headers(), $ = k(Z, O);
   return {
     employeeCompensations: r?.employeeCompensations ?? [],
-    employeeDetails: k,
+    employeeDetails: x,
     payPeriod: r?.payPeriod,
-    paySchedule: H?.payScheduleShow,
-    payrollCategory: ie(r ?? {}),
-    pagination: Z,
-    isLoading: O,
-    isAlreadyProcessed: I,
-    refetch: V
+    paySchedule: N?.payScheduleShow,
+    payrollCategory: le(r ?? {}),
+    pagination: $,
+    isLoading: W,
+    isAlreadyProcessed: Y,
+    refetch: X
   };
 }
 export {
   f as PREPARE_QUERY_KEY,
-  De as usePayrollConfigurationData
+  we as usePayrollConfigurationData
 };
 //# sourceMappingURL=usePayrollConfigurationData.js.map

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  /** When true, don't call prepare and cancel any prepare already running. */\n  disablePrepare?: 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  disablePrepare = 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 && !disablePrepare,\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 (disablePrepare) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [disablePrepare, 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 && !disablePrepare,\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","disablePrepare","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  /** When true, don't call prepare and cancel any prepare already running. */\n  disablePrepare?: boolean\n  excludedEmployeeUuids?: string[]\n  /**\n   * When true, prepare is called without a roster. A transition payroll's roster is fixed by the\n   * pay-schedule transition, so the API rejects any `employeeUuids` sent to prepare.\n   */\n  isTransitionPayroll?: boolean\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  disablePrepare = false,\n  excludedEmployeeUuids = [],\n  isTransitionPayroll = false,\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: isTransitionPayroll ? undefined : 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 && !disablePrepare,\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 (disablePrepare) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [disablePrepare, 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 && !disablePrepare,\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","disablePrepare","excludedEmployeeUuids","isTransitionPayroll","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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"}