@gusto/embedded-react-sdk 0.46.2 → 0.47.0

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

@@ -1 +1 @@
-{"version":3,"file":"usePayrollConfigurationData.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/usePayrollConfigurationData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsPrepare } from '@gusto/embedded-api/funcs/payrollsPrepare'\nimport { employeesGet } from '@gusto/embedded-api/funcs/employeesGet'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { PayrollCategory } from '../payrollTypes'\nimport { derivePayrollCategory } from '../payrollTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n  isCalculating?: boolean\n  excludedEmployeeUuids?: string[]\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleShow | undefined\n  payrollCategory: PayrollCategory\n  pagination: PaginationControlProps\n  isLoading: boolean\n  refetch: () => Promise<void>\n}\n\nexport const PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\n\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n  isCalculating = false,\n  excludedEmployeeUuids = [],\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\n  const [displayedEmployees, setDisplayedEmployees] = useState<Employee[]>([])\n  const [isDataInSync, setIsDataInSync] = useState(false)\n  const hasInitialDataRef = useRef(false)\n\n  const { data: employeeData, isFetching: isFetchingEmployeeData } = useEmployeesList(\n    {\n      companyId,\n      payrollUuid: payrollId,\n      per: itemsPerPage,\n      page: currentPage,\n      sortBy: 'name',\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const employeeDataRef = useRef(employeeData)\n  employeeDataRef.current = employeeData\n\n  const listedEmployeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const missingExcludedUuids = useMemo(() => {\n    const listedSet = new Set(listedEmployeeUuids)\n    return excludedEmployeeUuids.filter(uuid => !listedSet.has(uuid))\n  }, [excludedEmployeeUuids, listedEmployeeUuids])\n\n  const employeeUuids = useMemo(() => {\n    if (currentPage === 1) {\n      return [...listedEmployeeUuids, ...missingExcludedUuids]\n    }\n    return listedEmployeeUuids\n  }, [listedEmployeeUuids, missingExcludedUuids, currentPage])\n\n  const employeeUuidsKey = useMemo(() => employeeUuids.join(','), [employeeUuids])\n\n  const {\n    data: prepareData,\n    isLoading: isPrepareLoading,\n    isFetching: isPrepareFetching,\n  } = useQuery({\n    queryKey: [PREPARE_QUERY_KEY, payrollId, employeeUuidsKey],\n    queryFn: async ({ signal }) => {\n      const result = await payrollsPrepare(\n        gustoClient,\n        {\n          companyId,\n          payrollId,\n          sortBy: 'last_name',\n          requestBody: {\n            employeeUuids,\n          },\n        },\n        { signal },\n      )\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\n  })\n\n  useEffect(() => {\n    return () => {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [queryClient, payrollId])\n\n  useEffect(() => {\n    if (isCalculating) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [isCalculating, queryClient, payrollId])\n\n  const excludedUuidsKey = useMemo(() => missingExcludedUuids.join(','), [missingExcludedUuids])\n\n  const { data: excludedEmployeeDetails } = useQuery({\n    queryKey: ['excluded-employee-details', excludedUuidsKey],\n    queryFn: async () => {\n      const results = await Promise.all(\n        missingExcludedUuids.map(uuid => employeesGet(gustoClient, { employeeId: uuid })),\n      )\n      const failedResult = results.find(result => !result.ok)\n      if (failedResult) {\n        throw failedResult.error\n      }\n\n      return results\n        .filter(result => result.ok)\n        .map(result => result.value.employee)\n        .filter((e): e is Employee => e != null)\n    },\n    enabled: missingExcludedUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n  })\n\n  const syncData = useCallback(() => {\n    const currentEmployeeData = employeeDataRef.current\n    if (!currentEmployeeData?.showEmployees || !prepareData?.employeeCompensations) {\n      setIsDataInSync(false)\n      return\n    }\n\n    const currentUuids = currentEmployeeData.showEmployees.map(e => e.uuid)\n    const preparedUuids = new Set(prepareData.employeeCompensations.map(c => c.employeeUuid))\n    const allListedInSync =\n      currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (allListedInSync) {\n      const mergedEmployees = [...currentEmployeeData.showEmployees]\n      if (currentPage === 1 && excludedEmployeeDetails?.length) {\n        const listedSet = new Set(currentUuids)\n        for (const employee of excludedEmployeeDetails) {\n          if (!listedSet.has(employee.uuid)) {\n            mergedEmployees.push(employee)\n          }\n        }\n      }\n      setDisplayedEmployees(mergedEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations, excludedEmployeeDetails, currentPage])\n\n  useEffect(() => {\n    syncData()\n  }, [syncData])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: prepareData?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!prepareData?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handleRefetch = useCallback(async () => {\n    await queryClient.invalidateQueries({\n      queryKey: [PREPARE_QUERY_KEY, payrollId],\n    })\n  }, [queryClient, payrollId])\n\n  const isInitialLoading = isPrepareLoading && !hasInitialDataRef.current\n  const isPaginating = isPrepareFetching && hasInitialDataRef.current\n  const isPaginationFetching = isFetchingEmployeeData || isPaginating || !isDataInSync\n  const isLoading =\n    isInitialLoading || isPayScheduleLoading || (!employeeData && isFetchingEmployeeData)\n\n  const headers = employeeData?.httpMeta.response.headers ?? new Headers()\n  const pagination: PaginationControlProps = getPaginationProps(headers, isPaginationFetching)\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations || [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.payScheduleShow,\n    payrollCategory: derivePayrollCategory(prepareData ?? {}),\n    pagination,\n    isLoading,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","usePayrollConfigurationData","companyId","payrollId","isCalculating","excludedEmployeeUuids","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","currentPage","itemsPerPage","getPaginationProps","usePagination","displayedEmployees","setDisplayedEmployees","useState","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","listedEmployeeUuids","useMemo","missingExcludedUuids","listedSet","uuid","employeeUuids","employeeUuidsKey","prepareData","isPrepareLoading","isPrepareFetching","useQuery","signal","result","payrollsPrepare","useEffect","excludedUuidsKey","excludedEmployeeDetails","results","employeesGet","failedResult","e","syncData","useCallback","currentEmployeeData","currentUuids","preparedUuids","c","mergedEmployees","employee","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","headers","pagination","derivePayrollCategory"],"mappings":"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"}
+{"version":3,"file":"usePayrollConfigurationData.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/usePayrollConfigurationData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { usePaySchedulesGet } from '@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api-v-2025-11-15/react-query/_context'\nimport { payrollsPrepare } from '@gusto/embedded-api-v-2025-11-15/funcs/payrollsPrepare'\nimport { employeesGet } from '@gusto/embedded-api-v-2025-11-15/funcs/employeesGet'\nimport type { EmployeeCompensations } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow } from '@gusto/embedded-api-v-2025-11-15/models/components/payscheduleshow'\nimport type { PayrollCategory } from '../payrollTypes'\nimport { derivePayrollCategory } from '../payrollTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n  isCalculating?: boolean\n  excludedEmployeeUuids?: string[]\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleShow | undefined\n  payrollCategory: PayrollCategory\n  pagination: PaginationControlProps\n  isLoading: boolean\n  refetch: () => Promise<void>\n}\n\nexport const PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\n\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n  isCalculating = false,\n  excludedEmployeeUuids = [],\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\n  const [displayedEmployees, setDisplayedEmployees] = useState<Employee[]>([])\n  const [isDataInSync, setIsDataInSync] = useState(false)\n  const hasInitialDataRef = useRef(false)\n\n  const { data: employeeData, isFetching: isFetchingEmployeeData } = useEmployeesList(\n    {\n      companyId,\n      payrollUuid: payrollId,\n      per: itemsPerPage,\n      page: currentPage,\n      sortBy: 'name',\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const employeeDataRef = useRef(employeeData)\n  employeeDataRef.current = employeeData\n\n  const listedEmployeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const missingExcludedUuids = useMemo(() => {\n    const listedSet = new Set(listedEmployeeUuids)\n    return excludedEmployeeUuids.filter(uuid => !listedSet.has(uuid))\n  }, [excludedEmployeeUuids, listedEmployeeUuids])\n\n  const employeeUuids = useMemo(() => {\n    if (currentPage === 1) {\n      return [...listedEmployeeUuids, ...missingExcludedUuids]\n    }\n    return listedEmployeeUuids\n  }, [listedEmployeeUuids, missingExcludedUuids, currentPage])\n\n  const employeeUuidsKey = useMemo(() => employeeUuids.join(','), [employeeUuids])\n\n  const {\n    data: prepareData,\n    isLoading: isPrepareLoading,\n    isFetching: isPrepareFetching,\n  } = useQuery({\n    queryKey: [PREPARE_QUERY_KEY, payrollId, employeeUuidsKey],\n    queryFn: async ({ signal }) => {\n      const result = await payrollsPrepare(\n        gustoClient,\n        {\n          companyId,\n          payrollId,\n          sortBy: 'last_name',\n          requestBody: {\n            employeeUuids,\n          },\n        },\n        { signal },\n      )\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\n  })\n\n  useEffect(() => {\n    return () => {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [queryClient, payrollId])\n\n  useEffect(() => {\n    if (isCalculating) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [isCalculating, queryClient, payrollId])\n\n  const excludedUuidsKey = useMemo(() => missingExcludedUuids.join(','), [missingExcludedUuids])\n\n  const { data: excludedEmployeeDetails } = useQuery({\n    queryKey: ['excluded-employee-details', excludedUuidsKey],\n    queryFn: async () => {\n      const results = await Promise.all(\n        missingExcludedUuids.map(uuid => employeesGet(gustoClient, { employeeId: uuid })),\n      )\n      const failedResult = results.find(result => !result.ok)\n      if (failedResult) {\n        throw failedResult.error\n      }\n\n      return results\n        .filter(result => result.ok)\n        .map(result => result.value.employee)\n        .filter((e): e is Employee => e != null)\n    },\n    enabled: missingExcludedUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n  })\n\n  const syncData = useCallback(() => {\n    const currentEmployeeData = employeeDataRef.current\n    if (!currentEmployeeData?.showEmployees || !prepareData?.employeeCompensations) {\n      setIsDataInSync(false)\n      return\n    }\n\n    const currentUuids = currentEmployeeData.showEmployees.map(e => e.uuid)\n    const preparedUuids = new Set(prepareData.employeeCompensations.map(c => c.employeeUuid))\n    const allListedInSync =\n      currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (allListedInSync) {\n      const mergedEmployees = [...currentEmployeeData.showEmployees]\n      if (currentPage === 1 && excludedEmployeeDetails?.length) {\n        const listedSet = new Set(currentUuids)\n        for (const employee of excludedEmployeeDetails) {\n          if (!listedSet.has(employee.uuid)) {\n            mergedEmployees.push(employee)\n          }\n        }\n      }\n      setDisplayedEmployees(mergedEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations, excludedEmployeeDetails, currentPage])\n\n  useEffect(() => {\n    syncData()\n  }, [syncData])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: prepareData?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!prepareData?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handleRefetch = useCallback(async () => {\n    await queryClient.invalidateQueries({\n      queryKey: [PREPARE_QUERY_KEY, payrollId],\n    })\n  }, [queryClient, payrollId])\n\n  const isInitialLoading = isPrepareLoading && !hasInitialDataRef.current\n  const isPaginating = isPrepareFetching && hasInitialDataRef.current\n  const isPaginationFetching = isFetchingEmployeeData || isPaginating || !isDataInSync\n  const isLoading =\n    isInitialLoading || isPayScheduleLoading || (!employeeData && isFetchingEmployeeData)\n\n  const headers = employeeData?.httpMeta.response.headers ?? new Headers()\n  const pagination: PaginationControlProps = getPaginationProps(headers, isPaginationFetching)\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations || [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.payScheduleShow,\n    payrollCategory: derivePayrollCategory(prepareData ?? {}),\n    pagination,\n    isLoading,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","usePayrollConfigurationData","companyId","payrollId","isCalculating","excludedEmployeeUuids","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","currentPage","itemsPerPage","getPaginationProps","usePagination","displayedEmployees","setDisplayedEmployees","useState","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","listedEmployeeUuids","useMemo","missingExcludedUuids","listedSet","uuid","employeeUuids","employeeUuidsKey","prepareData","isPrepareLoading","isPrepareFetching","useQuery","signal","result","payrollsPrepare","useEffect","excludedUuidsKey","excludedEmployeeDetails","results","employeesGet","failedResult","e","syncData","useCallback","currentEmployeeData","currentUuids","preparedUuids","c","mergedEmployees","employee","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","headers","pagination","derivePayrollCategory"],"mappings":"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"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.d.ts

@@ -5,6 +5,6 @@ interface PayrollEditEmployeeProps extends BaseComponentInterface<'Payroll.Payro
     payrollId: string;
     withReimbursements?: boolean;
 }
-export declare function PayrollEditEmployee(props: PayrollEditEmployeeProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ employeeId, companyId, payrollId, onEvent, dictionary, withReimbursements, }: PayrollEditEmployeeProps) => import("react/jsx-runtime").JSX.Element;
+export declare function PayrollEditEmployee(props: PayrollEditEmployeeProps & BaseComponentInterface): import("react").JSX.Element;
+export declare const Root: ({ employeeId, companyId, payrollId, onEvent, dictionary, withReimbursements, }: PayrollEditEmployeeProps) => import("react").JSX.Element;
 export {};

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

@@ -1,84 +1,90 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useEmployeesGetSuspense as Y } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeePaymentMethodsGetBankAccountsSuspense as h } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
-import { usePayrollsUpdateMutation as k } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { useMemo as v } from "react";
-import { useQueryClient as x } from "@tanstack/react-query";
-import { usePreparedPayrollData as B } from "../usePreparedPayrollData.js";
-import { PREPARE_QUERY_KEY as O } from "../PayrollConfiguration/usePayrollConfigurationData.js";
-import { derivePayrollCategory as q } from "../payrollTypes.js";
-import { PayrollEditEmployeePresentation as w } from "./PayrollEditEmployeePresentation.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-import { BaseComponent as M } from "../../Base/Base.js";
-import { useComponentDictionary as N } from "../../../i18n/I18n.js";
-import { useBase as Q } from "../../Base/useBase.js";
-function te(e) {
-  return /* @__PURE__ */ n(M, { ...e, children: /* @__PURE__ */ n(G, { ...e, children: e.children }) });
+import { jsx as s } from "react/jsx-runtime";
+import { useEmployeesGetSuspense as k } from "@gusto/embedded-api-v-2025-11-15/react-query/employeesGet";
+import { useEmployeePaymentMethodsGetBankAccountsSuspense as O } from "@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodsGetBankAccounts";
+import { usePayrollsUpdateMutation as v } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsUpdate";
+import { useMemo as x } from "react";
+import { useQueryClient as B } from "@tanstack/react-query";
+import { usePreparedPayrollData as q } from "../usePreparedPayrollData.js";
+import { PREPARE_QUERY_KEY as w } from "../PayrollConfiguration/usePayrollConfigurationData.js";
+import { derivePayrollCategory as M, isOffCyclePayroll as N } from "../payrollTypes.js";
+import { cleanupReimbursements as Q } from "../helpers.js";
+import { PayrollEditEmployeePresentation as z } from "./PayrollEditEmployeePresentation.js";
+import { componentEvents as c } from "../../../shared/constants.js";
+import { BaseComponent as G } from "../../Base/Base.js";
+import { useComponentDictionary as H } from "../../../i18n/I18n.js";
+import { useBase as K } from "../../Base/useBase.js";
+function ie(e) {
+  return /* @__PURE__ */ s(G, { ...e, children: /* @__PURE__ */ s(T, { ...e, children: e.children }) });
 }
-const G = ({
+const T = ({
   employeeId: e,
-  companyId: s,
+  companyId: i,
   payrollId: a,
-  onEvent: i,
-  dictionary: c,
-  withReimbursements: u = !0
+  onEvent: m,
+  dictionary: u,
+  withReimbursements: y = !0
 }) => {
-  N("Payroll.PayrollEditEmployee", c);
-  const y = x(), { LoadingIndicator: d, baseSubmitHandler: E } = Q(), { data: P } = Y({ employeeId: e }), { data: f } = h({
+  H("Payroll.PayrollEditEmployee", u);
+  const d = B(), { LoadingIndicator: P, baseSubmitHandler: f } = K(), { data: E } = k({ employeeId: e }), { data: C } = O({
     employeeId: e
-  }), C = v(() => [e], [e]), { preparedPayroll: t, paySchedule: A, isLoading: L } = B({
-    companyId: s,
+  }), A = x(() => [e], [e]), { preparedPayroll: t, paySchedule: L, isLoading: R } = q({
+    companyId: i,
     payrollId: a,
-    employeeUuids: C
-  }), { mutateAsync: D, isPending: R } = k(), m = P.employee, S = t?.employeeCompensations?.at(0), _ = (f.employeeBankAccounts || []).length > 0, b = ({
+    employeeUuids: A
+  }), { mutateAsync: D, isPending: S } = v(), l = E.employee, _ = t?.employeeCompensations?.at(0), b = (C.employeeBankAccounts || []).length > 0, p = M(t ?? {}), g = !N(p), U = ({
     paymentMethod: o,
-    reimbursements: l,
-    ...r
+    reimbursements: r,
+    ...n
   }) => ({
-    ...r,
+    ...n,
     ...o && o !== "Historical" ? { paymentMethod: o } : {},
-    memo: r.memo || void 0
-  }), g = async (o) => {
-    const l = b(o);
-    await E(null, async () => {
-      const r = await D({
+    memo: n.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.
+    ...g && r ? { reimbursements: Q(r) } : {}
+  }), Y = async (o) => {
+    const r = U(o);
+    await f(null, async () => {
+      const n = await D({
         request: {
-          companyId: s,
+          companyId: i,
           payrollId: a,
           payrollUpdate: {
-            employeeCompensations: [l]
+            employeeCompensations: [r]
           }
         }
       });
-      await y.invalidateQueries({
-        queryKey: [O, a]
-      }), i(p.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: r.payrollPrepared,
-        employee: m
+      await d.invalidateQueries({
+        queryKey: [w, a]
+      }), m(c.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: n.payrollPrepared,
+        employee: l
       });
     });
-  }, U = () => {
-    i(p.RUN_PAYROLL_EMPLOYEE_CANCELLED);
+  }, h = () => {
+    m(c.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return L ? /* @__PURE__ */ n(d, {}) : /* @__PURE__ */ n(
-    w,
+  return R ? /* @__PURE__ */ s(P, {}) : /* @__PURE__ */ s(
+    z,
     {
-      onSave: g,
-      onCancel: U,
-      employee: m,
-      isPending: R,
-      employeeCompensation: S,
+      onSave: Y,
+      onCancel: h,
+      employee: l,
+      isPending: S,
+      employeeCompensation: _,
       fixedCompensationTypes: t?.fixedCompensationTypes || [],
       payPeriodStartDate: t?.payPeriod?.startDate,
-      paySchedule: A,
-      payrollCategory: q(t ?? {}),
-      withReimbursements: u,
-      hasDirectDepositSetup: _
+      paySchedule: L,
+      payrollCategory: p,
+      withReimbursements: y,
+      hasDirectDepositSetup: b
     }
   );
 };
 export {
-  te as PayrollEditEmployee,
-  G as Root
+  ie as PayrollEditEmployee,
+  T as Root
 };
 //# 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 } from '../payrollTypes'\nimport { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\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\ninterface PayrollEditEmployeeProps extends BaseComponentInterface<'Payroll.PayrollEditEmployee'> {\n  employeeId: string\n  companyId: string\n  payrollId: string\n  withReimbursements?: boolean\n}\n\nexport function PayrollEditEmployee(props: PayrollEditEmployeeProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\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\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\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      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={derivePayrollCategory(preparedPayroll ?? {})}\n      withReimbursements={withReimbursements}\n      hasDirectDepositSetup={hasDirectDepositSetup}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","useComponentDictionary","queryClient","useQueryClient","LoadingIndicator","baseSubmitHandler","useBase","employeeData","useEmployeesGetSuspense","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","memoizedEmployeeId","useMemo","preparedPayroll","paySchedule","isLoading","usePreparedPayrollData","updatePayroll","isPending","usePayrollsUpdateMutation","employee","employeeCompensation","hasDirectDepositSetup","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onSave","updatedCompensation","transformedCompensation","result","PREPARE_QUERY_KEY","componentEvents","onCancel","PayrollEditEmployeePresentation","derivePayrollCategory"],"mappings":";;;;;;;;;;;;;;AAwBO,SAASA,GAAoBC,GAA0D;AAC5F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC;AAAA,EACnB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAAgC;AAC9B,EAAAC,EAAuB,+BAA+BF,CAAU;AAEhE,QAAMG,IAAcC,EAAA,GACd,EAAE,kBAAAC,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAb,GAAY,GAC/D,EAAE,MAAMc,EAAA,IAAqBC,EAAiD;AAAA,IAClF,YAAAf;AAAA,EAAA,CACD,GACKgB,IAAqBC,EAAQ,MAAM,CAACjB,CAAU,GAAG,CAACA,CAAU,CAAC,GAC7D,EAAE,iBAAAkB,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAApB;AAAA,IACA,WAAAC;AAAA,IACA,eAAec;AAAA,EAAA,CAChB,GAEK,EAAE,aAAaM,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5CC,IAAWb,EAAa,UACxBc,IAAuBR,GAAiB,uBAAuB,GAAG,CAAC,GAEnES,KADeb,EAAiB,wBAAwB,CAAA,GACnB,SAAS,GAE9Cc,IAAgC,CAAC;AAAA,IACrC,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,OAEI;AAAA,IACL,GAAGA;AAAA,IACH,GAAIF,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,IAC1E,MAAME,EAAa,QAAQ;AAAA,EAAA,IAIzBC,IAAS,OAAOC,MAA0D;AAC9E,UAAMC,IAA0BN,EAA8BK,CAAmB;AACjF,UAAMvB,EAAkB,MAAM,YAAY;AACxC,YAAMyB,IAAS,MAAMb,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAArB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAACgC,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,YAAM3B,EAAY,kBAAkB;AAAA,QAClC,UAAU,CAAC6B,GAAmBlC,CAAS;AAAA,MAAA,CACxC,GAEDC,EAAQkC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBF,EAAO;AAAA,QACxB,UAAAV;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMa,IAAW,MAAM;AACrB,IAAAnC,EAAQkC,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAIjB,sBACMX,GAAA,EAAiB,IAIzB,gBAAAZ;AAAA,IAAC0C;AAAA,IAAA;AAAA,MACC,QAAAP;AAAA,MACA,UAAAM;AAAA,MACA,UAAAb;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,iBAAiBqB,EAAsBtB,KAAmB,EAAE;AAAA,MAC5D,oBAAAb;AAAA,MACA,uBAAAsB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx"],"sourcesContent":["import { useEmployeesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesGet'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodsGetBankAccounts'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api-v-2025-11-15/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 { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\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\ninterface PayrollEditEmployeeProps extends BaseComponentInterface<'Payroll.PayrollEditEmployee'> {\n  employeeId: string\n  companyId: string\n  payrollId: string\n  withReimbursements?: boolean\n}\n\nexport function PayrollEditEmployee(props: PayrollEditEmployeeProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\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    ...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      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","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","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","compensation","cleanupReimbursements","onSave","updatedCompensation","transformedCompensation","result","PREPARE_QUERY_KEY","componentEvents","onCancel","PayrollEditEmployeePresentation"],"mappings":";;;;;;;;;;;;;;;AAyBO,SAASA,GAAoBC,GAA0D;AAC5F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC;AAAA,EACnB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAAgC;AAC9B,EAAAC,EAAuB,+BAA+BF,CAAU;AAEhE,QAAMG,IAAcC,EAAA,GACd,EAAE,kBAAAC,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAb,GAAY,GAC/D,EAAE,MAAMc,EAAA,IAAqBC,EAAiD;AAAA,IAClF,YAAAf;AAAA,EAAA,CACD,GACKgB,IAAqBC,EAAQ,MAAM,CAACjB,CAAU,GAAG,CAACA,CAAU,CAAC,GAC7D,EAAE,iBAAAkB,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAApB;AAAA,IACA,WAAAC;AAAA,IACA,eAAec;AAAA,EAAA,CAChB,GAEK,EAAE,aAAaM,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5CC,IAAWb,EAAa,UACxBc,IAAuBR,GAAiB,uBAAuB,GAAG,CAAC,GAEnES,KADeb,EAAiB,wBAAwB,CAAA,GACnB,SAAS,GAC9Cc,IAAkBC,EAAsBX,KAAmB,EAAE,GAC7DY,IAA6B,CAACC,EAAkBH,CAAe,GAE/DI,IAAgC,CAAC;AAAA,IACrC,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,OAEI;AAAA,IACL,GAAGA;AAAA,IACH,GAAIF,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,IAC1E,MAAME,EAAa,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,GAAIL,KAA8BI,IAC9B,EAAE,gBAAgBE,EAAsBF,CAAc,MACtD,CAAA;AAAA,EAAC,IAIHG,IAAS,OAAOC,MAA0D;AAC9E,UAAMC,IAA0BP,EAA8BM,CAAmB;AACjF,UAAM5B,EAAkB,MAAM,YAAY;AACxC,YAAM8B,IAAS,MAAMlB,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAArB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAACqC,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,YAAMhC,EAAY,kBAAkB;AAAA,QAClC,UAAU,CAACkC,GAAmBvC,CAAS;AAAA,MAAA,CACxC,GAEDC,EAAQuC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBF,EAAO;AAAA,QACxB,UAAAf;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMkB,IAAW,MAAM;AACrB,IAAAxC,EAAQuC,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAItB,sBACMX,GAAA,EAAiB,IAIzB,gBAAAZ;AAAA,IAAC+C;AAAA,IAAA;AAAA,MACC,QAAAP;AAAA,MACA,UAAAM;AAAA,MACA,UAAAlB;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,iBAAAS;AAAA,MACA,oBAAAvB;AAAA,MACA,uBAAAsB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.d.ts

@@ -1,7 +1,7 @@
-import { Employee } from '@gusto/embedded-api/models/components/employee';
-import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
-import { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype';
-import { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleshow';
+import { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee';
+import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype';
+import { PayrollFixedCompensationTypesType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollfixedcompensationtypestype';
+import { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api-v-2025-11-15/models/components/payscheduleshow';
 import { z } from 'zod';
 import { PayrollCategory } from '../payrollTypes';
 interface PayrollEditEmployeeProps {
@@ -22,6 +22,12 @@ export declare const PayrollEditEmployeeFormSchema: z.ZodObject<{
     timeOffCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
     finalPayoutCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
     fixedCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
+    reimbursements: z.ZodArray<z.ZodObject<{
+        uuid: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        description: z.ZodString;
+        amount: z.ZodString;
+        recurring: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>>;
     paymentMethod: z.ZodOptional<z.ZodEnum<{
         readonly DirectDeposit: "Direct Deposit";
         readonly Check: "Check";
@@ -29,5 +35,5 @@ export declare const PayrollEditEmployeeFormSchema: z.ZodObject<{
     }>>;
 }, z.core.$strip>;
 export type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>;
-export declare const PayrollEditEmployeePresentation: ({ onSave, onCancel, employee, employeeCompensation, isPending, fixedCompensationTypes, payPeriodStartDate, paySchedule, payrollCategory, withReimbursements, hasDirectDepositSetup, }: PayrollEditEmployeeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollEditEmployeePresentation: ({ onSave, onCancel, employee, employeeCompensation, isPending, fixedCompensationTypes, payPeriodStartDate, paySchedule, payrollCategory, withReimbursements, hasDirectDepositSetup, }: PayrollEditEmployeeProps) => import("react").JSX.Element;
 export {};