@envisiongroup/porygon 1.0.0-rc.9 → 1.0.0

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

@@ -1,402 +1,803 @@
-import { jsxs as Fe, jsx as A } from "react/jsx-runtime";
-import { useMemo as U, useRef as f, useEffect as j, useCallback as g, useLayoutEffect as Ie } from "react";
-import { makeStyles as Ke, Subtitle2Stronger as Se, Text as Ve } from "@fluentui/react-components";
-import { generateGridTemplateColumns as Ge, EFWFormFieldWrapper as _e } from "./EFWForm.utils.js";
-import { EFWMessageBarManager as ze } from "../EFWMessageBarManager/EFWMessageBarManager.js";
-const He = Ke({
+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 { isFieldEmptyForValidation as Xe } from "../../commons/valueNormalization.js";
+import { useFormLocaleText as Pt, PorygonI18nProvider as $t } from "../../i18n/PorygonI18nProvider.js";
+const Nt = Rt({
   efwFormFieldWrapper: {
     "&:empty": {
       display: "none !important"
     }
   }
-}), B = {
-  Text: void 0,
-  // Default: let text fields decide controlled/uncontrolled
+}), qt = 900, Ut = 20, Bt = {}, _t = [
+  ".fui-Input",
+  ".fui-Textarea",
+  ".fui-DatePicker",
+  ".fui-TagPickerControl",
+  ".fui-Switch",
+  '[role="combobox"]',
+  "textarea",
+  'input:not([type="hidden"]):not([type="file"])',
+  ".fui-Button",
+  'button:not([aria-hidden="true"])'
+], jt = (s) => {
+  for (const S of _t) {
+    const E = s.querySelector(S);
+    if (E)
+      return E;
+  }
+  return null;
+}, Kt = ({
+  animationDelay: s = 0,
+  animationToken: S,
+  children: E,
+  className: D
+}) => {
+  const g = o(null), b = p(
+    (y) => {
+      if (g.current?.cancel(), g.current = null, !S || !y)
+        return;
+      const j = jt(y);
+      !j || typeof j.animate != "function" || typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || (g.current = j.animate(
+        [
+          {
+            backgroundColor: "transparent",
+            boxShadow: "0 0 0 0 transparent"
+            //transform: 'scale(1)',
+          },
+          {
+            backgroundColor: Qe.colorBrandBackground2,
+            boxShadow: `0 0 0 1px ${Qe.colorBrandStroke1}`
+            //transform: 'scale(1.01)',
+          },
+          {
+            backgroundColor: "transparent",
+            boxShadow: "0 0 0 0 transparent"
+            //transform: 'scale(1)',
+          }
+        ],
+        {
+          delay: s,
+          duration: qt,
+          easing: "ease-out"
+        }
+      ));
+    },
+    [s, S]
+  );
+  return /* @__PURE__ */ w("div", { ref: b, className: D, children: E });
+}, X = {
+  Text: "",
+  // String vacío para modo controlado
   Number: null,
   // Default value for Number fields
-  Note: void 0,
-  // Default: let text areas decide controlled/uncontrolled
+  Note: "",
+  // String vacío para modo controlado
   Choice: [],
   // Default value for Choice fields (array for multiple selections)
   Date: [],
   // Date picker expects arrays even cuando está vacío
-  Boolean: void 0,
-  // Default: let boolean fields decide controlled/uncontrolled
+  Boolean: !1,
+  // false para modo controlado
   Attachments: [],
   MultiChoice: []
   // Default value for MultiChoice fields (array for multiple selections)
-}, ye = (s) => {
+}, kt = [
+  "value",
+  "selectedOptions",
+  "selectedDates",
+  "files"
+], Wt = {
+  Text: "value",
+  Number: "value",
+  Choice: "selectedOptions",
+  Note: "value",
+  Boolean: "value",
+  MultiChoice: "selectedOptions",
+  Date: "selectedDates",
+  Attachments: "files"
+}, 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
+  );
+  if (b.length > 0) {
+    for (const y of b)
+      delete D[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 : {
+  ...s,
+  validationMessageIcon: void 0
+}, Ze = (s) => {
   switch (s.typeAsString) {
     case "Text":
     case "Note":
     case "Boolean":
     case "Number":
-      return s.value !== void 0 ? s.value : "defaultValue" in s && s.defaultValue !== void 0 ? s.defaultValue : B[s.typeAsString];
+      return s.value !== void 0 ? s.value : "defaultValue" in s && s.defaultValue !== void 0 ? s.defaultValue : X[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 : B[s.typeAsString];
+      return "selectedOptions" in s && s.selectedOptions !== void 0 ? s.selectedOptions : "defaultSelectedOptions" in s && s.defaultSelectedOptions !== void 0 ? s.defaultSelectedOptions : X[s.typeAsString];
     case "Date":
-      return "selectedDates" in s && s.selectedDates !== void 0 ? s.selectedDates : "defaultSelectedDates" in s && s.defaultSelectedDates !== void 0 ? s.defaultSelectedDates : B[s.typeAsString];
+      return "selectedDates" in s && s.selectedDates !== void 0 ? s.selectedDates : "defaultSelectedDates" in s && s.defaultSelectedDates !== void 0 ? s.defaultSelectedDates : X[s.typeAsString];
     case "Attachments":
-      return "files" in s && s.files !== void 0 ? s.files : "defaultFiles" in s && s.defaultFiles !== void 0 ? s.defaultFiles : B[s.typeAsString];
+      return "files" in s && s.files !== void 0 ? s.files : "defaultFiles" in s && s.defaultFiles !== void 0 ? s.defaultFiles : X[s.typeAsString];
     default: {
-      const S = s.typeAsString, b = S ? B[S] : void 0;
-      return b !== void 0 ? b : void 0;
+      const S = s.typeAsString, E = S ? X[S] : void 0;
+      return E !== void 0 ? E : void 0;
     }
   }
-}, Je = (s, S) => {
-  const b = s ?? {}, O = S ?? {};
-  return Array.from(
-    /* @__PURE__ */ new Set([
-      ...Object.keys(b),
-      ...Object.keys(O)
-    ])
-  ).filter((d) => b[d] !== O[d]);
-}, Me = (s, S, b) => {
-  const O = S.current;
-  let M = !1;
-  const d = /* @__PURE__ */ new Set([...Object.keys(O), ...Object.keys(s)]);
-  for (const w of d)
-    if (!Object.is(O[w], s[w])) {
-      M = !0;
+}, et = (s, S, E) => {
+  const D = S.current;
+  let g = !1;
+  const b = /* @__PURE__ */ new Set([...Object.keys(D), ...Object.keys(s)]);
+  for (const y of b)
+    if (!Object.is(D[y], s[y])) {
+      g = !0;
       break;
     }
-  return M && (b.current += 1, S.current = { ...s }), b.current;
-}, te = typeof window < "u" ? Ie : j, tt = (s) => {
+  return g && (E.current += 1, S.current = { ...s }), E.current;
+}, rr = (s) => {
   const {
     title: S,
-    description: b,
-    hidden: O = !1,
-    fields: M = [],
-    fieldLogic: d,
-    onValuesChange: w,
-    style: Ce = {},
-    className: Ee = "",
-    header: Te,
-    footer: De,
-    children: Ae,
-    gridTemplateColumns: Oe = 1,
-    gridTemplateGap: L = 16,
-    defaultValues: R = {},
-    values: V,
-    sections: T = [],
-    messages: we = [],
-    onInit: re,
-    formRef: K
-  } = s;
-  if (O) return null;
-  if (M.length > 0 && T.length > 0)
-    throw console.error('EFWForm: No se pueden usar "fields" y "sections" al mismo tiempo. Use solo uno de ellos.'), new Error('EFWForm: No se pueden usar "fields" y "sections" al mismo tiempo.');
-  M.length === 0 && T.length === 0 && console.warn('EFWForm: No se han proporcionado "fields" ni "sections". El formulario estará vacío.');
-  const Re = He(), a = U(() => M.length > 0 ? [...M] : T.length > 0 ? T.flatMap((e) => e.fields) : [], [M, T]), x = U(() => a.reduce((e, t) => ({
-    ...e,
-    [t.internalName]: ye(t)
-  }), {}), [a]), G = U(() => ({
-    ...x,
-    ...R
-  }), [x, R]), se = U(() => a.map((e) => `${e.internalName}::${e.id ?? "no-id"}`).join("|"), [a]), $ = f(null), i = f(G), C = f(
-    a.reduce((e, t) => ({
-      ...e,
-      [t.internalName]: {
-        disabled: !1,
-        editable: !0,
-        hidden: !1,
-        required: !1,
-        validationState: "none",
-        validationMessage: "",
-        ...t
+    description: E,
+    hidden: D = !1,
+    editable: g = !0,
+    disabled: b = !1,
+    fields: y = [],
+    fieldLogic: j,
+    onValuesChange: Me,
+    style: tt = {},
+    className: rt = "",
+    header: nt,
+    footer: st,
+    children: it,
+    gridTemplateColumns: at = 1,
+    gridTemplateGap: Z = 16,
+    defaultValues: N = {},
+    values: O,
+    sections: x = [],
+    messages: ot = [],
+    fieldAnimationConfig: Ae = Bt,
+    onInit: le,
+    formRef: K,
+    localeText: Te
+  } = s, Ce = L(() => {
+    const {
+      fields: e,
+      buttons: t,
+      ...r
+    } = Te ?? {}, i = Object.keys(r).length > 0 ? r : void 0, n = e || t ? {
+      ...e ? { fields: e } : {},
+      ...t ? { buttons: t } : {}
+    } : void 0;
+    return {
+      formOverrides: i,
+      i18nProviderLocale: n
+    };
+  }, [Te]), Y = Pt(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.'
+    ), new Error(
+      'EFWForm: No se pueden usar "fields" y "sections" al mismo tiempo.'
+    );
+  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 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);
+    }), { editable: e, disabled: t };
+  }, [c]), de = L(
+    () => c.map((e) => {
+      const t = e.editable === void 0 && g !== !0, r = e.disabled === void 0 && b !== !1;
+      return !t && !r ? e : {
+        ...e,
+        ...t ? { editable: g } : {},
+        ...r ? { disabled: b } : {}
+      };
+    }),
+    [c, g, b]
+  ), ee = L(() => {
+    const e = {};
+    for (const t of c)
+      e[t.internalName] = Ze(t);
+    return e;
+  }, [c]), J = L(
+    () => ({
+      ...ee,
+      ...N
+    }),
+    [ee, N]
+  ), q = O !== void 0, lt = L(() => q ? {
+    ...J,
+    ...O
+  } : J, [q, J, O]), Oe = L(
+    () => 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(
+    (e, t) => (e[t.internalName] = {
+      disabled: !1,
+      editable: !0,
+      hidden: !1,
+      required: !1,
+      validationState: "none",
+      validationMessage: "",
+      ...t
+    }, e),
+    {}
+  ));
+  const B = o(null);
+  B.current === null && (B.current = c.reduce(
+    (e, t) => (e[t.internalName] = {
+      editable: t.editable ?? g,
+      disabled: t.disabled ?? b,
+      hidden: t.hidden ?? !1,
+      required: t.required ?? !1
+    }, e),
+    {}
+  )), oe(() => {
+    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]);
+    }), 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];
+      if (!e.has(r.internalName)) {
+        m.current[r.internalName] = {
+          hidden: !1,
+          required: !1,
+          validationState: "none",
+          validationMessage: "",
+          ...r,
+          editable: i,
+          disabled: n
+        }, B.current[r.internalName] = {
+          editable: i,
+          disabled: n,
+          hidden: a,
+          required: f
+        };
+        return;
       }
-    }), {})
-  ), P = f({}), _ = f(!1), $e = f({}), ne = f(
-    a.reduce((e, t) => ({
-      ...e,
-      [t.internalName]: {
-        validationState: t.validationState || "none",
-        validationMessage: t.validationMessage || ""
+      const V = m.current[r.internalName];
+      if (!V) {
+        B.current[r.internalName] = {
+          editable: i,
+          disabled: n,
+          hidden: a,
+          required: f
+        };
+        return;
       }
-    }), {})
-  ), z = f(""), H = f(), Pe = f({
-    ...x
-  }), ke = f(0), J = Me(
-    x,
-    Pe,
-    ke
-  ), ae = f(R);
-  j(() => {
-    ae.current = R;
-  }, [R]);
-  const Ne = f({
-    ...R
-  }), Ue = f(0), Q = Me(
-    R,
-    Ne,
-    Ue
-  ), N = V !== void 0, X = `${J}:${Q}`, Y = f(""), oe = U(() => d ? Object.keys(d) : [], [d]), Be = g(
+      (!l || l.editable !== i || l.disabled !== n || l.hidden !== a || l.required !== f) && (m.current[r.internalName] = {
+        ...V,
+        editable: i,
+        disabled: n,
+        hidden: a,
+        required: f
+      }), B.current[r.internalName] = {
+        editable: i,
+        disabled: n,
+        hidden: a,
+        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(
+    (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(
+    () => new Map(
+      c.map((e) => [
+        e.internalName,
+        e
+      ])
+    ),
+    [c]
+  ), Ie = o(G);
+  Ie.current = G;
+  const bt = p(
     (e, t) => {
-      ne.current[e] = {
+      k.current[e] = {
         validationState: t.currentValidationState,
         validationMessage: t.currentValidationMessage
-      }, C.current[e] = {
-        ...C.current[e],
+      }, m.current[e] = {
+        ...m.current[e],
         validationState: t.currentValidationState,
         validationMessage: t.currentValidationMessage
       };
     },
     []
-  ), ie = f(0);
-  j(() => {
-    ie.current += 1, console.log(`EFWForm renderizado #${ie.current}`);
-  });
-  const W = g((e, t = "internal") => {
-    $.current && $.current.addMessageBar(e, t);
-  }, []), q = g((e) => {
-    $.current && $.current.removeMessageBar(e);
-  }, []), le = g(() => {
-    $.current && $.current.removeAllMessagesBar();
-  }, []), je = g(
+  ), ne = p(
+    (e, t = "internal") => {
+      U.current && U.current.addMessageBar(e, t);
+    },
+    []
+  ), se = p((e) => {
+    U.current && U.current.removeMessageBar(e);
+  }, []), Pe = p(() => {
+    U.current && U.current.removeAllMessagesBar();
+  }, []), $e = o(Me);
+  $e.current = Me;
+  const ie = p(() => {
+    $e.current?.({ ...u.current });
+  }, []), Q = p(
     (e, t) => {
-      i.current[e] = t, _.current || (_.current = !0, w?.(i.current), _.current = !1);
+      const r = Fe.current;
+      r?.(e, t);
     },
-    [w]
-  ), Le = g((e, t) => {
-    P.current[e] = t;
-  }, []), F = g((e, t) => {
-    const c = Array.isArray(e) ? e : [e], u = (r) => {
-      console.log(`updateFieldProps called for ${String(r)} with updates:`, t);
-      const o = P.current[r];
-      if (!o) {
-        console.warn(`No se encontró un campo registrado para '${String(r)}'`);
-        return;
-      }
-      const m = a.find((ee) => ee.internalName === r);
-      if (!m) {
-        console.warn(`No se encontró la definición del campo: ${String(r)}`);
-        return;
-      }
-      o(t);
-      const { value: l, selectedOptions: n, selectedDates: v, files: h, ...p } = t;
-      Object.keys(p).length > 0 && (C.current[r] = {
-        ...C.current[r],
-        ...p
-      });
-      const y = d, E = (ee, We, qe = "change") => {
-        const be = y?.[r];
-        be && be(
-          ee,
-          F,
-          {
-            allValues: i.current,
-            trigger: qe,
-            fieldName: r,
-            previousValue: We,
-            isControlled: N
-          }
-        );
-      }, he = m.typeAsString, I = i.current[r];
-      switch (he) {
-        case "Text":
-        case "Number":
-        case "Boolean":
-        case "Note": {
-          l !== void 0 && (i.current[r] = l, E(l, I));
-          break;
-        }
-        case "Choice":
-        case "MultiChoice": {
-          n !== void 0 && (i.current[r] = n, E(n, I));
-          break;
+    []
+  ), 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, {
+        validationState: "none",
+        validationMessage: ""
+      }), k.current[e] = {
+        validationState: "none",
+        validationMessage: ""
+      }, m.current[e] = {
+        ...m.current[e],
+        validationState: "none",
+        validationMessage: ""
+      }, delete re.current[e]));
+    },
+    [Q]
+  ), St = 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(
+    (e, t) => {
+      R.current[e] = t;
+    },
+    []
+  ), yt = p(
+    (e, t) => {
+      R.current[e] === t && delete R.current[e];
+    },
+    []
+  ), A = p(
+    (e, t) => {
+      const r = Array.isArray(e) ? e : [e], i = (n) => {
+        const a = R.current[n];
+        if (!a) {
+          console.warn(
+            `No se encontró un campo registrado para '${String(n)}'`
+          );
+          return;
         }
-        case "Date": {
-          v !== void 0 && (i.current[r] = v, E(v, I));
-          break;
+        const f = G.get(n);
+        if (!f) {
+          console.warn(
+            `No se encontró la definición del campo: ${String(n)}`
+          );
+          return;
         }
-        case "Attachments": {
-          h !== void 0 && (i.current[r] = h, E(h, I));
-          break;
+        const l = f.typeAsString, V = Gt(
+          l,
+          t,
+          String(n)
+        ), F = zt(V);
+        a(F);
+        const {
+          value: v,
+          selectedOptions: M,
+          selectedDates: d,
+          files: h,
+          ...$
+        } = F;
+        Object.keys($).length > 0 && (m.current[n] = {
+          ...m.current[n],
+          ...$
+        });
+        const H = W.current, T = (Ct, Dt, Ot = "change") => {
+          const Ge = H?.[n];
+          if (!Ge)
+            return;
+          const ae = String(n);
+          if (fe.current.has(ae)) {
+            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.`
+            );
+            return;
+          }
+          fe.current.add(ae);
+          try {
+            Ge(
+              Ct,
+              A,
+              {
+                allValues: u.current,
+                trigger: Ot,
+                fieldName: n,
+                previousValue: Dt,
+                isControlled: q
+              }
+            );
+          } finally {
+            fe.current.delete(ae);
+          }
+        }, C = u.current[n];
+        switch (l) {
+          case "Text":
+          case "Number":
+          case "Boolean":
+          case "Note": {
+            v !== void 0 && (u.current[n] = v, T(v, C));
+            break;
+          }
+          case "Choice":
+          case "MultiChoice": {
+            M !== void 0 && (u.current[n] = M, T(
+              M,
+              C
+            ));
+            break;
+          }
+          case "Date": {
+            d !== void 0 && (u.current[n] = d, T(
+              d,
+              C
+            ));
+            break;
+          }
+          case "Attachments": {
+            h !== void 0 && (u.current[n] = h, T(h, C));
+            break;
+          }
+          default:
+            console.warn(`Tipo de campo desconocido: ${l}`);
         }
-        default:
-          console.warn(`Tipo de campo desconocido: ${he}`);
-      }
-    };
-    for (const r of c)
-      u(r);
-  }, [d, a, N]), k = g((e, t = {}) => {
-    if (!d)
-      return;
-    const c = e && e.length > 0 ? e : oe;
-    if (c.length === 0)
+        const At = v !== void 0 || M !== void 0 || d !== void 0 || h !== void 0, Tt = "validationState" in F || "validationMessage" in F;
+        At && !Tt && z(
+          n,
+          u.current[n]
+        );
+      };
+      for (const n of r)
+        i(n);
+    },
+    [G, q, z]
+  ), Se = L(() => {
+    const e = Array.from(I.editable).sort().join("|"), t = Array.from(I.disabled).sort().join("|");
+    return `${e}::${t}`;
+  }, [I]), Ne = o(
+    `${g}::${b}::${Se}`
+  );
+  ce(() => {
+    const e = `${g}::${b}::${Se}`;
+    if (Ne.current === e)
       return;
-    const u = d, {
-      trigger: r = "change",
-      previousValues: o,
-      allValuesOverride: m
-    } = t, l = m ?? i.current;
-    c.forEach((n) => {
-      const v = u[n];
-      if (!v)
+    Ne.current = e, (/* @__PURE__ */ new Set([
+      ...I.editable,
+      ...I.disabled
+    ])).forEach((r) => {
+      const i = m.current[r];
+      if (!i)
         return;
-      const h = o?.[n];
-      v(
-        l[n],
-        F,
-        {
-          allValues: l,
-          trigger: r,
-          fieldName: n,
-          previousValue: h,
-          isControlled: N
-        }
-      );
+      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,
+        editable: n,
+        disabled: a
+      });
     });
-  }, [d, oe, F, N]), Z = g(() => ({ ...i.current }), []), D = g((e, t = {
-    triggerOnChange: !0,
-    triggerFieldLogic: !0,
-    overwriteAll: !1
-  }) => {
-    const { triggerOnChange: c = !0, triggerFieldLogic: u = !0, overwriteAll: r = !1 } = t, o = Object.keys(e), m = {};
-    if (o.forEach((l) => {
-      m[l] = i.current[l];
-    }), r)
-      i.current = { ...i.current, ...e };
-    else {
-      const l = { ...i.current };
-      Object.keys(e).forEach((n) => {
-        n in i.current && (l[n] = e[n]);
-      }), i.current = l;
-    }
-    o.forEach((l) => {
-      const n = P.current[l];
-      if (n) {
-        const v = a.find((h) => h.internalName === l);
-        if (v) {
-          const h = v.typeAsString, p = e[l];
-          let y;
-          switch (h) {
-            case "Text":
-            case "Number":
-            case "Boolean":
-            case "Note":
-              y = { value: p };
-              break;
-            case "Choice":
-            case "MultiChoice":
-              y = { selectedOptions: p };
-              break;
-            case "Date":
-              y = { selectedDates: p };
-              break;
-            case "Attachments":
-              y = { files: p };
-              break;
-            default:
-              console.warn(`Tipo de campo desconocido: ${h}`), y = {};
+  }, [
+    g,
+    b,
+    Se,
+    I
+  ]);
+  const Fe = o(A);
+  Fe.current = A;
+  const _ = p(
+    (e, t = {}) => {
+      const r = W.current;
+      if (!r)
+        return;
+      const i = e && e.length > 0 ? e : Object.keys(r);
+      if (i.length === 0)
+        return;
+      const n = r, { trigger: a = "change", previousValues: f, allValuesOverride: l } = t, V = l ?? u.current;
+      i.forEach((F) => {
+        const v = n[F];
+        if (!v)
+          return;
+        const M = f?.[F];
+        v(
+          V[F],
+          A,
+          {
+            allValues: V,
+            trigger: a,
+            fieldName: F,
+            previousValue: M,
+            isControlled: q
+          }
+        );
+      });
+    },
+    [A, q]
+  ), Et = p(
+    (e) => W.current?.[e],
+    []
+  ), ye = p(
+    () => ({ ...u.current }),
+    []
+  ), P = p(
+    (e, t = {
+      triggerOnChange: !0,
+      triggerFieldLogic: !0,
+      overwriteAll: !1
+    }, r) => {
+      const {
+        triggerOnChange: i = !0,
+        triggerFieldLogic: n = !0,
+        overwriteAll: a = !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(
+          u.current[d],
+          e[d]
+        )
+      );
+      if (M.forEach((d) => {
+        F[d] = u.current[d];
+      }), !(M.length === 0 && !a)) {
+        if (a)
+          u.current = {
+            ...u.current,
+            ...e
+          };
+        else {
+          const d = { ...u.current };
+          Object.keys(e).forEach((h) => {
+            h in u.current && (d[h] = e[h]);
+          }), u.current = d;
+        }
+        M.forEach((d) => {
+          const h = R.current[d];
+          if (h) {
+            const $ = G.get(d);
+            if ($) {
+              const H = $.typeAsString, T = e[d];
+              let C;
+              switch (H) {
+                case "Text":
+                case "Number":
+                case "Boolean":
+                case "Note":
+                  C = { value: T };
+                  break;
+                case "Choice":
+                case "MultiChoice":
+                  C = { selectedOptions: T };
+                  break;
+                case "Date":
+                  C = { selectedDates: T };
+                  break;
+                case "Attachments":
+                  C = { files: T };
+                  break;
+                default:
+                  console.warn(`Tipo de campo desconocido: ${H}`), C = {};
+              }
+              h(C), z(d, T), l && !Object.is(F[d], T) && v.push(d);
+            } else
+              console.warn(`No se encontró la definición del campo: ${d}`);
           }
-          n(y);
-        } else
-          console.warn(`No se encontró la definición del campo: ${l}`);
+        }), v.length > 0 && ft((d) => {
+          const h = { ...d };
+          return v.forEach(($, H) => {
+            h[$] = {
+              delay: H * Ut,
+              token: (h[$]?.token ?? 0) + 1
+            };
+          }), h;
+        }), n && M.length > 0 && _(M, {
+          previousValues: F
+        }), i && ie();
       }
-    }), u && o.length > 0 && k(o, { previousValues: m }), c && w?.(i.current);
-  }, [w, a, k]);
-  te(() => {
-    if (V !== void 0) {
-      Y.current = "";
+    },
+    [
+      ie,
+      G,
+      _,
+      z
+    ]
+  );
+  ce(() => {
+    if (O !== void 0) {
+      be.current = "";
       return;
     }
-    Y.current !== X && (Y.current = X, D(G, {
-      overwriteAll: !0,
-      triggerOnChange: !1,
-      triggerFieldLogic: !1
-    }));
-  }, [V, X, D, G]), te(() => {
-    if (!d)
+    be.current !== he && (be.current = he, P(
+      J,
+      {
+        overwriteAll: !0,
+        triggerOnChange: !1,
+        triggerFieldLogic: !1
+      },
+      !1
+    ));
+  }, [O, he, P, J]), ce(() => {
+    if (!W.current)
       return;
-    if (V !== void 0) {
-      z.current = "";
+    if (O !== void 0) {
+      pe.current = "";
       return;
     }
-    const e = `uncontrolled::${se}::${J}::${Q}`;
-    z.current !== e && (z.current = e, k(void 0, { trigger: "init" }));
-  }, [d, V, se, J, Q, k]), te(() => {
-    if (V === void 0) {
-      H.current = void 0;
+    const e = `uncontrolled::${Oe}::${ge}::${ve}`;
+    pe.current !== e && (pe.current = e, _(void 0, { trigger: "init" }));
+  }, [
+    O,
+    Oe,
+    ge,
+    ve,
+    _
+  ]), ce(() => {
+    if (O === void 0) {
+      te.current = !1;
       return;
     }
-    D(V, {
-      triggerOnChange: !1,
-      triggerFieldLogic: !1,
-      overwriteAll: !0
-    });
-    const e = H.current;
-    if (H.current = V, !d)
+    const e = u.current, t = O, i = Object.keys(t).filter(
+      (n) => e[n] !== t[n]
+    );
+    if (i.length > 0 && P(
+      t,
+      {
+        triggerOnChange: !1,
+        triggerFieldLogic: !1,
+        overwriteAll: !0
+      },
+      !1
+    ), !W.current) {
+      te.current = !0;
       return;
-    const t = Je(e, V);
-    t.length > 0 ? k(t, { previousValues: e }) : e || k(void 0, { trigger: "init" });
-  }, [V, D, k, d]);
-  const ce = g(() => {
-    const t = {
-      ...a.reduce((c, u) => ({
-        ...c,
-        [u.internalName]: ye(u)
-      }), {}),
-      ...ae.current
-    };
-    D(t, { overwriteAll: !0 });
-  }, [a, D]), ue = g((e, t) => {
-    const c = t || a.map((r) => r.internalName), u = [];
-    return c.forEach((r) => {
-      const o = C.current[r];
-      if (!o) {
-        console.warn(`Field state not found for ${r}`);
-        return;
-      }
-      const m = o.disabled ?? !1;
-      e !== m && P.current[r] ? (F(r, { disabled: e }), u.push(r)) : P.current[r] || console.warn(`Field ${r} not found in fieldUpdateRefs`);
-    }), u;
-  }, [a, F]), de = g((e, t) => {
-    const c = t || a.map((r) => r.internalName), u = [];
-    return c.forEach((r) => {
-      const o = C.current[r];
-      if (!o) {
-        console.warn(`Field state not found for ${r}`);
-        return;
-      }
-      const m = o.editable ?? !0;
-      e !== m && P.current[r] ? (F(r, { editable: e }), u.push(r)) : P.current[r] || console.warn(`Field ${r} not found in fieldUpdateRefs`);
-    }), u;
-  }, [a, F]), fe = g(() => a.every((t) => C.current[t.internalName].disabled === !0 || t.disabled === !0), [a]), pe = g(() => a.every((t) => C.current[t.internalName].editable === !0 || t.editable === !0), [a]), ge = g((e = !0) => {
-    const t = "validacion__10000001", c = "error", u = "Este campo es obligatorio", r = $e.current;
-    let o = !0;
-    const m = F;
-    return a.forEach((l) => {
-      const n = l.internalName, v = i.current[n], h = C.current[n], p = ne.current[n], y = v == null || v === "" || Array.isArray(v) && v.length === 0;
-      if (!h?.required && p?.validationState === "error") {
-        o = !1;
-        return;
-      }
-      if (h?.required)
-        if (y)
-          (p?.validationState !== "error" || p?.validationMessage !== u) && (r[n] = {
-            validationState: p?.validationState || "none",
-            validationMessage: p?.validationMessage || ""
-          }, m(n, {
-            validationState: c,
-            validationMessage: u
-          })), o = !1;
-        else if (p?.validationState === "error" && p?.validationMessage === u) {
-          const E = r[n];
-          E && (m(n, {
-            validationState: E.validationState,
-            validationMessage: E.validationMessage
-          }), E.validationState === "error" && (o = !1));
-        } else p?.validationState === "error" && (o = !1);
-    }), e && !o ? W({
-      id: t,
-      intent: "error",
-      message: "Por favor complete todos los campos indicados como requeridos e inténtelo nuevamente.",
-      actions: []
-    }, "internal") : q(t), o;
-  }, [W, a, q, F]), ve = f({
-    getValues: () => i.current,
+    }
+    i.length > 0 ? _(i, { previousValues: e }) : te.current || _(void 0, { trigger: "init" }), te.current = !0;
+  }, [O, P, _]);
+  const qe = p(
+    (e = {}) => {
+      const r = {
+        ...c.reduce(
+          (i, n) => (i[n.internalName] = Ze(n), i),
+          {}
+        ),
+        ...Le.current
+      };
+      P(
+        r,
+        {
+          ...e,
+          overwriteAll: !0
+        },
+        me.current.resetValues
+      );
+    },
+    [c, P]
+  ), Ue = p(
+    (e, t) => {
+      const r = t || c.map((n) => n.internalName), i = [];
+      return r.forEach((n) => {
+        const a = m.current[n];
+        if (!a) {
+          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;
+    },
+    [c, A]
+  ), Be = p(
+    (e, t) => {
+      const r = t || c.map((n) => n.internalName), i = [];
+      return r.forEach((n) => {
+        const a = m.current[n];
+        if (!a) {
+          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;
+    },
+    [c, A]
+  ), _e = p(() => c.every(
+    (e) => m.current[e.internalName]?.disabled === !0
+  ), [c]), je = p(() => c.every(
+    (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;
+      return c.forEach((f) => {
+        const l = f.internalName, V = u.current[l], F = m.current[l], v = k.current[l];
+        if (F?.hidden === !0)
+          return;
+        const d = Xe(
+          V,
+          f.typeAsString
+        );
+        if (!F?.required && v?.validationState === "error") {
+          a = !1;
+          return;
+        }
+        if (F?.required)
+          if (d)
+            re.current[l] = i, (v?.validationState !== "error" || v?.validationMessage !== i) && (n[l] = {
+              validationState: v?.validationState || "none",
+              validationMessage: v?.validationMessage || ""
+            }, Q(l, {
+              validationState: r,
+              validationMessage: i
+            })), a = !1;
+          else if (delete re.current[l], v?.validationState === "error" && v?.validationMessage === i) {
+            const h = n[l];
+            h && (Q(l, {
+              validationState: h.validationState,
+              validationMessage: h.validationMessage
+            }), h.validationState === "error" && (a = !1));
+          } else v?.validationState === "error" && (a = !1);
+      }), e && !a ? ne(
+        {
+          id: t,
+          intent: "error",
+          message: Y.requiredFieldsNotification,
+          actions: []
+        },
+        "internal"
+      ) : se(t), a;
+    },
+    [
+      ne,
+      c,
+      Y.requiredFieldError,
+      Y.requiredFieldsNotification,
+      se,
+      Q
+    ]
+  ), Ee = o({
+    getValues: () => u.current,
     setValues: () => {
     },
     resetValues: () => {
@@ -411,80 +812,142 @@ const He = Ke({
     removeMessageBar: () => {
     },
     removeAllMessagesBar: () => {
+    },
+    updateField: () => {
     }
   });
-  j(() => {
-    ve.current = {
-      getValues: Z,
-      setValues: D,
-      resetValues: ce,
-      setDisabled: ue,
-      setEditable: de,
-      isDisabled: fe,
-      isEditable: pe,
-      validateForm: ge,
-      addMessageBar: W,
-      removeMessageBar: q,
-      removeAllMessagesBar: le
-    }, K && (K.current = ve.current);
-  }, [Z, D, ce, ue, fe, ge, K, W, q, le, de, pe]), j(() => {
-    if (re) {
-      const e = re(i.current, F);
-      e instanceof Promise && e.catch((t) => console.error("Error en onInit:", t));
+  oe(() => (Ee.current = {
+    getValues: ye,
+    setValues: P,
+    resetValues: qe,
+    setDisabled: Ue,
+    setEditable: Be,
+    isDisabled: _e,
+    isEditable: je,
+    validateForm: Ke,
+    addMessageBar: ne,
+    removeMessageBar: se,
+    removeAllMessagesBar: Pe,
+    updateField: A
+  }, K && (K.current = Ee.current), () => {
+    K && K.current === Ee.current && (K.current = null);
+  }), [
+    ye,
+    P,
+    qe,
+    Ue,
+    _e,
+    Ke,
+    K,
+    ne,
+    se,
+    Pe,
+    Be,
+    je,
+    A
+  ]), oe(() => {
+    if (xe.current)
+      return;
+    xe.current = !0;
+    const e = we.current;
+    if (e) {
+      const t = e(
+        u.current,
+        Fe.current
+      );
+      t instanceof Promise ? t.catch((r) => console.error("Error en onInit:", r)).finally(() => Re(!0)) : Re(!0);
     }
   }, []);
-  const xe = (e) => {
-    const t = e.internalName, c = i.current[t];
-    return /* @__PURE__ */ A("div", { className: Re.efwFormFieldWrapper, children: /* @__PURE__ */ A(
-      _e,
+  const Vt = (e) => {
+    const t = e.internalName, r = u.current[t], i = ut[t];
+    return /* @__PURE__ */ w(
+      Kt,
       {
-        field: e,
-        initialValue: c,
-        onValueChange: je,
-        registerUpdateProps: Le,
-        fieldLogic: d?.[e.internalName],
-        isControlled: N,
-        getAllValues: Z,
-        updateFieldProps: F,
-        onValidationChange: (u) => Be(e.internalName, u)
-      }
-    ) }, e.id);
-  }, me = (e, t = 1) => {
-    const c = Ge(t);
-    return /* @__PURE__ */ A(
+        className: ct.efwFormFieldWrapper,
+        animationDelay: i?.delay,
+        animationToken: i?.token,
+        children: /* @__PURE__ */ w(
+          xt,
+          {
+            field: e,
+            initialValue: r,
+            onValueChange: St,
+            registerUpdateProps: Ft,
+            unregisterUpdateProps: yt,
+            getFieldLogicByName: Et,
+            isControlled: q,
+            getAllValues: ye,
+            updateFieldProps: A,
+            onValidationChange: bt,
+            localeText: Y
+          }
+        )
+      },
+      e.id
+    );
+  }, ke = (e, t = 1) => {
+    const r = wt(t);
+    return /* @__PURE__ */ w(
       "div",
       {
         style: {
           display: "grid",
-          gridTemplateColumns: c,
-          gap: L,
-          padding: `${L}px 0px 0px`
+          gridTemplateColumns: r,
+          gap: Z,
+          margin: `${Z}px 0px 0px`
         },
-        children: e.map(xe)
+        children: e.map(Vt)
       }
     );
-  };
-  return /* @__PURE__ */ Fe("div", { style: { ...Ce }, className: Ee, children: [
-    Te,
-    S && /* @__PURE__ */ A(Se, { style: { marginTop: 12 }, block: !0, children: S }),
-    b && /* @__PURE__ */ A(Ve, { block: !0, as: "p", children: b }),
-    T && T.length > 0 ? T.map((e, t) => /* @__PURE__ */ Fe("div", { children: [
-      e.title && /* @__PURE__ */ A(Se, { style: { marginTop: L * (t > 0 ? 2 : 1) }, block: !0, children: e.title }),
-      e.description && /* @__PURE__ */ A(Ve, { block: !0, as: "p", style: e.title ? {} : { marginTop: L * (t > 0 ? 2 : 1) }, children: e.description }),
-      me(e.fields, e.gridTemplateColumns)
-    ] }, t)) : me(a, Oe),
-    /* @__PURE__ */ A(
-      ze,
-      {
-        style: { marginTop: "22px" },
-        initialExternalMessages: we,
-        ref: $
-      }
-    ),
-    Ae,
-    De
-  ] });
+  }, Mt = Lt(rt, "efw-form");
+  if (D) return null;
+  const We = /* @__PURE__ */ ze(
+    "div",
+    {
+      style: {
+        ...tt,
+        ...dt ? {} : { visibility: "hidden" }
+      },
+      className: Mt,
+      children: [
+        nt,
+        S && /* @__PURE__ */ w(Ye, { style: { marginTop: 12 }, block: !0, children: S }),
+        E && /* @__PURE__ */ w(Je, { block: !0, as: "p", children: E }),
+        x && x.length > 0 ? x.map((e, t) => /* @__PURE__ */ ze("div", { children: [
+          e.title && /* @__PURE__ */ w(
+            Ye,
+            {
+              style: { marginTop: Z * (t > 0 ? 2 : 1) },
+              block: !0,
+              children: e.title
+            }
+          ),
+          e.description && /* @__PURE__ */ w(
+            Je,
+            {
+              block: !0,
+              as: "p",
+              style: e.title ? {} : { marginTop: Z * (t > 0 ? 2 : 1) },
+              children: e.description
+            }
+          ),
+          ke(e.fields, e.gridTemplateColumns)
+        ] }, e.fields[0]?.internalName ?? `section-${t}`)) : ke(de, at),
+        /* @__PURE__ */ w(
+          It,
+          {
+            style: { marginTop: "22px" },
+            initialExternalMessages: ot,
+            ref: U
+          }
+        ),
+        it,
+        st
+      ]
+    }
+  );
+  return De ? /* @__PURE__ */ w($t, { localeText: De, children: We }) : We;
 };
 export {
-  tt as EFWForm
+  rr as EFWForm
 };