@gusto/embedded-react-sdk 0.56.1 → 0.56.3

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

@@ -1,94 +1,108 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useEmployeesGetSuspense as B } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeePaymentMethodsGetBankAccountsSuspense as v } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
-import { usePayrollsUpdateMutation as x } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { useMemo as N } from "react";
-import { useQueryClient as q } from "@tanstack/react-query";
-import { usePreparedPayrollData as w } from "../usePreparedPayrollData.js";
-import { PREPARE_QUERY_KEY as M } from "../PayrollConfiguration/usePayrollConfigurationData.js";
-import { derivePayrollCategory as Q, isOffCyclePayroll as T } from "../payrollTypes.js";
-import { cleanupReimbursements as z } from "../helpers.js";
-import { UNSTABLE_PayrollEditEmployee as G } from "../UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.js";
-import { PayrollEditEmployeePresentation as H } from "./PayrollEditEmployeePresentation.js";
-import { useUnstableFeature as K } from "../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
-import { componentEvents as c } from "../../../shared/constants.js";
-import { BaseComponent as j } from "../../Base/Base.js";
-import { useComponentDictionary as F } from "../../../i18n/I18n.js";
-import { useBase as V } from "../../Base/useBase.js";
-function ye(e) {
-  return K("payrollRegularRateOfPay") ? /* @__PURE__ */ t(G, { ...e }) : /* @__PURE__ */ t(j, { ...e, children: /* @__PURE__ */ t(W, { ...e, children: e.children }) });
+import { useEmployeesGetSuspense as q } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeePaymentMethodsGetBankAccountsSuspense as G } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
+import { usePayrollsUpdateMutation as M } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { useMemo as Q } from "react";
+import { useQueryClient as W } from "@tanstack/react-query";
+import { usePayrollsGetSuspense as z } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePreparedPayrollData as H } from "../usePreparedPayrollData.js";
+import { PREPARE_QUERY_KEY as K } from "../PayrollConfiguration/usePayrollConfigurationData.js";
+import { derivePayrollCategory as d, PayrollCategory as j, isOffCyclePayroll as F } from "../payrollTypes.js";
+import { cleanupReimbursements as V } from "../helpers.js";
+import { UNSTABLE_PayrollEditEmployee as J } from "../UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.js";
+import { PayrollEditEmployeePresentation as X } from "./PayrollEditEmployeePresentation.js";
+import { useUnstableFeature as Z } from "../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+import { componentEvents as f } from "../../../shared/constants.js";
+import { BaseComponent as $ } from "../../Base/Base.js";
+import { useComponentDictionary as I } from "../../../i18n/I18n.js";
+import { useBase as ee } from "../../Base/useBase.js";
+function be(e) {
+  return Z("payrollRegularRateOfPay") ? /* @__PURE__ */ t(J, { ...e }) : /* @__PURE__ */ t($, { ...e, children: /* @__PURE__ */ t(oe, { ...e, children: e.children }) });
 }
-const W = ({
+const oe = ({
   employeeId: e,
-  companyId: n,
-  payrollId: s,
-  onEvent: i,
-  dictionary: y,
-  withReimbursements: d = !0,
-  className: f
+  companyId: r,
+  payrollId: n,
+  onEvent: p,
+  dictionary: P,
+  withReimbursements: E = !0,
+  className: C
 }) => {
-  F("Payroll.PayrollEditEmployee", y);
-  const E = q(), { LoadingIndicator: P, baseSubmitHandler: C } = V(), { data: R } = B({ employeeId: e }), { data: A } = v({
+  I("Payroll.PayrollEditEmployee", P);
+  const R = W(), { LoadingIndicator: h, baseSubmitHandler: b } = ee(), { data: A } = q({ employeeId: e }), { data: L } = G({
     employeeId: e
-  }), L = N(() => [e], [e]), { preparedPayroll: r, paySchedule: b, isLoading: g } = w({
-    companyId: n,
-    payrollId: s,
-    employeeUuids: L
-  }), { mutateAsync: D, isPending: S } = x(), m = R.employee, _ = r?.employeeCompensations?.at(0), O = (A.employeeBankAccounts || []).length > 0, l = Q(r ?? {}), U = !T(l), h = ({
+  }), g = Q(() => [e], [e]), { data: S } = z({ companyId: r, payrollId: n }), D = d(S.payrollShow ?? {}) === j.Transition, { preparedPayroll: a, paySchedule: k, isLoading: U } = H({
+    companyId: r,
+    payrollId: n,
+    employeeUuids: g,
+    isTransitionPayroll: D
+  }), { mutateAsync: _, isPending: w } = M(), u = A.employee, O = a?.employeeCompensations?.find(
+    (o) => o.employeeUuid === e
+  ), x = (L.employeeBankAccounts || []).length > 0, y = d(a ?? {}), B = !F(y), Y = ({
     paymentMethod: o,
-    reimbursements: a,
-    customWithholdings: p,
-    ...u
+    reimbursements: s,
+    customWithholdings: c,
+    ...i
   }) => ({
-    ...u,
+    ...i,
+    // The legacy editor edits hours, not per-workweek breakdowns, so omit
+    // breakdowns and let the API use the hours we send.
+    hourlyCompensations: i.hourlyCompensations?.map((m) => {
+      const { breakdowns: N, ...l } = m;
+      return l;
+    }),
+    fixedCompensations: i.fixedCompensations?.map((m) => {
+      const { breakdowns: N, ...l } = m;
+      return l;
+    }),
     ...o && o !== "Historical" ? { paymentMethod: o } : {},
-    memo: u.memo || void 0,
+    memo: i.memo || void 0,
     // Off-cycle payrolls write reimbursements via the legacy fixed_compensations field; the
     // itemized array gets rejected by the `emb_off_cycle_disable_named_reimbursements` backend
     // flag (default-on globally, expected removal 2026-09-01).
     // TODO(post-2026-09-01): drop the branch once the flag is gone.
-    ...U && a ? { reimbursements: z(a) } : {}
-  }), Y = async (o) => {
-    const a = h(o);
-    await C(null, async () => {
-      const p = await D({
+    ...B && s ? { reimbursements: V(s) } : {}
+  }), v = async (o) => {
+    const s = Y(o);
+    await b(null, async () => {
+      const c = await _({
         request: {
-          companyId: n,
-          payrollId: s,
+          companyId: r,
+          payrollId: n,
           payrollUpdate: {
-            employeeCompensations: [a]
+            employeeCompensations: [s]
           }
         }
       });
-      await E.invalidateQueries({
-        queryKey: [M, s]
-      }), i(c.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: p.payrollPrepared,
-        employee: m
+      await R.invalidateQueries({
+        queryKey: [K, n]
+      }), p(f.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: c.payrollPrepared,
+        employee: u
       });
     });
-  }, k = () => {
-    i(c.RUN_PAYROLL_EMPLOYEE_CANCELLED);
+  }, T = () => {
+    p(f.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return g ? /* @__PURE__ */ t(P, {}) : /* @__PURE__ */ t(
-    H,
+  return U ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(
+    X,
     {
-      className: f,
-      onSave: Y,
-      onCancel: k,
-      employee: m,
-      isPending: S,
-      employeeCompensation: _,
-      fixedCompensationTypes: r?.fixedCompensationTypes || [],
-      payPeriodStartDate: r?.payPeriod?.startDate,
-      paySchedule: b,
-      payrollCategory: l,
-      withReimbursements: d,
-      hasDirectDepositSetup: O
+      className: C,
+      onSave: v,
+      onCancel: T,
+      employee: u,
+      isPending: w,
+      employeeCompensation: O,
+      fixedCompensationTypes: a?.fixedCompensationTypes || [],
+      payPeriodStartDate: a?.payPeriod?.startDate ?? void 0,
+      paySchedule: k,
+      payrollCategory: y,
+      withReimbursements: E,
+      hasDirectDepositSetup: x
     }
   );
 };
 export {
-  ye as PayrollEditEmployee
+  be as PayrollEditEmployee
 };
 //# sourceMappingURL=PayrollEditEmployee.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx"],"sourcesContent":["import { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { useMemo } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PREPARE_QUERY_KEY } from '../PayrollConfiguration/usePayrollConfigurationData'\nimport { derivePayrollCategory, isOffCyclePayroll } from '../payrollTypes'\nimport { cleanupReimbursements } from '../helpers'\nimport { UNSTABLE_PayrollEditEmployee } from '../UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee'\nimport { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\nimport { componentEvents } from '@/shared/constants'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { useBase } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PayrollEditEmployee}.\n *\n * @public\n */\nexport interface PayrollEditEmployeeProps extends BaseComponentInterface<'Payroll.PayrollEditEmployee'> {\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  /** Whether to show reimbursement fields. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Editor for an individual employee's compensation within a payroll run.\n *\n * Allows modification of pay rates, hours, time off, additional earnings,\n * reimbursements, and payment method for a single employee on the specified payroll.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/saved` | Fired when employee payroll compensation changes are saved | `{ payrollPrepared, employee }` |\n * | `runPayroll/employee/cancelled` | Fired when the user cancels editing employee payroll compensation | — |\n *\n * @param props - {@link PayrollEditEmployeeProps} plus base component props.\n * @returns The employee compensation editor.\n * @public\n *\n * @example\n * ```tsx\n * import { Payroll } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <Payroll.PayrollEditEmployee\n *       employeeId=\"your-employee-id\"\n *       companyId=\"your-company-id\"\n *       payrollId=\"your-payroll-id\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PayrollEditEmployee(props: PayrollEditEmployeeProps) {\n  const isRegularRateOfPayEnabled = useUnstableFeature('payrollRegularRateOfPay')\n\n  if (isRegularRateOfPayEnabled) {\n    return <UNSTABLE_PayrollEditEmployee {...props} />\n  }\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  className,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.PayrollEditEmployee', dictionary)\n\n  const queryClient = useQueryClient()\n  const { LoadingIndicator, baseSubmitHandler } = useBase()\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const memoizedEmployeeId = useMemo(() => [employeeId], [employeeId])\n  const { preparedPayroll, paySchedule, isLoading } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n    employeeUuids: memoizedEmployeeId,\n  })\n\n  const { mutateAsync: updatePayroll, isPending } = usePayrollsUpdateMutation()\n\n  const employee = employeeData.employee!\n  const employeeCompensation = preparedPayroll?.employeeCompensations?.at(0)\n  const bankAccounts = bankAccountsList.employeeBankAccounts || []\n  const hasDirectDepositSetup = bankAccounts.length > 0\n  const payrollCategory = derivePayrollCategory(preparedPayroll ?? {})\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    customWithholdings,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n      // Off-cycle payrolls write reimbursements via the legacy fixed_compensations field; the\n      // itemized array gets rejected by the `emb_off_cycle_disable_named_reimbursements` backend\n      // flag (default-on globally, expected removal 2026-09-01).\n      // TODO(post-2026-09-01): drop the branch once the flag is gone.\n      ...(usesItemizedReimbursements && reimbursements\n        ? { reimbursements: cleanupReimbursements(reimbursements) }\n        : {}),\n    }\n  }\n\n  const onSave = async (updatedCompensation: PayrollEmployeeCompensationsType) => {\n    const transformedCompensation = transformEmployeeCompensation(updatedCompensation)\n    await baseSubmitHandler(null, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [transformedCompensation],\n          },\n        },\n      })\n\n      await queryClient.invalidateQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n        employee,\n      })\n    })\n  }\n\n  const onCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\n\n  if (isLoading) {\n    return <LoadingIndicator />\n  }\n\n  return (\n    <PayrollEditEmployeePresentation\n      className={className}\n      onSave={onSave}\n      onCancel={onCancel}\n      employee={employee}\n      isPending={isPending}\n      employeeCompensation={employeeCompensation}\n      fixedCompensationTypes={preparedPayroll?.fixedCompensationTypes || []}\n      payPeriodStartDate={preparedPayroll?.payPeriod?.startDate}\n      paySchedule={paySchedule}\n      payrollCategory={payrollCategory}\n      withReimbursements={withReimbursements}\n      hasDirectDepositSetup={hasDirectDepositSetup}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","useUnstableFeature","jsx","UNSTABLE_PayrollEditEmployee","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","className","useComponentDictionary","queryClient","useQueryClient","LoadingIndicator","baseSubmitHandler","useBase","employeeData","useEmployeesGetSuspense","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","memoizedEmployeeId","useMemo","preparedPayroll","paySchedule","isLoading","usePreparedPayrollData","updatePayroll","isPending","usePayrollsUpdateMutation","employee","employeeCompensation","hasDirectDepositSetup","payrollCategory","derivePayrollCategory","usesItemizedReimbursements","isOffCyclePayroll","transformEmployeeCompensation","paymentMethod","reimbursements","customWithholdings","compensation","cleanupReimbursements","onSave","updatedCompensation","transformedCompensation","result","PREPARE_QUERY_KEY","componentEvents","onCancel","PayrollEditEmployeePresentation"],"mappings":"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"}
+{"version":3,"file":"PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx"],"sourcesContent":["import { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { useMemo } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PREPARE_QUERY_KEY } from '../PayrollConfiguration/usePayrollConfigurationData'\nimport { derivePayrollCategory, isOffCyclePayroll, PayrollCategory } from '../payrollTypes'\nimport { cleanupReimbursements } from '../helpers'\nimport { UNSTABLE_PayrollEditEmployee } from '../UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee'\nimport { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\nimport { componentEvents } from '@/shared/constants'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { useBase } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PayrollEditEmployee}.\n *\n * @public\n */\nexport interface PayrollEditEmployeeProps extends BaseComponentInterface<'Payroll.PayrollEditEmployee'> {\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  /** Whether to show reimbursement fields. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Editor for an individual employee's compensation within a payroll run.\n *\n * Allows modification of pay rates, hours, time off, additional earnings,\n * reimbursements, and payment method for a single employee on the specified payroll.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/saved` | Fired when employee payroll compensation changes are saved | `{ payrollPrepared, employee }` |\n * | `runPayroll/employee/cancelled` | Fired when the user cancels editing employee payroll compensation | — |\n *\n * @param props - {@link PayrollEditEmployeeProps} plus base component props.\n * @returns The employee compensation editor.\n * @public\n *\n * @example\n * ```tsx\n * import { Payroll } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <Payroll.PayrollEditEmployee\n *       employeeId=\"your-employee-id\"\n *       companyId=\"your-company-id\"\n *       payrollId=\"your-payroll-id\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PayrollEditEmployee(props: PayrollEditEmployeeProps) {\n  const isRegularRateOfPayEnabled = useUnstableFeature('payrollRegularRateOfPay')\n\n  if (isRegularRateOfPayEnabled) {\n    return <UNSTABLE_PayrollEditEmployee {...props} />\n  }\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  className,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.PayrollEditEmployee', dictionary)\n\n  const queryClient = useQueryClient()\n  const { LoadingIndicator, baseSubmitHandler } = useBase()\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const memoizedEmployeeId = useMemo(() => [employeeId], [employeeId])\n  const { data: payrollData } = usePayrollsGetSuspense({ companyId, payrollId })\n  const isTransitionPayroll =\n    derivePayrollCategory(payrollData.payrollShow ?? {}) === PayrollCategory.Transition\n  const { preparedPayroll, paySchedule, isLoading } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n    employeeUuids: memoizedEmployeeId,\n    isTransitionPayroll,\n  })\n\n  const { mutateAsync: updatePayroll, isPending } = usePayrollsUpdateMutation()\n\n  const employee = employeeData.employee!\n  const employeeCompensation = preparedPayroll?.employeeCompensations?.find(\n    comp => comp.employeeUuid === employeeId,\n  )\n  const bankAccounts = bankAccountsList.employeeBankAccounts || []\n  const hasDirectDepositSetup = bankAccounts.length > 0\n  const payrollCategory = derivePayrollCategory(preparedPayroll ?? {})\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    customWithholdings,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      // The legacy editor edits hours, not per-workweek breakdowns, so omit\n      // breakdowns and let the API use the hours we send.\n      hourlyCompensations: compensation.hourlyCompensations?.map(hourlyCompensation => {\n        const { breakdowns, ...hourlyCompensationWithoutBreakdowns } = hourlyCompensation\n        return hourlyCompensationWithoutBreakdowns\n      }),\n      fixedCompensations: compensation.fixedCompensations?.map(fixedCompensation => {\n        const { breakdowns, ...fixedCompensationWithoutBreakdowns } = fixedCompensation\n        return fixedCompensationWithoutBreakdowns\n      }),\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n      // Off-cycle payrolls write reimbursements via the legacy fixed_compensations field; the\n      // itemized array gets rejected by the `emb_off_cycle_disable_named_reimbursements` backend\n      // flag (default-on globally, expected removal 2026-09-01).\n      // TODO(post-2026-09-01): drop the branch once the flag is gone.\n      ...(usesItemizedReimbursements && reimbursements\n        ? { reimbursements: cleanupReimbursements(reimbursements) }\n        : {}),\n    }\n  }\n\n  const onSave = async (updatedCompensation: PayrollEmployeeCompensationsType) => {\n    const transformedCompensation = transformEmployeeCompensation(updatedCompensation)\n    await baseSubmitHandler(null, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [transformedCompensation],\n          },\n        },\n      })\n\n      await queryClient.invalidateQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n        employee,\n      })\n    })\n  }\n\n  const onCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\n\n  if (isLoading) {\n    return <LoadingIndicator />\n  }\n\n  return (\n    <PayrollEditEmployeePresentation\n      className={className}\n      onSave={onSave}\n      onCancel={onCancel}\n      employee={employee}\n      isPending={isPending}\n      employeeCompensation={employeeCompensation}\n      fixedCompensationTypes={preparedPayroll?.fixedCompensationTypes || []}\n      payPeriodStartDate={preparedPayroll?.payPeriod?.startDate ?? undefined}\n      paySchedule={paySchedule}\n      payrollCategory={payrollCategory}\n      withReimbursements={withReimbursements}\n      hasDirectDepositSetup={hasDirectDepositSetup}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","useUnstableFeature","jsx","UNSTABLE_PayrollEditEmployee","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","className","useComponentDictionary","queryClient","useQueryClient","LoadingIndicator","baseSubmitHandler","useBase","employeeData","useEmployeesGetSuspense","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","memoizedEmployeeId","useMemo","payrollData","usePayrollsGetSuspense","isTransitionPayroll","derivePayrollCategory","PayrollCategory","preparedPayroll","paySchedule","isLoading","usePreparedPayrollData","updatePayroll","isPending","usePayrollsUpdateMutation","employee","employeeCompensation","comp","hasDirectDepositSetup","payrollCategory","usesItemizedReimbursements","isOffCyclePayroll","transformEmployeeCompensation","paymentMethod","reimbursements","customWithholdings","compensation","hourlyCompensation","breakdowns","hourlyCompensationWithoutBreakdowns","fixedCompensation","fixedCompensationWithoutBreakdowns","cleanupReimbursements","onSave","updatedCompensation","transformedCompensation","result","PREPARE_QUERY_KEY","componentEvents","onCancel","PayrollEditEmployeePresentation"],"mappings":"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"}