@gusto/embedded-react-sdk 0.36.0 → 0.37.0

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

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