@gusto/embedded-react-sdk 0.18.0 → 0.19.0

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

@@ -1,66 +1,67 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useEmployeesGetSuspense as O } from "@gusto/embedded-api/react-query/employeesGet";
 import { usePayrollsUpdateMutation as R } from "@gusto/embedded-api/react-query/payrollsUpdate";
 import { useMemo as U } from "react";
 import { usePreparedPayrollData as x } from "../usePreparedPayrollData.js";
 import { PayrollEditEmployeePresentation as Y } from "./PayrollEditEmployeePresentation.js";
-import { componentEvents as l } from "../../../shared/constants.js";
-import { BaseComponent as g } from "../../Base/Base.js";
-import { useComponentDictionary as N } from "../../../i18n/I18n.js";
-import { useBase as b } from "../../Base/useBase.js";
+import { componentEvents as p } from "../../../shared/constants.js";
+import { BaseComponent as b } from "../../Base/Base.js";
+import { useComponentDictionary as g } from "../../../i18n/I18n.js";
+import { useBase as N } from "../../Base/useBase.js";
 function V(e) {
-  return /* @__PURE__ */ a(g, { ...e, children: /* @__PURE__ */ a(h, { ...e, children: e.children }) });
+  return /* @__PURE__ */ n(b, { ...e, children: /* @__PURE__ */ n(h, { ...e, children: e.children }) });
 }
 const h = ({
   employeeId: e,
-  companyId: n,
+  companyId: a,
   payrollId: s,
   onEvent: m,
-  dictionary: p
+  dictionary: y
 }) => {
-  N("Payroll.PayrollEditEmployee", p);
-  const { LoadingIndicator: y, baseSubmitHandler: c } = b(), { data: d } = O({ employeeId: e }), u = U(() => [e], []), { preparedPayroll: t, paySchedule: f, isLoading: P } = x({
-    companyId: n,
+  g("Payroll.PayrollEditEmployee", y);
+  const { LoadingIndicator: c, baseSubmitHandler: d } = N(), { data: u } = O({ employeeId: e }), f = U(() => [e], []), { preparedPayroll: t, paySchedule: P, isLoading: E } = x({
+    companyId: a,
     payrollId: s,
-    employeeUuids: u
-  }), { mutateAsync: E, isPending: C } = R(), i = d.employee, L = t?.employeeCompensations?.at(0), D = ({
+    employeeUuids: f
+  }), { mutateAsync: C, isPending: L } = R(), i = u.employee, D = t?.employeeCompensations?.at(0), S = ({
     paymentMethod: o,
+    reimbursements: l,
     ...r
   }) => ({
     ...r,
     ...o && o !== "Historical" ? { paymentMethod: o } : {},
     memo: r.memo || void 0
-  }), S = async (o) => {
-    const r = D(o);
-    await c(null, async () => {
-      const A = await E({
+  }), _ = async (o) => {
+    const l = S(o);
+    await d(null, async () => {
+      const r = await C({
         request: {
-          companyId: n,
+          companyId: a,
           payrollId: s,
           payrollUpdate: {
-            employeeCompensations: [r]
+            employeeCompensations: [l]
           }
         }
       });
-      m(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: A.payrollPrepared,
+      m(p.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: r.payrollPrepared,
         employee: i
       });
     });
-  }, _ = () => {
-    m(l.RUN_PAYROLL_EMPLOYEE_CANCELLED);
+  }, A = () => {
+    m(p.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return P ? /* @__PURE__ */ a(y, {}) : /* @__PURE__ */ a(
+  return E ? /* @__PURE__ */ n(c, {}) : /* @__PURE__ */ n(
     Y,
     {
-      onSave: S,
-      onCancel: _,
+      onSave: _,
+      onCancel: A,
       employee: i,
-      isPending: C,
-      employeeCompensation: L,
+      isPending: L,
+      employeeCompensation: D,
       fixedCompensationTypes: t?.fixedCompensationTypes || [],
       payPeriodStartDate: t?.payPeriod?.startDate,
-      paySchedule: f,
+      paySchedule: P,
       isOffCycle: t?.offCycle
     }
   );

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 { 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 { usePreparedPayrollData } from '../usePreparedPayrollData'\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}\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}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.PayrollEditEmployee', dictionary)\n\n  const { LoadingIndicator, baseSubmitHandler } = useBase()\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const memoizedEmployeeId = useMemo(() => [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\n  const transformEmployeeCompensation = ({\n    paymentMethod,\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      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      isOffCycle={preparedPayroll?.offCycle}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","useComponentDictionary","LoadingIndicator","baseSubmitHandler","useBase","employeeData","useEmployeesGetSuspense","memoizedEmployeeId","useMemo","preparedPayroll","paySchedule","isLoading","usePreparedPayrollData","updatePayroll","isPending","usePayrollsUpdateMutation","employee","employeeCompensation","transformEmployeeCompensation","paymentMethod","compensation","onSave","updatedCompensation","transformedCompensation","result","componentEvents","onCancel","PayrollEditEmployeePresentation"],"mappings":";;;;;;;;;;AAmBO,SAASA,EAAoBC,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;AACF,MAAgC;AAC9B,EAAAC,EAAuB,+BAA+BD,CAAU;AAEhE,QAAM,EAAE,kBAAAE,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAV,GAAY,GAC/DW,IAAqBC,EAAQ,MAAM,CAACZ,CAAU,GAAG,CAAA,CAAE,GACnD,EAAE,iBAAAa,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAAf;AAAA,IACA,WAAAC;AAAA,IACA,eAAeS;AAAA,EAAA,CAChB,GAEK,EAAE,aAAaM,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5CC,IAAWX,EAAa,UACxBY,IAAuBR,GAAiB,uBAAuB,GAAG,CAAC,GAEnES,IAAgC,CAAC;AAAA,IACrC,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,OAEI;AAAA,IACL,GAAGA;AAAA,IACH,GAAID,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,IAC1E,MAAMC,EAAa,QAAQ;AAAA,EAAA,IAIzBC,IAAS,OAAOC,MAA0D;AAC9E,UAAMC,IAA0BL,EAA8BI,CAAmB;AACjF,UAAMnB,EAAkB,MAAM,YAAY;AACxC,YAAMqB,IAAS,MAAMX,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAAhB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAACyB,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,MAAAxB,EAAQ0B,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBD,EAAO;AAAA,QACxB,UAAAR;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMU,IAAW,MAAM;AACrB,IAAA3B,EAAQ0B,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAId,sBACMT,GAAA,EAAiB,IAIzB,gBAAAT;AAAA,IAACkC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,UAAAK;AAAA,MACA,UAAAV;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,YAAYD,GAAiB;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx"],"sourcesContent":["import { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\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 { usePreparedPayrollData } from '../usePreparedPayrollData'\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}\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}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.PayrollEditEmployee', dictionary)\n\n  const { LoadingIndicator, baseSubmitHandler } = useBase()\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const memoizedEmployeeId = useMemo(() => [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\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      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      isOffCycle={preparedPayroll?.offCycle}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","useComponentDictionary","LoadingIndicator","baseSubmitHandler","useBase","employeeData","useEmployeesGetSuspense","memoizedEmployeeId","useMemo","preparedPayroll","paySchedule","isLoading","usePreparedPayrollData","updatePayroll","isPending","usePayrollsUpdateMutation","employee","employeeCompensation","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onSave","updatedCompensation","transformedCompensation","result","componentEvents","onCancel","PayrollEditEmployeePresentation"],"mappings":";;;;;;;;;;AAmBO,SAASA,EAAoBC,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;AACF,MAAgC;AAC9B,EAAAC,EAAuB,+BAA+BD,CAAU;AAEhE,QAAM,EAAE,kBAAAE,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAV,GAAY,GAC/DW,IAAqBC,EAAQ,MAAM,CAACZ,CAAU,GAAG,CAAA,CAAE,GACnD,EAAE,iBAAAa,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAAf;AAAA,IACA,WAAAC;AAAA,IACA,eAAeS;AAAA,EAAA,CAChB,GAEK,EAAE,aAAaM,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5CC,IAAWX,EAAa,UACxBY,IAAuBR,GAAiB,uBAAuB,GAAG,CAAC,GAEnES,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,UAAMpB,EAAkB,MAAM,YAAY;AACxC,YAAMsB,IAAS,MAAMZ,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAAhB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAAC0B,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,MAAAzB,EAAQ2B,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBD,EAAO;AAAA,QACxB,UAAAT;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMW,IAAW,MAAM;AACrB,IAAA5B,EAAQ2B,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAIf,sBACMT,GAAA,EAAiB,IAIzB,gBAAAT;AAAA,IAACmC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,UAAAK;AAAA,MACA,UAAAX;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,YAAYD,GAAiB;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

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

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { useForm as W, useWatch as Y, FormProvider as K } from "react-hook-form";
 import { useRef as X, useMemo as Q } from "react";
 import { PayrollEmployeeCompensationsTypePaymentMethod as A } from "@gusto/embedded-api/models/components/payrollemployeecompensationstype";
@@ -11,9 +11,9 @@ import { Flex as y } from "../../Common/Flex/Flex.js";
 import { Grid as S } from "../../Common/Grid/Grid.js";
 import { useComponentContext as te } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as ne } from "../../../i18n/I18n.js";
-import { Form as oe } from "../../Common/Form/Form.js";
-import { firstLastName as re, formatNumberAsCurrency as se } from "../../../helpers/formattedStrings.js";
-import { getAdditionalEarningsCompensations as ie, getReimbursementCompensation as ae, calculateGrossPay as G } from "../helpers.js";
+import { Form as re } from "../../Common/Form/Form.js";
+import { firstLastName as se, formatNumberAsCurrency as ie } from "../../../helpers/formattedStrings.js";
+import { getAdditionalEarningsCompensations as oe, getReimbursementCompensation as ae, calculateGrossPay as G } from "../helpers.js";
 import { HOURS_COMPENSATION_NAMES as k, EXCLUDED_ADDITIONAL_EARNINGS as me, COMPENSATION_NAME_DOUBLE_OVERTIME as le, COMPENSATION_NAME_OVERTIME as de, COMPENSATION_NAME_REGULAR_HOURS as ue, COMPENSATION_NAME_REIMBURSEMENT as ce, COMPENSATION_NAME_CASH_TIPS as pe, COMPENSATION_NAME_COMMISSION as fe, COMPENSATION_NAME_CORRECTION_PAYMENT as he, COMPENSATION_NAME_PAYCHECK_TIPS as Ce, COMPENSATION_NAME_BONUS as Ne } from "../../../shared/constants.js";
 import { useContainerBreakpoints as Ee } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { TextInputField as R } from "../../Common/Fields/TextInputField/TextInputField.js";
@@ -23,71 +23,71 @@ const be = m.object({
   timeOffCompensations: m.record(m.string(), m.string().optional()),
   fixedCompensations: m.record(m.string(), m.string().optional()),
   paymentMethod: m.nativeEnum(A).optional()
-}), w = (E, O, d, s) => {
+}), w = (E, O, d, i) => {
   const g = {
     ...O,
     paymentMethod: E.paymentMethod
   };
   g.hourlyCompensations = O?.hourlyCompensations?.map(
-    (r) => {
-      const l = r.jobUuid && r.name ? E.hourlyCompensations[r.jobUuid]?.[r.name] : void 0;
+    (s) => {
+      const l = s.jobUuid && s.name ? E.hourlyCompensations[s.jobUuid]?.[s.name] : void 0;
       return l ? {
-        ...r,
+        ...s,
         hours: l
-      } : r;
+      } : s;
     }
-  ), g.paidTimeOff = d.map((r) => ({
-    ...r,
-    hours: E.timeOffCompensations[r.name]
+  ), g.paidTimeOff = d.map((s) => ({
+    ...s,
+    hours: E.timeOffCompensations[s.name]
   }));
   const b = [];
-  return Object.entries(E.fixedCompensations).forEach(([r, l]) => {
+  return Object.entries(E.fixedCompensations).forEach(([s, l]) => {
     const C = O?.fixedCompensations?.find(
-      (x) => x.name?.toLowerCase() === r.toLowerCase()
+      (x) => x.name?.toLowerCase() === s.toLowerCase()
     );
     l && (C ? b.push({
       name: C.name,
       jobUuid: C.jobUuid,
       amount: l
     }) : parseFloat(l) !== 0 && b.push({
-      name: r,
-      jobUuid: s,
+      name: s,
+      jobUuid: i,
       amount: l
     }));
   }), g.fixedCompensations = b, g;
-}, He = ({
+}, $e = ({
   onSave: E,
   onCancel: O,
   employee: d,
-  employeeCompensation: s,
+  employeeCompensation: i,
   isPending: g = !1,
   fixedCompensationTypes: b,
-  payPeriodStartDate: r,
+  payPeriodStartDate: s,
   paySchedule: l,
   isOffCycle: C = !1
 }) => {
-  const { Button: x, Heading: c, Text: B } = te(), { t } = Z("Payroll.PayrollEditEmployee");
+  const { Button: x, Heading: c, Text: H } = te(), { t } = Z("Payroll.PayrollEditEmployee");
   ne("Payroll.PayrollEditEmployee");
   const f = d.jobs?.find((e) => e.primary), T = f ? [f] : [], v = X(null), p = Ee({
     ref: v
   }).includes("small");
-  s?.hourlyCompensations?.forEach((e) => {
-    const n = d.jobs?.find((i) => i.uuid === e.jobUuid);
-    n && !T.find((i) => i.uuid === n.uuid) && T.push(n);
+  i?.hourlyCompensations?.forEach((e) => {
+    const n = d.jobs?.find((o) => o.uuid === e.jobUuid);
+    n && !T.find((o) => o.uuid === n.uuid) && T.push(n);
   });
-  const P = (s?.paidTimeOff || []).filter((e) => e.name), _ = ie({
+  const P = (i?.paidTimeOff || []).filter((e) => e.name), _ = oe({
     flsaStatus: f?.compensations?.[0]?.flsaStatus,
-    existingFixedCompensations: s?.fixedCompensations || [],
+    existingFixedCompensations: i?.fixedCompensations || [],
     primaryJobUuid: f?.uuid,
     fixedCompensationTypes: b,
     excludedTypes: me
   }), N = ae(
-    s?.fixedCompensations || [],
+    i?.fixedCompensations || [],
     b,
     f?.uuid
-  ), F = (e, n) => s?.hourlyCompensations?.find(
-    (i) => i.jobUuid === e && i.name?.toLowerCase() === n.toLowerCase()
-  ), H = (e) => {
+  ), F = (e, n) => i?.hourlyCompensations?.find(
+    (o) => o.jobUuid === e && o.name?.toLowerCase() === n.toLowerCase()
+  ), $ = (e) => {
     switch (e) {
       case ue:
         return t("compensationNames.regularHours");
@@ -115,12 +115,12 @@ const be = m.object({
       default:
         return e;
     }
-  }, $ = {
+  }, B = {
     hourlyCompensations: (() => {
       const e = {};
       return T.forEach((n) => {
-        k.forEach((i) => {
-          const h = F(n.uuid, i);
+        k.forEach((o) => {
+          const h = F(n.uuid, o);
           h && (e[n.uuid] || (e[n.uuid] = {}), e[n.uuid][h.name] = h.hours ? parseFloat(h.hours).toString() : "");
         });
       }), e;
@@ -137,10 +137,10 @@ const be = m.object({
         e[n.name] = n.amount ? n.amount : "";
       }), N && (e[N.name] = N.amount ? N.amount : ""), e;
     })(),
-    paymentMethod: s?.paymentMethod || A.DirectDeposit
+    paymentMethod: i?.paymentMethod || A.DirectDeposit
   }, I = W({
     resolver: J(be),
-    defaultValues: $
+    defaultValues: B
   }), M = Y({
     control: I.control
   }), q = Q(() => {
@@ -154,48 +154,48 @@ const be = m.object({
         timeOffCompensations: M.timeOffCompensations || {},
         fixedCompensations: M.fixedCompensations || {},
         paymentMethod: M.paymentMethod
-      }, i = w(
+      }, o = w(
         n,
-        s,
-        (s?.paidTimeOff || []).filter((h) => h.name),
+        i,
+        (i?.paidTimeOff || []).filter((h) => h.name),
         f?.uuid
       );
       return G(
-        i,
+        o,
         d,
-        r,
+        s,
         l,
         C
       );
     } catch {
-      return s ? G(
-        s,
+      return i ? G(
+        i,
         d,
-        r,
+        s,
         l,
         C
       ) : 0;
     }
   }, [
     M,
-    s,
+    i,
     f?.uuid,
     d,
-    r,
+    s,
     l,
     C
-  ]), V = re({
+  ]), V = se({
     first_name: d.firstName,
     last_name: d.lastName
   }), z = (e) => {
     const n = w(
       e,
-      s,
+      i,
       P,
       f?.uuid
     );
     E(n);
-  }, L = se(q || 0), U = /* @__PURE__ */ a(
+  }, L = ie(q || 0), U = /* @__PURE__ */ a(
     y,
     {
       flexDirection: p ? "row" : "column",
@@ -203,56 +203,56 @@ const be = m.object({
       alignItems: p ? "flex-start" : "stretch",
       gap: 12,
       children: [
-        /* @__PURE__ */ o(x, { variant: "secondary", onClick: O, title: t("cancelButton"), children: t("cancelButton") }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(x, { variant: "secondary", onClick: O, title: t("cancelCta"), children: t("cancelCta") }),
+        /* @__PURE__ */ r(
           x,
           {
             onClick: I.handleSubmit(z),
-            title: t("saveButton"),
+            title: t("saveCta"),
             isLoading: g,
-            children: t("saveButton")
+            children: t("saveCta")
           }
         )
       ]
     }
   );
   return /* @__PURE__ */ a("div", { ref: v, className: u.container, children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(
       "div",
       {
         className: `${u.headerSection} ${p ? "" : u.headerSectionSticky}`,
         children: /* @__PURE__ */ a(y, { justifyContent: "space-between", children: [
           /* @__PURE__ */ a(y, { flexDirection: "column", gap: p ? 8 : 2, children: [
-            /* @__PURE__ */ o(c, { as: "h1", styledAs: p ? "h2" : "h4", children: t("pageTitle", { employeeName: V }) }),
+            /* @__PURE__ */ r(c, { as: "h1", styledAs: p ? "h2" : "h4", children: t("pageTitle", { employeeName: V }) }),
             p ? /* @__PURE__ */ a(y, { flexDirection: "column", gap: 6, children: [
-              /* @__PURE__ */ o(c, { as: "h2", styledAs: "h3", children: L }),
-              /* @__PURE__ */ o(B, { className: u.grossPayLabel, children: t("grossPayLabel") })
-            ] }) : /* @__PURE__ */ o(c, { as: "h2", styledAs: "h6", className: u.grossPayLabel, children: t("grossPayLabelMobile", { grossPay: L }) })
+              /* @__PURE__ */ r(c, { as: "h2", styledAs: "h3", children: L }),
+              /* @__PURE__ */ r(H, { className: u.grossPayLabel, children: t("grossPayLabel") })
+            ] }) : /* @__PURE__ */ r(c, { as: "h2", styledAs: "h6", className: u.grossPayLabel, children: t("grossPayLabelMobile", { grossPay: L }) })
           ] }),
           p && U
         ] })
       }
     ),
     /* @__PURE__ */ a(K, { ...I, children: [
-      /* @__PURE__ */ a(oe, { children: [
+      /* @__PURE__ */ a(re, { children: [
         T.length > 0 && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h3", children: t("regularHoursTitle") }),
+          /* @__PURE__ */ r(c, { as: "h3", children: t("regularHoursTitle") }),
           T.map((e) => /* @__PURE__ */ a(y, { flexDirection: "column", gap: 8, children: [
-            /* @__PURE__ */ o(c, { as: "h4", children: e.title }),
-            /* @__PURE__ */ o(S, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: k.map((n) => {
-              const i = F(
+            /* @__PURE__ */ r(c, { as: "h4", children: e.title }),
+            /* @__PURE__ */ r(S, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: k.map((n) => {
+              const o = F(
                 e.uuid,
                 n
               );
-              if (i)
-                return /* @__PURE__ */ o(
+              if (o)
+                return /* @__PURE__ */ r(
                   R,
                   {
                     type: "number",
                     adornmentEnd: t("hoursUnit"),
                     isRequired: !0,
-                    label: H(n),
-                    name: `hourlyCompensations.${e.uuid}.${i.name}`
+                    label: $(n),
+                    name: `hourlyCompensations.${e.uuid}.${o.name}`
                   },
                   n
                 );
@@ -260,8 +260,8 @@ const be = m.object({
           ] }, e.uuid))
         ] }),
         P.length > 0 && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("timeOffTitle") }),
-          /* @__PURE__ */ o(S, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: P.map((e) => /* @__PURE__ */ o(
+          /* @__PURE__ */ r(c, { as: "h4", children: t("timeOffTitle") }),
+          /* @__PURE__ */ r(S, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: P.map((e) => /* @__PURE__ */ r(
             ee,
             {
               timeOff: e,
@@ -271,13 +271,13 @@ const be = m.object({
           )) })
         ] }),
         _.length > 0 && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("additionalEarningsTitle") }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(c, { as: "h4", children: t("additionalEarningsTitle") }),
+          /* @__PURE__ */ r(
             S,
             {
               gridTemplateColumns: { base: "1fr", small: [320, 320], large: [320, 320, 320] },
               gap: 20,
-              children: _.map((e) => /* @__PURE__ */ o(
+              children: _.map((e) => /* @__PURE__ */ r(
                 R,
                 {
                   type: "number",
@@ -292,8 +292,8 @@ const be = m.object({
           )
         ] }),
         N && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("reimbursementTitle") }),
-          /* @__PURE__ */ o(S, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: /* @__PURE__ */ o(
+          /* @__PURE__ */ r(c, { as: "h4", children: t("reimbursementTitle") }),
+          /* @__PURE__ */ r(S, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: /* @__PURE__ */ r(
             R,
             {
               type: "number",
@@ -305,8 +305,8 @@ const be = m.object({
           ) })
         ] }),
         /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("paymentMethodTitle") }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(c, { as: "h4", children: t("paymentMethodTitle") }),
+          /* @__PURE__ */ r(
             ge,
             {
               name: "paymentMethod",
@@ -333,6 +333,6 @@ const be = m.object({
 };
 export {
   be as PayrollEditEmployeeFormSchema,
-  He as PayrollEditEmployeePresentation
+  $e 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 } 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}\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.string().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) {\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: formAmount,\n        })\n      } else if (parseFloat(formAmount) !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: formAmount,\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}: 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 = getReimbursementCompensation(\n    employeeCompensation?.fixedCompensations || [],\n    fixedCompensationTypes,\n    primaryJob?.uuid,\n  )\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 ? fixedComp.amount : ''\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount ? reimbursement.amount : ''\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('cancelButton')}>\n        {t('cancelButton')}\n      </Button>\n      <Button\n        onClick={formHandlers.handleSubmit(onSubmit)}\n        title={t('saveButton')}\n        isLoading={isPending}\n      >\n        {t('saveButton')}\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                  <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                            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                  <TextInputField\n                    key={fixedCompensation.name}\n                    type=\"number\"\n                    adornmentStart=\"$\"\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                <TextInputField\n                  type=\"number\"\n                  adornmentStart=\"$\"\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\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        </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","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","isOffCycle","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","RadioGroupField"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoDO,MAAMA,KAAgCC,EAAE,OAAO;AAAA,EACpD,qBAAqBA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,SAAA,CAAU,CAAC;AAAA,EACrF,sBAAsBA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,SAAS,UAAU;AAAA,EAChE,oBAAoBA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,SAAS,UAAU;AAAA,EAC9D,eAAeA,EAAE,WAAWC,CAA6C,EAAE,SAAA;AAC7E,CAAC,GAIKC,IAAgC,CACpCC,GACAC,GACAC,GACAC,MACqC;AACrC,QAAMC,IAAsB;AAAA,IAC1B,GAAGH;AAAA,IACH,eAAeD,EAAS;AAAA,EAAA;AAG1B,EAAAI,EAAoB,sBAAsBH,GAAsB,qBAAqB;AAAA,IACnF,CAAAI,MAAgB;AACd,YAAMC,IACJD,EAAa,WAAWA,EAAa,OACjCL,EAAS,oBAAoBK,EAAa,OAAO,IAAIA,EAAa,IAAI,IACtE;AACN,aAAOC,IACH;AAAA,QACE,GAAGD;AAAA,QACH,OAAAC;AAAA,MAAA,IAEFD;AAAA,IACN;AAAA,EAAA,GAGFD,EAAoB,cAAcF,EAAQ,IAAI,CAAAK,OACrC;AAAA,IACL,GAAGA;AAAA,IACH,OAAOP,EAAS,qBAAqBO,EAAa,IAAK;AAAA,EAAA,EAE1D;AAED,QAAMC,IAAkD,CAAA;AAExD,gBAAO,QAAQR,EAAS,kBAAkB,EAAE,QAAQ,CAAC,CAACS,GAAuBC,CAAU,MAAM;AAC3F,UAAMC,IAA4BV,GAAsB,oBAAoB;AAAA,MAC1E,OACEW,EAAkB,MAAM,YAAA,MAAkBH,EAAsB,YAAA;AAAA,IAAY;AAGhF,IAAIC,MACEC,IACFH,EAA0B,KAAK;AAAA,MAC7B,MAAMG,EAA0B;AAAA,MAChC,SAASA,EAA0B;AAAA,MACnC,QAAQD;AAAA,IAAA,CACT,IACQ,WAAWA,CAAU,MAAM,KACpCF,EAA0B,KAAK;AAAA,MAC7B,MAAMC;AAAA,MACN,SAASN;AAAA,MACT,QAAQO;AAAA,IAAA,CACT;AAAA,EAGP,CAAC,GAEDN,EAAoB,qBAAqBI,GAElCJ;AACT,GAEaS,KAAkC,CAAC;AAAA,EAC9C,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAf;AAAA,EACA,WAAAgB,IAAY;AAAA,EACZ,wBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AACf,MAAgC;AAC9B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,GAAA,GAE5B,EAAE,EAAA,IAAMC,EAAe,6BAA6B;AAC1D,EAAAC,GAAQ,6BAA6B;AAErC,QAAMC,IAAaZ,EAAS,MAAM,KAAK,CAAAa,MAAOA,EAAI,OAAO,GACnDC,IAAaF,IAAa,CAACA,CAAU,IAAI,CAAA,GAEzCG,IAAeC,EAAuB,IAAI,GAI1CC,IAHcC,GAAwB;AAAA,IAC1C,KAAKH;AAAA,EAAA,CACN,EACoC,SAAS,OAAO;AAErD,EAAA9B,GAAsB,qBAAqB,QAAQ,CAAAI,MAAgB;AACjE,UAAMwB,IAAMb,EAAS,MAAM,KAAK,CAAAa,MAAOA,EAAI,SAASxB,EAAa,OAAO;AACxE,IAAIwB,KAAO,CAACC,EAAW,KAAK,OAAaK,EAAU,SAASN,EAAI,IAAI,KAClEC,EAAW,KAAKD,CAAG;AAAA,EAEvB,CAAC;AAED,QAAM3B,KAAWD,GAAsB,eAAe,CAAA,GAAI,OAAO,CAAAmC,MAASA,EAAM,IAAI,GAE9EC,IAAqBC,GAAmC;AAAA,IAC5D,YAAYV,GAAY,gBAAgB,CAAC,GAAG;AAAA,IAC5C,4BAA4B3B,GAAsB,sBAAsB,CAAA;AAAA,IACxE,gBAAgB2B,GAAY;AAAA,IAC5B,wBAAAV;AAAA,IACA,eAAeqB;AAAA,EAAA,CAChB,GAEKC,IAAgBC;AAAA,IACpBxC,GAAsB,sBAAsB,CAAA;AAAA,IAC5CiB;AAAA,IACAU,GAAY;AAAA,EAAA,GAGRc,IAA2B,CAACC,GAAiBC,MAC1C3C,GAAsB,qBAAqB;AAAA,IAChD,CAAAI,MACEA,EAAa,YAAYsC,KACzBtC,EAAa,MAAM,kBAAkBuC,EAAiB,YAAA;AAAA,EAAY,GAIlEC,IAAuB,CAACD,MAA8B;AAC1D,YAAQA,GAAA;AAAA,MACN,KAAKE;AACH,eAAO,EAAE,gCAAgC;AAAA,MAC3C,KAAKC;AACH,eAAO,EAAE,4BAA4B;AAAA,MACvC,KAAKC;AACH,eAAO,EAAE,kCAAkC;AAAA,MAC7C;AACE,eAAOJ;AAAA,IAAA;AAAA,EAEb,GAEMK,IAA4B,CAACL,MAA8B;AAC/D,YAAQA,GAAA;AAAA,MACN,KAAKM;AACH,eAAO,EAAE,8BAA8B;AAAA,MACzC,KAAKC;AACH,eAAO,EAAE,qCAAqC;AAAA,MAChD,KAAKC;AACH,eAAO,EAAE,0CAA0C;AAAA,MACrD,KAAKC;AACH,eAAO,EAAE,mCAAmC;AAAA,MAC9C,KAAKC;AACH,eAAO,EAAE,iCAAiC;AAAA,MAC5C,KAAKC;AACH,eAAO,EAAE,sCAAsC;AAAA,MACjD;AACE,eAAOX;AAAA,IAAA;AAAA,EAEb,GAEMY,IAAgB;AAAA,IACpB,sBAAsB,MAAM;AAC1B,YAAMC,IAA4E,CAAA;AAElF,aAAA3B,EAAW,QAAQ,CAAAK,MAAa;AAC9B,QAAAuB,EAAyB,QAAQ,CAAAd,MAAoB;AACnD,gBAAMe,IAAuBjB,EAAyBP,EAAU,MAAMS,CAAgB;AACtF,UAAIe,MACGF,EAAoBtB,EAAU,IAAI,MACrCsB,EAAoBtB,EAAU,IAAI,IAAI,CAAA,IAExCsB,EAAoBtB,EAAU,IAAI,EAAGwB,EAAqB,IAAK,IAC7DA,EAAqB,QAAQ,WAAWA,EAAqB,KAAK,EAAE,aAAa;AAAA,QAEvF,CAAC;AAAA,MACH,CAAC,GAEMF;AAAA,IACT,GAAA;AAAA,IAEA,uBAAuB,MAAM;AAC3B,YAAMG,IAA8E,CAAA;AAEpF,aAAA1D,EAAQ,QAAQ,CAAA2D,MAAuB;AACrC,QAAAD,EAAqBC,EAAoB,IAAK,IAAIA,EAAoB,QAClE,WAAWA,EAAoB,KAAK,EAAE,SAAA,IACtC;AAAA,MACN,CAAC,GAEMD;AAAA,IACT,GAAA;AAAA,IAEA,qBAAqB,MAAM;AACzB,YAAME,IAA0E,CAAA;AAEhF,aAAAzB,EAAmB,QAAQ,CAAA0B,MAAa;AACtC,QAAAD,EAAmBC,EAAU,IAAK,IAAIA,EAAU,SAASA,EAAU,SAAS;AAAA,MAC9E,CAAC,GAEGvB,MACFsB,EAAmBtB,EAAc,IAAK,IAAIA,EAAc,SAASA,EAAc,SAAS,KAGnFsB;AAAA,IACT,GAAA;AAAA,IAEA,eACE7D,GAAsB,iBACtBH,EAA8C;AAAA,EAAA,GAG5CkE,IAAeC,EAAuC;AAAA,IAC1D,UAAUC,EAAYtE,EAA6B;AAAA,IACnD,eAAA4D;AAAA,EAAA,CACD,GAEKW,IAAkBC,EAAS;AAAA,IAC/B,SAASJ,EAAa;AAAA,EAAA,CACvB,GAEKK,IAAkBC,EAAQ,MAAM;AACpC,QAAI;AAEF,YAAMb,IAA0E,CAAA;AAChF,MAAIU,EAAgB,uBAClB,OAAO,QAAQA,EAAgB,mBAAmB,EAAE,QAAQ,CAAC,CAACI,GAAOC,CAAa,MAAM;AACtF,QAAIA,MACFf,EAAoBc,CAAK,IAAIC;AAAA,MAEjC,CAAC;AAGH,YAAMC,IAAsD;AAAA,QAC1D,qBAAAhB;AAAA,QACA,sBAAsBU,EAAgB,wBAAwB,CAAA;AAAA,QAC9D,oBAAoBA,EAAgB,sBAAsB,CAAA;AAAA,QAC1D,eAAeA,EAAgB;AAAA,MAAA,GAG3B/D,IAAsBL;AAAA,QAC1B0E;AAAA,QACAxE;AAAA,SACCA,GAAsB,eAAe,CAAA,GAAI,OAAO,CAAAmC,MAASA,EAAM,IAAI;AAAA,QACpER,GAAY;AAAA,MAAA;AAGd,aAAO8C;AAAA,QACLtE;AAAA,QACAY;AAAA,QACAG;AAAA,QACAC;AAAA,QACAC;AAAA,MAAA;AAAA,IAEJ,QAAQ;AAEN,aAAOpB,IACHyE;AAAA,QACEzE;AAAA,QACAe;AAAA,QACAG;AAAA,QACAC;AAAA,QACAC;AAAA,MAAA,IAEF;AAAA,IACN;AAAA,EACF,GAAG;AAAA,IACD8C;AAAA,IACAlE;AAAA,IACA2B,GAAY;AAAA,IACZZ;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD,GAEKsD,IAAeC,GAAc;AAAA,IACjC,YAAY5D,EAAS;AAAA,IACrB,WAAWA,EAAS;AAAA,EAAA,CACrB,GAEK6D,IAAW,CAACC,MAAwC;AACxD,UAAM1E,IAAsBL;AAAA,MAC1B+E;AAAA,MACA7E;AAAA,MACAC;AAAA,MACA0B,GAAY;AAAA,IAAA;AAEd,IAAAd,EAAOV,CAAmB;AAAA,EAC5B,GAEM2E,IAA2BC,GAAuBX,KAAmB,CAAC,GAEtEY,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAelD,IAAmB,QAAQ;AAAA,MAC1C,gBAAgBA,IAAmB,aAAa;AAAA,MAChD,YAAYA,IAAmB,eAAe;AAAA,MAC9C,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAmD,EAAC9D,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAU,OAAO,EAAE,cAAc,GACnE,UAAA,EAAE,cAAc,EAAA,CACnB;AAAA,QACA,gBAAAqE;AAAA,UAAC9D;AAAA,UAAA;AAAA,YACC,SAAS0C,EAAa,aAAaa,CAAQ;AAAA,YAC3C,OAAO,EAAE,YAAY;AAAA,YACrB,WAAW5D;AAAA,YAEV,YAAE,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAIJ,2BACG,OAAA,EAAI,KAAKc,GAAc,WAAWsD,EAAO,WACxC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGC,EAAO,aAAa,IAAKpD,IAAgD,KAA7BoD,EAAO,mBAAwB;AAAA,QAEzF,UAAA,gBAAAH,EAACC,GAAA,EAAK,gBAAe,iBACnB,UAAA;AAAA,UAAA,gBAAAD,EAACC,KAAK,eAAc,UAAS,KAAKlD,IAAmB,IAAI,GACvD,UAAA;AAAA,YAAA,gBAAAmD,EAAC7D,GAAA,EAAQ,IAAG,MAAK,UAAUU,IAAmB,OAAO,MAClD,UAAA,EAAE,aAAa,EAAE,cAAA0C,EAAA,CAAc,EAAA,CAClC;AAAA,YACC1C,IACC,gBAAAiD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,cAAA,gBAAAC,EAAC7D,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAwD,GACH;AAAA,gCACCvD,GAAA,EAAK,WAAW6D,EAAO,eAAgB,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,YAAA,EAAA,CAC7D,IAEA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAK,UAAS,MAAK,WAAW8D,EAAO,eAC9C,YAAE,uBAAuB,EAAE,UAAUN,EAAA,CAA0B,EAAA,CAClE;AAAA,UAAA,GAEJ;AAAA,UACC9C,KAAoBgD;AAAA,QAAA,EAAA,CACvB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAC,EAACI,GAAA,EAAc,GAAGtB,GAChB,UAAA;AAAA,MAAA,gBAAAkB,EAACK,IAAA,EACE,UAAA;AAAA,QAAAzD,EAAW,SAAS,KACnB,gBAAAoD,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,mBAAmB,GAAE;AAAA,UACxCO,EAAW,IAAI,CAAAK,MACd,gBAAA+C,EAACC,KAA0B,eAAc,UAAS,KAAK,GACrD,UAAA;AAAA,YAAA,gBAAAC,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAAY,EAAU,OAAM;AAAA,8BACjCqD,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,KAAK,KAAK,IACjE,UAAA9B,EAAyB,IAAI,CAAAd,MAAoB;AAChD,oBAAM6C,IAA6B/C;AAAA,gBACjCP,EAAU;AAAA,gBACVS;AAAA,cAAA;AAEF,kBAAI6C;AACF,uBACE,gBAAAL;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,cAAc,EAAE,WAAW;AAAA,oBAC3B,YAAU;AAAA,oBACV,OAAO7C,EAAqBD,CAAgB;AAAA,oBAC5C,MAAM,uBAAuBT,EAAU,IAAI,IAAIsD,EAA2B,IAAI;AAAA,kBAAA;AAAA,kBALzE7C;AAAA,gBAAA;AAAA,YASb,CAAC,EAAA,CACH;AAAA,UAAA,EAAA,GArBST,EAAU,IAsBrB,CACD;AAAA,QAAA,GACH;AAAA,QAEDjC,EAAQ,SAAS,uBACf,OAAA,EAAI,WAAWmF,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,cAAc,GAAE;AAAA,4BACnCiE,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,KAAK,KAAK,IACjE,UAAAtF,EAAQ,IAAI,CAAAK,MACX,gBAAA6E;AAAA,YAACO;AAAA,YAAA;AAAA,cAEC,SAASpF;AAAA,cACT,UAAAS;AAAA,YAAA;AAAA,YAFKT,EAAa;AAAA,UAAA,CAIrB,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QAED8B,EAAmB,SAAS,uBAC1B,OAAA,EAAI,WAAWgD,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAAA,UAC/C,gBAAA6D;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,GAAG,OAAO,CAAC,KAAK,KAAK,GAAG,EAAA;AAAA,cAC5E,KAAK;AAAA,cAEJ,UAAAnD,EAAmB,IAAI,CAAAzB,MACtB,gBAAAwE;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,gBAAe;AAAA,kBACf,YAAU;AAAA,kBACV,OAAOzC,EAA0BrC,EAAkB,IAAI;AAAA,kBACvD,MAAM,sBAAsBA,EAAkB,IAAI;AAAA,gBAAA;AAAA,gBAL7CA,EAAkB;AAAA,cAAA,CAO1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GACF;AAAA,QAED4B,KACC,gBAAA0C,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,UAC1C,gBAAA6D,EAACI,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,EAAA,GAAK,KAAK,IAClE,UAAA,gBAAAJ;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,gBAAe;AAAA,cACf,YAAU;AAAA,cACV,OAAOzC,EAA0BT,EAAc,IAAI;AAAA,cACnD,MAAM,sBAAsBA,EAAc,IAAI;AAAA,YAAA;AAAA,UAAA,EAChD,CACF;AAAA,QAAA,GACF;AAAA,QAEF,gBAAA0C,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,UAC1C,gBAAA6D;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAU;AAAA,cACV,OAAO,EAAE,oBAAoB;AAAA,cAC7B,aAAa,EAAE,0BAA0B;AAAA,cACzC,SAAS;AAAA,gBACP;AAAA,kBACE,OAAO9F,EAA8C;AAAA,kBACrD,OAAO,EAAE,oCAAoC;AAAA,gBAAA;AAAA,gBAE/C;AAAA,kBACE,OAAOA,EAA8C;AAAA,kBACrD,OAAO,EAAE,4BAA4B;AAAA,gBAAA;AAAA,cACvC;AAAA,YACF;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACC,CAACmC,KAAoBgD;AAAA,IAAA,EAAA,CACxB;AAAA,EAAA,GACF;AAEJ;"}
+{"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 } 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}\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.string().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) {\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: formAmount,\n        })\n      } else if (parseFloat(formAmount) !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: formAmount,\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}: 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 = getReimbursementCompensation(\n    employeeCompensation?.fixedCompensations || [],\n    fixedCompensationTypes,\n    primaryJob?.uuid,\n  )\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 ? fixedComp.amount : ''\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount ? reimbursement.amount : ''\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                  <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                            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                  <TextInputField\n                    key={fixedCompensation.name}\n                    type=\"number\"\n                    adornmentStart=\"$\"\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                <TextInputField\n                  type=\"number\"\n                  adornmentStart=\"$\"\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\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        </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","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","isOffCycle","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","RadioGroupField"],"mappings":"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"}