@gusto/embedded-react-sdk 0.57.2 → 0.58.0

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

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-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 { useEmployeesGetSuspense as G } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeePaymentMethodsGetBankAccountsSuspense as M } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
+import { usePayrollsUpdateMutation as N } 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";
@@ -9,15 +9,15 @@ 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 { RropPayrollEditEmployee as J } from "../RropPayrollEditEmployee/RropPayrollEditEmployee.js";
 import { PayrollEditEmployeePresentation as X } from "./PayrollEditEmployeePresentation.js";
-import { useUnstableFeature as Z } from "../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+import { useFeature as Z } from "../../../contexts/FeaturesProvider/useFeature.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 }) });
+  return Z("regularRateOfPay") ? /* @__PURE__ */ t(J, { ...e }) : /* @__PURE__ */ t($, { ...e, children: /* @__PURE__ */ t(oe, { ...e, children: e.children }) });
 }
 const oe = ({
   employeeId: e,
@@ -29,16 +29,16 @@ const oe = ({
   className: C
 }) => {
   I("Payroll.PayrollEditEmployee", P);
-  const R = W(), { LoadingIndicator: h, baseSubmitHandler: b } = ee(), { data: A } = q({ employeeId: e }), { data: L } = G({
+  const R = W(), { LoadingIndicator: h, baseSubmitHandler: b } = ee(), { data: g } = G({ employeeId: e }), { data: A } = M({
     employeeId: e
-  }), g = Q(() => [e], [e]), { data: S } = z({ companyId: r, payrollId: n }), D = d(S.payrollShow ?? {}) === j.Transition, { preparedPayroll: a, paySchedule: k, isLoading: U } = H({
+  }), L = Q(() => [e], [e]), { data: S } = z({ companyId: r, payrollId: n }), D = d(S.payrollShow ?? {}) === j.Transition, { preparedPayroll: a, paySchedule: k, isLoading: w } = H({
     companyId: r,
     payrollId: n,
-    employeeUuids: g,
+    employeeUuids: L,
     isTransitionPayroll: D
-  }), { mutateAsync: _, isPending: w } = M(), u = A.employee, O = a?.employeeCompensations?.find(
+  }), { mutateAsync: O, isPending: _ } = N(), u = g.employeeShow, x = a?.employeeCompensations?.find(
     (o) => o.employeeUuid === e
-  ), x = (L.employeeBankAccounts || []).length > 0, y = d(a ?? {}), B = !F(y), Y = ({
+  ), U = (A.employeeBankAccounts || []).length > 0, y = d(a ?? {}), B = !F(y), Y = ({
     paymentMethod: o,
     reimbursements: s,
     customWithholdings: c,
@@ -48,11 +48,11 @@ const oe = ({
     // 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;
+      const { breakdowns: q, ...l } = m;
       return l;
     }),
     fixedCompensations: i.fixedCompensations?.map((m) => {
-      const { breakdowns: N, ...l } = m;
+      const { breakdowns: q, ...l } = m;
       return l;
     }),
     ...o && o !== "Historical" ? { paymentMethod: o } : {},
@@ -65,7 +65,7 @@ const oe = ({
   }), v = async (o) => {
     const s = Y(o);
     await b(null, async () => {
-      const c = await _({
+      const c = await O({
         request: {
           companyId: r,
           payrollId: n,
@@ -84,21 +84,21 @@ const oe = ({
   }, T = () => {
     p(f.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return U ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(
+  return w ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(
     X,
     {
       className: C,
       onSave: v,
       onCancel: T,
       employee: u,
-      isPending: w,
-      employeeCompensation: O,
+      isPending: _,
+      employeeCompensation: x,
       fixedCompensationTypes: a?.fixedCompensationTypes || [],
       payPeriodStartDate: a?.payPeriod?.startDate ?? void 0,
       paySchedule: k,
       payrollCategory: y,
       withReimbursements: E,
-      hasDirectDepositSetup: x
+      hasDirectDepositSetup: U
     }
   );
 };

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 { 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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"}
+{"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 { RropPayrollEditEmployee } from '../RropPayrollEditEmployee/RropPayrollEditEmployee'\nimport { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\nimport { useFeature } from '@/contexts/FeaturesProvider/useFeature'\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 = useFeature('regularRateOfPay')\n\n  if (isRegularRateOfPayEnabled) {\n    return <RropPayrollEditEmployee {...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.employeeShow!\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","useFeature","jsx","RropPayrollEditEmployee","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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"}