@gusto/embedded-react-sdk 0.37.0-rc.1 → 0.37.0-rc.2

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

@@ -1,291 +1,295 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { useForm as Z, useWatch as J, FormProvider as ee } from "react-hook-form";
-import { useRef as ne, useMemo as te } from "react";
-import { PayrollEmployeeCompensationsTypePaymentMethod as S } from "@gusto/embedded-api/models/components/payrollemployeecompensationstype";
-import { useTranslation as oe } from "react-i18next";
-import { z as s } from "zod";
-import { zodResolver as ie } from "@hookform/resolvers/zod";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { useForm as Q, useWatch as Z, FormProvider as J } from "react-hook-form";
+import { useRef as ee, useMemo as ne } from "react";
+import { PayrollEmployeeCompensationsTypePaymentMethod as R } from "@gusto/embedded-api/models/components/payrollemployeecompensationstype";
+import { useTranslation as te } from "react-i18next";
+import { z as a } from "zod";
+import { zodResolver as se } from "@hookform/resolvers/zod";
 import u from "./PayrollEditEmployeePresentation.module.scss.js";
-import { TimeOffField as se } from "./TimeOffField.js";
-import { Flex as x } from "../../Common/Flex/Flex.js";
-import { Grid as A } from "../../Common/Grid/Grid.js";
-import "classnames";
-import { RadioGroupField as ae } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as G } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as H } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as re } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as me } from "../../../i18n/I18n.js";
-import { Form as le } from "../../Common/Form/Form.js";
-import { firstLastName as ue, formatNumberAsCurrency as de } from "../../../helpers/formattedStrings.js";
-import { getAdditionalEarningsCompensations as ce, getReimbursementCompensation as pe, calculateGrossPay as k } from "../helpers.js";
-import { PayrollCategory as w } from "../payrollTypes.js";
-import { HOURS_COMPENSATION_NAMES as $, EXCLUDED_ADDITIONAL_EARNINGS as fe, COMPENSATION_NAME_DOUBLE_OVERTIME as he, COMPENSATION_NAME_OVERTIME as Ce, COMPENSATION_NAME_REGULAR_HOURS as Ne, COMPENSATION_NAME_REIMBURSEMENT as ge, COMPENSATION_NAME_CASH_TIPS as Ee, COMPENSATION_NAME_COMMISSION as be, COMPENSATION_NAME_CORRECTION_PAYMENT as ye, COMPENSATION_NAME_PAYCHECK_TIPS as Me, COMPENSATION_NAME_BONUS as Pe } from "../../../shared/constants.js";
-import Oe from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-const Te = s.object({
-  hourlyCompensations: s.record(s.string(), s.record(s.string(), s.string().optional())),
-  timeOffCompensations: s.record(s.string(), s.string().optional()),
-  finalPayoutCompensations: s.record(s.string(), s.string().optional()),
-  fixedCompensations: s.record(s.string(), s.number().optional()),
-  paymentMethod: s.enum(S).optional()
-}), q = (N, T, d, a) => {
-  const y = {
+import { TimeOffField as ie } from "./TimeOffField.js";
+import { Flex as S } from "../../Common/Flex/Flex.js";
+import { Grid as _ } from "../../Common/Grid/Grid.js";
+import { useComponentContext as oe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as ae } from "../../../i18n/I18n.js";
+import { Form as re } from "../../Common/Form/Form.js";
+import { firstLastName as me, formatNumberAsCurrency as le } from "../../../helpers/formattedStrings.js";
+import { getAdditionalEarningsCompensations as ue, getReimbursementCompensation as de, calculateGrossPay as w } from "../helpers.js";
+import { PayrollCategory as A } from "../payrollTypes.js";
+import { HOURS_COMPENSATION_NAMES as B, 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 ge, COMPENSATION_NAME_CORRECTION_PAYMENT as be, COMPENSATION_NAME_PAYCHECK_TIPS as Ee, COMPENSATION_NAME_BONUS as Pe } from "../../../shared/constants.js";
+import Me from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { TextInputField as I } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { RadioGroupField as Oe } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const Te = a.object({
+  hourlyCompensations: a.record(a.string(), a.record(a.string(), a.string().optional())),
+  timeOffCompensations: a.record(a.string(), a.string().optional()),
+  finalPayoutCompensations: a.record(a.string(), a.string().optional()),
+  fixedCompensations: a.record(a.string(), a.string().optional()),
+  paymentMethod: a.enum(R).optional()
+}), q = (h, T, d, r, U = A.Regular) => {
+  const N = {
     ...T,
-    paymentMethod: N.paymentMethod
+    paymentMethod: h.paymentMethod
   };
-  y.hourlyCompensations = T?.hourlyCompensations?.map(
+  N.hourlyCompensations = T?.hourlyCompensations?.map(
     (i) => {
-      const m = i.jobUuid && i.name ? N.hourlyCompensations[i.jobUuid]?.[i.name] : void 0;
-      return m ? {
+      const o = i.jobUuid && i.name ? h.hourlyCompensations[i.jobUuid]?.[i.name] : void 0;
+      return o ? {
         ...i,
-        hours: m
+        hours: o
       } : i;
     }
-  ), y.paidTimeOff = d.map((i) => {
-    const m = N.finalPayoutCompensations[i.name] ?? i.finalPayoutUnusedHoursInput;
+  ), N.paidTimeOff = d.map((i) => {
+    const o = U === A.Dismissal, { finalPayoutUnusedHoursInput: P, ...y } = i;
+    if (o) {
+      const x = h.finalPayoutCompensations[i.name] ?? i.finalPayoutUnusedHoursInput;
+      return {
+        ...i,
+        hours: h.timeOffCompensations[i.name],
+        ...x != null ? { finalPayoutUnusedHoursInput: x } : {}
+      };
+    }
     return {
-      ...i,
-      hours: N.timeOffCompensations[i.name],
-      ...m != null ? { finalPayoutUnusedHoursInput: m } : {}
+      ...y,
+      hours: h.timeOffCompensations[i.name]
     };
   });
-  const M = [];
-  return Object.entries(N.fixedCompensations).forEach(([i, m]) => {
-    const h = T?.fixedCompensations?.find(
-      (P) => P.name?.toLowerCase() === i.toLowerCase()
+  const g = [];
+  return Object.entries(h.fixedCompensations).forEach(([i, o]) => {
+    const P = T?.fixedCompensations?.find(
+      (y) => y.name?.toLowerCase() === i.toLowerCase()
     );
-    if (m !== void 0) {
-      const P = m.toString();
-      h ? M.push({
-        name: h.name,
-        jobUuid: h.jobUuid,
-        amount: P
-      }) : m !== 0 && M.push({
-        name: i,
-        jobUuid: a,
-        amount: P
-      });
-    }
-  }), y.fixedCompensations = M, y;
-}, Xe = ({
-  onSave: N,
+    o !== void 0 && o !== "" && (P ? g.push({
+      name: P.name,
+      jobUuid: P.jobUuid,
+      amount: o
+    }) : parseFloat(o) !== 0 && g.push({
+      name: i,
+      jobUuid: r,
+      amount: o
+    }));
+  }), N.fixedCompensations = g, N;
+}, ze = ({
+  onSave: h,
   onCancel: T,
   employee: d,
-  employeeCompensation: a,
-  isPending: y = !1,
-  fixedCompensationTypes: M,
-  payPeriodStartDate: i,
-  paySchedule: m,
-  payrollCategory: h = w.Regular,
+  employeeCompensation: r,
+  isPending: U = !1,
+  fixedCompensationTypes: N,
+  payPeriodStartDate: g,
+  paySchedule: i,
+  payrollCategory: o = A.Regular,
   withReimbursements: P = !0,
-  hasDirectDepositSetup: B = !0
+  hasDirectDepositSetup: y = !0
 }) => {
-  const { Button: v, Heading: c, Text: V } = re(), { t } = oe("Payroll.PayrollEditEmployee");
-  me("Payroll.PayrollEditEmployee");
-  const p = d.jobs?.find((e) => e.primary), z = a?.hourlyCompensations?.some(
+  const { Button: x, Heading: c, Text: D } = oe(), { t: n } = te("Payroll.PayrollEditEmployee");
+  ae("Payroll.PayrollEditEmployee");
+  const p = d.jobs?.find((e) => e.primary), V = r?.hourlyCompensations?.some(
     (e) => e.jobUuid === p?.uuid
-  ), O = p && z ? [p] : [], R = ne(null), f = Oe({
-    ref: R
+  ), M = p && V ? [p] : [], F = ee(null), f = Me({
+    ref: F
   }).includes("small");
-  a?.hourlyCompensations?.forEach((e) => {
-    const n = d.jobs?.find((l) => l.uuid === e.jobUuid);
-    n && !O.find((l) => l.uuid === n.uuid) && O.push(n);
+  r?.hourlyCompensations?.forEach((e) => {
+    const t = d.jobs?.find((l) => l.uuid === e.jobUuid);
+    t && !M.find((l) => l.uuid === t.uuid) && M.push(t);
   });
-  const g = (a?.paidTimeOff || []).filter((e) => e.name), _ = ce({
+  const b = (r?.paidTimeOff || []).filter((e) => e.name), v = ue({
     flsaStatus: p?.compensations?.[0]?.flsaStatus,
-    existingFixedCompensations: a?.fixedCompensations || [],
+    existingFixedCompensations: r?.fixedCompensations || [],
     primaryJobUuid: p?.uuid,
-    fixedCompensationTypes: M,
-    excludedTypes: fe
-  }), E = P ? pe(
-    a?.fixedCompensations || [],
-    M,
+    fixedCompensationTypes: N,
+    excludedTypes: ce
+  }), O = P ? de(
+    r?.fixedCompensations || [],
+    N,
     p?.uuid
-  ) : null, U = (e, n) => a?.hourlyCompensations?.find(
-    (l) => l.jobUuid === e && l.name?.toLowerCase() === n.toLowerCase()
+  ) : null, L = (e, t) => r?.hourlyCompensations?.find(
+    (l) => l.jobUuid === e && l.name?.toLowerCase() === t.toLowerCase()
   ), W = (e) => {
     switch (e) {
-      case Ne:
-        return t("compensationNames.regularHours");
-      case Ce:
-        return t("compensationNames.overtime");
       case he:
-        return t("compensationNames.doubleOvertime");
+        return n("compensationNames.regularHours");
+      case fe:
+        return n("compensationNames.overtime");
+      case pe:
+        return n("compensationNames.doubleOvertime");
       default:
         return e;
     }
-  }, F = (e) => {
+  }, H = (e) => {
     switch (e) {
       case Pe:
-        return t("fixedCompensationNames.bonus");
-      case Me:
-        return t("fixedCompensationNames.paycheckTips");
-      case ye:
-        return t("fixedCompensationNames.correctionPayment");
-      case be:
-        return t("fixedCompensationNames.commission");
+        return n("fixedCompensationNames.bonus");
       case Ee:
-        return t("fixedCompensationNames.cashTips");
+        return n("fixedCompensationNames.paycheckTips");
+      case be:
+        return n("fixedCompensationNames.correctionPayment");
       case ge:
-        return t("fixedCompensationNames.reimbursement");
+        return n("fixedCompensationNames.commission");
+      case Ne:
+        return n("fixedCompensationNames.cashTips");
+      case Ce:
+        return n("fixedCompensationNames.reimbursement");
       default:
         return e;
     }
-  }, Y = {
+  }, z = {
     hourlyCompensations: (() => {
       const e = {};
-      return O.forEach((n) => {
-        $.forEach((l) => {
-          const C = U(n.uuid, l);
-          C && (e[n.uuid] || (e[n.uuid] = {}), e[n.uuid][C.name] = C.hours ? parseFloat(C.hours).toString() : "");
+      return M.forEach((t) => {
+        B.forEach((l) => {
+          const C = L(t.uuid, l);
+          C && (e[t.uuid] || (e[t.uuid] = {}), e[t.uuid][C.name] = C.hours ? parseFloat(C.hours).toString() : "");
         });
       }), e;
     })(),
     timeOffCompensations: (() => {
       const e = {};
-      return g.forEach((n) => {
-        e[n.name] = n.hours ? parseFloat(n.hours).toString() : "";
+      return b.forEach((t) => {
+        e[t.name] = t.hours ? parseFloat(t.hours).toString() : "";
       }), e;
     })(),
     finalPayoutCompensations: (() => {
       const e = {};
-      return g.forEach((n) => {
-        e[n.name] = n.finalPayoutUnusedHoursInput ?? "0";
+      return b.forEach((t) => {
+        e[t.name] = t.finalPayoutUnusedHoursInput ?? "0";
       }), e;
     })(),
     fixedCompensations: (() => {
       const e = {};
-      return _.forEach((n) => {
-        e[n.name] = n.amount ? parseFloat(n.amount) : void 0;
-      }), E && (e[E.name] = E.amount ? parseFloat(E.amount) : void 0), e;
+      return v.forEach((t) => {
+        e[t.name] = t.amount ?? "";
+      }), O && (e[O.name] = O.amount ?? ""), e;
     })(),
-    paymentMethod: a?.paymentMethod || S.DirectDeposit
-  }, I = Z({
-    resolver: ie(Te),
-    defaultValues: Y
-  }), b = J({
-    control: I.control
-  }), K = te(() => {
+    paymentMethod: r?.paymentMethod || R.DirectDeposit
+  }, j = Q({
+    resolver: se(Te),
+    defaultValues: z
+  }), E = Z({
+    control: j.control
+  }), Y = ne(() => {
     try {
       const e = {};
-      b.hourlyCompensations && Object.entries(b.hourlyCompensations).forEach(([C, D]) => {
-        D && (e[C] = D);
+      E.hourlyCompensations && Object.entries(E.hourlyCompensations).forEach(([C, k]) => {
+        k && (e[C] = k);
       });
-      const n = {
+      const t = {
         hourlyCompensations: e,
-        timeOffCompensations: b.timeOffCompensations || {},
-        finalPayoutCompensations: b.finalPayoutCompensations || {},
-        fixedCompensations: b.fixedCompensations || {},
-        paymentMethod: b.paymentMethod
+        timeOffCompensations: E.timeOffCompensations || {},
+        finalPayoutCompensations: E.finalPayoutCompensations || {},
+        fixedCompensations: E.fixedCompensations || {},
+        paymentMethod: E.paymentMethod
       }, l = q(
-        n,
-        a,
-        (a?.paidTimeOff || []).filter((C) => C.name),
-        p?.uuid
+        t,
+        r,
+        (r?.paidTimeOff || []).filter((C) => C.name),
+        p?.uuid,
+        o
       );
-      return k(
+      return w(
         l,
         d,
+        g,
         i,
-        m,
-        h
+        o
       );
     } catch {
-      return a ? k(
-        a,
+      return r ? w(
+        r,
         d,
+        g,
         i,
-        m,
-        h
+        o
       ) : 0;
     }
   }, [
-    b,
-    a,
+    E,
+    r,
     p?.uuid,
     d,
+    g,
     i,
-    m,
-    h
-  ]), X = ue({
+    o
+  ]), K = me({
     first_name: d.firstName,
     last_name: d.lastName
-  }), Q = (e) => {
-    const n = q(
+  }), X = (e) => {
+    const t = q(
       e,
-      a,
-      g,
-      p?.uuid
+      r,
+      b,
+      p?.uuid,
+      o
     );
-    N(n);
-  }, j = de(K || 0), L = /* @__PURE__ */ r(
-    x,
+    h(t);
+  }, G = le(Y || 0), $ = /* @__PURE__ */ m(
+    S,
     {
       flexDirection: f ? "row" : "column",
       justifyContent: f ? "flex-end" : "normal",
       alignItems: f ? "flex-start" : "stretch",
       gap: 12,
       children: [
-        /* @__PURE__ */ o(v, { variant: "secondary", onClick: T, title: t("cancelCta"), children: t("cancelCta") }),
-        /* @__PURE__ */ o(
-          v,
+        /* @__PURE__ */ s(x, { variant: "secondary", onClick: T, title: n("cancelCta"), children: n("cancelCta") }),
+        /* @__PURE__ */ s(
+          x,
           {
-            onClick: I.handleSubmit(Q),
-            title: t("saveCta"),
-            isLoading: y,
-            children: t("saveCta")
+            onClick: j.handleSubmit(X),
+            title: n("saveCta"),
+            isLoading: U,
+            children: n("saveCta")
           }
         )
       ]
     }
   );
-  return /* @__PURE__ */ r("div", { ref: R, className: u.container, children: [
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ m("div", { ref: F, className: u.container, children: [
+    /* @__PURE__ */ s(
       "div",
       {
         className: `${u.headerSection} ${f ? "" : u.headerSectionSticky}`,
-        children: /* @__PURE__ */ r(x, { justifyContent: "space-between", children: [
-          /* @__PURE__ */ r(x, { flexDirection: "column", gap: f ? 8 : 2, children: [
-            /* @__PURE__ */ o(c, { as: "h1", styledAs: f ? "h2" : "h4", children: t("pageTitle", { employeeName: X }) }),
-            f ? /* @__PURE__ */ r(x, { flexDirection: "column", gap: 6, children: [
-              /* @__PURE__ */ o(c, { as: "h2", styledAs: "h3", children: j }),
-              /* @__PURE__ */ o(V, { className: u.grossPayLabel, children: t("grossPayLabel") })
-            ] }) : /* @__PURE__ */ o(c, { as: "h2", styledAs: "h6", className: u.grossPayLabel, children: t("grossPayLabelMobile", { grossPay: j }) })
+        children: /* @__PURE__ */ m(S, { justifyContent: "space-between", children: [
+          /* @__PURE__ */ m(S, { flexDirection: "column", gap: f ? 8 : 2, children: [
+            /* @__PURE__ */ s(c, { as: "h1", styledAs: f ? "h2" : "h4", children: n("pageTitle", { employeeName: K }) }),
+            f ? /* @__PURE__ */ m(S, { flexDirection: "column", gap: 6, children: [
+              /* @__PURE__ */ s(c, { as: "h2", styledAs: "h3", children: G }),
+              /* @__PURE__ */ s(D, { className: u.grossPayLabel, children: n("grossPayLabel") })
+            ] }) : /* @__PURE__ */ s(c, { as: "h2", styledAs: "h6", className: u.grossPayLabel, children: n("grossPayLabelMobile", { grossPay: G }) })
           ] }),
-          f && L
+          f && $
         ] })
       }
     ),
-    /* @__PURE__ */ r(ee, { ...I, children: [
-      /* @__PURE__ */ r(le, { children: [
-        O.length > 0 && /* @__PURE__ */ r("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h3", children: t("regularHoursTitle") }),
-          O.map((e) => /* @__PURE__ */ r(x, { flexDirection: "column", gap: 8, children: [
-            O.length > 1 && /* @__PURE__ */ o(c, { as: "h4", children: e.title }),
-            /* @__PURE__ */ o(A, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: $.map((n) => {
-              const l = U(
+    /* @__PURE__ */ m(J, { ...j, children: [
+      /* @__PURE__ */ m(re, { children: [
+        M.length > 0 && /* @__PURE__ */ m("div", { className: u.fieldGroup, children: [
+          /* @__PURE__ */ s(c, { as: "h3", children: n("regularHoursTitle") }),
+          M.map((e) => /* @__PURE__ */ m(S, { flexDirection: "column", gap: 8, children: [
+            M.length > 1 && /* @__PURE__ */ s(c, { as: "h4", children: e.title }),
+            /* @__PURE__ */ s(_, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: B.map((t) => {
+              const l = L(
                 e.uuid,
-                n
+                t
               );
               if (l)
-                return /* @__PURE__ */ o(
-                  G,
+                return /* @__PURE__ */ s(
+                  I,
                   {
                     type: "number",
                     min: 0,
-                    adornmentEnd: t("hoursUnit"),
+                    adornmentEnd: n("hoursUnit"),
                     isRequired: !0,
-                    label: W(n),
+                    label: W(t),
                     name: `hourlyCompensations.${e.uuid}.${l.name}`
                   },
-                  n
+                  t
                 );
             }) })
           ] }, e.uuid))
         ] }),
-        g.length > 0 && /* @__PURE__ */ r("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("timeOffTitle") }),
-          /* @__PURE__ */ o(A, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: g.map((e) => /* @__PURE__ */ o(
-            se,
+        b.length > 0 && /* @__PURE__ */ m("div", { className: u.fieldGroup, children: [
+          /* @__PURE__ */ s(c, { as: "h4", children: o === A.Dismissal ? n("timeOffTitleDismissal") : n("timeOffTitle") }),
+          /* @__PURE__ */ s(_, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: b.map((e) => /* @__PURE__ */ s(
+            ie,
             {
               timeOff: e,
               employee: d
@@ -293,35 +297,36 @@ const Te = s.object({
             e.name
           )) })
         ] }),
-        h === w.Dismissal && g.length > 0 && /* @__PURE__ */ r("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("finalPayoutTitle") }),
-          /* @__PURE__ */ o(A, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: g.map((e) => /* @__PURE__ */ o(
-            G,
+        o === A.Dismissal && b.length > 0 && /* @__PURE__ */ m("div", { className: u.fieldGroup, children: [
+          /* @__PURE__ */ s(c, { as: "h4", children: n("finalPayoutTitle") }),
+          /* @__PURE__ */ s(D, { variant: "supporting", children: n("finalPayoutDescription") }),
+          /* @__PURE__ */ s(_, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: b.map((e) => /* @__PURE__ */ s(
+            I,
             {
               name: `finalPayoutCompensations.${e.name}`,
               type: "number",
               min: 0,
-              adornmentEnd: t("hoursUnit"),
-              isRequired: !0,
+              adornmentEnd: n("hoursUnit"),
               label: e.name
             },
             `payout-${e.name}`
           )) })
         ] }),
-        _.length > 0 && /* @__PURE__ */ r("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("additionalEarningsTitle") }),
-          /* @__PURE__ */ o(
-            A,
+        v.length > 0 && /* @__PURE__ */ m("div", { className: u.fieldGroup, children: [
+          /* @__PURE__ */ s(c, { as: "h4", children: n("additionalEarningsTitle") }),
+          /* @__PURE__ */ s(
+            _,
             {
               gridTemplateColumns: { base: "1fr", small: [320, 320], large: [320, 320, 320] },
               gap: 20,
-              children: _.map((e) => /* @__PURE__ */ o(
-                H,
+              children: v.map((e) => /* @__PURE__ */ s(
+                I,
                 {
-                  format: "currency",
+                  type: "number",
                   min: 0,
+                  adornmentStart: "$",
                   isRequired: !0,
-                  label: F(e.name),
+                  label: H(e.name),
                   name: `fixedCompensations.${e.name}`
                 },
                 e.name
@@ -329,48 +334,49 @@ const Te = s.object({
             }
           )
         ] }),
-        E && /* @__PURE__ */ r("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("reimbursementTitle") }),
-          /* @__PURE__ */ o(A, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: /* @__PURE__ */ o(
-            H,
+        O && /* @__PURE__ */ m("div", { className: u.fieldGroup, children: [
+          /* @__PURE__ */ s(c, { as: "h4", children: n("reimbursementTitle") }),
+          /* @__PURE__ */ s(_, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: /* @__PURE__ */ s(
+            I,
             {
-              format: "currency",
+              type: "number",
               min: 0,
+              adornmentStart: "$",
               isRequired: !0,
-              label: F(E.name),
-              name: `fixedCompensations.${E.name}`
+              label: H(O.name),
+              name: `fixedCompensations.${O.name}`
             }
           ) })
         ] }),
-        B && /* @__PURE__ */ r("div", { className: u.fieldGroup, children: [
-          /* @__PURE__ */ o(c, { as: "h4", children: t("paymentMethodTitle") }),
-          /* @__PURE__ */ o(
-            ae,
+        y && /* @__PURE__ */ m("div", { className: u.fieldGroup, children: [
+          /* @__PURE__ */ s(c, { as: "h4", children: n("paymentMethodTitle") }),
+          /* @__PURE__ */ s(
+            Oe,
             {
               name: "paymentMethod",
               isRequired: !0,
-              label: t("paymentMethodLabel"),
-              description: t("paymentMethodDescription"),
+              label: n("paymentMethodLabel"),
+              description: n("paymentMethodDescription"),
               options: [
                 {
-                  value: S.DirectDeposit,
-                  label: t("paymentMethodOptions.directDeposit")
+                  value: R.DirectDeposit,
+                  label: n("paymentMethodOptions.directDeposit")
                 },
                 {
-                  value: S.Check,
-                  label: t("paymentMethodOptions.check")
+                  value: R.Check,
+                  label: n("paymentMethodOptions.check")
                 }
               ]
             }
           )
         ] })
       ] }),
-      !f && L
+      !f && $
     ] })
   ] });
 };
 export {
   Te as PayrollEditEmployeeFormSchema,
-  Xe as PayrollEditEmployeePresentation
+  ze as PayrollEditEmployeePresentation
 };
 //# sourceMappingURL=PayrollEditEmployeePresentation.js.map