react-ecosistema-unp 1.4.9 → 1.5.1

package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { o as s } from "../../../index-pCr0mQ1L.js";
+import { o as s } from "../../../index-CZLknVmR.js";
 import '../../../assets/Bootstrap.css';/* empty css                          */
 import { B as a } from "../../../Button-B87TJYml.js";
 const d = {

package/dist/cards/tarjeta-info/TarjetaInfo.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { useState as r, useRef as d, useEffect as u } from "react";
-import { t as j, u as N } from "../../index-pCr0mQ1L.js";
+import { t as j, u as N } from "../../index-CZLknVmR.js";
 import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h = !1, children: o }) => {
   const [e, i] = r(h), [f, s] = r(0), a = d(null);
   return u(() => {

package/dist/{index-pCr0mQ1L.js → index-CZLknVmR.js}

@@ -79,8 +79,8 @@ export {
   i as g,
   f as h,
   m as i,
-  C as j,
-  M as k,
+  M as j,
+  C as k,
   B as l,
   x as m,
   L as n,

package/dist/lib/utils/captcha/CaptchaEcosistema.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type Dependencia = 'ser' | 'sesp' | 'otra';
+interface CaptchaEcosistemaProps {
+    dependencia?: Dependencia;
+    onTokenChange: (token: string) => void;
+    onLoadingChange?: (loading: boolean) => void;
+    captchaRef: any;
+}
+export declare const CaptchaEcosistema: React.FC<CaptchaEcosistemaProps>;
+export default CaptchaEcosistema;

package/dist/lib/utils/validations/useFormValidation.d.ts

@@ -0,0 +1,15 @@
+declare const useFormValidation: () => {
+    handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => string;
+    handleBlur: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => string;
+    handleKeyPress: (e: React.KeyboardEvent<HTMLInputElement>, type: string) => void;
+    errors: {
+        [key: string]: string;
+    };
+    counter: {
+        [key: string]: string;
+    };
+};
+export { useFormValidation };
+export declare const IsInvalidStyles: (isInvalid: any, datos: any, field: string | number) => {
+    control: (base: any) => any;
+};

package/dist/lib/utils.d.ts

@@ -2,3 +2,5 @@ export { AuthProvider } from './auth/contexts/AuthContex.js';
 export { ProtectedRoute } from './utils/components/ProtectedRoute.js';
 export { UserRoute } from './utils/components/UserRoute.js';
 export { UnpHistorico } from './utils/unp-historico/UnpHistorico.js';
+export { useFormValidation } from './utils/validations/useFormValidation.js';
+export { CaptchaEcosistema } from './utils/captcha/CaptchaEcosistema.js';

package/dist/shared/app-list/AppList.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { useState as p, useEffect as m } from "react";
 import { F as l, e as d, f as h, g as f, h as v } from "../../index-CgSyrJ_X.js";
-import { v as g } from "../../index-pCr0mQ1L.js";
+import { v as g } from "../../index-CZLknVmR.js";
 import { G as u } from "../../iconBase-LROS5hdG.js";
 import { j as z } from "../../index-CuHybtft.js";
 import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/Bootstrap.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/Logo.css';import '../../assets/AppList.css';/* empty css                  */

package/dist/tables/tabla-registros/buscador/Buscador.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { s as t } from "../../../index-pCr0mQ1L.js";
+import { s as t } from "../../../index-CZLknVmR.js";
 import { F as i, a as l } from "../../../FormGroup-BLpFcIN5.js";
 import '../../../assets/Buscador.css';const d = ({ onSearch: r }) => {
   const n = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");

package/dist/tables/tabla-registros/tabla/Tabla.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import _, { useState as j } from "react";
-import { r as A } from "../../../index-pCr0mQ1L.js";
+import { r as A } from "../../../index-CZLknVmR.js";
 import { a as G, b as R, c as E } from "../../../index-CgSyrJ_X.js";
 import { T as z } from "../../../Table-C5ydZooy.js";
 import { F as M, a as O } from "../../../FormGroup-BLpFcIN5.js";

package/dist/ui/contenido-modal/ContenidoModal.js

@@ -1,6 +1,6 @@
 import { jsxs as s, Fragment as N, jsx as e } from "react/jsx-runtime";
 import p, { useState as o } from "react";
-import { n as v } from "../../index-pCr0mQ1L.js";
+import { n as v } from "../../index-CZLknVmR.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const x = ({ title: u, modalContent: i, children: d }) => {
   const [a, l] = o(0), [m, c] = o(!0), [r, n] = o(!1);

package/dist/ui/contenido-modal/ContenidoModalv0.1.js

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
 import { useState as m, useEffect as p } from "react";
-import { n as v } from "../../index-pCr0mQ1L.js";
+import { n as v } from "../../index-CZLknVmR.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u = () => {
 } }) => {

package/dist/ui/icono-tooltip/IconoTooltip.js

@@ -1,13 +1,13 @@
-import { jsxs as L, jsx as t } from "react/jsx-runtime";
+import { jsxs as L, jsx as u } from "react/jsx-runtime";
 import { useState as M } from "react";
-import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as h, k as N, l as G, m as H } from "../../index-pCr0mQ1L.js";
+import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as g, k as h, l as G, m as H } from "../../index-CZLknVmR.js";
 import '../../assets/IconoTooltip.css';/* empty css                          */
 const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
-  const [a, u] = M(!1);
+  const [a, b] = M(!1);
   let c = "", r = {}, e = null, I = { color: o ? "#287cd1" : "#c8c8c8" };
-  const f = "#28a19d", n = "#ed7e3e", g = "#3e52ed", b = "#ed3e49", C = "#edd958", w = "#18a871", v = "#db493b", p = "#6845e6", m = "#c2e545", y = "#43b1dd", E = "#de6f43", F = "#6b6e6e", i = "#666666f4", s = (T) => {
-    const d = T.replace(/^#/, ""), D = parseInt(d.slice(0, 2), 16) / 255, R = parseInt(d.slice(2, 4), 16) / 255, S = parseInt(d.slice(4, 6), 16) / 255;
-    return 0.2126 * D + 0.7152 * R + 0.0722 * S;
+  const f = "#28a19d", n = "#ed7e3e", d = "#3e52ed", C = "#ed3e49", v = "#edd958", w = "#18a871", p = "#db493b", m = "#6845e6", F = "#c2e545", R = "#43b1dd", y = "#de6f43", N = "#6b6e6e", i = "#666666f4", s = (E) => {
+    const t = E.replace(/^#/, ""), T = parseInt(t.slice(0, 2), 16) / 255, D = parseInt(t.slice(2, 4), 16) / 255, S = parseInt(t.slice(4, 6), 16) / 255;
+    return 0.2126 * T + 0.7152 * D + 0.0722 * S;
   };
   if (l)
     c = o ? l.tooltipText : "Nuevo registro", r = {
@@ -33,7 +33,7 @@ const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
         c = o ? "Formulario en línea" : "Nuevo registro", r = {
           backgroundColor: o ? f : i,
           color: "#fcfcfc"
-        }, e = N;
+        }, e = g;
         break;
       case "Digitador Formulario Individual":
         c = o ? "Digitador" : "Nuevo registro", r = {
@@ -46,7 +46,7 @@ const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
         c = o ? "Formulario en línea" : "Nuevo registro", r = {
           backgroundColor: o ? f : i,
           color: "#fcfcfc"
-        }, e = N;
+        }, e = g;
         break;
       case "Digitador Formulario Colectivo":
         c = o ? "Digitador" : "Nuevo registro", r = {
@@ -54,22 +54,28 @@ const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
           color: "#fcfcfc"
         }, e = h;
         break;
+      case "Formularios en linea Recurso Reposicion":
+        c = o ? "Recurso de reposición" : "Nuevo registro", r = {
+          backgroundColor: o ? d : i,
+          color: "#fcfcfc"
+        }, e = g;
+        break;
       case "Jurídico":
         c = o ? "Jurídico" : "Nuevo registro", r = {
-          backgroundColor: o ? g : i,
-          color: o && s(g) > 0.5 ? "#141414" : "#fcfcfc"
+          backgroundColor: o ? d : i,
+          color: o && s(d) > 0.5 ? "#141414" : "#fcfcfc"
         }, e = q;
         break;
       case "Emergencia":
         c = o ? "Emergencia" : "Nuevo registro", r = {
-          backgroundColor: o ? b : i,
-          color: o && s(b) > 0.5 ? "#141414" : "#fcfcfc"
+          backgroundColor: o ? C : i,
+          color: o && s(C) > 0.5 ? "#141414" : "#fcfcfc"
         }, e = Y;
         break;
       case "Reasignación":
         c = o ? "Reasignación" : "Nuevo registro", r = {
-          backgroundColor: o ? C : i,
-          color: o && s(C) > 0.5 ? "#141414" : "#fcfcfc"
+          backgroundColor: o ? v : i,
+          color: o && s(v) > 0.5 ? "#141414" : "#fcfcfc"
         }, e = P;
         break;
       case "CTAR":
@@ -80,55 +86,55 @@ const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
         break;
       case "Inactivaciones":
         c = o ? "Inactivaciones" : "Nuevo registro", r = {
-          backgroundColor: o ? v : i,
-          color: o && s(v) > 0.5 ? "#141414" : "#fcfcfc"
+          backgroundColor: o ? p : i,
+          color: o && s(p) > 0.5 ? "#141414" : "#fcfcfc"
         }, e = W;
         break;
       case "Desmonte":
         c = o ? "Desmonte" : "Nuevo registro", r = {
-          backgroundColor: o ? p : i,
-          color: o && s(p) > 0.5 ? "#141414" : "#fcfcfc"
+          backgroundColor: o ? m : i,
+          color: o && s(m) > 0.5 ? "#141414" : "#fcfcfc"
         }, e = J;
         break;
       case "Implementación":
         c = o ? "Implementación" : "Nuevo registro", r = {
-          backgroundColor: o ? m : i,
-          color: o && s(m) > 0.5 ? "#141414" : "#fcfcfc"
+          backgroundColor: o ? F : i,
+          color: o && s(F) > 0.5 ? "#141414" : "#fcfcfc"
         }, e = B;
         break;
       case "Correspondencia":
         c = o ? "Correspondencia" : "Nuevo registro", r = {
-          backgroundColor: o ? y : i,
+          backgroundColor: o ? R : i,
           color: "#fcfcfc"
         }, e = j;
         break;
       case "Uso indebido":
         c = o ? "Uso indebido" : "Nuevo registro", r = {
-          backgroundColor: o ? E : i,
+          backgroundColor: o ? y : i,
           color: "#fcfcfc"
         }, e = U;
         break;
       default:
         c = o ? "Registro" : "Nuevo registro", r = {
-          backgroundColor: o ? F : i,
-          color: o && s(F) > 0.5 ? "#141414" : "#fcfcfc"
+          backgroundColor: o ? N : i,
+          color: o && s(N) > 0.5 ? "#141414" : "#fcfcfc"
         }, e = A;
         break;
     }
   return /* @__PURE__ */ L("div", { style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ u(
       "div",
       {
-        onMouseEnter: () => u(!0),
-        onMouseLeave: () => u(!1),
+        onMouseEnter: () => b(!0),
+        onMouseLeave: () => b(!1),
         style: {
           ...I
         },
         className: "icon-solicitud",
-        children: /* @__PURE__ */ t(e, {})
+        children: /* @__PURE__ */ u(e, {})
       }
     ),
-    a && /* @__PURE__ */ t(
+    a && /* @__PURE__ */ u(
       "div",
       {
         style: {

package/dist/ui/items-modal/ItemsModal.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { useNavigate as s } from "react-router-dom";
-import { p as i, q as n } from "../../index-pCr0mQ1L.js";
+import { p as i, q as n } from "../../index-CZLknVmR.js";
 import { G as c } from "../../iconBase-LROS5hdG.js";
 import '../../assets/ItemsModal.css';/* empty css                        */
 function m(l) {

package/dist/utils/captcha/CaptchaEcosistema.js

@@ -0,0 +1,141 @@
+import { jsx as B } from "react/jsx-runtime";
+import { forwardRef as M, useCallback as z, useState as I, useRef as R, useMemo as te, useEffect as b, useImperativeHandle as ne } from "react";
+var oe = ({ as: t = "div", ...a }, o) => B(t, { ...a, ref: o }), ae = M(oe), ie = "https://challenges.cloudflare.com/turnstile/v0/api.js", C = "cf-turnstile-script", ce = "cf-turnstile", F = "onloadTurnstileCallback", Q = (t) => !!document.getElementById(t), se = ({ render: t = "explicit", onLoadCallbackName: a = F, scriptOptions: { nonce: o = "", defer: e = !0, async: l = !0, id: s = "", appendTo: f, onError: g, crossOrigin: E = "" } = {} }) => {
+  let k = s || C;
+  if (Q(k)) return;
+  let i = document.createElement("script");
+  i.id = k, i.src = `${ie}?onload=${a}&render=${t}`, !document.querySelector(`script[src="${i.src}"]`) && (i.defer = !!e, i.async = !!l, o && (i.nonce = o), E && (i.crossOrigin = E), g && (i.onerror = g, delete window[a]), (f === "body" ? document.body : document.getElementsByTagName("head")[0]).appendChild(i));
+}, h = { normal: { width: 300, height: 65 }, compact: { width: 150, height: 140 }, invisible: { width: 0, height: 0, overflow: "hidden" }, flexible: { minWidth: 300, width: "100%", height: 65 }, interactionOnly: { width: "fit-content", height: "auto", display: "flex" } };
+function ue(t) {
+  if (t !== "invisible" && t !== "interactionOnly") return t;
+}
+function le(t = C) {
+  let [a, o] = I(!1);
+  return b(() => {
+    let e = () => {
+      Q(t) && o(!0);
+    }, l = new MutationObserver(e);
+    return l.observe(document, { childList: !0, subtree: !0 }), e(), () => {
+      l.disconnect();
+    };
+  }, [t]), a;
+}
+var T = "unloaded", U, de = new Promise((t, a) => {
+  U = { resolve: t, reject: a }, T === "ready" && t(void 0);
+}), pe = (t = F) => (T === "unloaded" && (T = "loading", window[t] = () => {
+  U.resolve(), T = "ready", delete window[t];
+}), de), q = M((t, a) => {
+  let { scriptOptions: o, options: e = {}, siteKey: l, onWidgetLoad: s, onSuccess: f, onExpire: g, onError: E, onBeforeInteractive: k, onAfterInteractive: i, onUnsupported: H, onTimeout: J, onLoadScript: L, id: _, style: G, as: V = "div", injectScript: $ = !0, ...Y } = t, c = e.size, j = z(() => typeof c > "u" ? {} : e.execution === "execute" ? h.invisible : e.appearance === "interaction-only" ? h.interactionOnly : h[c], [e.execution, c, e.appearance]), [Z, x] = I(j()), u = R(null), [m, D] = I(!1), n = R(), v = R(!1), P = _ || ce, S = (o == null ? void 0 : o.id) || C, O = le(S), W = (o == null ? void 0 : o.onLoadCallbackName) || F, X = e.appearance || "always", A = te(() => ({ sitekey: l, action: e.action, cData: e.cData, callback: (r) => {
+    v.current = !0, f == null || f(r);
+  }, "error-callback": E, "expired-callback": g, "before-interactive-callback": k, "after-interactive-callback": i, "unsupported-callback": H, theme: e.theme || "auto", language: e.language || "auto", tabindex: e.tabIndex, "response-field": e.responseField, "response-field-name": e.responseFieldName, size: ue(c), retry: e.retry || "auto", "retry-interval": e.retryInterval || 8e3, "refresh-expired": e.refreshExpired || "auto", "refresh-timeout": e.refreshTimeout || "auto", execution: e.execution || "render", appearance: e.appearance || "always", "feedback-enabled": e.feedbackEnabled || !0, "timeout-callback": J }), [e.action, e.appearance, e.cData, e.execution, e.language, e.refreshExpired, e.responseField, e.responseFieldName, e.retry, e.retryInterval, e.tabIndex, e.theme, e.feedbackEnabled, e.refreshTimeout, l, c]), w = z(() => typeof window < "u" && !!window.turnstile, []);
+  return b(function() {
+    $ && !m && se({ onLoadCallbackName: W, scriptOptions: { ...o, id: S } });
+  }, [$, m, o, S]), b(function() {
+    T !== "ready" && pe(W).then(() => D(!0)).catch(console.error);
+  }, []), b(function() {
+    if (!u.current || !m) return;
+    let r = !1;
+    return (async () => {
+      if (r || !u.current) return;
+      let d = window.turnstile.render(u.current, A);
+      n.current = d, n.current && (s == null || s(n.current));
+    })(), () => {
+      r = !0, n.current && (window.turnstile.remove(n.current), v.current = !1);
+    };
+  }, [P, m, A]), ne(a, () => {
+    let { turnstile: r } = window;
+    return { getResponse() {
+      if (!(r != null && r.getResponse) || !n.current || !w()) {
+        console.warn("Turnstile has not been loaded");
+        return;
+      }
+      return r.getResponse(n.current);
+    }, async getResponsePromise(d = 3e4, ee = 100) {
+      return new Promise((re, N) => {
+        let p, K = async () => {
+          if (v.current && window.turnstile && n.current) try {
+            let y = window.turnstile.getResponse(n.current);
+            return p && clearTimeout(p), y ? re(y) : N(new Error("No response received"));
+          } catch (y) {
+            return p && clearTimeout(p), console.warn("Failed to get response", y), N(new Error("Failed to get response"));
+          }
+          p || (p = setTimeout(() => {
+            p && clearTimeout(p), N(new Error("Timeout"));
+          }, d)), await new Promise((y) => setTimeout(y, ee)), await K();
+        };
+        K();
+      });
+    }, reset() {
+      if (!(r != null && r.reset) || !n.current || !w()) {
+        console.warn("Turnstile has not been loaded");
+        return;
+      }
+      e.execution === "execute" && x(h.invisible);
+      try {
+        v.current = !1, r.reset(n.current);
+      } catch (d) {
+        console.warn(`Failed to reset Turnstile widget ${n}`, d);
+      }
+    }, remove() {
+      if (!(r != null && r.remove) || !n.current || !w()) {
+        console.warn("Turnstile has not been loaded");
+        return;
+      }
+      x(h.invisible), v.current = !1, r.remove(n.current), n.current = null;
+    }, render() {
+      if (!(r != null && r.render) || !u.current || !w() || n.current) {
+        console.warn("Turnstile has not been loaded or container not found");
+        return;
+      }
+      let d = r.render(u.current, A);
+      return n.current = d, n.current && (s == null || s(n.current)), e.execution !== "execute" && x(c ? h[c] : {}), d;
+    }, execute() {
+      if (e.execution !== "execute") {
+        console.warn('Execution mode is not set to "execute"');
+        return;
+      }
+      if (!(r != null && r.execute) || !u.current || !n.current || !w()) {
+        console.warn("Turnstile has not been loaded or container not found");
+        return;
+      }
+      r.execute(u.current, A), x(c ? h[c] : {});
+    }, isExpired() {
+      return !(r != null && r.isExpired) || !n.current || !w() ? (console.warn("Turnstile has not been loaded"), !1) : r.isExpired(n.current);
+    } };
+  }, [n, e.execution, c, A, u, w, m, s]), b(() => {
+    O && !m && window.turnstile && D(!0);
+  }, [m, O]), b(() => {
+    x(j());
+  }, [e.execution, c, X]), b(() => {
+    !O || typeof L != "function" || L();
+  }, [O]), B(ae, { ref: u, as: V, id: P, style: { ...Z, ...G }, ...Y });
+});
+q.displayName = "Turnstile";
+const we = ({
+  // token,
+  dependencia: t = "otra",
+  onTokenChange: a,
+  onLoadingChange: o,
+  captchaRef: e
+  // isInvalid = false
+}) => /* @__PURE__ */ B(
+  q,
+  {
+    siteKey: t === "ser" ? "0x4AAAAAABawb_8OU0EC91K4" : t === "sesp" ? "0x4AAAAAABDt1J9rK4noS8tp" : "0x4AAAAAABdkdphlWd3QoT9u",
+    options: {
+      theme: "light",
+      language: "es"
+    },
+    onSuccess: (f) => {
+      a(f);
+    },
+    onLoad: () => {
+      o == null || o(!0);
+    },
+    ref: e
+  }
+);
+export {
+  we as CaptchaEcosistema,
+  we as default
+};

package/dist/utils/validations/useFormValidation.js

@@ -0,0 +1,192 @@
+import { useState as C } from "react";
+const z = () => {
+  const [m, s] = C({}), [f, d] = C({}), u = {
+    personName: (e) => {
+      let r = e.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑ\s]/g, "");
+      return r = r.replace(/\s+/g, " ").trim(), r === "" ? "" : r.split(" ").map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join(" ");
+    },
+    phone: (e) => {
+      const r = e.replace(/\D/g, "");
+      return r.length < 10 ? r : r.slice(0, 10).replace(/(\d{3})(\d{3})(\d{4})/, "$1 $2 $3");
+    },
+    email: (e) => e.trim().toLowerCase(),
+    integer: (e) => {
+      const r = e.replace(/\D/g, "");
+      return r === "" || parseInt(r) < 1 ? "1" : r;
+    },
+    // Nuevos
+    day: (e) => (e = e.replace(/\D/g, ""), /^([1-9]|[12][0-9]|3[01])?$/.test(e) ? e : e.slice(0, -1)),
+    year: (e) => e.replace(/\D/g, "").slice(0, 4),
+    formatNIT: (e) => {
+      if (e === "") return e;
+      e = e.replace(/[^0-9\-]/g, "");
+      const [r, t] = e.split("-");
+      if (t !== void 0 && r.length < 9)
+        return r;
+      const a = r.slice(0, 9);
+      if (r.length > 9 && e.indexOf("-") === -1) {
+        const o = r.slice(9, 10);
+        return `${a}-${o}`;
+      }
+      if (t !== void 0) {
+        const o = t.slice(0, 1);
+        return `${a}-${o}`;
+      }
+      return a;
+    },
+    otherNames: (e) => {
+      if (e === "") return e;
+      if (e = e.replace(/\s{2,}/g, " "), !/^[A-Za-zÁÉÍÓÚáéíóúÑñ \-]{0,50}$/.test(e)) return e.slice(0, -1);
+      const t = ["de", "la", "los", "las", "y", "del", "el"], a = ["i", "ii", "iii", "iv", "v", "vi", "vii", "viii", "ix", "x", "xi", "xii", "xiii", "xiv", "xv", "xvi", "xvii", "xviii", "xix", "xx"];
+      return e.split(" ").map((o, l, n) => {
+        const g = l > 0 && n[l - 1].endsWith("-");
+        return a.includes(o.toLowerCase()) ? o.toUpperCase() : t.includes(o.toLowerCase()) && l !== 0 && !g ? o.toLowerCase() : o.charAt(0).toUpperCase() + o.slice(1).toLowerCase();
+      }).join(" ");
+    },
+    collectiveIds: (e) => e === "" ? e : (e = e.replace(/[^A-Za-zÁÉÍÓÚáéíóúÑñ0-9\-\/\.]/g, ""), e.slice(0, 20)),
+    url: (e) => e.replace(/[^\w\-.:/?&=#]/g, "").trim(),
+    numeroIdentificacion: (e, r) => {
+      const t = Number(r) || 1;
+      return t === 1 || t === 2 ? e.replace(/\D/g, "").slice(0, 10) : t === 4 || t === 5 ? e.replace(/[^A-Z0-9]/gi, "").slice(0, 10) : e.replace(/\D/g, "").slice(0, 10);
+    },
+    /*
+      Validador genericText (para campos como Nombre de la Entidad, Cargo, Plataforma, etc.)
+      - Permite letras, números y espacios.
+      - Elimina caracteres no permitidos.
+      - Divide el texto en palabras según los espacios.
+      - Para cada palabra COMPLETA (aquellas que no sean la última si ésta no termina en espacio)
+        se formatea: se capitaliza la primera letra y el resto se pasa a minúsculas.
+      - La última palabra se deja sin alterar si el input no termina en un espacio, permitiendo
+        que el usuario la edite o borre sin interferencias.
+    */
+    genericText: (e) => {
+      if (!e) return "";
+      const r = e.endsWith(" "), t = e.split(" ");
+      return t.map((o, l) => {
+        if (l < t.length - 1 || r) {
+          const n = o.replace(/[^a-zA-Z0-9]/g, "");
+          return n.length === 0 ? "" : n.charAt(0).toUpperCase() + n.slice(1).toLowerCase();
+        } else
+          return o.replace(/[^a-zA-Z0-9]/g, "");
+      }).join(" ");
+    },
+    textParagraph: (e) => {
+      const r = e.split(/\r?\n/);
+      return r.map((a, o) => {
+        if (a === "") return a;
+        let l = a.replace(/^(\s*)([a-z])/, (n, g) => n + g.toUpperCase());
+        return l = l.replace(/(\.\s+)([a-z])/g, (n, g) => n + g.toUpperCase()), (o < r.length - 1 || e.endsWith(`
+`) || e.endsWith(`\r
+`)) && (/[.!?]\s*$/.test(l) || (l = l.replace(/\s*$/, "") + ".")), l;
+      }).join(`
+`);
+    }
+  };
+  return { handleChange: (e) => {
+    var A;
+    const { value: r, name: t } = e.target, a = e.target.getAttribute("data-validation") || "", o = e.target.getAttribute("data-custom-error"), l = e.target.getAttribute("maxLength");
+    let n = r;
+    if (a && u[a] && (n = u[a](r)), l) {
+      const i = parseInt(l);
+      d((c) => ({
+        ...c,
+        [t]: `${n.length}/${i} caracteres`
+      }));
+    }
+    const g = e.target.getAttribute("data-tipo-identificacion") || "1";
+    if (a === "numeroIdentificacion" && (n = u.numeroIdentificacion(r, g)), a === "phone" && n.replace(/\s/g, "").length < 10)
+      s((i) => ({
+        ...i,
+        [t]: o || "Número de teléfono inválido"
+      }));
+    else if (a === "email") {
+      const i = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+      n.includes("@") ? ((A = n.split("@")[1]) == null ? void 0 : A.indexOf(".")) === -1 ? s((c) => ({
+        ...c,
+        [t]: "El correo debe contener un punto (.) después del '@'."
+      })) : i.test(n) ? s(n ? (c) => ({ ...c, [t]: "" }) : (c) => ({
+        ...c,
+        [t]: "Este campo es obligatorio."
+      })) : s((c) => ({
+        ...c,
+        [t]: "Correo inválido."
+      })) : s((c) => ({
+        ...c,
+        [t]: "El correo debe contener un '@'."
+      }));
+    } else if (a === "url") {
+      const i = n.trim(), $ = /^https?:\/\//i.test(i) ? i : `http://${i}`;
+      try {
+        const h = new URL($);
+        /\.[a-zA-Z]{2,}$/.test(h.hostname) ? s((x) => ({ ...x, [t]: "" })) : s((x) => ({
+          ...x,
+          [t]: o || "URL inválida. Ej: www.ejemplo.com"
+        }));
+      } catch {
+        s((h) => ({
+          ...h,
+          [t]: o || "URL inválida. Ej: www.ejemplo.com"
+        }));
+      }
+    } else if (a === "genericText")
+      n.trim().length < 1 ? s((i) => ({
+        ...i,
+        [t]: o || "Este campo es obligatorio"
+      })) : s((i) => ({ ...i, [t]: "" }));
+    else if (a === "personName")
+      n.trim().length < 1 ? s((i) => ({
+        ...i,
+        [t]: o || "Este campo es obligatorio"
+      })) : s((i) => ({ ...i, [t]: "" }));
+    else if (a === "textParagraph")
+      n.trim().length < 1 ? s((i) => ({
+        ...i,
+        [t]: o || "Este campo es obligatorio"
+      })) : s((i) => ({ ...i, [t]: "" }));
+    else if (a === "numeroIdentificacion")
+      (g === "1" || g === "2") && !/^\d{7,10}$/.test(n) ? s((i) => ({
+        ...i,
+        [t]: o || "Debe tener entre 7 y 10 dígitos numéricos."
+      })) : (g === "4" || g === "5") && !/^[A-Z0-9]{7,10}$/.test(n) ? s((i) => ({
+        ...i,
+        [t]: o || "Debe tener entre 7 y 10 caracteres alfanuméricos."
+      })) : s((i) => ({ ...i, [t]: "" }));
+    else if (a === "formatNIT") {
+      const i = /^\d{9}-\d{1}$/;
+      n ? /^\d{9}(-\d?)?$/.test(n) ? i.test(n) ? s((c) => ({ ...c, [t]: "" })) : s((c) => ({
+        ...c,
+        [t]: "El formato debe ser 123456789-0."
+      })) : s((c) => ({
+        ...c,
+        [t]: "El NIT debe tener 9 dígitos seguidos de un guion y un dígito verificador."
+      })) : s((c) => ({
+        ...c,
+        [t]: o || "Este campo es obligatorio."
+      }));
+    } else
+      s((i) => ({ ...i, [t]: "" }));
+    const b = e.target.getAttribute("minLength"), p = b ? parseInt(b, 10) : null;
+    return p && n.trim().length < p && s((i) => i[t] ? i : {
+      ...i,
+      [t]: o || `Debe ingresar al menos ${p} caracteres.`
+    }), n;
+  }, handleBlur: (e) => {
+    const { value: r, name: t } = e.target, a = r.trim(), o = e.target.getAttribute("data-custom-error");
+    return e.target.required && !a && s((l) => ({ ...l, [t]: o || "Este campo es obligatorio." })), a;
+  }, handleKeyPress: (e, r) => {
+    const t = e.key;
+    r === "text" && /\d/.test(t) && e.preventDefault(), r === "number" && /\D/.test(t) && e.preventDefault();
+  }, errors: m, counter: f };
+}, Z = (m, s, f) => ({
+  control: (d) => ({
+    ...d,
+    borderColor: m && !s[f] ? "#dc3545" : d.borderColor,
+    "&:hover": {
+      borderColor: m && !s[f] ? "#dc3545" : d["&:hover"].borderColor
+    }
+  })
+});
+export {
+  Z as IsInvalidStyles,
+  z as useFormValidation
+};

package/dist/utils.js

@@ -1,10 +1,14 @@
-import { AuthProvider as e } from "./auth/contexts/AuthContex.js";
-import { ProtectedRoute as p } from "./utils/components/ProtectedRoute.js";
-import { UserRoute as m } from "./utils/components/UserRoute.js";
-import { UnpHistorico as i } from "./utils/unp-historico/UnpHistorico.js";
+import { AuthProvider as t } from "./auth/contexts/AuthContex.js";
+import { ProtectedRoute as m } from "./utils/components/ProtectedRoute.js";
+import { UserRoute as f } from "./utils/components/UserRoute.js";
+import { UnpHistorico as x } from "./utils/unp-historico/UnpHistorico.js";
+import { useFormValidation as s } from "./utils/validations/useFormValidation.js";
+import { CaptchaEcosistema as u } from "./utils/captcha/CaptchaEcosistema.js";
 export {
-  e as AuthProvider,
-  p as ProtectedRoute,
-  i as UnpHistorico,
-  m as UserRoute
+  t as AuthProvider,
+  u as CaptchaEcosistema,
+  m as ProtectedRoute,
+  x as UnpHistorico,
+  f as UserRoute,
+  s as useFormValidation
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "1.4.9",
+  "version": "1.5.1",
   "type": "module",
   "exports": {
     ".": {
@@ -61,6 +61,7 @@
     "react-router-dom": ">=6.0.0 <=8.0.0"
   },
   "dependencies": {
+    "@marsidev/react-turnstile": "^1.1.0",
     "bootstrap": "^5.3.3",
     "jwt-decode": "^4.0.0",
     "lottie-react": "^2.4.1",