@envisiongroup/porygon 1.0.2 → 1.0.3

package/dist/react-components/forms/EFWForm/EFWForm.js

@@ -1,18 +1,18 @@
-import { jsxs as ze, jsx as w } from "react/jsx-runtime";
-import { useMemo as L, useRef as o, useState as He, useEffect as oe, useCallback as p } from "react";
-import { useIsomorphicLayoutEffect as ce } from "../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
-import { makeStyles as Rt, mergeClasses as Lt, Subtitle2Stronger as Ye, Text as Je, tokens as Qe } from "@fluentui/react-components";
-import { generateGridTemplateColumns as wt, EFWFormFieldWrapper as xt } from "./EFWForm.utils.js";
-import { EFWMessageBarManager as It } from "../EFWMessageBarManager/EFWMessageBarManager.js";
+import { jsxs as ze, jsx as L } from "react/jsx-runtime";
+import { useMemo as D, useRef as o, useState as He, useEffect as ce, useCallback as p } from "react";
+import { useIsomorphicLayoutEffect as le } from "../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+import { makeStyles as wt, mergeClasses as Lt, Subtitle2Stronger as Ye, Text as Je, tokens as Qe } from "@fluentui/react-components";
+import { generateGridTemplateColumns as xt, EFWFormFieldWrapper as It } from "./EFWForm.utils.js";
+import { EFWMessageBarManager as Pt } from "../EFWMessageBarManager/EFWMessageBarManager.js";
 import { isFieldEmptyForValidation as Xe } from "../../commons/valueNormalization.js";
-import { useFormLocaleText as Pt, PorygonI18nProvider as $t } from "../../i18n/PorygonI18nProvider.js";
-const Nt = Rt({
+import { useFormLocaleText as Nt, PorygonI18nProvider as $t } from "../../i18n/PorygonI18nProvider.js";
+const qt = wt({
   efwFormFieldWrapper: {
     "&:empty": {
       display: "none !important"
     }
   }
-}), qt = 900, Ut = 20, Bt = {}, _t = [
+}), Ut = 900, Bt = 20, _t = {}, jt = [
   ".fui-Input",
   ".fui-Textarea",
   ".fui-DatePicker",
@@ -23,24 +23,24 @@ const Nt = Rt({
   'input:not([type="hidden"]):not([type="file"])',
   ".fui-Button",
   'button:not([aria-hidden="true"])'
-], jt = (s) => {
-  for (const S of _t) {
+], Kt = (s) => {
+  for (const S of jt) {
     const E = s.querySelector(S);
     if (E)
       return E;
   }
   return null;
-}, Kt = ({
+}, kt = ({
   animationDelay: s = 0,
   animationToken: S,
   children: E,
-  className: D
+  className: O
 }) => {
   const g = o(null), b = p(
     (y) => {
       if (g.current?.cancel(), g.current = null, !S || !y)
         return;
-      const j = jt(y);
+      const j = Kt(y);
       !j || typeof j.animate != "function" || typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || (g.current = j.animate(
         [
           {
@@ -61,15 +61,15 @@ const Nt = Rt({
         ],
         {
           delay: s,
-          duration: qt,
+          duration: Ut,
           easing: "ease-out"
         }
       ));
     },
     [s, S]
   );
-  return /* @__PURE__ */ w("div", { ref: b, className: D, children: E });
-}, X = {
+  return /* @__PURE__ */ L("div", { ref: b, className: O, children: E });
+}, Z = {
   Text: "",
   // String vacío para modo controlado
   Number: null,
@@ -85,12 +85,12 @@ const Nt = Rt({
   Attachments: [],
   MultiChoice: []
   // Default value for MultiChoice fields (array for multiple selections)
-}, kt = [
+}, Wt = [
   "value",
   "selectedOptions",
   "selectedDates",
   "files"
-], Wt = {
+], Gt = {
   Text: "value",
   Number: "value",
   Choice: "selectedOptions",
@@ -102,19 +102,19 @@ const Nt = Rt({
 }, Ve = (s, S) => (
   // biome-ignore lint/complexity/useObjectHasOwn: el target de tsconfig es < es2022 y Object.hasOwn no está disponible
   Object.prototype.hasOwnProperty.call(s, S)
-), Gt = (s, S, E) => {
-  const D = { ...S }, g = Wt[s], b = kt.filter(
-    (y) => y !== g && y in D
+), zt = (s, S, E) => {
+  const O = { ...S }, g = Gt[s], b = Wt.filter(
+    (y) => y !== g && y in O
   );
   if (b.length > 0) {
     for (const y of b)
-      delete D[y];
+      delete O[y];
     console.warn(
       `updateField recibió keys de valor incompatibles para '${E}' (${s}): ${b.join(", ")}. Se ignoraron y solo se permite '${g}'.`
     );
   }
-  return D;
-}, zt = (s) => !(Ve(s, "validationState") || Ve(s, "validationMessage")) || Ve(s, "validationMessageIcon") ? s : {
+  return O;
+}, Ht = (s) => !(Ve(s, "validationState") || Ve(s, "validationMessage")) || Ve(s, "validationMessageIcon") ? s : {
   ...s,
   validationMessageIcon: void 0
 }, Ze = (s) => {
@@ -123,34 +123,34 @@ const Nt = Rt({
     case "Note":
     case "Boolean":
     case "Number":
-      return s.value !== void 0 ? s.value : "defaultValue" in s && s.defaultValue !== void 0 ? s.defaultValue : X[s.typeAsString];
+      return s.value !== void 0 ? s.value : "defaultValue" in s && s.defaultValue !== void 0 ? s.defaultValue : Z[s.typeAsString];
     case "Choice":
     case "MultiChoice":
-      return "selectedOptions" in s && s.selectedOptions !== void 0 ? s.selectedOptions : "defaultSelectedOptions" in s && s.defaultSelectedOptions !== void 0 ? s.defaultSelectedOptions : X[s.typeAsString];
+      return "selectedOptions" in s && s.selectedOptions !== void 0 ? s.selectedOptions : "defaultSelectedOptions" in s && s.defaultSelectedOptions !== void 0 ? s.defaultSelectedOptions : Z[s.typeAsString];
     case "Date":
-      return "selectedDates" in s && s.selectedDates !== void 0 ? s.selectedDates : "defaultSelectedDates" in s && s.defaultSelectedDates !== void 0 ? s.defaultSelectedDates : X[s.typeAsString];
+      return "selectedDates" in s && s.selectedDates !== void 0 ? s.selectedDates : "defaultSelectedDates" in s && s.defaultSelectedDates !== void 0 ? s.defaultSelectedDates : Z[s.typeAsString];
     case "Attachments":
-      return "files" in s && s.files !== void 0 ? s.files : "defaultFiles" in s && s.defaultFiles !== void 0 ? s.defaultFiles : X[s.typeAsString];
+      return "files" in s && s.files !== void 0 ? s.files : "defaultFiles" in s && s.defaultFiles !== void 0 ? s.defaultFiles : Z[s.typeAsString];
     default: {
-      const S = s.typeAsString, E = S ? X[S] : void 0;
+      const S = s.typeAsString, E = S ? Z[S] : void 0;
       return E !== void 0 ? E : void 0;
     }
   }
 }, et = (s, S, E) => {
-  const D = S.current;
+  const O = S.current;
   let g = !1;
-  const b = /* @__PURE__ */ new Set([...Object.keys(D), ...Object.keys(s)]);
+  const b = /* @__PURE__ */ new Set([...Object.keys(O), ...Object.keys(s)]);
   for (const y of b)
-    if (!Object.is(D[y], s[y])) {
+    if (!Object.is(O[y], s[y])) {
       g = !0;
       break;
     }
   return g && (E.current += 1, S.current = { ...s }), E.current;
-}, rr = (s) => {
+}, nr = (s) => {
   const {
     title: S,
     description: E,
-    hidden: D = !1,
+    hidden: O = !1,
     editable: g = !0,
     disabled: b = !1,
     fields: y = [],
@@ -160,31 +160,31 @@ const Nt = Rt({
     className: rt = "",
     header: nt,
     footer: st,
-    children: it,
-    gridTemplateColumns: at = 1,
-    gridTemplateGap: Z = 16,
-    defaultValues: N = {},
-    values: O,
+    children: at,
+    gridTemplateColumns: it = 1,
+    gridTemplateGap: ee = 16,
+    defaultValues: $ = {},
+    values: R,
     sections: x = [],
     messages: ot = [],
-    fieldAnimationConfig: Ae = Bt,
-    onInit: le,
+    fieldAnimationConfig: Ae = _t,
+    onInit: de,
     formRef: K,
     localeText: Te
-  } = s, Ce = L(() => {
+  } = s, Ce = D(() => {
     const {
       fields: e,
       buttons: t,
       ...r
-    } = Te ?? {}, i = Object.keys(r).length > 0 ? r : void 0, n = e || t ? {
+    } = Te ?? {}, a = Object.keys(r).length > 0 ? r : void 0, n = e || t ? {
       ...e ? { fields: e } : {},
       ...t ? { buttons: t } : {}
     } : void 0;
     return {
-      formOverrides: i,
+      formOverrides: a,
       i18nProviderLocale: n
     };
-  }, [Te]), Y = Pt(Ce.formOverrides), De = Ce.i18nProviderLocale;
+  }, [Te]), Y = Nt(Ce.formOverrides), De = Ce.i18nProviderLocale;
   if (y.length > 0 && x.length > 0)
     throw console.error(
       'EFWForm: No se pueden usar "fields" y "sections" al mismo tiempo. Use solo uno de ellos.'
@@ -194,13 +194,13 @@ const Nt = Rt({
   y.length === 0 && x.length === 0 && console.warn(
     'EFWForm: No se han proporcionado "fields" ni "sections". El formulario estará vacío.'
   );
-  const ct = Nt(), c = L(() => y.length > 0 ? [...y] : x.length > 0 ? x.flatMap((e) => e.fields) : [], [y, x]), I = L(() => {
+  const ct = qt(), c = D(() => y.length > 0 ? [...y] : x.length > 0 ? x.flatMap((e) => e.fields) : [], [y, x]), I = D(() => {
     const e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
     return c.forEach((r) => {
-      const i = r.internalName;
-      r.editable === void 0 && e.add(i), r.disabled === void 0 && t.add(i);
+      const a = r.internalName;
+      r.editable === void 0 && e.add(a), r.disabled === void 0 && t.add(a);
     }), { editable: e, disabled: t };
-  }, [c]), de = L(
+  }, [c]), J = D(
     () => c.map((e) => {
       const t = e.editable === void 0 && g !== !0, r = e.disabled === void 0 && b !== !1;
       return !t && !r ? e : {
@@ -210,25 +210,30 @@ const Nt = Rt({
       };
     }),
     [c, g, b]
-  ), ee = L(() => {
+  ), lt = D(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const t of J)
+      e.set(t.internalName, t);
+    return e;
+  }, [J]), te = D(() => {
     const e = {};
     for (const t of c)
       e[t.internalName] = Ze(t);
     return e;
-  }, [c]), J = L(
+  }, [c]), Q = D(
     () => ({
-      ...ee,
-      ...N
+      ...te,
+      ...$
     }),
-    [ee, N]
-  ), q = O !== void 0, lt = L(() => q ? {
-    ...J,
-    ...O
-  } : J, [q, J, O]), Oe = L(
+    [te, $]
+  ), q = R !== void 0, dt = D(() => q ? {
+    ...Q,
+    ...R
+  } : Q, [q, Q, R]), Oe = D(
     () => c.map((e) => `${e.internalName}::${e.id ?? "no-id"}`).join("|"),
     [c]
-  ), U = o(null), [dt, Re] = He(!le), [ut, ft] = He({}), u = o(lt), m = o(null);
-  m.current === null && (m.current = de.reduce(
+  ), U = o(null), [ut, Re] = He(!de), [ft, pt] = He({}), u = o(dt), m = o(null);
+  m.current === null && (m.current = J.reduce(
     (e, t) => (e[t.internalName] = {
       disabled: !1,
       editable: !0,
@@ -249,12 +254,12 @@ const Nt = Rt({
       required: t.required ?? !1
     }, e),
     {}
-  )), oe(() => {
+  )), ce(() => {
     const e = new Set(Object.keys(m.current)), t = new Set(c.map((r) => r.internalName));
     e.forEach((r) => {
-      t.has(r) || (delete m.current[r], delete B.current[r], delete R.current[r]);
+      t.has(r) || (delete m.current[r], delete B.current[r], delete w.current[r]);
     }), c.forEach((r) => {
-      const i = r.editable ?? g, n = r.disabled ?? b, a = r.hidden ?? !1, f = r.required ?? !1, l = B.current[r.internalName];
+      const a = r.editable ?? g, n = r.disabled ?? b, i = r.hidden ?? !1, f = r.required ?? !1, l = B.current[r.internalName];
       if (!e.has(r.internalName)) {
         m.current[r.internalName] = {
           hidden: !1,
@@ -262,12 +267,12 @@ const Nt = Rt({
           validationState: "none",
           validationMessage: "",
           ...r,
-          editable: i,
+          editable: a,
           disabled: n
         }, B.current[r.internalName] = {
-          editable: i,
+          editable: a,
           disabled: n,
-          hidden: a,
+          hidden: i,
           required: f
         };
         return;
@@ -275,52 +280,52 @@ const Nt = Rt({
       const V = m.current[r.internalName];
       if (!V) {
         B.current[r.internalName] = {
-          editable: i,
+          editable: a,
           disabled: n,
-          hidden: a,
+          hidden: i,
           required: f
         };
         return;
       }
-      (!l || l.editable !== i || l.disabled !== n || l.hidden !== a || l.required !== f) && (m.current[r.internalName] = {
+      (!l || l.editable !== a || l.disabled !== n || l.hidden !== i || l.required !== f) && (m.current[r.internalName] = {
         ...V,
-        editable: i,
+        editable: a,
         disabled: n,
-        hidden: a,
+        hidden: i,
         required: f
       }), B.current[r.internalName] = {
-        editable: i,
+        editable: a,
         disabled: n,
-        hidden: a,
+        hidden: i,
         required: f
       };
     });
   }, [c, g, b]);
-  const R = o({}), ue = o(!1), fe = o(/* @__PURE__ */ new Set()), pt = o({}), k = o(null);
-  k.current === null && (k.current = de.reduce(
+  const w = o({}), ue = o(!1), fe = o(/* @__PURE__ */ new Set()), gt = o({}), k = o(null);
+  k.current === null && (k.current = J.reduce(
     (e, t) => (e[t.internalName] = {
       validationState: t.validationState || "none",
       validationMessage: t.validationMessage || ""
     }, e),
     {}
   ));
-  const pe = o(""), te = o(!1), gt = o({
-    ...ee
-  }), mt = o(0), ge = et(
-    ee,
-    gt,
-    mt
-  ), Le = o(N), W = o(j), we = o(le), me = o(Ae), re = o({}), xe = o(!1);
-  oe(() => {
-    Le.current = N;
-  }, [N]), W.current = j, we.current = le, me.current = Ae;
-  const vt = o({
-    ...N
-  }), ht = o(0), ve = et(
-    N,
-    vt,
-    ht
-  ), he = `${ge}:${ve}`, be = o(""), G = L(
+  const pe = o(""), re = o(!1), mt = o({
+    ...te
+  }), vt = o(0), ge = et(
+    te,
+    mt,
+    vt
+  ), we = o($), W = o(j), Le = o(de), me = o(Ae), ne = o({}), xe = o(!1);
+  ce(() => {
+    we.current = $;
+  }, [$]), W.current = j, Le.current = de, me.current = Ae;
+  const ht = o({
+    ...$
+  }), bt = o(0), ve = et(
+    $,
+    ht,
+    bt
+  ), he = `${ge}:${ve}`, be = o(""), G = D(
     () => new Map(
       c.map((e) => [
         e.internalName,
@@ -330,7 +335,7 @@ const Nt = Rt({
     [c]
   ), Ie = o(G);
   Ie.current = G;
-  const bt = p(
+  const St = p(
     (e, t) => {
       k.current[e] = {
         validationState: t.currentValidationState,
@@ -342,20 +347,20 @@ const Nt = Rt({
       };
     },
     []
-  ), ne = p(
+  ), se = p(
     (e, t = "internal") => {
       U.current && U.current.addMessageBar(e, t);
     },
     []
-  ), se = p((e) => {
+  ), ae = p((e) => {
     U.current && U.current.removeMessageBar(e);
   }, []), Pe = p(() => {
     U.current && U.current.removeAllMessagesBar();
-  }, []), $e = o(Me);
-  $e.current = Me;
+  }, []), Ne = o(Me);
+  Ne.current = Me;
   const ie = p(() => {
-    $e.current?.({ ...u.current });
-  }, []), Q = p(
+    Ne.current?.({ ...u.current });
+  }, []), X = p(
     (e, t) => {
       const r = Fe.current;
       r?.(e, t);
@@ -363,10 +368,10 @@ const Nt = Rt({
     []
   ), z = p(
     (e, t) => {
-      const r = k.current[e], i = re.current[e];
-      if (!(i !== void 0 && r?.validationState === "error" && r?.validationMessage === i)) return;
-      const a = Ie.current.get(e);
-      a && (Xe(t, a.typeAsString) || (Q(e, {
+      const r = k.current[e], a = ne.current[e];
+      if (!(a !== void 0 && r?.validationState === "error" && r?.validationMessage === a)) return;
+      const i = Ie.current.get(e);
+      i && (Xe(t, i.typeAsString) || (X(e, {
         validationState: "none",
         validationMessage: ""
       }), k.current[e] = {
@@ -376,29 +381,29 @@ const Nt = Rt({
         ...m.current[e],
         validationState: "none",
         validationMessage: ""
-      }, delete re.current[e]));
+      }, delete ne.current[e]));
     },
-    [Q]
-  ), St = p(
+    [X]
+  ), Ft = p(
     (e, t, r) => {
       u.current[e] = t, !r?.silent && (z(e, t), ue.current || (ue.current = !0, ie(), ue.current = !1));
     },
     [ie, z]
-  ), Ft = p(
+  ), yt = p(
     (e, t) => {
-      R.current[e] = t;
+      w.current[e] = t;
     },
     []
-  ), yt = p(
+  ), Et = p(
     (e, t) => {
-      R.current[e] === t && delete R.current[e];
+      w.current[e] === t && delete w.current[e];
     },
     []
   ), A = p(
     (e, t) => {
-      const r = Array.isArray(e) ? e : [e], i = (n) => {
-        const a = R.current[n];
-        if (!a) {
+      const r = Array.isArray(e) ? e : [e], a = (n) => {
+        const i = w.current[n];
+        if (!i) {
           console.warn(
             `No se encontró un campo registrado para '${String(n)}'`
           );
@@ -411,49 +416,49 @@ const Nt = Rt({
           );
           return;
         }
-        const l = f.typeAsString, V = Gt(
+        const l = f.typeAsString, V = zt(
           l,
           t,
           String(n)
-        ), F = zt(V);
-        a(F);
+        ), F = Ht(V);
+        i(F);
         const {
           value: v,
           selectedOptions: M,
           selectedDates: d,
           files: h,
-          ...$
+          ...N
         } = F;
-        Object.keys($).length > 0 && (m.current[n] = {
+        Object.keys(N).length > 0 && (m.current[n] = {
           ...m.current[n],
-          ...$
+          ...N
         });
-        const H = W.current, T = (Ct, Dt, Ot = "change") => {
+        const H = W.current, T = (Dt, Ot, Rt = "change") => {
           const Ge = H?.[n];
           if (!Ge)
             return;
-          const ae = String(n);
-          if (fe.current.has(ae)) {
+          const oe = String(n);
+          if (fe.current.has(oe)) {
             console.warn(
-              `Se detectó una actualización en cascada cíclica sobre el campo '${ae}'. Se omite la re-ejecución de su fieldLogic para evitar recursión infinita; revisa que la lógica del campo no se actualice a sí misma de forma indefinida.`
+              `Se detectó una actualización en cascada cíclica sobre el campo '${oe}'. Se omite la re-ejecución de su fieldLogic para evitar recursión infinita; revisa que la lógica del campo no se actualice a sí misma de forma indefinida.`
             );
             return;
           }
-          fe.current.add(ae);
+          fe.current.add(oe);
           try {
             Ge(
-              Ct,
+              Dt,
               A,
               {
                 allValues: u.current,
-                trigger: Ot,
+                trigger: Rt,
                 fieldName: n,
-                previousValue: Dt,
+                previousValue: Ot,
                 isControlled: q
               }
             );
           } finally {
-            fe.current.delete(ae);
+            fe.current.delete(oe);
           }
         }, C = u.current[n];
         switch (l) {
@@ -486,38 +491,38 @@ const Nt = Rt({
           default:
             console.warn(`Tipo de campo desconocido: ${l}`);
         }
-        const At = v !== void 0 || M !== void 0 || d !== void 0 || h !== void 0, Tt = "validationState" in F || "validationMessage" in F;
-        At && !Tt && z(
+        const Tt = v !== void 0 || M !== void 0 || d !== void 0 || h !== void 0, Ct = "validationState" in F || "validationMessage" in F;
+        Tt && !Ct && z(
           n,
           u.current[n]
         );
       };
       for (const n of r)
-        i(n);
+        a(n);
     },
     [G, q, z]
-  ), Se = L(() => {
+  ), Se = D(() => {
     const e = Array.from(I.editable).sort().join("|"), t = Array.from(I.disabled).sort().join("|");
     return `${e}::${t}`;
-  }, [I]), Ne = o(
+  }, [I]), $e = o(
     `${g}::${b}::${Se}`
   );
-  ce(() => {
+  le(() => {
     const e = `${g}::${b}::${Se}`;
-    if (Ne.current === e)
+    if ($e.current === e)
       return;
-    Ne.current = e, (/* @__PURE__ */ new Set([
+    $e.current = e, (/* @__PURE__ */ new Set([
       ...I.editable,
       ...I.disabled
     ])).forEach((r) => {
-      const i = m.current[r];
-      if (!i)
+      const a = m.current[r];
+      if (!a)
         return;
-      let n = i.editable, a = i.disabled, f = !1;
-      I.editable.has(r) && i.editable !== g && (n = g, f = !0), I.disabled.has(r) && i.disabled !== b && (a = b, f = !0), f && (m.current[r] = {
-        ...i,
+      let n = a.editable, i = a.disabled, f = !1;
+      I.editable.has(r) && a.editable !== g && (n = g, f = !0), I.disabled.has(r) && a.disabled !== b && (i = b, f = !0), f && (m.current[r] = {
+        ...a,
         editable: n,
-        disabled: a
+        disabled: i
       });
     });
   }, [
@@ -533,11 +538,11 @@ const Nt = Rt({
       const r = W.current;
       if (!r)
         return;
-      const i = e && e.length > 0 ? e : Object.keys(r);
-      if (i.length === 0)
+      const a = e && e.length > 0 ? e : Object.keys(r);
+      if (a.length === 0)
         return;
-      const n = r, { trigger: a = "change", previousValues: f, allValuesOverride: l } = t, V = l ?? u.current;
-      i.forEach((F) => {
+      const n = r, { trigger: i = "change", previousValues: f, allValuesOverride: l } = t, V = l ?? u.current;
+      a.forEach((F) => {
         const v = n[F];
         if (!v)
           return;
@@ -547,7 +552,7 @@ const Nt = Rt({
           A,
           {
             allValues: V,
-            trigger: a,
+            trigger: i,
             fieldName: F,
             previousValue: M,
             isControlled: q
@@ -556,7 +561,7 @@ const Nt = Rt({
       });
     },
     [A, q]
-  ), Et = p(
+  ), Vt = p(
     (e) => W.current?.[e],
     []
   ), ye = p(
@@ -569,9 +574,9 @@ const Nt = Rt({
       overwriteAll: !1
     }, r) => {
       const {
-        triggerOnChange: i = !0,
+        triggerOnChange: a = !0,
         triggerFieldLogic: n = !0,
-        overwriteAll: a = !1,
+        overwriteAll: i = !1,
         force: f = !1
       } = t, l = t.animateUpdatedFields ?? r ?? me.current.setValues ?? !1, V = Object.keys(e), F = {}, v = [], M = f ? V : V.filter(
         (d) => !Object.is(
@@ -581,8 +586,8 @@ const Nt = Rt({
       );
       if (M.forEach((d) => {
         F[d] = u.current[d];
-      }), !(M.length === 0 && !a)) {
-        if (a)
+      }), !(M.length === 0 && !i)) {
+        if (i)
           u.current = {
             ...u.current,
             ...e
@@ -594,11 +599,11 @@ const Nt = Rt({
           }), u.current = d;
         }
         M.forEach((d) => {
-          const h = R.current[d];
+          const h = w.current[d];
           if (h) {
-            const $ = G.get(d);
-            if ($) {
-              const H = $.typeAsString, T = e[d];
+            const N = G.get(d);
+            if (N) {
+              const H = N.typeAsString, T = e[d];
               let C;
               switch (H) {
                 case "Text":
@@ -624,17 +629,17 @@ const Nt = Rt({
             } else
               console.warn(`No se encontró la definición del campo: ${d}`);
           }
-        }), v.length > 0 && ft((d) => {
+        }), v.length > 0 && pt((d) => {
           const h = { ...d };
-          return v.forEach(($, H) => {
-            h[$] = {
-              delay: H * Ut,
-              token: (h[$]?.token ?? 0) + 1
+          return v.forEach((N, H) => {
+            h[N] = {
+              delay: H * Bt,
+              token: (h[N]?.token ?? 0) + 1
             };
           }), h;
         }), n && M.length > 0 && _(M, {
           previousValues: F
-        }), i && ie();
+        }), a && ie();
       }
     },
     [
@@ -644,13 +649,13 @@ const Nt = Rt({
       z
     ]
   );
-  ce(() => {
-    if (O !== void 0) {
+  le(() => {
+    if (R !== void 0) {
       be.current = "";
       return;
     }
     be.current !== he && (be.current = he, P(
-      J,
+      Q,
       {
         overwriteAll: !0,
         triggerOnChange: !1,
@@ -658,30 +663,30 @@ const Nt = Rt({
       },
       !1
     ));
-  }, [O, he, P, J]), ce(() => {
+  }, [R, he, P, Q]), le(() => {
     if (!W.current)
       return;
-    if (O !== void 0) {
+    if (R !== void 0) {
       pe.current = "";
       return;
     }
     const e = `uncontrolled::${Oe}::${ge}::${ve}`;
     pe.current !== e && (pe.current = e, _(void 0, { trigger: "init" }));
   }, [
-    O,
+    R,
     Oe,
     ge,
     ve,
     _
-  ]), ce(() => {
-    if (O === void 0) {
-      te.current = !1;
+  ]), le(() => {
+    if (R === void 0) {
+      re.current = !1;
       return;
     }
-    const e = u.current, t = O, i = Object.keys(t).filter(
+    const e = u.current, t = R, a = Object.keys(t).filter(
       (n) => e[n] !== t[n]
     );
-    if (i.length > 0 && P(
+    if (a.length > 0 && P(
       t,
       {
         triggerOnChange: !1,
@@ -690,19 +695,19 @@ const Nt = Rt({
       },
       !1
     ), !W.current) {
-      te.current = !0;
+      re.current = !0;
       return;
     }
-    i.length > 0 ? _(i, { previousValues: e }) : te.current || _(void 0, { trigger: "init" }), te.current = !0;
-  }, [O, P, _]);
+    a.length > 0 ? _(a, { previousValues: e }) : re.current || _(void 0, { trigger: "init" }), re.current = !0;
+  }, [R, P, _]);
   const qe = p(
     (e = {}) => {
       const r = {
         ...c.reduce(
-          (i, n) => (i[n.internalName] = Ze(n), i),
+          (a, n) => (a[n.internalName] = Ze(n), a),
           {}
         ),
-        ...Le.current
+        ...we.current
       };
       P(
         r,
@@ -716,30 +721,30 @@ const Nt = Rt({
     [c, P]
   ), Ue = p(
     (e, t) => {
-      const r = t || c.map((n) => n.internalName), i = [];
+      const r = t || c.map((n) => n.internalName), a = [];
       return r.forEach((n) => {
-        const a = m.current[n];
-        if (!a) {
+        const i = m.current[n];
+        if (!i) {
           console.warn(`Field state not found for ${n}`);
           return;
         }
-        const f = a.disabled ?? !1;
-        e !== f && R.current[n] ? (A(n, { disabled: e }), i.push(n)) : R.current[n] || console.warn(`Field ${n} not found in fieldUpdateRefs`);
-      }), i;
+        const f = i.disabled ?? !1;
+        e !== f && w.current[n] ? (A(n, { disabled: e }), a.push(n)) : w.current[n] || console.warn(`Field ${n} not found in fieldUpdateRefs`);
+      }), a;
     },
     [c, A]
   ), Be = p(
     (e, t) => {
-      const r = t || c.map((n) => n.internalName), i = [];
+      const r = t || c.map((n) => n.internalName), a = [];
       return r.forEach((n) => {
-        const a = m.current[n];
-        if (!a) {
+        const i = m.current[n];
+        if (!i) {
           console.warn(`Field state not found for ${n}`);
           return;
         }
-        const f = a.editable ?? !0;
-        e !== f && R.current[n] ? (A(n, { editable: e }), i.push(n)) : R.current[n] || console.warn(`Field ${n} not found in fieldUpdateRefs`);
-      }), i;
+        const f = i.editable ?? !0;
+        e !== f && w.current[n] ? (A(n, { editable: e }), a.push(n)) : w.current[n] || console.warn(`Field ${n} not found in fieldUpdateRefs`);
+      }), a;
     },
     [c, A]
   ), _e = p(() => c.every(
@@ -748,8 +753,8 @@ const Nt = Rt({
     (e) => m.current[e.internalName]?.editable === !0
   ), [c]), Ke = p(
     (e = !0) => {
-      const t = "validacion__10000001", r = "error", i = Y.requiredFieldError, n = pt.current;
-      let a = !0;
+      const t = "validacion__10000001", r = "error", a = Y.requiredFieldError, n = gt.current;
+      let i = !0;
       return c.forEach((f) => {
         const l = f.internalName, V = u.current[l], F = m.current[l], v = k.current[l];
         if (F?.hidden === !0)
@@ -759,26 +764,26 @@ const Nt = Rt({
           f.typeAsString
         );
         if (!F?.required && v?.validationState === "error") {
-          a = !1;
+          i = !1;
           return;
         }
         if (F?.required)
           if (d)
-            re.current[l] = i, (v?.validationState !== "error" || v?.validationMessage !== i) && (n[l] = {
+            ne.current[l] = a, (v?.validationState !== "error" || v?.validationMessage !== a) && (n[l] = {
               validationState: v?.validationState || "none",
               validationMessage: v?.validationMessage || ""
-            }, Q(l, {
+            }, X(l, {
               validationState: r,
-              validationMessage: i
-            })), a = !1;
-          else if (delete re.current[l], v?.validationState === "error" && v?.validationMessage === i) {
+              validationMessage: a
+            })), i = !1;
+          else if (delete ne.current[l], v?.validationState === "error" && v?.validationMessage === a) {
             const h = n[l];
-            h && (Q(l, {
+            h && (X(l, {
               validationState: h.validationState,
               validationMessage: h.validationMessage
-            }), h.validationState === "error" && (a = !1));
-          } else v?.validationState === "error" && (a = !1);
-      }), e && !a ? ne(
+            }), h.validationState === "error" && (i = !1));
+          } else v?.validationState === "error" && (i = !1);
+      }), e && !i ? se(
         {
           id: t,
           intent: "error",
@@ -786,15 +791,15 @@ const Nt = Rt({
           actions: []
         },
         "internal"
-      ) : se(t), a;
+      ) : ae(t), i;
     },
     [
-      ne,
+      se,
       c,
       Y.requiredFieldError,
       Y.requiredFieldsNotification,
-      se,
-      Q
+      ae,
+      X
     ]
   ), Ee = o({
     getValues: () => u.current,
@@ -816,7 +821,7 @@ const Nt = Rt({
     updateField: () => {
     }
   });
-  oe(() => (Ee.current = {
+  ce(() => (Ee.current = {
     getValues: ye,
     setValues: P,
     resetValues: qe,
@@ -825,8 +830,8 @@ const Nt = Rt({
     isDisabled: _e,
     isEditable: je,
     validateForm: Ke,
-    addMessageBar: ne,
-    removeMessageBar: se,
+    addMessageBar: se,
+    removeMessageBar: ae,
     removeAllMessagesBar: Pe,
     updateField: A
   }, K && (K.current = Ee.current), () => {
@@ -839,17 +844,17 @@ const Nt = Rt({
     _e,
     Ke,
     K,
-    ne,
     se,
+    ae,
     Pe,
     Be,
     je,
     A
-  ]), oe(() => {
+  ]), ce(() => {
     if (xe.current)
       return;
     xe.current = !0;
-    const e = we.current;
+    const e = Le.current;
     if (e) {
       const t = e(
         u.current,
@@ -858,27 +863,27 @@ const Nt = Rt({
       t instanceof Promise ? t.catch((r) => console.error("Error en onInit:", r)).finally(() => Re(!0)) : Re(!0);
     }
   }, []);
-  const Vt = (e) => {
-    const t = e.internalName, r = u.current[t], i = ut[t];
-    return /* @__PURE__ */ w(
-      Kt,
+  const Mt = (e) => {
+    const t = e.internalName, r = u.current[t], a = ft[t];
+    return /* @__PURE__ */ L(
+      kt,
       {
         className: ct.efwFormFieldWrapper,
-        animationDelay: i?.delay,
-        animationToken: i?.token,
-        children: /* @__PURE__ */ w(
-          xt,
+        animationDelay: a?.delay,
+        animationToken: a?.token,
+        children: /* @__PURE__ */ L(
+          It,
           {
             field: e,
             initialValue: r,
-            onValueChange: St,
-            registerUpdateProps: Ft,
-            unregisterUpdateProps: yt,
-            getFieldLogicByName: Et,
+            onValueChange: Ft,
+            registerUpdateProps: yt,
+            unregisterUpdateProps: Et,
+            getFieldLogicByName: Vt,
             isControlled: q,
             getAllValues: ye,
             updateFieldProps: A,
-            onValidationChange: bt,
+            onValidationChange: St,
             localeText: Y
           }
         )
@@ -886,68 +891,73 @@ const Nt = Rt({
       e.id
     );
   }, ke = (e, t = 1) => {
-    const r = wt(t);
-    return /* @__PURE__ */ w(
+    const r = xt(t);
+    return /* @__PURE__ */ L(
       "div",
       {
         style: {
           display: "grid",
           gridTemplateColumns: r,
-          gap: Z,
-          margin: `${Z}px 0px 0px`
+          gap: ee,
+          margin: `${ee}px 0px 0px`
         },
-        children: e.map(Vt)
+        children: e.map(Mt)
       }
     );
-  }, Mt = Lt(rt, "efw-form");
-  if (D) return null;
+  }, At = Lt(rt, "efw-form");
+  if (O) return null;
   const We = /* @__PURE__ */ ze(
     "div",
     {
       style: {
         ...tt,
-        ...dt ? {} : { visibility: "hidden" }
+        ...ut ? {} : { visibility: "hidden" }
       },
-      className: Mt,
+      className: At,
       children: [
         nt,
-        S && /* @__PURE__ */ w(Ye, { style: { marginTop: 12 }, block: !0, children: S }),
-        E && /* @__PURE__ */ w(Je, { block: !0, as: "p", children: E }),
+        S && /* @__PURE__ */ L(Ye, { style: { marginTop: 12 }, block: !0, children: S }),
+        E && /* @__PURE__ */ L(Je, { block: !0, as: "p", children: E }),
         x && x.length > 0 ? x.map((e, t) => /* @__PURE__ */ ze("div", { children: [
-          e.title && /* @__PURE__ */ w(
+          e.title && /* @__PURE__ */ L(
             Ye,
             {
-              style: { marginTop: Z * (t > 0 ? 2 : 1) },
+              style: { marginTop: ee * (t > 0 ? 2 : 1) },
               block: !0,
               children: e.title
             }
           ),
-          e.description && /* @__PURE__ */ w(
+          e.description && /* @__PURE__ */ L(
             Je,
             {
               block: !0,
               as: "p",
-              style: e.title ? {} : { marginTop: Z * (t > 0 ? 2 : 1) },
+              style: e.title ? {} : { marginTop: ee * (t > 0 ? 2 : 1) },
               children: e.description
             }
           ),
-          ke(e.fields, e.gridTemplateColumns)
-        ] }, e.fields[0]?.internalName ?? `section-${t}`)) : ke(de, at),
-        /* @__PURE__ */ w(
-          It,
+          ke(
+            e.fields.map(
+              (r) => lt.get(r.internalName) ?? r
+            ),
+            e.gridTemplateColumns
+          )
+        ] }, e.fields[0]?.internalName ?? `section-${t}`)) : ke(J, it),
+        /* @__PURE__ */ L(
+          Pt,
           {
             style: { marginTop: "22px" },
             initialExternalMessages: ot,
             ref: U
           }
         ),
-        it,
+        at,
         st
       ]
     }
   );
-  return De ? /* @__PURE__ */ w($t, { localeText: De, children: We }) : We;
+  return De ? /* @__PURE__ */ L($t, { localeText: De, children: We }) : We;
 };
 export {
-  rr as EFWForm
+  nr as EFWForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envisiongroup/porygon",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Librerias de componentes de React creados por la empresa Envision",
   "license": "CC-BY-ND-4.0",
   "main": "./dist/index.js",