@gusto/embedded-react-sdk 0.57.1 → 0.57.3

package/dist/components/Payroll/PayrollEditEmployee/shared/usePayrollEditEmployeeForm/usePayrollEditEmployeeForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayrollEditEmployeeForm.js","sources":["../../../../../../src/components/Payroll/PayrollEditEmployee/shared/usePayrollEditEmployeeForm/usePayrollEditEmployeeForm.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useFieldArray, useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEarningTypesListSuspense } from '@gusto/embedded-api/react-query/earningTypesList'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport {\n  createPayrollEditEmployeeSchema,\n  PAYMENT_METHOD_OPTIONS,\n  PAYMENT_METHOD_VALUES,\n  PayrollEditEmployeeErrorCodes,\n  reimbursementDraftSchema,\n  type PayrollEditEmployeeFormData,\n  type PayrollEditEmployeeFormOutputs,\n} from './payrollEditEmployeeSchema'\nimport {\n  buildPayrollUpdateEmployeeCompensation,\n  collectOvertimeEarningNames,\n  derivePayrollEditEmployeeDefaults,\n  hasBreakdownsMatchingWorkweeks,\n  hasExistingOvertimeHours,\n  normalizeWorkweeks,\n  resolveEditableFixedCompensations,\n  zeroFillClearedWorkweekCells,\n  type NormalizedWorkweek,\n} from './payrollEditEmployeeHelpers'\nimport {\n  computeTimeOffRemaining,\n  createPayrollEditEmployeeFields,\n  createReimbursementDraftFields,\n  type PayrollEditEmployeeErrorMessages,\n  type PayrollEditEmployeeFields,\n  type ReimbursementDraftFields,\n  type ReimbursementRow,\n} from './fields'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport {\n  derivePayrollCategory,\n  isOffCyclePayroll,\n  PayrollCategory,\n} from '@/components/Payroll/payrollTypes'\nimport { PREPARE_QUERY_KEY } from '@/components/Payroll/PayrollConfiguration/usePayrollConfigurationData'\nimport { isOvertimeEligibleFlsaStatus } from '@/components/Payroll/helpers'\nimport { retryAsync } from '@/helpers/retryAsync'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport {\n  composeErrorHandler,\n  type QueryWithRefetch,\n} from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldMetadata,\n  FieldMetadataWithOptions,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean =>\n  error instanceof UnprocessableEntityError &&\n  error.errors.some(issue => issue.category === 'invalid_operation')\n\n/**\n * Options accepted by {@link usePayrollEditEmployeeForm}.\n *\n * @public\n */\nexport interface UsePayrollEditEmployeeFormProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /**\n   * Whether to expose reimbursement controls (`form.Fields.reimbursements`,\n   * `actions.addReimbursement`/`removeReimbursement`, `form.reimbursements`).\n   * Defaults to `true`. Controls are omitted for off-cycle payrolls regardless,\n   * since those write reimbursements via the legacy fixed-compensation path.\n   */\n  withReimbursements?: boolean\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Defaults to `true`. Set to `false` when composing with other forms. */\n  shouldFocusError?: boolean\n  /**\n   * Display copy for each validation error code, baked into every bound field so\n   * it resolves and renders its own message. Supply it once, keyed by\n   * {@link PayrollEditEmployeeErrorCodes}; a missing code falls back to the raw\n   * code. Omit it to render raw codes.\n   */\n  errorMessages?: PayrollEditEmployeeErrorMessages\n}\n\n/**\n * Field metadata for {@link usePayrollEditEmployeeForm}, keyed by full form path.\n *\n * @remarks\n * Keys are minted from the prepared payroll's compensations at runtime\n * (`hours.${jobUuid}.${name}.${workweekStart}` and similar), so neither the key\n * set nor which entries carry options is known ahead of time.\n *\n * @public\n */\nexport type PayrollEditEmployeeFieldsMetadata = Record<\n  string,\n  FieldMetadata | FieldMetadataWithOptions\n>\n\n/**\n * Ready-state return value of {@link usePayrollEditEmployeeForm} — the\n * `isLoading: false` branch of {@link UsePayrollEditEmployeeFormResult}.\n *\n * @public\n */\nexport interface UsePayrollEditEmployeeFormReady extends BaseFormHookReady<\n  PayrollEditEmployeeFieldsMetadata,\n  PayrollEditEmployeeFormData,\n  PayrollEditEmployeeFields\n> {\n  /** Loaded entities backing the editor. */\n  data: {\n    /** The employee being edited. */\n    employee: Employee\n    /** The employee's prepared compensation for this payroll, if present. */\n    employeeCompensation?: PayrollEmployeeCompensationsType\n    /** The prepared payroll (server-calculated totals and workweeks). */\n    preparedPayroll: PayrollPrepared\n    /** The pay schedule for the payroll, if loaded. */\n    paySchedule?: PayScheduleShow\n    /** Whether the pay period spans more than one workweek. Raw workweeks are on `preparedPayroll.workweeks`. */\n    isMultipleWorkweeks: boolean\n    /**\n     * The pay period's normalized workweeks (`{ startDate, endDate }` strings),\n     * in order — one entry, spanning the pay period, when it's a single\n     * workweek. The per-workweek split fields are keyed by start date only, so\n     * this is the source for each column's date range.\n     */\n    workweeks: NormalizedWorkweek[]\n    /** Whether the employee is overtime-eligible (nonexempt family). Drives whether hours split by workweek. */\n    isOvertimeEligible: boolean\n    /**\n     * The single, form-wide overtime-mode flag. `false` renders one flat\n     * column per line with Overtime/Double-overtime rows hidden; `true`\n     * splits hours and overtime-affecting earnings into per-workweek columns\n     * (for overtime-eligible employees on a multi-workweek payroll) and\n     * un-hides those rows. Starts `true` when the employee already has real\n     * overtime hours or matching per-workweek breakdowns (see\n     * `hasExistingOvertimeHours`, `hasBreakdownsMatchingWorkweeks`), or after\n     * `actions.addOvertime` is called; otherwise starts `false`.\n     */\n    withOvertime: boolean\n    /** Whether the employee has a direct-deposit bank account set up. */\n    hasDirectDepositSetup: boolean\n    /**\n     * Committed reimbursement rows to render in a table, present only when\n     * reimbursement controls are exposed. Seeded from the employee's existing\n     * reimbursements and appended to as drafts are saved. Remove a row via\n     * `actions.removeReimbursement(row.index)`.\n     */\n    reimbursements?: ReimbursementRow[]\n  }\n  /** Submission status. `mode` is always `'update'` since the payroll already exists. */\n  status: { isPending: boolean; mode: 'update' }\n  /** Form actions. */\n  actions: {\n    /** Validates and submits the form, resolving to the updated prepared payroll on success or `undefined` when validation blocked the submit. */\n    onSubmit: () => Promise<HookSubmitResult<PayrollPrepared> | undefined>\n    /**\n     * Sets `data.withOvertime` to `true`, switching the whole form to the\n     * workweek split: un-hides Overtime/Double-overtime rows and splits hours\n     * and overtime-affecting earnings into per-workweek columns. Populates\n     * only the first workweek cell of each line with that line's current\n     * total, leaving every other cell blank — no auto distribution — so the\n     * per-row validation then requires the user to fill in the rest. One\n     * affordance for the whole employee, not one per job. One-directional —\n     * there's no corresponding \"remove overtime\" action.\n     */\n    addOvertime: () => void\n    /** Reveals the draft reimbursement row. Present only when reimbursement controls are exposed. */\n    beginAddReimbursement?: () => void\n    /** Validates the draft and commits it to the reimbursement list, or flags the draft amount if invalid. Present only when reimbursement controls are exposed. */\n    saveReimbursement?: () => void\n    /** Discards the draft reimbursement row. Present only when reimbursement controls are exposed. */\n    cancelReimbursement?: () => void\n    /** Removes the committed reimbursement row at `index` (zeroing existing rows so the update clears them). Present only when reimbursement controls are exposed. */\n    removeReimbursement?: (index: number) => void\n  }\n  /** Form internals plus the reimbursement draft state. */\n  form: BaseFormHookReady<\n    PayrollEditEmployeeFieldsMetadata,\n    PayrollEditEmployeeFormData,\n    PayrollEditEmployeeFields\n  >['form'] & {\n    /** Draft reimbursement state, present only when reimbursement controls are exposed. */\n    reimbursementDraft?: { isAdding: boolean }\n  }\n}\n\n/**\n * Discriminated union returned by {@link usePayrollEditEmployeeForm}. Loading\n * branch carries only `errorHandling`; ready branch carries form data, fields,\n * status, and actions.\n *\n * @public\n */\nexport type UsePayrollEditEmployeeFormResult = HookLoadingResult | UsePayrollEditEmployeeFormReady\n\n/**\n * Headless form hook for editing a single employee's compensation within a\n * payroll run, built for regular-rate-of-pay (RRoP) support.\n *\n * @remarks\n * Prepares the payroll for the target employee, then exposes a workweek-keyed\n * form whose submit builds a `PayrollUpdate`. Single-workweek pay periods send\n * totals without `breakdowns`; multi-workweek pay periods send `breakdowns` per\n * line once that line's every workweek cell is filled. Overtime-eligible\n * (nonexempt) employees split hours and overtime-affecting earnings per\n * workweek while the single `data.withOvertime` flag is on (see\n * `actions.addOvertime`); everyone else, and every line while `withOvertime` is\n * off, edits flat totals.\n *\n * @param props - Hook options.\n * @returns A loading result while data is fetching, or a ready result with data,\n * fields, status, actions, and error handling.\n * @public\n */\nexport function usePayrollEditEmployeeForm({\n  employeeId,\n  companyId,\n  payrollId,\n  withReimbursements = true,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n  errorMessages,\n}: UsePayrollEditEmployeeFormProps): UsePayrollEditEmployeeFormResult {\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const { data: earningTypesData } = useEarningTypesListSuspense({ companyId })\n  const { data: payrollData } = usePayrollsGetSuspense({ companyId, payrollId })\n  const isTransitionPayroll =\n    derivePayrollCategory(payrollData.payrollShow ?? {}) === PayrollCategory.Transition\n\n  const queryClient = useQueryClient()\n  const { mutateAsync: preparePayroll } = usePayrollsPrepareMutation()\n  const { mutateAsync: updatePayroll, isPending } = usePayrollsUpdateMutation()\n\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const [prepareError, setPrepareError] = useState<Error | null>(null)\n  const hasFiredRef = useRef(false)\n\n  const executePrepare = useCallback(async () => {\n    setPrepareError(null)\n    try {\n      const result = await retryAsync(\n        () =>\n          preparePayroll({\n            request: {\n              companyId,\n              payrollId,\n              requestBody: { employeeUuids: isTransitionPayroll ? undefined : [employeeId] },\n            },\n          }),\n        {\n          maxAttempts: PREPARE_MAX_ATTEMPTS,\n          delayMs: PREPARE_RETRY_DELAY_MS,\n          shouldRetry: isPayrollBeingProcessedError,\n        },\n      )\n      setPreparedPayroll(result.payrollPrepared)\n    } catch (error) {\n      setPrepareError(error as Error)\n    }\n  }, [companyId, payrollId, employeeId, preparePayroll, isTransitionPayroll])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void executePrepare()\n  }, [executePrepare])\n\n  const payScheduleQuery = usePaySchedulesGet(\n    { companyId, payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid ?? '' },\n    { enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid },\n  )\n\n  const employee = employeeData.employee\n  const employeeCompensation = preparedPayroll?.employeeCompensations?.find(\n    comp => comp.employeeUuid === employeeId,\n  )\n  const payrollCategory = derivePayrollCategory(preparedPayroll ?? {})\n  const hasDirectDepositSetup = (bankAccountsList.employeeBankAccounts?.length ?? 0) > 0\n\n  // Only normalize once the payroll is prepared: normalizeWorkweeks throws on a\n  // payroll with neither workweeks nor a pay period, and before prepare resolves\n  // both are legitimately absent (still loading, not malformed).\n  const workweeks = useMemo(\n    () =>\n      preparedPayroll\n        ? normalizeWorkweeks(preparedPayroll.workweeks, preparedPayroll.payPeriod)\n        : [],\n    [preparedPayroll],\n  )\n\n  const overtimeEarningNames = useMemo(\n    () => collectOvertimeEarningNames(earningTypesData.earningTypeList),\n    [earningTypesData.earningTypeList],\n  )\n\n  // Source of truth for the employee's FLSA status: prefer the prepared\n  // compensation's hourly lines (the same data the fields are built from, so the\n  // gate and the rendered lines always agree), falling back to the employee's\n  // primary-job compensation. Unknown status is treated as not overtime-eligible.\n  const flsaStatus = useMemo(() => {\n    const fromCompensation = employeeCompensation?.hourlyCompensations?.find(\n      compensation => compensation.flsaStatus,\n    )?.flsaStatus\n    if (fromCompensation) return fromCompensation\n    const primaryJob = employee?.jobs?.find(job => job.primary)\n    return primaryJob?.compensations?.[0]?.flsaStatus\n  }, [employeeCompensation, employee])\n  const isOvertimeEligible = isOvertimeEligibleFlsaStatus(flsaStatus)\n\n  // Starts on when the employee already has real overtime hours, or already has\n  // per-workweek breakdowns matching the current pay period's workweeks (nothing\n  // to hide either way), otherwise starts off until the user opts in via\n  // `actions.addOvertime`. One-directional: there's no \"remove overtime\" action.\n  const [withOvertimeSetByUser, setWithOvertimeSetByUser] = useState(false)\n  const withOvertime =\n    withOvertimeSetByUser ||\n    hasExistingOvertimeHours(employeeCompensation?.hourlyCompensations) ||\n    hasBreakdownsMatchingWorkweeks(employeeCompensation?.hourlyCompensations, workweeks)\n\n  const primaryJobUuid = useMemo(() => employee?.jobs?.find(job => job.primary)?.uuid, [employee])\n\n  // Seed a blank input for every payroll fixed-compensation type (like the stable\n  // editor), then let the field/defaults builders split them into additional\n  // earnings vs `overtimeExcludedEarnings` by overtime inclusion. Without this, an employee whose\n  // prepared payroll carries no fixed compensations shows no earnings inputs.\n  const resolvedFixedCompensations = useMemo(\n    () =>\n      resolveEditableFixedCompensations(\n        employeeCompensation?.fixedCompensations,\n        preparedPayroll?.fixedCompensationTypes,\n        primaryJobUuid,\n        flsaStatus,\n      ),\n    [employeeCompensation, preparedPayroll?.fixedCompensationTypes, primaryJobUuid, flsaStatus],\n  )\n\n  const jobTitlesByUuid = useMemo(() => {\n    const titles = new Map<string, string>()\n    for (const job of employee?.jobs ?? []) {\n      if (job.uuid && job.title) titles.set(job.uuid, job.title)\n    }\n    return titles\n  }, [employee])\n\n  // Accrual balance per time-off policy, owned by the hook (rather than looked\n  // up in the consumer) so the time-off field can render its own live remaining\n  // balance.\n  const timeOffAccrualByName = useMemo(() => {\n    const balances = new Map<string, string>()\n    for (const policy of employee?.eligiblePaidTimeOff ?? []) {\n      if (policy.name && policy.accrualBalance != null) {\n        balances.set(policy.name, policy.accrualBalance)\n      }\n    }\n    return balances\n  }, [employee])\n\n  const schema = useMemo(() => createPayrollEditEmployeeSchema(), [])\n\n  const resolvedDefaults = useMemo(\n    () =>\n      derivePayrollEditEmployeeDefaults(\n        employeeCompensation,\n        workweeks,\n        hasDirectDepositSetup,\n        overtimeEarningNames,\n        isOvertimeEligible,\n        withOvertime,\n        resolvedFixedCompensations,\n      ),\n    [\n      employeeCompensation,\n      workweeks,\n      hasDirectDepositSetup,\n      overtimeEarningNames,\n      isOvertimeEligible,\n      withOvertime,\n      resolvedFixedCompensations,\n    ],\n  )\n\n  const formMethods = useForm<PayrollEditEmployeeFormData, unknown, PayrollEditEmployeeFormOutputs>(\n    {\n      resolver: zodResolver(schema),\n      mode: validationMode,\n      shouldFocusError,\n      defaultValues: resolvedDefaults,\n      values: resolvedDefaults,\n      resetOptions: { keepDirtyValues: true },\n    },\n  )\n\n  // Watched so each `Fields.timeOff[i].remaining` stays live as the user edits\n  // hours. The whole form re-renders on keystroke regardless of who owns this\n  // watch, so there's no cost to owning it here rather than in a per-row\n  // subcomponent.\n  const watchedTimeOff = useWatch({ control: formMethods.control, name: 'timeOff' })\n\n  // Off-cycle payrolls write reimbursements via the legacy fixed-compensation path\n  // (the itemized array is rejected server-side), so itemized reimbursement controls\n  // are exposed only for regular payrolls and only when the partner opts in.\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n  const showReimbursements = withReimbursements && usesItemizedReimbursements\n\n  const {\n    fields: reimbursementArrayFields,\n    append: appendReimbursement,\n    remove: removeReimbursementRow,\n    update: updateReimbursementRow,\n  } = useFieldArray({\n    control: formMethods.control,\n    name: 'reimbursements',\n  })\n\n  const [isAddingReimbursement, setIsAddingReimbursement] = useState(false)\n\n  const reimbursementDraftFields = useMemo<ReimbursementDraftFields>(\n    () => createReimbursementDraftFields(errorMessages),\n    [errorMessages],\n  )\n\n  // Committed rows for the consumer's table. A removed existing row (one with a\n  // uuid) is zeroed rather than dropped so the update still clears it server-side;\n  // those zero-amount rows are filtered out of the visible list but remain in the\n  // form array for submit.\n  const reimbursementRows = useMemo<ReimbursementRow[]>(\n    () =>\n      reimbursementArrayFields\n        .map((field, index) => ({\n          key: field.id,\n          index,\n          uuid: field.uuid ?? undefined,\n          description: field.description,\n          amount: field.amount,\n          recurring: field.recurring ?? false,\n        }))\n        .filter(row => parseFloat(row.amount || '0') !== 0),\n    [reimbursementArrayFields],\n  )\n\n  const beginAddReimbursement = useCallback(() => {\n    setIsAddingReimbursement(true)\n  }, [])\n\n  const cancelReimbursement = useCallback(() => {\n    formMethods.setValue('reimbursementDraft', { description: '', amount: '' })\n    formMethods.clearErrors('reimbursementDraft')\n    setIsAddingReimbursement(false)\n  }, [formMethods])\n\n  const saveReimbursement = useCallback(() => {\n    const draft = formMethods.getValues('reimbursementDraft')\n    const result = reimbursementDraftSchema.safeParse(draft)\n    if (!result.success) {\n      // The error code is a fallback; the field renders the consumer-supplied\n      // `errorMessage` prop when present (see useField), so the copy is theirs to set.\n      formMethods.setError('reimbursementDraft.amount', {\n        message: PayrollEditEmployeeErrorCodes.REIMBURSEMENT_AMOUNT,\n      })\n      return\n    }\n    appendReimbursement({\n      uuid: null,\n      description: result.data.description.trim(),\n      amount: parseFloat(result.data.amount).toFixed(2),\n      recurring: false,\n    })\n    formMethods.setValue('reimbursementDraft', { description: '', amount: '' })\n    formMethods.clearErrors('reimbursementDraft')\n    setIsAddingReimbursement(false)\n  }, [appendReimbursement, formMethods])\n\n  const removeReimbursement = useCallback(\n    (index: number) => {\n      const field = reimbursementArrayFields[index]\n      if (!field) return\n      if (field.uuid) {\n        updateReimbursementRow(index, { ...field, amount: '0' })\n      } else {\n        removeReimbursementRow(index)\n      }\n    },\n    [reimbursementArrayFields, removeReimbursementRow, updateReimbursementRow],\n  )\n\n  const fields = useMemo(\n    () =>\n      createPayrollEditEmployeeFields({\n        employeeCompensation,\n        fixedCompensations: resolvedFixedCompensations,\n        workweeks,\n        payrollCategory,\n        hasDirectDepositSetup,\n        overtimeEarningNames,\n        isOvertimeEligible,\n        withOvertime,\n        jobTitlesByUuid,\n        timeOffAccrualByName,\n        errorMessages,\n      }),\n    [\n      employeeCompensation,\n      resolvedFixedCompensations,\n      workweeks,\n      payrollCategory,\n      hasDirectDepositSetup,\n      overtimeEarningNames,\n      isOvertimeEligible,\n      withOvertime,\n      jobTitlesByUuid,\n      timeOffAccrualByName,\n      errorMessages,\n    ],\n  )\n\n  // Overlay the live remaining balance onto each time-off entry every render, so\n  // it tracks the watched entered values without rebuilding (and remounting) the\n  // bound field components the `fields` memo owns.\n  const timeOffFields = useMemo(\n    () =>\n      fields.timeOff.map(entry => ({\n        ...entry,\n        remaining: computeTimeOffRemaining(\n          timeOffAccrualByName.get(entry.name),\n          watchedTimeOff[entry.name],\n        ),\n      })),\n    [fields.timeOff, timeOffAccrualByName, watchedTimeOff],\n  )\n\n  // Re-derives with `withOvertime` forced `true` and pushes the result straight\n  // into the form: every line's first workweek cell gets that line's current\n  // total, every other cell is left blank (never auto-distributed — see\n  // `derivePayrollEditEmployeeDefaults`/`buildWeekMap`). The per-row validation\n  // then requires the user to fill in the rest before they can submit.\n  // `setValue` (not `resetField`) is used so this overwrites even a value the\n  // user already typed into the collapsed input. Plain function (not memoized):\n  // it only runs on a user click, and its inputs are recomputed each render, so\n  // a `useCallback` here would never actually hold a stable reference.\n  const addOvertime = () => {\n    setWithOvertimeSetByUser(true)\n    const revealedDefaults = derivePayrollEditEmployeeDefaults(\n      employeeCompensation,\n      workweeks,\n      hasDirectDepositSetup,\n      overtimeEarningNames,\n      isOvertimeEligible,\n      true,\n      resolvedFixedCompensations,\n    )\n    // Keep the user's edited collapsed value on the first workweek cell rather\n    // than the seeded API total.\n    const firstWeekStart = workweeks[0]?.startDate ?? ''\n    const currentValues = formMethods.getValues()\n    const overlayLiveFirstWeek = (\n      revealed: PayrollEditEmployeeFormData['hours'],\n      live: PayrollEditEmployeeFormData['hours'] | undefined,\n    ) => {\n      for (const [jobUuid, names] of Object.entries(revealed)) {\n        for (const [name, weekMap] of Object.entries(names)) {\n          const liveValue = live?.[jobUuid]?.[name]?.[firstWeekStart]\n          if (liveValue !== undefined) weekMap[firstWeekStart] = liveValue\n        }\n      }\n      return revealed\n    }\n    // `shouldDirty` so the form's `values`-prop reset (triggered by flipping\n    // `withOvertimeSetByUser`) keeps these via `keepDirtyValues`.\n    formMethods.setValue(\n      'hours',\n      overlayLiveFirstWeek(revealedDefaults.hours, currentValues.hours),\n      { shouldDirty: true },\n    )\n    formMethods.setValue(\n      'overtimeIncludedEarnings',\n      overlayLiveFirstWeek(\n        revealedDefaults.overtimeIncludedEarnings,\n        currentValues.overtimeIncludedEarnings,\n      ),\n      { shouldDirty: true },\n    )\n  }\n  const fieldsMetadata = useMemo<PayrollEditEmployeeFieldsMetadata>(\n    () => ({\n      paymentMethod: withOptions(\n        { name: 'paymentMethod' },\n        PAYMENT_METHOD_OPTIONS,\n        PAYMENT_METHOD_VALUES,\n      ),\n    }),\n    [],\n  )\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PayrollEditEmployeeForm')\n\n  const prepareQuerySource: QueryWithRefetch = {\n    error: prepareError,\n    refetch: (() => executePrepare()) as unknown as QueryWithRefetch['refetch'],\n  }\n\n  const errorHandling = composeErrorHandler([prepareQuerySource, payScheduleQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const onSubmit = async (): Promise<HookSubmitResult<PayrollPrepared> | undefined> => {\n    let submitResult: HookSubmitResult<PayrollPrepared> | undefined\n\n    // A workweek input that loaded with a value and was cleared by the user\n    // submits an explicit `0` for that cell. Writing the `0` into form state\n    // before validation lets the existing per-row check and submit builder run\n    // unchanged: the cell is now filled rather than blank. Cells that were blank\n    // at load stay blank (and keep validating as required in a touched row).\n    const cleared = zeroFillClearedWorkweekCells(formMethods.getValues(), resolvedDefaults)\n    if (cleared.hours) {\n      formMethods.setValue('hours', cleared.hours, { shouldDirty: true })\n    }\n    if (cleared.overtimeIncludedEarnings) {\n      formMethods.setValue('overtimeIncludedEarnings', cleared.overtimeIncludedEarnings, {\n        shouldDirty: true,\n      })\n    }\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async data => {\n          await baseSubmitHandler(data, async payload => {\n            const compensation = buildPayrollUpdateEmployeeCompensation(\n              payload,\n              employeeCompensation,\n              workweeks,\n              payrollCategory,\n              isOvertimeEligible,\n              withOvertime,\n            )\n\n            const response = await updatePayroll({\n              request: {\n                companyId,\n                payrollId,\n                payrollUpdate: { employeeCompensations: [compensation] },\n              },\n            })\n\n            const updated = response.payrollPrepared\n            if (!updated) {\n              throw new SDKInternalError('Payroll update did not return a prepared payroll')\n            }\n\n            setPreparedPayroll(updated)\n\n            // The payroll configuration surface caches its prepared payroll under a hand-written\n            // key, which the global SDK auto-invalidation (namespaced to @gusto/embedded-api\n            // queries only) does not touch. Invalidate it explicitly so configuration reflects\n            // this edit without a manual refresh.\n            await queryClient.invalidateQueries({\n              queryKey: [PREPARE_QUERY_KEY, payrollId],\n            })\n\n            submitResult = { mode: 'update', data: updated }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  if (!preparedPayroll || !employee) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      employee,\n      employeeCompensation,\n      preparedPayroll,\n      paySchedule: payScheduleQuery.data?.payScheduleShow,\n      isMultipleWorkweeks: workweeks.length > 1,\n      workweeks,\n      isOvertimeEligible,\n      withOvertime,\n      hasDirectDepositSetup,\n      ...(showReimbursements ? { reimbursements: reimbursementRows } : {}),\n    },\n    status: { isPending, mode: 'update' as const },\n    actions: {\n      onSubmit,\n      addOvertime,\n      ...(showReimbursements\n        ? {\n            beginAddReimbursement,\n            saveReimbursement,\n            cancelReimbursement,\n            removeReimbursement,\n          }\n        : {}),\n    },\n    errorHandling,\n    form: {\n      Fields: {\n        ...fields,\n        timeOff: timeOffFields,\n        reimbursementDraft: showReimbursements ? reimbursementDraftFields : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n      ...(showReimbursements ? { reimbursementDraft: { isAdding: isAddingReimbursement } } : {}),\n    },\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","issue","usePayrollEditEmployeeForm","employeeId","companyId","payrollId","withReimbursements","validationMode","shouldFocusError","errorMessages","employeeData","useEmployeesGetSuspense","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","earningTypesData","useEarningTypesListSuspense","payrollData","usePayrollsGetSuspense","isTransitionPayroll","derivePayrollCategory","PayrollCategory","queryClient","useQueryClient","preparePayroll","usePayrollsPrepareMutation","updatePayroll","isPending","usePayrollsUpdateMutation","preparedPayroll","setPreparedPayroll","useState","prepareError","setPrepareError","hasFiredRef","useRef","executePrepare","useCallback","result","retryAsync","useEffect","payScheduleQuery","usePaySchedulesGet","employee","employeeCompensation","comp","payrollCategory","hasDirectDepositSetup","workweeks","useMemo","normalizeWorkweeks","overtimeEarningNames","collectOvertimeEarningNames","flsaStatus","fromCompensation","compensation","job","isOvertimeEligible","isOvertimeEligibleFlsaStatus","withOvertimeSetByUser","setWithOvertimeSetByUser","withOvertime","hasExistingOvertimeHours","hasBreakdownsMatchingWorkweeks","primaryJobUuid","resolvedFixedCompensations","resolveEditableFixedCompensations","jobTitlesByUuid","titles","timeOffAccrualByName","balances","policy","schema","createPayrollEditEmployeeSchema","resolvedDefaults","derivePayrollEditEmployeeDefaults","formMethods","useForm","zodResolver","watchedTimeOff","useWatch","usesItemizedReimbursements","isOffCyclePayroll","showReimbursements","reimbursementArrayFields","appendReimbursement","removeReimbursementRow","updateReimbursementRow","useFieldArray","isAddingReimbursement","setIsAddingReimbursement","reimbursementDraftFields","createReimbursementDraftFields","reimbursementRows","field","index","row","beginAddReimbursement","cancelReimbursement","saveReimbursement","draft","reimbursementDraftSchema","PayrollEditEmployeeErrorCodes","removeReimbursement","fields","createPayrollEditEmployeeFields","timeOffFields","entry","computeTimeOffRemaining","addOvertime","revealedDefaults","firstWeekStart","currentValues","overlayLiveFirstWeek","revealed","live","jobUuid","names","name","weekMap","liveValue","fieldsMetadata","withOptions","PAYMENT_METHOD_OPTIONS","PAYMENT_METHOD_VALUES","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","hookFormInternals","useHookFormInternals","onSubmit","submitResult","cleared","zeroFillClearedWorkweekCells","resolve","data","payload","buildPayrollUpdateEmployeeCompensation","updated","SDKInternalError","PREPARE_QUERY_KEY","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"usePayrollEditEmployeeForm.js","sources":["../../../../../../src/components/Payroll/PayrollEditEmployee/shared/usePayrollEditEmployeeForm/usePayrollEditEmployeeForm.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useFieldArray, useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEarningTypesListSuspense } from '@gusto/embedded-api/react-query/earningTypesList'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport {\n  createPayrollEditEmployeeSchema,\n  PAYMENT_METHOD_OPTIONS,\n  PAYMENT_METHOD_VALUES,\n  PayrollEditEmployeeErrorCodes,\n  reimbursementDraftSchema,\n  type PayrollEditEmployeeFormData,\n  type PayrollEditEmployeeFormOutputs,\n} from './payrollEditEmployeeSchema'\nimport {\n  buildPayrollUpdateEmployeeCompensation,\n  collectOvertimeEarningNames,\n  derivePayrollEditEmployeeDefaults,\n  hasBreakdownsMatchingWorkweeks,\n  hasExistingOvertimeHours,\n  normalizeWorkweeks,\n  resolveEditableFixedCompensations,\n  zeroFillClearedWorkweekCells,\n  type NormalizedWorkweek,\n} from './payrollEditEmployeeHelpers'\nimport {\n  computeTimeOffRemaining,\n  createPayrollEditEmployeeFields,\n  createReimbursementDraftFields,\n  type PayrollEditEmployeeErrorMessages,\n  type PayrollEditEmployeeFields,\n  type ReimbursementDraftFields,\n  type ReimbursementRow,\n} from './fields'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport {\n  derivePayrollCategory,\n  isOffCyclePayroll,\n  PayrollCategory,\n} from '@/components/Payroll/payrollTypes'\nimport { PREPARE_QUERY_KEY } from '@/components/Payroll/PayrollConfiguration/usePayrollConfigurationData'\nimport { isOvertimeEligibleFlsaStatus } from '@/components/Payroll/helpers'\nimport { retryAsync } from '@/helpers/retryAsync'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport {\n  composeErrorHandler,\n  type QueryWithRefetch,\n} from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldMetadata,\n  FieldMetadataWithOptions,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean =>\n  error instanceof UnprocessableEntityError &&\n  error.errors.some(issue => issue.category === 'invalid_operation')\n\n/**\n * Options accepted by {@link usePayrollEditEmployeeForm}.\n *\n * @public\n */\nexport interface UsePayrollEditEmployeeFormProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /**\n   * Whether to expose reimbursement controls (`form.Fields.reimbursements`,\n   * `actions.addReimbursement`/`removeReimbursement`, `form.reimbursements`).\n   * Defaults to `true`. Controls are omitted for off-cycle payrolls regardless,\n   * since those write reimbursements via the legacy fixed-compensation path.\n   */\n  withReimbursements?: boolean\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Defaults to `true`. Set to `false` when composing with other forms. */\n  shouldFocusError?: boolean\n  /**\n   * Display copy for each validation error code, baked into every bound field so\n   * it resolves and renders its own message. Supply it once, keyed by\n   * {@link PayrollEditEmployeeErrorCodes}; a missing code falls back to the raw\n   * code. Omit it to render raw codes.\n   */\n  errorMessages?: PayrollEditEmployeeErrorMessages\n}\n\n/**\n * Field metadata for {@link usePayrollEditEmployeeForm}, keyed by full form path.\n *\n * @remarks\n * Keys are minted from the prepared payroll's compensations at runtime\n * (`hours.${jobUuid}.${name}.${workweekStart}` and similar), so neither the key\n * set nor which entries carry options is known ahead of time.\n *\n * @public\n */\nexport type PayrollEditEmployeeFieldsMetadata = Record<\n  string,\n  FieldMetadata | FieldMetadataWithOptions\n>\n\n/**\n * Ready-state return value of {@link usePayrollEditEmployeeForm} — the\n * `isLoading: false` branch of {@link UsePayrollEditEmployeeFormResult}.\n *\n * @public\n */\nexport interface UsePayrollEditEmployeeFormReady extends BaseFormHookReady<\n  PayrollEditEmployeeFieldsMetadata,\n  PayrollEditEmployeeFormData,\n  PayrollEditEmployeeFields\n> {\n  /** Loaded entities backing the editor. */\n  data: {\n    /** The employee being edited. */\n    employee: Employee\n    /** The employee's prepared compensation for this payroll, if present. */\n    employeeCompensation?: PayrollEmployeeCompensationsType\n    /** The prepared payroll (server-calculated totals and workweeks). */\n    preparedPayroll: PayrollPrepared\n    /** The pay schedule for the payroll, if loaded. */\n    paySchedule?: PayScheduleShow\n    /** Whether the pay period spans more than one workweek. Raw workweeks are on `preparedPayroll.workweeks`. */\n    isMultipleWorkweeks: boolean\n    /**\n     * The pay period's normalized workweeks (`{ startDate, endDate }` strings),\n     * in order — one entry, spanning the pay period, when it's a single\n     * workweek. The per-workweek split fields are keyed by start date only, so\n     * this is the source for each column's date range.\n     */\n    workweeks: NormalizedWorkweek[]\n    /** Whether the employee is overtime-eligible (nonexempt family). Drives whether hours split by workweek. */\n    isOvertimeEligible: boolean\n    /**\n     * The single, form-wide overtime-mode flag. `false` renders one flat\n     * column per line with Overtime/Double-overtime rows hidden; `true`\n     * splits hours and overtime-affecting earnings into per-workweek columns\n     * (for overtime-eligible employees on a multi-workweek payroll) and\n     * un-hides those rows. Starts `true` when the employee already has real\n     * overtime hours or matching per-workweek breakdowns (see\n     * `hasExistingOvertimeHours`, `hasBreakdownsMatchingWorkweeks`), or after\n     * `actions.addOvertime` is called; otherwise starts `false`.\n     */\n    withOvertime: boolean\n    /** Whether the employee has a direct-deposit bank account set up. */\n    hasDirectDepositSetup: boolean\n    /**\n     * Committed reimbursement rows to render in a table, present only when\n     * reimbursement controls are exposed. Seeded from the employee's existing\n     * reimbursements and appended to as drafts are saved. Remove a row via\n     * `actions.removeReimbursement(row.index)`.\n     */\n    reimbursements?: ReimbursementRow[]\n  }\n  /** Submission status. `mode` is always `'update'` since the payroll already exists. */\n  status: { isPending: boolean; mode: 'update' }\n  /** Form actions. */\n  actions: {\n    /** Validates and submits the form, resolving to the updated prepared payroll on success or `undefined` when validation blocked the submit. */\n    onSubmit: () => Promise<HookSubmitResult<PayrollPrepared> | undefined>\n    /**\n     * Sets `data.withOvertime` to `true`, switching the whole form to the\n     * workweek split: un-hides Overtime/Double-overtime rows and splits hours\n     * and overtime-affecting earnings into per-workweek columns. Populates\n     * only the first workweek cell of each line with that line's current\n     * total, leaving every other cell blank — no auto distribution — so the\n     * per-row validation then requires the user to fill in the rest. One\n     * affordance for the whole employee, not one per job. One-directional —\n     * there's no corresponding \"remove overtime\" action.\n     */\n    addOvertime: () => void\n    /** Reveals the draft reimbursement row. Present only when reimbursement controls are exposed. */\n    beginAddReimbursement?: () => void\n    /** Validates the draft and commits it to the reimbursement list, or flags the draft amount if invalid. Present only when reimbursement controls are exposed. */\n    saveReimbursement?: () => void\n    /** Discards the draft reimbursement row. Present only when reimbursement controls are exposed. */\n    cancelReimbursement?: () => void\n    /** Removes the committed reimbursement row at `index` (zeroing existing rows so the update clears them). Present only when reimbursement controls are exposed. */\n    removeReimbursement?: (index: number) => void\n  }\n  /** Form internals plus the reimbursement draft state. */\n  form: BaseFormHookReady<\n    PayrollEditEmployeeFieldsMetadata,\n    PayrollEditEmployeeFormData,\n    PayrollEditEmployeeFields\n  >['form'] & {\n    /** Draft reimbursement state, present only when reimbursement controls are exposed. */\n    reimbursementDraft?: { isAdding: boolean }\n  }\n}\n\n/**\n * Discriminated union returned by {@link usePayrollEditEmployeeForm}. Loading\n * branch carries only `errorHandling`; ready branch carries form data, fields,\n * status, and actions.\n *\n * @public\n */\nexport type UsePayrollEditEmployeeFormResult = HookLoadingResult | UsePayrollEditEmployeeFormReady\n\n/**\n * Headless form hook for editing a single employee's compensation within a\n * payroll run, built for regular-rate-of-pay (RRoP) support.\n *\n * @remarks\n * Prepares the payroll for the target employee, then exposes a workweek-keyed\n * form whose submit builds a `PayrollUpdate`. Single-workweek pay periods send\n * totals without `breakdowns`; multi-workweek pay periods send `breakdowns` per\n * line once that line's every workweek cell is filled. Overtime-eligible\n * (nonexempt) employees split hours and overtime-affecting earnings per\n * workweek while the single `data.withOvertime` flag is on (see\n * `actions.addOvertime`); everyone else, and every line while `withOvertime` is\n * off, edits flat totals.\n *\n * @param props - Hook options.\n * @returns A loading result while data is fetching, or a ready result with data,\n * fields, status, actions, and error handling.\n * @public\n */\nexport function usePayrollEditEmployeeForm({\n  employeeId,\n  companyId,\n  payrollId,\n  withReimbursements = true,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n  errorMessages,\n}: UsePayrollEditEmployeeFormProps): UsePayrollEditEmployeeFormResult {\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const { data: earningTypesData } = useEarningTypesListSuspense({ companyId })\n  const { data: payrollData } = usePayrollsGetSuspense({ companyId, payrollId })\n  const isTransitionPayroll =\n    derivePayrollCategory(payrollData.payrollShow ?? {}) === PayrollCategory.Transition\n\n  const queryClient = useQueryClient()\n  const { mutateAsync: preparePayroll } = usePayrollsPrepareMutation()\n  const { mutateAsync: updatePayroll, isPending } = usePayrollsUpdateMutation()\n\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const [prepareError, setPrepareError] = useState<Error | null>(null)\n  const hasFiredRef = useRef(false)\n\n  const executePrepare = useCallback(async () => {\n    setPrepareError(null)\n    try {\n      const result = await retryAsync(\n        () =>\n          preparePayroll({\n            request: {\n              companyId,\n              payrollId,\n              requestBody: { employeeUuids: isTransitionPayroll ? undefined : [employeeId] },\n            },\n          }),\n        {\n          maxAttempts: PREPARE_MAX_ATTEMPTS,\n          delayMs: PREPARE_RETRY_DELAY_MS,\n          shouldRetry: isPayrollBeingProcessedError,\n        },\n      )\n      setPreparedPayroll(result.payrollPrepared)\n    } catch (error) {\n      setPrepareError(error as Error)\n    }\n  }, [companyId, payrollId, employeeId, preparePayroll, isTransitionPayroll])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void executePrepare()\n  }, [executePrepare])\n\n  const payScheduleQuery = usePaySchedulesGet(\n    { companyId, payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid ?? '' },\n    { enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid },\n  )\n\n  const employee = employeeData.employeeShow\n  const employeeCompensation = preparedPayroll?.employeeCompensations?.find(\n    comp => comp.employeeUuid === employeeId,\n  )\n  const payrollCategory = derivePayrollCategory(preparedPayroll ?? {})\n  const hasDirectDepositSetup = (bankAccountsList.employeeBankAccounts?.length ?? 0) > 0\n\n  // Only normalize once the payroll is prepared: normalizeWorkweeks throws on a\n  // payroll with neither workweeks nor a pay period, and before prepare resolves\n  // both are legitimately absent (still loading, not malformed).\n  const workweeks = useMemo(\n    () =>\n      preparedPayroll\n        ? normalizeWorkweeks(preparedPayroll.workweeks, preparedPayroll.payPeriod)\n        : [],\n    [preparedPayroll],\n  )\n\n  const overtimeEarningNames = useMemo(\n    () => collectOvertimeEarningNames(earningTypesData.earningTypeList),\n    [earningTypesData.earningTypeList],\n  )\n\n  // Source of truth for the employee's FLSA status: prefer the prepared\n  // compensation's hourly lines (the same data the fields are built from, so the\n  // gate and the rendered lines always agree), falling back to the employee's\n  // primary-job compensation. Unknown status is treated as not overtime-eligible.\n  const flsaStatus = useMemo(() => {\n    const fromCompensation = employeeCompensation?.hourlyCompensations?.find(\n      compensation => compensation.flsaStatus,\n    )?.flsaStatus\n    if (fromCompensation) return fromCompensation\n    const primaryJob = employee?.jobs?.find(job => job.primary)\n    return primaryJob?.compensations?.[0]?.flsaStatus\n  }, [employeeCompensation, employee])\n  const isOvertimeEligible = isOvertimeEligibleFlsaStatus(flsaStatus)\n\n  // Starts on when the employee already has real overtime hours, or already has\n  // per-workweek breakdowns matching the current pay period's workweeks (nothing\n  // to hide either way), otherwise starts off until the user opts in via\n  // `actions.addOvertime`. One-directional: there's no \"remove overtime\" action.\n  const [withOvertimeSetByUser, setWithOvertimeSetByUser] = useState(false)\n  const withOvertime =\n    withOvertimeSetByUser ||\n    hasExistingOvertimeHours(employeeCompensation?.hourlyCompensations) ||\n    hasBreakdownsMatchingWorkweeks(employeeCompensation?.hourlyCompensations, workweeks)\n\n  const primaryJobUuid = useMemo(() => employee?.jobs?.find(job => job.primary)?.uuid, [employee])\n\n  // Seed a blank input for every payroll fixed-compensation type (like the stable\n  // editor), then let the field/defaults builders split them into additional\n  // earnings vs `overtimeExcludedEarnings` by overtime inclusion. Without this, an employee whose\n  // prepared payroll carries no fixed compensations shows no earnings inputs.\n  const resolvedFixedCompensations = useMemo(\n    () =>\n      resolveEditableFixedCompensations(\n        employeeCompensation?.fixedCompensations,\n        preparedPayroll?.fixedCompensationTypes,\n        primaryJobUuid,\n        flsaStatus,\n      ),\n    [employeeCompensation, preparedPayroll?.fixedCompensationTypes, primaryJobUuid, flsaStatus],\n  )\n\n  const jobTitlesByUuid = useMemo(() => {\n    const titles = new Map<string, string>()\n    for (const job of employee?.jobs ?? []) {\n      if (job.uuid && job.title) titles.set(job.uuid, job.title)\n    }\n    return titles\n  }, [employee])\n\n  // Accrual balance per time-off policy, owned by the hook (rather than looked\n  // up in the consumer) so the time-off field can render its own live remaining\n  // balance.\n  const timeOffAccrualByName = useMemo(() => {\n    const balances = new Map<string, string>()\n    for (const policy of employee?.eligiblePaidTimeOff ?? []) {\n      if (policy.name && policy.accrualBalance != null) {\n        balances.set(policy.name, policy.accrualBalance)\n      }\n    }\n    return balances\n  }, [employee])\n\n  const schema = useMemo(() => createPayrollEditEmployeeSchema(), [])\n\n  const resolvedDefaults = useMemo(\n    () =>\n      derivePayrollEditEmployeeDefaults(\n        employeeCompensation,\n        workweeks,\n        hasDirectDepositSetup,\n        overtimeEarningNames,\n        isOvertimeEligible,\n        withOvertime,\n        resolvedFixedCompensations,\n      ),\n    [\n      employeeCompensation,\n      workweeks,\n      hasDirectDepositSetup,\n      overtimeEarningNames,\n      isOvertimeEligible,\n      withOvertime,\n      resolvedFixedCompensations,\n    ],\n  )\n\n  const formMethods = useForm<PayrollEditEmployeeFormData, unknown, PayrollEditEmployeeFormOutputs>(\n    {\n      resolver: zodResolver(schema),\n      mode: validationMode,\n      shouldFocusError,\n      defaultValues: resolvedDefaults,\n      values: resolvedDefaults,\n      resetOptions: { keepDirtyValues: true },\n    },\n  )\n\n  // Watched so each `Fields.timeOff[i].remaining` stays live as the user edits\n  // hours. The whole form re-renders on keystroke regardless of who owns this\n  // watch, so there's no cost to owning it here rather than in a per-row\n  // subcomponent.\n  const watchedTimeOff = useWatch({ control: formMethods.control, name: 'timeOff' })\n\n  // Off-cycle payrolls write reimbursements via the legacy fixed-compensation path\n  // (the itemized array is rejected server-side), so itemized reimbursement controls\n  // are exposed only for regular payrolls and only when the partner opts in.\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n  const showReimbursements = withReimbursements && usesItemizedReimbursements\n\n  const {\n    fields: reimbursementArrayFields,\n    append: appendReimbursement,\n    remove: removeReimbursementRow,\n    update: updateReimbursementRow,\n  } = useFieldArray({\n    control: formMethods.control,\n    name: 'reimbursements',\n  })\n\n  const [isAddingReimbursement, setIsAddingReimbursement] = useState(false)\n\n  const reimbursementDraftFields = useMemo<ReimbursementDraftFields>(\n    () => createReimbursementDraftFields(errorMessages),\n    [errorMessages],\n  )\n\n  // Committed rows for the consumer's table. A removed existing row (one with a\n  // uuid) is zeroed rather than dropped so the update still clears it server-side;\n  // those zero-amount rows are filtered out of the visible list but remain in the\n  // form array for submit.\n  const reimbursementRows = useMemo<ReimbursementRow[]>(\n    () =>\n      reimbursementArrayFields\n        .map((field, index) => ({\n          key: field.id,\n          index,\n          uuid: field.uuid ?? undefined,\n          description: field.description,\n          amount: field.amount,\n          recurring: field.recurring ?? false,\n        }))\n        .filter(row => parseFloat(row.amount || '0') !== 0),\n    [reimbursementArrayFields],\n  )\n\n  const beginAddReimbursement = useCallback(() => {\n    setIsAddingReimbursement(true)\n  }, [])\n\n  const cancelReimbursement = useCallback(() => {\n    formMethods.setValue('reimbursementDraft', { description: '', amount: '' })\n    formMethods.clearErrors('reimbursementDraft')\n    setIsAddingReimbursement(false)\n  }, [formMethods])\n\n  const saveReimbursement = useCallback(() => {\n    const draft = formMethods.getValues('reimbursementDraft')\n    const result = reimbursementDraftSchema.safeParse(draft)\n    if (!result.success) {\n      // The error code is a fallback; the field renders the consumer-supplied\n      // `errorMessage` prop when present (see useField), so the copy is theirs to set.\n      formMethods.setError('reimbursementDraft.amount', {\n        message: PayrollEditEmployeeErrorCodes.REIMBURSEMENT_AMOUNT,\n      })\n      return\n    }\n    appendReimbursement({\n      uuid: null,\n      description: result.data.description.trim(),\n      amount: parseFloat(result.data.amount).toFixed(2),\n      recurring: false,\n    })\n    formMethods.setValue('reimbursementDraft', { description: '', amount: '' })\n    formMethods.clearErrors('reimbursementDraft')\n    setIsAddingReimbursement(false)\n  }, [appendReimbursement, formMethods])\n\n  const removeReimbursement = useCallback(\n    (index: number) => {\n      const field = reimbursementArrayFields[index]\n      if (!field) return\n      if (field.uuid) {\n        updateReimbursementRow(index, { ...field, amount: '0' })\n      } else {\n        removeReimbursementRow(index)\n      }\n    },\n    [reimbursementArrayFields, removeReimbursementRow, updateReimbursementRow],\n  )\n\n  const fields = useMemo(\n    () =>\n      createPayrollEditEmployeeFields({\n        employeeCompensation,\n        fixedCompensations: resolvedFixedCompensations,\n        workweeks,\n        payrollCategory,\n        hasDirectDepositSetup,\n        overtimeEarningNames,\n        isOvertimeEligible,\n        withOvertime,\n        jobTitlesByUuid,\n        timeOffAccrualByName,\n        errorMessages,\n      }),\n    [\n      employeeCompensation,\n      resolvedFixedCompensations,\n      workweeks,\n      payrollCategory,\n      hasDirectDepositSetup,\n      overtimeEarningNames,\n      isOvertimeEligible,\n      withOvertime,\n      jobTitlesByUuid,\n      timeOffAccrualByName,\n      errorMessages,\n    ],\n  )\n\n  // Overlay the live remaining balance onto each time-off entry every render, so\n  // it tracks the watched entered values without rebuilding (and remounting) the\n  // bound field components the `fields` memo owns.\n  const timeOffFields = useMemo(\n    () =>\n      fields.timeOff.map(entry => ({\n        ...entry,\n        remaining: computeTimeOffRemaining(\n          timeOffAccrualByName.get(entry.name),\n          watchedTimeOff[entry.name],\n        ),\n      })),\n    [fields.timeOff, timeOffAccrualByName, watchedTimeOff],\n  )\n\n  // Re-derives with `withOvertime` forced `true` and pushes the result straight\n  // into the form: every line's first workweek cell gets that line's current\n  // total, every other cell is left blank (never auto-distributed — see\n  // `derivePayrollEditEmployeeDefaults`/`buildWeekMap`). The per-row validation\n  // then requires the user to fill in the rest before they can submit.\n  // `setValue` (not `resetField`) is used so this overwrites even a value the\n  // user already typed into the collapsed input. Plain function (not memoized):\n  // it only runs on a user click, and its inputs are recomputed each render, so\n  // a `useCallback` here would never actually hold a stable reference.\n  const addOvertime = () => {\n    setWithOvertimeSetByUser(true)\n    const revealedDefaults = derivePayrollEditEmployeeDefaults(\n      employeeCompensation,\n      workweeks,\n      hasDirectDepositSetup,\n      overtimeEarningNames,\n      isOvertimeEligible,\n      true,\n      resolvedFixedCompensations,\n    )\n    // Keep the user's edited collapsed value on the first workweek cell rather\n    // than the seeded API total.\n    const firstWeekStart = workweeks[0]?.startDate ?? ''\n    const currentValues = formMethods.getValues()\n    const overlayLiveFirstWeek = (\n      revealed: PayrollEditEmployeeFormData['hours'],\n      live: PayrollEditEmployeeFormData['hours'] | undefined,\n    ) => {\n      for (const [jobUuid, names] of Object.entries(revealed)) {\n        for (const [name, weekMap] of Object.entries(names)) {\n          const liveValue = live?.[jobUuid]?.[name]?.[firstWeekStart]\n          if (liveValue !== undefined) weekMap[firstWeekStart] = liveValue\n        }\n      }\n      return revealed\n    }\n    // `shouldDirty` so the form's `values`-prop reset (triggered by flipping\n    // `withOvertimeSetByUser`) keeps these via `keepDirtyValues`.\n    formMethods.setValue(\n      'hours',\n      overlayLiveFirstWeek(revealedDefaults.hours, currentValues.hours),\n      { shouldDirty: true },\n    )\n    formMethods.setValue(\n      'overtimeIncludedEarnings',\n      overlayLiveFirstWeek(\n        revealedDefaults.overtimeIncludedEarnings,\n        currentValues.overtimeIncludedEarnings,\n      ),\n      { shouldDirty: true },\n    )\n  }\n  const fieldsMetadata = useMemo<PayrollEditEmployeeFieldsMetadata>(\n    () => ({\n      paymentMethod: withOptions(\n        { name: 'paymentMethod' },\n        PAYMENT_METHOD_OPTIONS,\n        PAYMENT_METHOD_VALUES,\n      ),\n    }),\n    [],\n  )\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PayrollEditEmployeeForm')\n\n  const prepareQuerySource: QueryWithRefetch = {\n    error: prepareError,\n    refetch: (() => executePrepare()) as unknown as QueryWithRefetch['refetch'],\n  }\n\n  const errorHandling = composeErrorHandler([prepareQuerySource, payScheduleQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const onSubmit = async (): Promise<HookSubmitResult<PayrollPrepared> | undefined> => {\n    let submitResult: HookSubmitResult<PayrollPrepared> | undefined\n\n    // A workweek input that loaded with a value and was cleared by the user\n    // submits an explicit `0` for that cell. Writing the `0` into form state\n    // before validation lets the existing per-row check and submit builder run\n    // unchanged: the cell is now filled rather than blank. Cells that were blank\n    // at load stay blank (and keep validating as required in a touched row).\n    const cleared = zeroFillClearedWorkweekCells(formMethods.getValues(), resolvedDefaults)\n    if (cleared.hours) {\n      formMethods.setValue('hours', cleared.hours, { shouldDirty: true })\n    }\n    if (cleared.overtimeIncludedEarnings) {\n      formMethods.setValue('overtimeIncludedEarnings', cleared.overtimeIncludedEarnings, {\n        shouldDirty: true,\n      })\n    }\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async data => {\n          await baseSubmitHandler(data, async payload => {\n            const compensation = buildPayrollUpdateEmployeeCompensation(\n              payload,\n              employeeCompensation,\n              workweeks,\n              payrollCategory,\n              isOvertimeEligible,\n              withOvertime,\n            )\n\n            const response = await updatePayroll({\n              request: {\n                companyId,\n                payrollId,\n                payrollUpdate: { employeeCompensations: [compensation] },\n              },\n            })\n\n            const updated = response.payrollPrepared\n            if (!updated) {\n              throw new SDKInternalError('Payroll update did not return a prepared payroll')\n            }\n\n            setPreparedPayroll(updated)\n\n            // The payroll configuration surface caches its prepared payroll under a hand-written\n            // key, which the global SDK auto-invalidation (namespaced to @gusto/embedded-api\n            // queries only) does not touch. Invalidate it explicitly so configuration reflects\n            // this edit without a manual refresh.\n            await queryClient.invalidateQueries({\n              queryKey: [PREPARE_QUERY_KEY, payrollId],\n            })\n\n            submitResult = { mode: 'update', data: updated }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  if (!preparedPayroll || !employee) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      employee,\n      employeeCompensation,\n      preparedPayroll,\n      paySchedule: payScheduleQuery.data?.payScheduleShow,\n      isMultipleWorkweeks: workweeks.length > 1,\n      workweeks,\n      isOvertimeEligible,\n      withOvertime,\n      hasDirectDepositSetup,\n      ...(showReimbursements ? { reimbursements: reimbursementRows } : {}),\n    },\n    status: { isPending, mode: 'update' as const },\n    actions: {\n      onSubmit,\n      addOvertime,\n      ...(showReimbursements\n        ? {\n            beginAddReimbursement,\n            saveReimbursement,\n            cancelReimbursement,\n            removeReimbursement,\n          }\n        : {}),\n    },\n    errorHandling,\n    form: {\n      Fields: {\n        ...fields,\n        timeOff: timeOffFields,\n        reimbursementDraft: showReimbursements ? reimbursementDraftFields : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n      ...(showReimbursements ? { reimbursementDraft: { isAdding: isAddingReimbursement } } : {}),\n    },\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","issue","usePayrollEditEmployeeForm","employeeId","companyId","payrollId","withReimbursements","validationMode","shouldFocusError","errorMessages","employeeData","useEmployeesGetSuspense","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","earningTypesData","useEarningTypesListSuspense","payrollData","usePayrollsGetSuspense","isTransitionPayroll","derivePayrollCategory","PayrollCategory","queryClient","useQueryClient","preparePayroll","usePayrollsPrepareMutation","updatePayroll","isPending","usePayrollsUpdateMutation","preparedPayroll","setPreparedPayroll","useState","prepareError","setPrepareError","hasFiredRef","useRef","executePrepare","useCallback","result","retryAsync","useEffect","payScheduleQuery","usePaySchedulesGet","employee","employeeCompensation","comp","payrollCategory","hasDirectDepositSetup","workweeks","useMemo","normalizeWorkweeks","overtimeEarningNames","collectOvertimeEarningNames","flsaStatus","fromCompensation","compensation","job","isOvertimeEligible","isOvertimeEligibleFlsaStatus","withOvertimeSetByUser","setWithOvertimeSetByUser","withOvertime","hasExistingOvertimeHours","hasBreakdownsMatchingWorkweeks","primaryJobUuid","resolvedFixedCompensations","resolveEditableFixedCompensations","jobTitlesByUuid","titles","timeOffAccrualByName","balances","policy","schema","createPayrollEditEmployeeSchema","resolvedDefaults","derivePayrollEditEmployeeDefaults","formMethods","useForm","zodResolver","watchedTimeOff","useWatch","usesItemizedReimbursements","isOffCyclePayroll","showReimbursements","reimbursementArrayFields","appendReimbursement","removeReimbursementRow","updateReimbursementRow","useFieldArray","isAddingReimbursement","setIsAddingReimbursement","reimbursementDraftFields","createReimbursementDraftFields","reimbursementRows","field","index","row","beginAddReimbursement","cancelReimbursement","saveReimbursement","draft","reimbursementDraftSchema","PayrollEditEmployeeErrorCodes","removeReimbursement","fields","createPayrollEditEmployeeFields","timeOffFields","entry","computeTimeOffRemaining","addOvertime","revealedDefaults","firstWeekStart","currentValues","overlayLiveFirstWeek","revealed","live","jobUuid","names","name","weekMap","liveValue","fieldsMetadata","withOptions","PAYMENT_METHOD_OPTIONS","PAYMENT_METHOD_VALUES","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","hookFormInternals","useHookFormInternals","onSubmit","submitResult","cleared","zeroFillClearedWorkweekCells","resolve","data","payload","buildPayrollUpdateEmployeeCompensation","updated","SDKInternalError","PREPARE_QUERY_KEY","createGetFormSubmissionValues"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePayrollsList } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n  QueryParamSortOrder as SortOrder,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent, BaseLayout } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for the {@link PayrollHistory} component.\n *\n * @public\n */\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  /** Identifier of the company whose processed payrolls should be listed. */\n  companyId: string\n}\n\n/**\n * Displays historical payroll records with filtering and management capabilities.\n *\n * @remarks\n * Lists processed regular, off-cycle, and external payrolls for a company and supports filtering by\n * pay period, viewing payroll summaries and receipts, and cancelling processed payrolls when they\n * remain within the cancellation window. Each row shows the pay period, payroll type, pay date,\n * status, and total pay amount.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/summary/viewed` | User views a payroll summary | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/receipt/viewed` | User views a payroll receipt | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/cancelled` | A payroll is cancelled | `{ payrollId: string; result: PayrollsCancelResponse }` |\n *\n * @param props - See {@link PayrollHistoryProps}.\n * @returns The rendered payroll history view.\n * @public\n */\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst DEFAULT_LOOKBACK_MONTHS = 6\nconst DEFAULT_LOOKAHEAD_MONTHS = 3\n\nconst getDefaultStartDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() - DEFAULT_LOOKBACK_MONTHS)\n  return date\n}\n\nconst getDefaultEndDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() + DEFAULT_LOOKAHEAD_MONTHS)\n  return date\n}\n\nconst Root = ({\n  onEvent,\n  companyId,\n  dictionary,\n  LoaderComponent,\n  className,\n}: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n\n  const dateRangeFilter = useDateRangeFilter({\n    initialStartDate: getDefaultStartDate(),\n    initialEndDate: getDefaultEndDate(),\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData, isFetching } = usePayrollsList(\n    {\n      companyId,\n      processingStatuses: [ProcessingStatuses.Processed],\n      payrollTypes: [QueryParamPayrollTypes.Regular, QueryParamPayrollTypes.OffCycle],\n      includeOffCycle: true,\n      include: ['totals', 'payroll_status_meta'],\n      sortOrder: SortOrder.Desc,\n      startDate: dateFilterParams.startDate,\n      endDate: dateFilterParams.endDate,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData, throwOnError: true },\n  )\n\n  const payrollHistory = payrollsData?.payrollList || []\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  if (!payrollsData) {\n    return <BaseLayout isLoading LoaderComponent={LoaderComponent} />\n  }\n\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers, isFetching)\n\n  return (\n    <PayrollHistoryPresentation\n      className={className}\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      pagination={paginationProps}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n      dateRangeFilter={dateRangeFilter}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","DEFAULT_LOOKBACK_MONTHS","DEFAULT_LOOKAHEAD_MONTHS","getDefaultStartDate","date","getDefaultEndDate","onEvent","companyId","dictionary","LoaderComponent","className","useComponentDictionary","useI18n","cancelDialogItem","setCancelDialogItem","useState","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","isFetching","usePayrollsList","ProcessingStatuses","QueryParamPayrollTypes","SortOrder","keepPreviousData","payrollHistory","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","handleViewSummary","payrollId","startDate","endDate","componentEvents","handleViewReceipt","handleCancelPayroll","item","id","result","BaseLayout","paginationProps","PayrollHistoryPresentation"],"mappings":"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"}
+{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePayrollsList } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n  QueryParamSortOrder as SortOrder,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent, BaseLayout } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for the {@link PayrollHistory} component.\n *\n * @public\n */\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  /** Identifier of the company whose processed payrolls should be listed. */\n  companyId: string\n}\n\n/**\n * Displays historical payroll records with filtering and management capabilities.\n *\n * @remarks\n * Lists processed regular, off-cycle, and external payrolls for a company and supports filtering by\n * pay period, viewing payroll summaries and receipts, and cancelling processed payrolls when they\n * remain within the cancellation window. Each row shows the pay period, payroll type, pay date,\n * status, and total pay amount.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/summary/viewed` | User views a payroll summary | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/receipt/viewed` | User views a payroll receipt | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/cancelled` | A payroll is cancelled | `{ payrollId: string; result: PayrollsCancelResponse }` |\n *\n * @param props - See {@link PayrollHistoryProps}.\n * @returns The rendered payroll history view.\n * @public\n */\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst DEFAULT_LOOKBACK_MONTHS = 6\nconst DEFAULT_LOOKAHEAD_MONTHS = 3\n\nconst getDefaultStartDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() - DEFAULT_LOOKBACK_MONTHS)\n  return date\n}\n\nconst getDefaultEndDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() + DEFAULT_LOOKAHEAD_MONTHS)\n  return date\n}\n\nconst Root = ({\n  onEvent,\n  companyId,\n  dictionary,\n  LoaderComponent,\n  className,\n}: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n\n  const dateRangeFilter = useDateRangeFilter({\n    initialStartDate: getDefaultStartDate(),\n    initialEndDate: getDefaultEndDate(),\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData, isFetching } = usePayrollsList(\n    {\n      companyId,\n      processingStatuses: [ProcessingStatuses.Processed],\n      payrollTypes: [QueryParamPayrollTypes.Regular, QueryParamPayrollTypes.OffCycle],\n      includeOffCycle: true,\n      include: ['totals', 'payroll_status_meta'],\n      sortOrder: SortOrder.Desc,\n      startDate: dateFilterParams.startDate,\n      endDate: dateFilterParams.endDate,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData, throwOnError: true },\n  )\n\n  const payrollHistory = payrollsData?.payrollList || []\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  if (!payrollsData) {\n    return <BaseLayout isLoading LoaderComponent={LoaderComponent} />\n  }\n\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers, isFetching)\n\n  return (\n    <PayrollHistoryPresentation\n      className={className}\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      pagination={paginationProps}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n      dateRangeFilter={dateRangeFilter}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","DEFAULT_LOOKBACK_MONTHS","DEFAULT_LOOKAHEAD_MONTHS","getDefaultStartDate","date","getDefaultEndDate","onEvent","companyId","dictionary","LoaderComponent","className","useComponentDictionary","useI18n","cancelDialogItem","setCancelDialogItem","useState","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","isFetching","usePayrollsList","ProcessingStatuses","QueryParamPayrollTypes","SortOrder","keepPreviousData","payrollHistory","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","handleViewSummary","payrollId","startDate","endDate","componentEvents","handleViewReceipt","handleCancelPayroll","item","id","result","BaseLayout","paginationProps","PayrollHistoryPresentation"],"mappings":"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"}

package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js

@@ -1,62 +1,47 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useTranslation as H } from "react-i18next";
-import { getPayPeriodOrCheckDateLabel as u, getPayrollTypeLabel as U, calculateTotalPayroll as j, canCancelPayroll as O } from "../helpers.js";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useTranslation as A } from "react-i18next";
+import { getPayPeriodOrCheckDateLabel as p, getPayrollTypeLabel as w, calculateTotalPayroll as M, getCancelDeadlineValues as T, canCancelPayroll as E } from "../helpers.js";
 import { Flex as c } from "../../Common/Flex/Flex.js";
-import { EmptyData as y } from "../../Common/EmptyData/EmptyData.js";
-import { HamburgerMenu as N } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { DateRangeFilter as I } from "../../Common/DateRangeFilter/DateRangeFilter.js";
-import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatNumberAsCurrency as Y } from "../../../helpers/formattedStrings.js";
-import { useI18n as Z } from "../../../i18n/I18n.js";
-import { useDateFormatter as $ } from "../../../hooks/useDateFormatter.js";
-import q from "../../../assets/icons/trashcan.svg.js";
-import B from "../../../assets/icons/icon-file-outline.svg.js";
+import { EmptyData as u } from "../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as H } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { DateRangeFilter as j } from "../../Common/DateRangeFilter/DateRangeFilter.js";
+import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatNumberAsCurrency as U } from "../../../helpers/formattedStrings.js";
+import { useI18n as V } from "../../../i18n/I18n.js";
+import { useDateFormatter as q } from "../../../hooks/useDateFormatter.js";
+import B from "../../../assets/icons/trashcan.svg.js";
+import N from "../../../assets/icons/icon-file-outline.svg.js";
 import W from "../../../assets/icons/icon-receipt-outline.svg.js";
-import { PayrollStatusBadges as _ } from "../PayrollStatusBadges/PayrollStatusBadges.js";
+import { PayrollStatusBadges as Y } from "../PayrollStatusBadges/PayrollStatusBadges.js";
 import { DataView as z } from "../../Common/DataView/DataView.js";
-const me = ({
-  className: D,
-  payrollHistory: f,
-  wireInRequests: h,
+const oe = ({
+  className: y,
+  payrollHistory: D,
+  wireInRequests: f,
   pagination: s,
-  onViewSummary: P,
+  onViewSummary: h,
   onViewReceipt: C,
-  onCancelPayroll: b,
-  cancelDialogItem: a,
-  onCancelDialogOpen: S,
+  onCancelPayroll: P,
+  cancelDialogItem: r,
+  onCancelDialogOpen: b,
   onCancelDialogClose: g,
-  isLoading: F = !1,
-  dateRangeFilter: o
+  isLoading: S = !1,
+  dateRangeFilter: i
 }) => {
-  const { Heading: L, Text: m, Dialog: v } = V();
-  Z("Payroll.PayrollHistory");
-  const { t: e } = H("Payroll.PayrollHistory"), l = $(), w = (t) => {
-    const i = t.payrollDeadline;
-    if (!i) return "";
-    const n = new Date(i), p = "America/New_York", T = new Intl.DateTimeFormat("en-US", {
-      weekday: "short",
-      month: "short",
-      day: "numeric",
-      timeZone: p
-    }), M = new Intl.DateTimeFormat("en-US", {
-      hour: "numeric",
-      minute: "2-digit",
-      timeZoneName: "short",
-      timeZone: p
-    }), E = T.format(n);
-    return `${M.format(n)} on ${E}`;
-  }, x = (t) => {
-    S(t);
-  }, k = () => {
-    a && b(a);
-  }, A = (t) => {
-    const i = t.payrollUuid || t.uuid, n = [
+  const { Heading: L, Text: m, Dialog: v } = O();
+  V("Payroll.PayrollHistory");
+  const { t: e } = A("Payroll.PayrollHistory"), l = q(), x = (t) => {
+    b(t);
+  }, F = () => {
+    r && P(r);
+  }, k = (t) => {
+    const o = t.payrollUuid || t.uuid, n = [
       {
         label: e("menu.viewSummary"),
-        icon: /* @__PURE__ */ r(B, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ a(N, { "aria-hidden": !0 }),
         onClick: () => {
-          P(
-            i,
+          h(
+            o,
             t.payPeriod?.startDate ?? void 0,
             t.payPeriod?.endDate ?? void 0
           );
@@ -64,62 +49,62 @@ const me = ({
       },
       {
         label: e("menu.viewReceipt"),
-        icon: /* @__PURE__ */ r(W, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ a(W, { "aria-hidden": !0 }),
         onClick: () => {
           C(
-            i,
+            o,
             t.payPeriod?.startDate ?? void 0,
             t.payPeriod?.endDate ?? void 0
           );
         }
       }
     ];
-    return O(t) && n.push({
+    return E(t) && n.push({
       label: e("menu.cancelPayroll"),
-      icon: /* @__PURE__ */ r(q, { "aria-hidden": !0 }),
+      icon: /* @__PURE__ */ a(B, { "aria-hidden": !0 }),
       onClick: () => {
         x(t);
       },
       "data-destructive": "true"
     }), n;
   };
-  return /* @__PURE__ */ d(c, { className: D, flexDirection: "column", gap: 16, children: [
+  return /* @__PURE__ */ d(c, { className: y, flexDirection: "column", gap: 16, children: [
     /* @__PURE__ */ d(c, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ r(L, { as: "h2", children: e("title") }),
-      /* @__PURE__ */ r(
-        I,
+      /* @__PURE__ */ a(L, { as: "h2", children: e("title") }),
+      /* @__PURE__ */ a(
+        j,
         {
-          startDate: o.startDate,
-          endDate: o.endDate,
-          onStartDateChange: o.handleStartDateChange,
-          onEndDateChange: o.handleEndDateChange,
-          onClear: o.handleClearFilter,
+          startDate: i.startDate,
+          endDate: i.endDate,
+          onStartDateChange: i.handleStartDateChange,
+          onEndDateChange: i.handleEndDateChange,
+          onClear: i.handleClearFilter,
           startDateLabel: e("dateFilter.startDate"),
           endDateLabel: e("dateFilter.endDate"),
           applyLabel: e("dateFilter.apply"),
           cancelLabel: e("dateFilter.cancel"),
           resetLabel: e("dateFilter.reset"),
           selectDatesLabel: e("dateFilter.selectDates"),
-          triggerLabel: e("dateFilter.trigger"),
-          maxEndDate: o.getMaxEndDate(),
-          minStartDate: o.getMinStartDate()
+          getTriggerLabel: (t) => e("dateFilter.triggerLabel", { selection: t }),
+          maxEndDate: i.getMaxEndDate(),
+          minStartDate: i.getMinStartDate()
         }
       )
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a(
       z,
       {
         label: e("dataView.label"),
         pagination: s,
         isFetching: s.isFetching,
-        emptyState: () => o.isModified ? /* @__PURE__ */ r(
-          y,
+        emptyState: () => i.isModified ? /* @__PURE__ */ a(
+          u,
           {
             title: e("emptyState.filtered.title"),
             description: e("emptyState.filtered.description")
           }
-        ) : /* @__PURE__ */ r(
-          y,
+        ) : /* @__PURE__ */ a(
+          u,
           {
             title: e("emptyState.default.title"),
             description: e("emptyState.default.description")
@@ -128,11 +113,11 @@ const me = ({
         columns: [
           {
             title: e("columns.payPeriod"),
-            render: (t) => u(t, l)
+            render: (t) => p(t, l)
           },
           {
             title: e("columns.type"),
-            render: (t) => U(t)
+            render: (t) => w(t)
           },
           {
             title: e("columns.payDate"),
@@ -141,46 +126,47 @@ const me = ({
           {
             title: e("columns.status"),
             render: (t) => {
-              const i = h.find(
+              const o = f.find(
                 (n) => n.paymentUuid === t.payrollUuid
               );
-              return /* @__PURE__ */ r(_, { payroll: t, wireInRequest: i });
+              return /* @__PURE__ */ a(Y, { payroll: t, wireInRequest: o });
             }
           },
           {
             title: e("columns.totalPayroll"),
             justify: "end",
-            render: (t) => Y(j(t))
+            render: (t) => U(M(t))
           }
         ],
-        data: f,
-        itemMenu: (t) => /* @__PURE__ */ r(N, { items: A(t) })
+        data: D,
+        itemMenu: (t) => /* @__PURE__ */ a(H, { items: k(t) })
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a(
       v,
       {
-        isOpen: !!a,
+        isOpen: !!r,
         onClose: g,
-        onPrimaryActionClick: k,
+        onPrimaryActionClick: F,
         isDestructive: !0,
-        isPrimaryActionLoading: F,
+        isPrimaryActionLoading: S,
         primaryActionLabel: e("cancelDialog.primaryAction"),
         closeActionLabel: e("cancelDialog.secondaryAction"),
-        title: a ? e("cancelDialog.title", {
-          payPeriod: u(a, l)
+        title: r ? e("cancelDialog.title", {
+          payPeriod: p(r, l)
         }) : "",
-        children: a && /* @__PURE__ */ d(c, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ r(m, { children: e("cancelDialog.body") }),
-          a.payrollDeadline && /* @__PURE__ */ r(m, { children: e("cancelDialog.deadline", {
-            deadline: w(a)
-          }) })
+        children: r && /* @__PURE__ */ d(c, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ a(m, { children: e("cancelDialog.body") }),
+          r.payrollDeadline && /* @__PURE__ */ a(m, { children: e(
+            "cancelDialog.deadline",
+            T(r, l)
+          ) })
         ] })
       }
     )
   ] });
 };
 export {
-  me as PayrollHistoryPresentation
+  oe as PayrollHistoryPresentation
 };
 //# sourceMappingURL=PayrollHistoryPresentation.js.map

package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport {\n  getPayrollTypeLabel,\n  calculateTotalPayroll,\n  canCancelPayroll,\n  getPayPeriodOrCheckDateLabel,\n} from '../helpers'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport ReceiptIcon from '@/assets/icons/icon-receipt-outline.svg?react'\nimport { EmptyData } from '@/components/Common/'\n\ninterface PayrollHistoryPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  pagination: PaginationControlProps\n  onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void\n  onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\n/** @internal */\nexport const PayrollHistoryPresentation = ({\n  className,\n  payrollHistory,\n  wireInRequests,\n  pagination,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n  dateRangeFilter,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const formatDeadlineForDialog = (item: Payroll): string => {\n    const deadline = item.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <FileIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(\n            payrollId,\n            item.payPeriod?.startDate ?? undefined,\n            item.payPeriod?.endDate ?? undefined,\n          )\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(\n            payrollId,\n            item.payPeriod?.startDate ?? undefined,\n            item.payPeriod?.endDate ?? undefined,\n          )\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={16}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <DateRangeFilter\n          startDate={dateRangeFilter.startDate}\n          endDate={dateRangeFilter.endDate}\n          onStartDateChange={dateRangeFilter.handleStartDateChange}\n          onEndDateChange={dateRangeFilter.handleEndDateChange}\n          onClear={dateRangeFilter.handleClearFilter}\n          startDateLabel={t('dateFilter.startDate')}\n          endDateLabel={t('dateFilter.endDate')}\n          applyLabel={t('dateFilter.apply')}\n          cancelLabel={t('dateFilter.cancel')}\n          resetLabel={t('dateFilter.reset')}\n          selectDatesLabel={t('dateFilter.selectDates')}\n          triggerLabel={t('dateFilter.trigger')}\n          maxEndDate={dateRangeFilter.getMaxEndDate()}\n          minStartDate={dateRangeFilter.getMinStartDate()}\n        />\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        pagination={pagination}\n        isFetching={pagination.isFetching}\n        emptyState={() =>\n          dateRangeFilter.isModified ? (\n            <EmptyData\n              title={t('emptyState.filtered.title')}\n              description={t('emptyState.filtered.description')}\n            />\n          ) : (\n            <EmptyData\n              title={t('emptyState.default.title')}\n              description={t('emptyState.default.description')}\n            />\n          )\n        }\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) => getPayPeriodOrCheckDateLabel(item, dateFormatter),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => getPayrollTypeLabel(item),\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => dateFormatter.formatShortWithYear(item.checkDate),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            justify: 'end',\n            render: (item: Payroll) => formatNumberAsCurrency(calculateTotalPayroll(item)),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: getPayPeriodOrCheckDateLabel(cancelDialogItem, dateFormatter),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","className","payrollHistory","wireInRequests","pagination","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","dateRangeFilter","Heading","Text","Dialog","useComponentContext","useI18n","t","useTranslation","dateFormatter","useDateFormatter","formatDeadlineForDialog","item","deadline","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","canCancelPayroll","TrashcanIcon","Flex","jsxs","DateRangeFilter","DataView","EmptyData","getPayPeriodOrCheckDateLabel","getPayrollTypeLabel","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport {\n  getPayrollTypeLabel,\n  calculateTotalPayroll,\n  canCancelPayroll,\n  getCancelDeadlineValues,\n  getPayPeriodOrCheckDateLabel,\n} from '../helpers'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport ReceiptIcon from '@/assets/icons/icon-receipt-outline.svg?react'\nimport { EmptyData } from '@/components/Common/'\n\ninterface PayrollHistoryPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  pagination: PaginationControlProps\n  onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void\n  onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\n/** @internal */\nexport const PayrollHistoryPresentation = ({\n  className,\n  payrollHistory,\n  wireInRequests,\n  pagination,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n  dateRangeFilter,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <FileIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(\n            payrollId,\n            item.payPeriod?.startDate ?? undefined,\n            item.payPeriod?.endDate ?? undefined,\n          )\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(\n            payrollId,\n            item.payPeriod?.startDate ?? undefined,\n            item.payPeriod?.endDate ?? undefined,\n          )\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={16}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <DateRangeFilter\n          startDate={dateRangeFilter.startDate}\n          endDate={dateRangeFilter.endDate}\n          onStartDateChange={dateRangeFilter.handleStartDateChange}\n          onEndDateChange={dateRangeFilter.handleEndDateChange}\n          onClear={dateRangeFilter.handleClearFilter}\n          startDateLabel={t('dateFilter.startDate')}\n          endDateLabel={t('dateFilter.endDate')}\n          applyLabel={t('dateFilter.apply')}\n          cancelLabel={t('dateFilter.cancel')}\n          resetLabel={t('dateFilter.reset')}\n          selectDatesLabel={t('dateFilter.selectDates')}\n          getTriggerLabel={selection => t('dateFilter.triggerLabel', { selection })}\n          maxEndDate={dateRangeFilter.getMaxEndDate()}\n          minStartDate={dateRangeFilter.getMinStartDate()}\n        />\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        pagination={pagination}\n        isFetching={pagination.isFetching}\n        emptyState={() =>\n          dateRangeFilter.isModified ? (\n            <EmptyData\n              title={t('emptyState.filtered.title')}\n              description={t('emptyState.filtered.description')}\n            />\n          ) : (\n            <EmptyData\n              title={t('emptyState.default.title')}\n              description={t('emptyState.default.description')}\n            />\n          )\n        }\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) => getPayPeriodOrCheckDateLabel(item, dateFormatter),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => getPayrollTypeLabel(item),\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => dateFormatter.formatShortWithYear(item.checkDate),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            justify: 'end',\n            render: (item: Payroll) => formatNumberAsCurrency(calculateTotalPayroll(item)),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: getPayPeriodOrCheckDateLabel(cancelDialogItem, dateFormatter),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t(\n                  'cancelDialog.deadline',\n                  getCancelDeadlineValues(cancelDialogItem, dateFormatter),\n                )}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","className","payrollHistory","wireInRequests","pagination","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","dateRangeFilter","Heading","Text","Dialog","useComponentContext","useI18n","t","useTranslation","dateFormatter","useDateFormatter","handleCancelClick","item","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","canCancelPayroll","TrashcanIcon","Flex","jsxs","DateRangeFilter","selection","DataView","EmptyData","getPayPeriodOrCheckDateLabel","getPayrollTypeLabel","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu","getCancelDeadlineValues"],"mappings":"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"}