@gusto/embedded-react-sdk 0.55.6 → 0.55.8

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

@@ -0,0 +1,323 @@
+import { useState as D, useRef as Oe, useCallback as E, useEffect as De, useMemo as o } from "react";
+import { useQueryClient as Ae } from "@tanstack/react-query";
+import { useForm as ke, useWatch as Fe, useFieldArray as Ce } from "react-hook-form";
+import { zodResolver as Me } from "@hookform/resolvers/zod";
+import { useEmployeesGetSuspense as Te } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeePaymentMethodsGetBankAccountsSuspense as Ue } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
+import { useEarningTypesListSuspense as Be } from "@gusto/embedded-api/react-query/earningTypesList";
+import { usePayrollsPrepareMutation as Ve } from "@gusto/embedded-api/react-query/payrollsPrepare";
+import { usePaySchedulesGet as _e } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { usePayrollsUpdateMutation as xe } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { UnprocessableEntityError as Le } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
+import { createPayrollEditEmployeeSchema as je, reimbursementDraftSchema as Ne, PayrollEditEmployeeErrorCodes as He, PAYMENT_METHOD_VALUES as We, PAYMENT_METHOD_OPTIONS as Qe } from "./payrollEditEmployeeSchema.js";
+import { normalizeWorkweeks as Ye, collectOvertimeEarningNames as qe, hasExistingOvertimeHours as Ge, hasBreakdownsMatchingWorkweeks as ze, resolveEditableFixedCompensations as Je, derivePayrollEditEmployeeDefaults as J, buildPayrollUpdateEmployeeCompensation as Ke } from "./payrollEditEmployeeHelpers.js";
+import { createReimbursementDraftFields as Ie, createPayrollEditEmployeeFields as Xe, computeTimeOffRemaining as Ze } from "./fields.js";
+import { withOptions as $e } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { derivePayrollCategory as et, isOffCyclePayroll as tt } from "../../../payrollTypes.js";
+import { PREPARE_QUERY_KEY as rt } from "../../../PayrollConfiguration/usePayrollConfigurationData.js";
+import { isOvertimeEligibleFlsaStatus as ot } from "../../../helpers.js";
+import { retryAsync as st } from "../../../../../helpers/retryAsync.js";
+import { useHookFormInternals as nt } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as at } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { composeErrorHandler as it } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as mt } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as ut } from "../../../../../types/sdkError.js";
+const lt = 4, ct = 1500, pt = (u) => u instanceof Le && u.errors.some((l) => l.category === "invalid_operation");
+function Lt({
+  employeeId: u,
+  companyId: l,
+  payrollId: h,
+  withReimbursements: K = !0,
+  validationMode: I = "onSubmit",
+  shouldFocusError: X = !0,
+  errorMessages: P
+}) {
+  const { data: Z } = Te({ employeeId: u }), { data: $ } = Ue({
+    employeeId: u
+  }), { data: M } = Be({ companyId: l }), ee = Ae(), { mutateAsync: T } = Ve(), { mutateAsync: te, isPending: re } = xe(), [n, U] = D(), [oe, B] = D(null), V = Oe(!1), A = E(async () => {
+    B(null);
+    try {
+      const e = await st(
+        () => T({
+          request: { companyId: l, payrollId: h, requestBody: { employeeUuids: [u] } }
+        }),
+        {
+          maxAttempts: lt,
+          delayMs: ct,
+          shouldRetry: pt
+        }
+      );
+      U(e.payrollPrepared);
+    } catch (e) {
+      B(e);
+    }
+  }, [l, h, u, T]);
+  De(() => {
+    V.current || (V.current = !0, A());
+  }, [A]);
+  const _ = _e(
+    { companyId: l, payScheduleId: n?.payPeriod?.payScheduleUuid ?? "" },
+    { enabled: !!n?.payPeriod?.payScheduleUuid }
+  ), a = Z.employee, s = n?.employeeCompensations?.at(0), S = et(n ?? {}), p = ($.employeeBankAccounts?.length ?? 0) > 0, i = o(
+    () => n ? Ye(n.workweeks, n.payPeriod) : [],
+    [n]
+  ), f = o(
+    () => qe(M.earningTypeList),
+    [M.earningTypeList]
+  ), k = o(() => {
+    const e = s?.hourlyCompensations?.find(
+      (m) => m.flsaStatus
+    )?.flsaStatus;
+    return e || a?.jobs?.find((m) => m.primary)?.compensations?.[0]?.flsaStatus;
+  }, [s, a]), c = ot(k), [se, ne] = D(!1), d = se || Ge(s?.hourlyCompensations) || ze(s?.hourlyCompensations, i), x = o(() => a?.jobs?.find((e) => e.primary)?.uuid, [a]), y = o(
+    () => Je(
+      s?.fixedCompensations,
+      n?.fixedCompensationTypes,
+      x,
+      k
+    ),
+    [s, n?.fixedCompensationTypes, x, k]
+  ), L = o(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const t of a?.jobs ?? [])
+      t.uuid && t.title && e.set(t.uuid, t.title);
+    return e;
+  }, [a]), g = o(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const t of a?.eligiblePaidTimeOff ?? [])
+      t.name && t.accrualBalance != null && e.set(t.name, t.accrualBalance);
+    return e;
+  }, [a]), j = o(() => je(), []), N = o(
+    () => J(
+      s,
+      i,
+      p,
+      f,
+      c,
+      d,
+      y
+    ),
+    [
+      s,
+      i,
+      p,
+      f,
+      c,
+      d,
+      y
+    ]
+  ), r = ke(
+    {
+      resolver: Me(j),
+      mode: I,
+      shouldFocusError: X,
+      defaultValues: N,
+      values: N,
+      resetOptions: { keepDirtyValues: !0 }
+    }
+  ), H = Fe({ control: r.control, name: "timeOff" }), ae = !tt(S), v = K && ae, {
+    fields: R,
+    append: W,
+    remove: Q,
+    update: Y
+  } = Ce({
+    control: r.control,
+    name: "reimbursements"
+  }), [ie, F] = D(!1), me = o(
+    () => Ie(P),
+    [P]
+  ), ue = o(
+    () => R.map((e, t) => ({
+      key: e.id,
+      index: t,
+      uuid: e.uuid ?? void 0,
+      description: e.description,
+      amount: e.amount,
+      recurring: e.recurring ?? !1
+    })).filter((e) => parseFloat(e.amount || "0") !== 0),
+    [R]
+  ), le = E(() => {
+    F(!0);
+  }, []), ce = E(() => {
+    r.setValue("reimbursementDraft", { description: "", amount: "" }), r.clearErrors("reimbursementDraft"), F(!1);
+  }, [r]), pe = E(() => {
+    const e = r.getValues("reimbursementDraft"), t = Ne.safeParse(e);
+    if (!t.success) {
+      r.setError("reimbursementDraft.amount", {
+        message: He.REIMBURSEMENT_AMOUNT
+      });
+      return;
+    }
+    W({
+      uuid: null,
+      description: t.data.description.trim(),
+      amount: parseFloat(t.data.amount).toFixed(2),
+      recurring: !1
+    }), r.setValue("reimbursementDraft", { description: "", amount: "" }), r.clearErrors("reimbursementDraft"), F(!1);
+  }, [W, r]), de = E(
+    (e) => {
+      const t = R[e];
+      t && (t.uuid ? Y(e, { ...t, amount: "0" }) : Q(e));
+    },
+    [R, Q, Y]
+  ), C = o(
+    () => Xe({
+      employeeCompensation: s,
+      fixedCompensations: y,
+      workweeks: i,
+      payrollCategory: S,
+      hasDirectDepositSetup: p,
+      overtimeEarningNames: f,
+      isOvertimeEligible: c,
+      withOvertime: d,
+      jobTitlesByUuid: L,
+      timeOffAccrualByName: g,
+      errorMessages: P
+    }),
+    [
+      s,
+      y,
+      i,
+      S,
+      p,
+      f,
+      c,
+      d,
+      L,
+      g,
+      P
+    ]
+  ), fe = o(
+    () => C.timeOff.map((e) => ({
+      ...e,
+      remaining: Ze(
+        g.get(e.name),
+        H[e.name]
+      )
+    })),
+    [C.timeOff, g, H]
+  ), ye = () => {
+    ne(!0);
+    const e = J(
+      s,
+      i,
+      p,
+      f,
+      c,
+      !0,
+      y
+    ), t = i[0]?.startDate ?? "", m = r.getValues(), w = (O, G) => {
+      for (const [b, ve] of Object.entries(O))
+        for (const [Re, we] of Object.entries(ve)) {
+          const z = G?.[b]?.[Re]?.[t];
+          z !== void 0 && (we[t] = z);
+        }
+      return O;
+    };
+    r.setValue(
+      "hours",
+      w(e.hours, m.hours),
+      { shouldDirty: !0 }
+    ), r.setValue(
+      "overtimeIncludedEarnings",
+      w(
+        e.overtimeIncludedEarnings,
+        m.overtimeIncludedEarnings
+      ),
+      { shouldDirty: !0 }
+    );
+  }, be = o(
+    () => ({
+      paymentMethod: $e(
+        { name: "paymentMethod" },
+        Qe,
+        We
+      )
+    }),
+    []
+  ), {
+    baseSubmitHandler: Ee,
+    error: he,
+    setError: Pe
+  } = mt("PayrollEditEmployeeForm"), q = it([{
+    error: oe,
+    refetch: (() => A())
+  }, _], {
+    submitError: he,
+    setSubmitError: Pe
+  }), Se = nt(r), ge = async () => {
+    let e;
+    return await new Promise((t) => {
+      r.handleSubmit(
+        async (m) => {
+          await Ee(m, async (w) => {
+            const O = Ke(
+              w,
+              s,
+              i,
+              S,
+              c,
+              d
+            ), b = (await te({
+              request: {
+                companyId: l,
+                payrollId: h,
+                payrollUpdate: { employeeCompensations: [O] }
+              }
+            })).payrollPrepared;
+            if (!b)
+              throw new ut("Payroll update did not return a prepared payroll");
+            U(b), await ee.invalidateQueries({
+              queryKey: [rt, h]
+            }), e = { mode: "update", data: b };
+          }), t();
+        },
+        () => {
+          t();
+        }
+      )();
+    }), e;
+  };
+  return !n || !a ? { isLoading: !0, errorHandling: q } : {
+    isLoading: !1,
+    data: {
+      employee: a,
+      employeeCompensation: s,
+      preparedPayroll: n,
+      paySchedule: _.data?.payScheduleShow,
+      isMultipleWorkweeks: i.length > 1,
+      workweeks: i,
+      isOvertimeEligible: c,
+      withOvertime: d,
+      hasDirectDepositSetup: p,
+      ...v ? { reimbursements: ue } : {}
+    },
+    status: { isPending: re, mode: "update" },
+    actions: {
+      onSubmit: ge,
+      addOvertime: ye,
+      ...v ? {
+        beginAddReimbursement: le,
+        saveReimbursement: pe,
+        cancelReimbursement: ce,
+        removeReimbursement: de
+      } : {}
+    },
+    errorHandling: q,
+    form: {
+      Fields: {
+        ...C,
+        timeOff: fe,
+        reimbursementDraft: v ? me : void 0
+      },
+      fieldsMetadata: be,
+      hookFormInternals: Se,
+      getFormSubmissionValues: at(r, j),
+      ...v ? { reimbursementDraft: { isAdding: ie } } : {}
+    }
+  };
+}
+export {
+  Lt as usePayrollEditEmployeeForm
+};
+//# sourceMappingURL=usePayrollEditEmployeeForm.js.map

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

@@ -0,0 +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 { 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  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 { derivePayrollCategory, isOffCyclePayroll } 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\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: { companyId, payrollId, requestBody: { employeeUuids: [employeeId] } },\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])\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?.at(0)\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    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","queryClient","useQueryClient","preparePayroll","usePayrollsPrepareMutation","updatePayroll","isPending","usePayrollsUpdateMutation","preparedPayroll","setPreparedPayroll","useState","prepareError","setPrepareError","hasFiredRef","useRef","executePrepare","useCallback","result","retryAsync","useEffect","payScheduleQuery","usePaySchedulesGet","employee","employeeCompensation","payrollCategory","derivePayrollCategory","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","resolve","data","payload","buildPayrollUpdateEmployeeCompensation","updated","SDKInternalError","PREPARE_QUERY_KEY","createGetFormSubmissionValues"],"mappings":"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"}

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

@@ -1,35 +1,44 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useState as M, useCallback as U } from "react";
-import { keepPreviousData as F } from "@tanstack/react-query";
-import { usePayrollsList as V } from "@gusto/embedded-api/react-query/payrollsList";
-import { usePayrollsCancelMutation as q } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { useWireInRequestsListSuspense as N } from "@gusto/embedded-api/react-query/wireInRequestsList";
-import { QueryParamSortOrder as T, QueryParamPayrollTypes as i, ProcessingStatuses as B } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { PayrollHistoryPresentation as Y } from "./PayrollHistoryPresentation.js";
-import { BaseComponent as b, BaseLayout as x } from "../../Base/Base.js";
+import { useState as U, useCallback as F } from "react";
+import { keepPreviousData as T } from "@tanstack/react-query";
+import { usePayrollsList as N } from "@gusto/embedded-api/react-query/payrollsList";
+import { usePayrollsCancelMutation as V } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { useWireInRequestsListSuspense as q } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { QueryParamSortOrder as B, QueryParamPayrollTypes as i, ProcessingStatuses as Y } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
+import { PayrollHistoryPresentation as b } from "./PayrollHistoryPresentation.js";
+import { BaseComponent as x, BaseLayout as K } from "../../Base/Base.js";
 import { useBase as W } from "../../Base/useBase.js";
 import { componentEvents as c } from "../../../shared/constants.js";
-import { useComponentDictionary as k, useI18n as K } from "../../../i18n/I18n.js";
-import { usePagination as Q } from "../../../hooks/usePagination/usePagination.js";
-import { useDateRangeFilter as j } from "../../../hooks/useDateRangeFilter/useDateRangeFilter.js";
-function me(e) {
-  return /* @__PURE__ */ o(b, { ...e, children: /* @__PURE__ */ o(J, { ...e, children: e.children }) });
+import { useComponentDictionary as k, useI18n as Q } from "../../../i18n/I18n.js";
+import { usePagination as j } from "../../../hooks/usePagination/usePagination.js";
+import { useDateRangeFilter as v } from "../../../hooks/useDateRangeFilter/useDateRangeFilter.js";
+function yt(t) {
+  return /* @__PURE__ */ o(x, { ...t, children: /* @__PURE__ */ o(Z, { ...t, children: t.children }) });
 }
-const v = 3, z = () => {
-  const e = /* @__PURE__ */ new Date();
-  return e.setMonth(e.getMonth() - v), e;
-}, G = () => /* @__PURE__ */ new Date(), J = ({ onEvent: e, companyId: n, dictionary: y, LoaderComponent: P }) => {
-  k("Payroll.PayrollHistory", y), K("Payroll.PayrollHistory");
-  const [d, s] = M(null), { baseSubmitHandler: g } = W(), { currentPage: D, itemsPerPage: f, getPaginationProps: C, resetPage: u } = Q(), m = j({
-    initialStartDate: z(),
-    initialEndDate: G(),
-    onFilterChange: U(() => {
+const z = 6, G = 3, J = () => {
+  const t = /* @__PURE__ */ new Date();
+  return t.setMonth(t.getMonth() - z), t;
+}, X = () => {
+  const t = /* @__PURE__ */ new Date();
+  return t.setMonth(t.getMonth() + G), t;
+}, Z = ({
+  onEvent: t,
+  companyId: n,
+  dictionary: y,
+  LoaderComponent: P,
+  className: d
+}) => {
+  k("Payroll.PayrollHistory", y), Q("Payroll.PayrollHistory");
+  const [D, s] = U(null), { baseSubmitHandler: g } = W(), { currentPage: f, itemsPerPage: L, getPaginationProps: C, resetPage: u } = j(), m = v({
+    initialStartDate: J(),
+    initialEndDate: X(),
+    onFilterChange: F(() => {
       u();
     }, [u])
-  }), p = m.getApiDateParams(), { data: l, isFetching: R } = V(
+  }), p = m.getApiDateParams(), { data: l, isFetching: R } = N(
     {
       companyId: n,
-      processingStatuses: [B.Processed],
+      processingStatuses: [Y.Processed],
       payrollTypes: [
         i.Regular,
         i.OffCycle,
@@ -37,58 +46,59 @@ const v = 3, z = () => {
       ],
       includeOffCycle: !0,
       include: ["totals", "payroll_status_meta"],
-      sortOrder: T.Desc,
+      sortOrder: B.Desc,
       startDate: p.startDate,
       endDate: p.endDate,
-      page: D,
-      per: f
+      page: f,
+      per: L
     },
-    { placeholderData: F, throwOnError: !0 }
-  ), L = l?.payrollList || [], { data: h } = N({
+    { placeholderData: T, throwOnError: !0 }
+  ), h = l?.payrollList || [], { data: O } = q({
     companyUuid: n
-  }), w = h.wireInRequestList ?? [], { mutateAsync: E, isPending: O } = q(), S = (t, r, a) => {
-    e(c.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: t, startDate: r, endDate: a });
-  }, _ = (t, r, a) => {
-    e(c.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: t, startDate: r, endDate: a });
-  }, I = async (t) => {
-    const r = t.payrollUuid || t.uuid;
+  }), E = O.wireInRequestList ?? [], { mutateAsync: _, isPending: S } = V(), w = (e, r, a) => {
+    t(c.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: e, startDate: r, endDate: a });
+  }, A = (e, r, a) => {
+    t(c.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: e, startDate: r, endDate: a });
+  }, I = async (e) => {
+    const r = e.payrollUuid || e.uuid;
     try {
       await g(r, async (a) => {
-        const H = await E({
+        const H = await _({
           request: {
             companyId: n,
             payrollId: a
           }
         });
-        e(c.RUN_PAYROLL_CANCELLED, { payrollId: a, result: H });
+        t(c.RUN_PAYROLL_CANCELLED, { payrollId: a, result: H });
       });
     } finally {
       s(null);
     }
   };
   if (!l)
-    return /* @__PURE__ */ o(x, { isLoading: !0, LoaderComponent: P });
-  const A = C(l.httpMeta.response.headers, R);
+    return /* @__PURE__ */ o(K, { isLoading: !0, LoaderComponent: P });
+  const M = C(l.httpMeta.response.headers, R);
   return /* @__PURE__ */ o(
-    Y,
+    b,
     {
-      payrollHistory: L,
-      wireInRequests: w,
-      pagination: A,
-      onViewSummary: S,
-      onViewReceipt: _,
+      className: d,
+      payrollHistory: h,
+      wireInRequests: E,
+      pagination: M,
+      onViewSummary: w,
+      onViewReceipt: A,
       onCancelPayroll: I,
-      cancelDialogItem: d,
+      cancelDialogItem: D,
       onCancelDialogOpen: s,
       onCancelDialogClose: () => {
         s(null);
       },
-      isLoading: O,
+      isLoading: S,
       dateRangeFilter: m
     }
   );
 };
 export {
-  me as PayrollHistory
+  yt as PayrollHistory
 };
 //# sourceMappingURL=PayrollHistory.js.map

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 = 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 => new Date()\n\nconst Root = ({ onEvent, companyId, dictionary, LoaderComponent }: 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: [\n        QueryParamPayrollTypes.Regular,\n        QueryParamPayrollTypes.OffCycle,\n        QueryParamPayrollTypes.External,\n      ],\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      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","getDefaultStartDate","date","getDefaultEndDate","onEvent","companyId","dictionary","LoaderComponent","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/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: [\n        QueryParamPayrollTypes.Regular,\n        QueryParamPayrollTypes.OffCycle,\n        QueryParamPayrollTypes.External,\n      ],\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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"}