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

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

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