@gusto/embedded-react-sdk 0.28.0 → 0.29.0

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

@@ -1,105 +1,87 @@
-import { useState as i, useRef as E, useMemo as C, useCallback as D, useEffect as H } from "react";
-import { useEmployeesList as J } from "@gusto/embedded-api/react-query/employeesList";
-import { useQueryClient as W, keepPreviousData as S, useQuery as X } from "@tanstack/react-query";
-import { usePaySchedulesGet as Z } from "@gusto/embedded-api/react-query/paySchedulesGet";
-import { useGustoEmbeddedContext as $ } from "@gusto/embedded-api/react-query/_context";
-import { payrollsPrepare as ee } from "@gusto/embedded-api/funcs/payrollsPrepare";
-const U = "payroll-prepare", te = 300 * 1e3;
-function le({
-  companyId: c,
+import { useState as d, useRef as h, useMemo as f, useCallback as g, useEffect as G } from "react";
+import { useEmployeesList as O } from "@gusto/embedded-api/react-query/employeesList";
+import { useQueryClient as T, keepPreviousData as P, useQuery as Y } from "@tanstack/react-query";
+import { usePaySchedulesGet as A } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { useGustoEmbeddedContext as H } from "@gusto/embedded-api/react-query/_context";
+import { payrollsPrepare as N } from "@gusto/embedded-api/funcs/payrollsPrepare";
+import { usePagination as V } from "../../../hooks/usePagination/usePagination.js";
+const E = "payroll-prepare", z = 300 * 1e3;
+function se({
+  companyId: i,
   payrollId: s
 }) {
-  const w = $(), y = W(), F = 10, [m, n] = i(1), [d, L] = i(F), [b, R] = i([]), [x, l] = i(!1), p = E(!1), { data: a, isFetching: h } = J(
+  const D = H(), l = T(), { currentPage: S, itemsPerPage: C, getPaginationProps: w } = V({
+    defaultItemsPerPage: 10
+  }), [U, F] = d([]), [L, r] = d(!1), p = h(!1), { data: a, isFetching: c } = O(
     {
-      companyId: c,
+      companyId: i,
       payrollUuid: s,
-      per: d,
-      page: m,
+      per: C,
+      page: S,
       sortBy: "name"
     },
-    { placeholderData: S }
-  ), g = E(a);
-  g.current = a;
-  const r = C(() => a?.showEmployees?.map((e) => e.uuid) || [], [a?.showEmployees]), u = Number(a?.httpMeta.response.headers.get("x-total-pages") ?? 1), M = Number(a?.httpMeta.response.headers.get("x-total-count") ?? 0), q = C(() => r.join(","), [r]), {
+    { placeholderData: P }
+  ), u = h(a);
+  u.current = a;
+  const n = f(() => a?.showEmployees?.map((e) => e.uuid) || [], [a?.showEmployees]), R = f(() => n.join(","), [n]), {
     data: t,
-    isLoading: v,
-    isFetching: I
-  } = X({
-    queryKey: [U, s, q],
+    isLoading: b,
+    isFetching: q
+  } = Y({
+    queryKey: [E, s, R],
     queryFn: async () => {
-      const e = await ee(w, {
-        companyId: c,
+      const e = await N(D, {
+        companyId: i,
         payrollId: s,
         sortBy: "last_name",
         requestBody: {
-          employeeUuids: r
+          employeeUuids: n
         }
       });
       if (!e.ok)
         throw e.error;
       return e.value.payrollPrepared;
     },
-    enabled: r.length > 0,
-    staleTime: te,
-    placeholderData: S
-  }), P = D(() => {
-    const e = g.current;
+    enabled: n.length > 0,
+    staleTime: z,
+    placeholderData: P
+  }), y = g(() => {
+    const e = u.current;
     if (!e?.showEmployees || !t?.employeeCompensations) {
-      l(!1);
+      r(!1);
       return;
     }
-    const f = e.showEmployees.map((o) => o.uuid), z = new Set(t.employeeCompensations.map((o) => o.employeeUuid));
-    f.length > 0 && f.every((o) => z.has(o)) ? (R(e.showEmployees), l(!0), p.current = !0) : l(!1);
+    const m = e.showEmployees.map((o) => o.uuid), x = new Set(t.employeeCompensations.map((o) => o.employeeUuid));
+    m.length > 0 && m.every((o) => x.has(o)) ? (F(e.showEmployees), r(!0), p.current = !0) : r(!1);
   }, [t?.employeeCompensations]);
-  H(() => {
-    P();
-  }, [P]);
-  const { data: K, isLoading: N } = Z(
+  G(() => {
+    y();
+  }, [y]);
+  const { data: v, isLoading: K } = A(
     {
-      companyId: c,
+      companyId: i,
       payScheduleId: t?.payPeriod?.payScheduleUuid || ""
     },
     {
       enabled: !!t?.payPeriod?.payScheduleUuid
     }
-  ), Q = (e) => {
-    L(e);
-  }, _ = () => {
-    n(1);
-  }, k = () => {
-    n((e) => Math.max(e - 1, 1));
-  }, B = () => {
-    n((e) => Math.min(e + 1, u));
-  }, j = () => {
-    n(u);
-  }, G = D(async () => {
-    await y.invalidateQueries({
-      queryKey: [U, s]
+  ), Q = g(async () => {
+    await l.invalidateQueries({
+      queryKey: [E, s]
     });
-  }, [y, s]), O = v && !p.current, T = I && p.current, Y = h || T || !x, A = O || N || !a && h, V = {
-    currentPage: m,
-    handleFirstPage: _,
-    handlePreviousPage: k,
-    handleNextPage: B,
-    handleLastPage: j,
-    handleItemsPerPageChange: Q,
-    totalPages: u,
-    totalCount: M,
-    isFetching: Y,
-    itemsPerPage: d
-  };
+  }, [l, s]), _ = b && !p.current, k = q && p.current, B = c || k || !L, I = _ || K || !a && c, M = a?.httpMeta.response.headers ?? new Headers(), j = w(M, B);
   return {
     employeeCompensations: t?.employeeCompensations || [],
-    employeeDetails: b,
+    employeeDetails: U,
     payPeriod: t?.payPeriod,
-    paySchedule: K?.payScheduleObject,
+    paySchedule: v?.payScheduleObject,
     isOffCycle: t?.offCycle ?? !1,
-    pagination: V,
-    isLoading: A,
-    refetch: G
+    pagination: j,
+    isLoading: I,
+    refetch: Q
   };
 }
 export {
-  le as usePayrollConfigurationData
+  se as usePayrollConfigurationData
 };
 //# sourceMappingURL=usePayrollConfigurationData.js.map

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 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 { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type {\n  PaginationControlProps,\n  PaginationItemsPerPage,\n} from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleObject | undefined\n  isOffCycle: boolean\n  pagination: PaginationControlProps\n  isLoading: boolean\n  refetch: () => Promise<void>\n}\n\nconst PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\n\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n  const defaultItemsPerPage = 10\n\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(defaultItemsPerPage)\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 employeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const totalPages = Number(employeeData?.httpMeta.response.headers.get('x-total-pages') ?? 1)\n  const totalCount = Number(employeeData?.httpMeta.response.headers.get('x-total-count') ?? 0)\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 () => {\n      const result = await payrollsPrepare(gustoClient, {\n        companyId,\n        payrollId,\n        sortBy: 'last_name',\n        requestBody: {\n          employeeUuids,\n        },\n      })\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\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 inSync = currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (inSync) {\n      setDisplayedEmployees(currentEmployeeData.showEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations])\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 handleItemsPerPageChange = (newCount: PaginationItemsPerPage) => {\n    setItemsPerPage(newCount)\n  }\n\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\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 pagination: PaginationControlProps = {\n    currentPage,\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage,\n    handleItemsPerPageChange,\n    totalPages,\n    totalCount,\n    isFetching: isPaginationFetching,\n    itemsPerPage,\n  }\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations || [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isOffCycle: prepareData?.offCycle ?? false,\n    pagination,\n    isLoading,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","usePayrollConfigurationData","companyId","payrollId","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","defaultItemsPerPage","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","displayedEmployees","setDisplayedEmployees","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","employeeUuids","useMemo","totalPages","totalCount","employeeUuidsKey","prepareData","isPrepareLoading","isPrepareFetching","useQuery","result","payrollsPrepare","syncData","useCallback","currentEmployeeData","currentUuids","e","preparedUuids","c","uuid","useEffect","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleItemsPerPageChange","newCount","handleFirstPage","handlePreviousPage","prevPage","handleNextPage","handleLastPage","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","pagination"],"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/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 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 { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleObject | undefined\n  isOffCycle: boolean\n  pagination: PaginationControlProps\n  isLoading: boolean\n  refetch: () => Promise<void>\n}\n\nconst PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\n\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\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 employeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\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 () => {\n      const result = await payrollsPrepare(gustoClient, {\n        companyId,\n        payrollId,\n        sortBy: 'last_name',\n        requestBody: {\n          employeeUuids,\n        },\n      })\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\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 inSync = currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (inSync) {\n      setDisplayedEmployees(currentEmployeeData.showEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations])\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?.payScheduleObject,\n    isOffCycle: prepareData?.offCycle ?? false,\n    pagination,\n    isLoading,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","usePayrollConfigurationData","companyId","payrollId","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","currentPage","itemsPerPage","getPaginationProps","usePagination","displayedEmployees","setDisplayedEmployees","useState","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","employeeUuids","useMemo","employeeUuidsKey","prepareData","isPrepareLoading","isPrepareFetching","useQuery","result","payrollsPrepare","syncData","useCallback","currentEmployeeData","currentUuids","e","preparedUuids","c","uuid","useEffect","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","headers","pagination"],"mappings":"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"}

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

@@ -9,16 +9,17 @@ import u from "./PayrollEditEmployeePresentation.module.scss.js";
 import { TimeOffField as ne } from "./TimeOffField.js";
 import { Flex as x } from "../../Common/Flex/Flex.js";
 import { Grid as P } from "../../Common/Grid/Grid.js";
-import { RadioGroupField as re } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as ie } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as G } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as oe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as se } from "../../../i18n/I18n.js";
-import { Form as ae } from "../../Common/Form/Form.js";
-import { firstLastName as me, formatNumberAsCurrency as le } from "../../../helpers/formattedStrings.js";
-import { getAdditionalEarningsCompensations as de, getReimbursementCompensation as ue, calculateGrossPay as k } from "../helpers.js";
-import { HOURS_COMPENSATION_NAMES as w, EXCLUDED_ADDITIONAL_EARNINGS as ce, COMPENSATION_NAME_DOUBLE_OVERTIME as pe, COMPENSATION_NAME_OVERTIME as fe, COMPENSATION_NAME_REGULAR_HOURS as he, COMPENSATION_NAME_REIMBURSEMENT as Ce, COMPENSATION_NAME_CASH_TIPS as Ne, COMPENSATION_NAME_COMMISSION as Ee, COMPENSATION_NAME_CORRECTION_PAYMENT as ge, COMPENSATION_NAME_PAYCHECK_TIPS as be, COMPENSATION_NAME_BONUS as Me } from "../../../shared/constants.js";
-import { useContainerBreakpoints as Oe } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import "classnames";
+import { useComponentContext as re } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as ie } from "../../../i18n/I18n.js";
+import { Form as oe } from "../../Common/Form/Form.js";
+import { firstLastName as se, formatNumberAsCurrency as ae } from "../../../helpers/formattedStrings.js";
+import { getAdditionalEarningsCompensations as me, getReimbursementCompensation as le, calculateGrossPay as G } from "../helpers.js";
+import { HOURS_COMPENSATION_NAMES as k, EXCLUDED_ADDITIONAL_EARNINGS as de, COMPENSATION_NAME_DOUBLE_OVERTIME as ue, COMPENSATION_NAME_OVERTIME as ce, COMPENSATION_NAME_REGULAR_HOURS as pe, COMPENSATION_NAME_REIMBURSEMENT as fe, COMPENSATION_NAME_CASH_TIPS as he, COMPENSATION_NAME_COMMISSION as Ce, COMPENSATION_NAME_CORRECTION_PAYMENT as Ne, COMPENSATION_NAME_PAYCHECK_TIPS as Ee, COMPENSATION_NAME_BONUS as ge } from "../../../shared/constants.js";
+import { useContainerBreakpoints as be } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { TextInputField as Me } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { NumberInputField as w } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { RadioGroupField as Oe } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const Te = m.object({
   hourlyCompensations: m.record(m.string(), m.record(m.string(), m.string().optional())),
   timeOffCompensations: m.record(m.string(), m.string().optional()),
@@ -59,7 +60,7 @@ const Te = m.object({
       });
     }
   }), g.fixedCompensations = b, g;
-}, ze = ({
+}, We = ({
   onSave: E,
   onCancel: y,
   employee: l,
@@ -72,22 +73,22 @@ const Te = m.object({
   withReimbursements: M = !0,
   hasDirectDepositSetup: $ = !0
 }) => {
-  const { Button: v, Heading: c, Text: B } = oe(), { t } = ee("Payroll.PayrollEditEmployee");
-  se("Payroll.PayrollEditEmployee");
-  const f = l.jobs?.find((e) => e.primary), O = f ? [f] : [], F = Z(null), p = Oe({
+  const { Button: v, Heading: c, Text: B } = re(), { t } = ee("Payroll.PayrollEditEmployee");
+  ie("Payroll.PayrollEditEmployee");
+  const f = l.jobs?.find((e) => e.primary), O = f ? [f] : [], F = Z(null), p = be({
     ref: F
   }).includes("small");
   o?.hourlyCompensations?.forEach((e) => {
     const n = l.jobs?.find((s) => s.uuid === e.jobUuid);
     n && !O.find((s) => s.uuid === n.uuid) && O.push(n);
   });
-  const A = (o?.paidTimeOff || []).filter((e) => e.name), _ = de({
+  const A = (o?.paidTimeOff || []).filter((e) => e.name), _ = me({
     flsaStatus: f?.compensations?.[0]?.flsaStatus,
     existingFixedCompensations: o?.fixedCompensations || [],
     primaryJobUuid: f?.uuid,
     fixedCompensationTypes: b,
-    excludedTypes: ce
-  }), N = M ? ue(
+    excludedTypes: de
+  }), N = M ? le(
     o?.fixedCompensations || [],
     b,
     f?.uuid
@@ -95,28 +96,28 @@ const Te = m.object({
     (s) => s.jobUuid === e && s.name?.toLowerCase() === n.toLowerCase()
   ), q = (e) => {
     switch (e) {
-      case he:
+      case pe:
         return t("compensationNames.regularHours");
-      case fe:
+      case ce:
         return t("compensationNames.overtime");
-      case pe:
+      case ue:
         return t("compensationNames.doubleOvertime");
       default:
         return e;
     }
   }, j = (e) => {
     switch (e) {
-      case Me:
+      case ge:
         return t("fixedCompensationNames.bonus");
-      case be:
+      case Ee:
         return t("fixedCompensationNames.paycheckTips");
-      case ge:
+      case Ne:
         return t("fixedCompensationNames.correctionPayment");
-      case Ee:
+      case Ce:
         return t("fixedCompensationNames.commission");
-      case Ne:
+      case he:
         return t("fixedCompensationNames.cashTips");
-      case Ce:
+      case fe:
         return t("fixedCompensationNames.reimbursement");
       default:
         return e;
@@ -125,7 +126,7 @@ const Te = m.object({
     hourlyCompensations: (() => {
       const e = {};
       return O.forEach((n) => {
-        w.forEach((s) => {
+        k.forEach((s) => {
           const h = R(n.uuid, s);
           h && (e[n.uuid] || (e[n.uuid] = {}), e[n.uuid][h.name] = h.hours ? parseFloat(h.hours).toString() : "");
         });
@@ -166,7 +167,7 @@ const Te = m.object({
         (o?.paidTimeOff || []).filter((h) => h.name),
         f?.uuid
       );
-      return k(
+      return G(
         s,
         l,
         i,
@@ -174,7 +175,7 @@ const Te = m.object({
         C
       );
     } catch {
-      return o ? k(
+      return o ? G(
         o,
         l,
         i,
@@ -190,7 +191,7 @@ const Te = m.object({
     i,
     d,
     C
-  ]), W = me({
+  ]), W = se({
     first_name: l.firstName,
     last_name: l.lastName
   }), Y = (e) => {
@@ -201,7 +202,7 @@ const Te = m.object({
       f?.uuid
     );
     E(n);
-  }, L = le(z || 0), U = /* @__PURE__ */ a(
+  }, L = ae(z || 0), U = /* @__PURE__ */ a(
     x,
     {
       flexDirection: p ? "row" : "column",
@@ -240,19 +241,19 @@ const Te = m.object({
       }
     ),
     /* @__PURE__ */ a(Q, { ...I, children: [
-      /* @__PURE__ */ a(ae, { children: [
+      /* @__PURE__ */ a(oe, { children: [
         O.length > 0 && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ r(c, { as: "h3", children: t("regularHoursTitle") }),
           O.map((e) => /* @__PURE__ */ a(x, { flexDirection: "column", gap: 8, children: [
             O.length > 1 && /* @__PURE__ */ r(c, { as: "h4", children: e.title }),
-            /* @__PURE__ */ r(P, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: w.map((n) => {
+            /* @__PURE__ */ r(P, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: k.map((n) => {
               const s = R(
                 e.uuid,
                 n
               );
               if (s)
                 return /* @__PURE__ */ r(
-                  ie,
+                  Me,
                   {
                     type: "number",
                     min: 0,
@@ -285,7 +286,7 @@ const Te = m.object({
               gridTemplateColumns: { base: "1fr", small: [320, 320], large: [320, 320, 320] },
               gap: 20,
               children: _.map((e) => /* @__PURE__ */ r(
-                G,
+                w,
                 {
                   format: "currency",
                   min: 0,
@@ -301,7 +302,7 @@ const Te = m.object({
         N && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ r(c, { as: "h4", children: t("reimbursementTitle") }),
           /* @__PURE__ */ r(P, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: /* @__PURE__ */ r(
-            G,
+            w,
             {
               format: "currency",
               min: 0,
@@ -314,7 +315,7 @@ const Te = m.object({
         $ && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ r(c, { as: "h4", children: t("paymentMethodTitle") }),
           /* @__PURE__ */ r(
-            re,
+            Oe,
             {
               name: "paymentMethod",
               isRequired: !0,
@@ -340,6 +341,6 @@ const Te = m.object({
 };
 export {
   Te as PayrollEditEmployeeFormSchema,
-  ze as PayrollEditEmployeePresentation
+  We as PayrollEditEmployeePresentation
 };
 //# sourceMappingURL=PayrollEditEmployeePresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  FixedCompensations,\n  PayrollEmployeeCompensationsType,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n  getAdditionalEarningsCompensations,\n  getReimbursementCompensation,\n  calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport {\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  HOURS_COMPENSATION_NAMES,\n  EXCLUDED_ADDITIONAL_EARNINGS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n  onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n  onCancel: () => void\n  employee: Employee\n  employeeCompensation?: PayrollEmployeeCompensationsType\n  isPending?: boolean\n  fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n  payPeriodStartDate?: string\n  paySchedule?: PayScheduleObject\n  isOffCycle?: boolean\n  withReimbursements?: boolean\n  hasDirectDepositSetup?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n  hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n  timeOffCompensations: z.record(z.string(), z.string().optional()),\n  fixedCompensations: z.record(z.string(), z.number().optional()),\n  paymentMethod: z.nativeEnum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n  formData: PayrollEditEmployeeFormValues,\n  employeeCompensation: PayrollEmployeeCompensationsType | undefined,\n  timeOff: Array<{ name?: string; hours?: string }>,\n  primaryJobUuid?: string,\n): PayrollEmployeeCompensationsType => {\n  const updatedCompensation = {\n    ...employeeCompensation,\n    paymentMethod: formData.paymentMethod,\n  }\n\n  updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n    compensation => {\n      const hours =\n        compensation.jobUuid && compensation.name\n          ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n          : undefined\n      return hours\n        ? {\n            ...compensation,\n            hours,\n          }\n        : compensation\n    },\n  )\n\n  updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n    return {\n      ...timeOffEntry,\n      hours: formData.timeOffCompensations[timeOffEntry.name!],\n    }\n  })\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined) {\n      const amountAsString = formAmount.toString()\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: amountAsString,\n        })\n      } else if (formAmount !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: amountAsString,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n  onSave,\n  onCancel,\n  employee,\n  employeeCompensation,\n  isPending = false,\n  fixedCompensationTypes,\n  payPeriodStartDate,\n  paySchedule,\n  isOffCycle = false,\n  withReimbursements = true,\n  hasDirectDepositSetup = true,\n}: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const primaryJob = employee.jobs?.find(job => job.primary)\n  const hourlyJobs = primaryJob ? [primaryJob] : []\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n  })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n    const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n    if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n      hourlyJobs.push(job)\n    }\n  })\n\n  const timeOff = (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name)\n\n  const additionalEarnings = getAdditionalEarningsCompensations({\n    flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n    existingFixedCompensations: employeeCompensation?.fixedCompensations || [],\n    primaryJobUuid: primaryJob?.uuid,\n    fixedCompensationTypes,\n    excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n  })\n\n  const reimbursement = withReimbursements\n    ? getReimbursementCompensation(\n        employeeCompensation?.fixedCompensations || [],\n        fixedCompensationTypes,\n        primaryJob?.uuid,\n      )\n    : null\n\n  const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n    return employeeCompensation?.hourlyCompensations?.find(\n      compensation =>\n        compensation.jobUuid === jobUuid &&\n        compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n    )\n  }\n\n  const getCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return compensationName\n    }\n  }\n\n  const getFixedCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return compensationName\n    }\n  }\n\n  const defaultValues = {\n    hourlyCompensations: (() => {\n      const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n      hourlyJobs.forEach(hourlyJob => {\n        HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n          const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n          if (matchingCompensation) {\n            if (!hourlyCompensations[hourlyJob.uuid]) {\n              hourlyCompensations[hourlyJob.uuid] = {}\n            }\n            hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n              matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n          }\n        })\n      })\n\n      return hourlyCompensations\n    })(),\n\n    timeOffCompensations: (() => {\n      const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n          ? parseFloat(timeOffCompensation.hours).toString()\n          : ''\n      })\n\n      return timeOffCompensations\n    })(),\n\n    fixedCompensations: (() => {\n      const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n      additionalEarnings.forEach(fixedComp => {\n        fixedCompensations[fixedComp.name!] = fixedComp.amount\n          ? parseFloat(fixedComp.amount)\n          : undefined\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount\n          ? parseFloat(reimbursement.amount)\n          : undefined\n      }\n\n      return fixedCompensations\n    })(),\n\n    paymentMethod:\n      employeeCompensation?.paymentMethod ||\n      PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n  }\n\n  const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n    resolver: zodResolver(PayrollEditEmployeeFormSchema),\n    defaultValues,\n  })\n\n  const watchedFormData = useWatch({\n    control: formHandlers.control,\n  })\n\n  const currentGrossPay = useMemo(() => {\n    try {\n      // Build form data, filtering out undefined nested objects\n      const hourlyCompensations: Record<string, Record<string, string | undefined>> = {}\n      if (watchedFormData.hourlyCompensations) {\n        Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n          if (compensations) {\n            hourlyCompensations[jobId] = compensations\n          }\n        })\n      }\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        paymentMethod: watchedFormData.paymentMethod,\n      }\n\n      const updatedCompensation = buildCompensationFromFormData(\n        formDataWithDefaults,\n        employeeCompensation,\n        (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name),\n        primaryJob?.uuid,\n      )\n\n      return calculateGrossPay(\n        updatedCompensation,\n        employee,\n        payPeriodStartDate,\n        paySchedule,\n        isOffCycle,\n      )\n    } catch {\n      // Fallback to original compensation on error\n      return employeeCompensation\n        ? calculateGrossPay(\n            employeeCompensation,\n            employee,\n            payPeriodStartDate,\n            paySchedule,\n            isOffCycle,\n          )\n        : 0\n    }\n  }, [\n    watchedFormData,\n    employeeCompensation,\n    primaryJob?.uuid,\n    employee,\n    payPeriodStartDate,\n    paySchedule,\n    isOffCycle,\n  ])\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n    const updatedCompensation = buildCompensationFromFormData(\n      data,\n      employeeCompensation,\n      timeOff,\n      primaryJob?.uuid,\n    )\n    onSave(updatedCompensation)\n  }\n\n  const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay || 0)\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={onCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={formHandlers.handleSubmit(onSubmit)}\n        title={t('saveCta')}\n        isLoading={isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <div\n        className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n      >\n        <Flex justifyContent=\"space-between\">\n          <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n            <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n              {t('pageTitle', { employeeName })}\n            </Heading>\n            {isSmallOrGreater ? (\n              <Flex flexDirection=\"column\" gap={6}>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {formattedCurrentGrossPay}\n                </Heading>\n                <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n              </Flex>\n            ) : (\n              <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n                {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n              </Heading>\n            )}\n          </Flex>\n          {isSmallOrGreater && actions}\n        </Flex>\n      </div>\n      <FormProvider {...formHandlers}>\n        <Form>\n          {hourlyJobs.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n              {hourlyJobs.map(hourlyJob => (\n                <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n                  {hourlyJobs.length > 1 && <Heading as=\"h4\">{hourlyJob.title}</Heading>}\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    {HOURS_COMPENSATION_NAMES.map(compensationName => {\n                      const employeeHourlyCompensation = findMatchingCompensation(\n                        hourlyJob.uuid,\n                        compensationName,\n                      )\n                      if (employeeHourlyCompensation) {\n                        return (\n                          <TextInputField\n                            key={compensationName}\n                            type=\"number\"\n                            min={0}\n                            adornmentEnd={t('hoursUnit')}\n                            isRequired\n                            label={getCompensationLabel(compensationName)}\n                            name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n                          />\n                        )\n                      }\n                    })}\n                  </Grid>\n                </Flex>\n              ))}\n            </div>\n          )}\n          {timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('timeOffTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TimeOffField\n                    key={timeOffEntry.name}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {additionalEarnings.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n              <Grid\n                gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n                gap={20}\n              >\n                {additionalEarnings.map(fixedCompensation => (\n                  <NumberInputField\n                    key={fixedCompensation.name}\n                    format=\"currency\"\n                    min={0}\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {reimbursement && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <NumberInputField\n                  format=\"currency\"\n                  min={0}\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {hasDirectDepositSetup && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                isRequired\n                label={t('paymentMethodLabel')}\n                description={t('paymentMethodDescription')}\n                options={[\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n                    label: t('paymentMethodOptions.directDeposit'),\n                  },\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n                    label: t('paymentMethodOptions.check'),\n                  },\n                ]}\n              />\n            </div>\n          )}\n        </Form>\n        {!isSmallOrGreater && actions}\n      </FormProvider>\n    </div>\n  )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","updatedCompensation","compensation","hours","timeOffEntry","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","amountAsString","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","isOffCycle","withReimbursements","hasDirectDepositSetup","Button","Heading","Text","useComponentContext","useTranslation","useI18n","primaryJob","job","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","NumberInputField","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  FixedCompensations,\n  PayrollEmployeeCompensationsType,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n  getAdditionalEarningsCompensations,\n  getReimbursementCompensation,\n  calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport {\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  HOURS_COMPENSATION_NAMES,\n  EXCLUDED_ADDITIONAL_EARNINGS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n  onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n  onCancel: () => void\n  employee: Employee\n  employeeCompensation?: PayrollEmployeeCompensationsType\n  isPending?: boolean\n  fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n  payPeriodStartDate?: string\n  paySchedule?: PayScheduleObject\n  isOffCycle?: boolean\n  withReimbursements?: boolean\n  hasDirectDepositSetup?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n  hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n  timeOffCompensations: z.record(z.string(), z.string().optional()),\n  fixedCompensations: z.record(z.string(), z.number().optional()),\n  paymentMethod: z.nativeEnum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n  formData: PayrollEditEmployeeFormValues,\n  employeeCompensation: PayrollEmployeeCompensationsType | undefined,\n  timeOff: Array<{ name?: string; hours?: string }>,\n  primaryJobUuid?: string,\n): PayrollEmployeeCompensationsType => {\n  const updatedCompensation = {\n    ...employeeCompensation,\n    paymentMethod: formData.paymentMethod,\n  }\n\n  updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n    compensation => {\n      const hours =\n        compensation.jobUuid && compensation.name\n          ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n          : undefined\n      return hours\n        ? {\n            ...compensation,\n            hours,\n          }\n        : compensation\n    },\n  )\n\n  updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n    return {\n      ...timeOffEntry,\n      hours: formData.timeOffCompensations[timeOffEntry.name!],\n    }\n  })\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined) {\n      const amountAsString = formAmount.toString()\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: amountAsString,\n        })\n      } else if (formAmount !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: amountAsString,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n  onSave,\n  onCancel,\n  employee,\n  employeeCompensation,\n  isPending = false,\n  fixedCompensationTypes,\n  payPeriodStartDate,\n  paySchedule,\n  isOffCycle = false,\n  withReimbursements = true,\n  hasDirectDepositSetup = true,\n}: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const primaryJob = employee.jobs?.find(job => job.primary)\n  const hourlyJobs = primaryJob ? [primaryJob] : []\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n  })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n    const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n    if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n      hourlyJobs.push(job)\n    }\n  })\n\n  const timeOff = (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name)\n\n  const additionalEarnings = getAdditionalEarningsCompensations({\n    flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n    existingFixedCompensations: employeeCompensation?.fixedCompensations || [],\n    primaryJobUuid: primaryJob?.uuid,\n    fixedCompensationTypes,\n    excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n  })\n\n  const reimbursement = withReimbursements\n    ? getReimbursementCompensation(\n        employeeCompensation?.fixedCompensations || [],\n        fixedCompensationTypes,\n        primaryJob?.uuid,\n      )\n    : null\n\n  const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n    return employeeCompensation?.hourlyCompensations?.find(\n      compensation =>\n        compensation.jobUuid === jobUuid &&\n        compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n    )\n  }\n\n  const getCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return compensationName\n    }\n  }\n\n  const getFixedCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return compensationName\n    }\n  }\n\n  const defaultValues = {\n    hourlyCompensations: (() => {\n      const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n      hourlyJobs.forEach(hourlyJob => {\n        HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n          const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n          if (matchingCompensation) {\n            if (!hourlyCompensations[hourlyJob.uuid]) {\n              hourlyCompensations[hourlyJob.uuid] = {}\n            }\n            hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n              matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n          }\n        })\n      })\n\n      return hourlyCompensations\n    })(),\n\n    timeOffCompensations: (() => {\n      const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n          ? parseFloat(timeOffCompensation.hours).toString()\n          : ''\n      })\n\n      return timeOffCompensations\n    })(),\n\n    fixedCompensations: (() => {\n      const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n      additionalEarnings.forEach(fixedComp => {\n        fixedCompensations[fixedComp.name!] = fixedComp.amount\n          ? parseFloat(fixedComp.amount)\n          : undefined\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount\n          ? parseFloat(reimbursement.amount)\n          : undefined\n      }\n\n      return fixedCompensations\n    })(),\n\n    paymentMethod:\n      employeeCompensation?.paymentMethod ||\n      PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n  }\n\n  const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n    resolver: zodResolver(PayrollEditEmployeeFormSchema),\n    defaultValues,\n  })\n\n  const watchedFormData = useWatch({\n    control: formHandlers.control,\n  })\n\n  const currentGrossPay = useMemo(() => {\n    try {\n      // Build form data, filtering out undefined nested objects\n      const hourlyCompensations: Record<string, Record<string, string | undefined>> = {}\n      if (watchedFormData.hourlyCompensations) {\n        Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n          if (compensations) {\n            hourlyCompensations[jobId] = compensations\n          }\n        })\n      }\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        paymentMethod: watchedFormData.paymentMethod,\n      }\n\n      const updatedCompensation = buildCompensationFromFormData(\n        formDataWithDefaults,\n        employeeCompensation,\n        (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name),\n        primaryJob?.uuid,\n      )\n\n      return calculateGrossPay(\n        updatedCompensation,\n        employee,\n        payPeriodStartDate,\n        paySchedule,\n        isOffCycle,\n      )\n    } catch {\n      // Fallback to original compensation on error\n      return employeeCompensation\n        ? calculateGrossPay(\n            employeeCompensation,\n            employee,\n            payPeriodStartDate,\n            paySchedule,\n            isOffCycle,\n          )\n        : 0\n    }\n  }, [\n    watchedFormData,\n    employeeCompensation,\n    primaryJob?.uuid,\n    employee,\n    payPeriodStartDate,\n    paySchedule,\n    isOffCycle,\n  ])\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n    const updatedCompensation = buildCompensationFromFormData(\n      data,\n      employeeCompensation,\n      timeOff,\n      primaryJob?.uuid,\n    )\n    onSave(updatedCompensation)\n  }\n\n  const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay || 0)\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={onCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={formHandlers.handleSubmit(onSubmit)}\n        title={t('saveCta')}\n        isLoading={isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <div\n        className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n      >\n        <Flex justifyContent=\"space-between\">\n          <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n            <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n              {t('pageTitle', { employeeName })}\n            </Heading>\n            {isSmallOrGreater ? (\n              <Flex flexDirection=\"column\" gap={6}>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {formattedCurrentGrossPay}\n                </Heading>\n                <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n              </Flex>\n            ) : (\n              <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n                {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n              </Heading>\n            )}\n          </Flex>\n          {isSmallOrGreater && actions}\n        </Flex>\n      </div>\n      <FormProvider {...formHandlers}>\n        <Form>\n          {hourlyJobs.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n              {hourlyJobs.map(hourlyJob => (\n                <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n                  {hourlyJobs.length > 1 && <Heading as=\"h4\">{hourlyJob.title}</Heading>}\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    {HOURS_COMPENSATION_NAMES.map(compensationName => {\n                      const employeeHourlyCompensation = findMatchingCompensation(\n                        hourlyJob.uuid,\n                        compensationName,\n                      )\n                      if (employeeHourlyCompensation) {\n                        return (\n                          <TextInputField\n                            key={compensationName}\n                            type=\"number\"\n                            min={0}\n                            adornmentEnd={t('hoursUnit')}\n                            isRequired\n                            label={getCompensationLabel(compensationName)}\n                            name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n                          />\n                        )\n                      }\n                    })}\n                  </Grid>\n                </Flex>\n              ))}\n            </div>\n          )}\n          {timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('timeOffTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TimeOffField\n                    key={timeOffEntry.name}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {additionalEarnings.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n              <Grid\n                gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n                gap={20}\n              >\n                {additionalEarnings.map(fixedCompensation => (\n                  <NumberInputField\n                    key={fixedCompensation.name}\n                    format=\"currency\"\n                    min={0}\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {reimbursement && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <NumberInputField\n                  format=\"currency\"\n                  min={0}\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {hasDirectDepositSetup && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                isRequired\n                label={t('paymentMethodLabel')}\n                description={t('paymentMethodDescription')}\n                options={[\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n                    label: t('paymentMethodOptions.directDeposit'),\n                  },\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n                    label: t('paymentMethodOptions.check'),\n                  },\n                ]}\n              />\n            </div>\n          )}\n        </Form>\n        {!isSmallOrGreater && actions}\n      </FormProvider>\n    </div>\n  )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","updatedCompensation","compensation","hours","timeOffEntry","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","amountAsString","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","isOffCycle","withReimbursements","hasDirectDepositSetup","Button","Heading","Text","useComponentContext","useTranslation","useI18n","primaryJob","job","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","NumberInputField","RadioGroupField"],"mappings":"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"}