react-ecosistema-unp 2.0.0 → 2.1.0

package/dist/utils/notifications/SileoNotifications.js

@@ -1,71 +1,78 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import { s as n } from "../../SileoNotifications-BESOBARG.js";
-const s = (o) => {
-  const t = o ? o.toString() : "2147483647";
-  document.documentElement.style.setProperty("--sileo-z-index", t);
-}, g = (o, t = "Éxito", i) => {
-  s(i), n.success({ title: t, description: o, position: "top-right" });
-}, E = (o, t = "Error", i) => {
-  s(i), n.error({ title: t, description: o, position: "bottom-center" });
-}, N = (o, t = "Procesando...", i) => (s(i), n.show({
-  title: t,
+import { jsxs as _, jsx as u } from "react/jsx-runtime";
+import '../../assets/SileoNotifications.css';/* empty css                                */
+import { s as i } from "../../index-C1R4rkuA.js";
+const g = 2147483647, m = 3500, A = 6e3, x = 150, l = {
+  exito: "#F0FDF4",
+  // Fondo Éxito (Verde Pastel)
+  error: "#FEF2F2",
+  // Fondo Error (Rojo Pastel)
+  aviso: "#FFFBEB",
+  // Fondo Advertencia (Ámbar Pastel)
+  info: "#EFF6FF",
+  // Fondo Información (Azul Pastel)
+  cargando: "#F9FAFB",
+  // Fondo Neutral / Cargando (Gris Pastel)
+  accion: "#F5F3FF"
+  // Fondo Acción (Morado Pastel)
+}, a = (o) => {
+  const e = (o ?? g).toString();
+  document.documentElement.style.setProperty("--sileo-z-index", e);
+}, h = (o, e = "Éxito", t) => (a(t), i.success({ title: e, description: o, position: "top-right", duration: m, fill: l.exito })), T = (o, e = "Error", t) => (a(t), i.error({ title: e, description: o, position: "bottom-center", fill: l.error })), y = (o, e = "Procesando...", t) => (a(t), i.show({
+  type: "loading",
+  title: e,
   description: o,
-  icon: /* @__PURE__ */ r("div", { className: "eco-sileo-loading-spinner" }),
+  icon: /* @__PURE__ */ u("div", { className: "sileo-loading-spinner eco-sileo-loading-spinner" }),
   position: "bottom-center",
-  duration: 0
-})), j = (o, t = "Atención", i, e) => {
-  s(e), n.warning({ title: t, description: o, position: "top-center", duration: i });
-}, w = (o, t = "Información", i, e) => {
-  s(e), n.info({ title: t, description: o, position: "top-center", duration: i });
-}, y = () => {
-  n.clear();
-}, A = (o, t, i = {}, e) => {
-  let c = {};
-  typeof i == "function" ? c = { onConfirm: i, onCancel: e, showCancel: !!e } : c = i;
-  const {
-    labelConfirm: d = "Enviar",
-    labelCancel: p = "Ajustar",
-    onConfirm: f = () => {
-    },
-    onCancel: m = () => {
-    },
-    showCancel: u = !0,
-    zIndex: C,
-    position: x = "top-center"
-  } = c;
-  s(C);
-  const a = n.action({
+  duration: 0,
+  fill: l.cargando
+})), w = (o, e = "Atención", t = A, n) => (a(n), i.warning({ title: e, description: o, position: "top-center", duration: t, fill: l.aviso })), U = (o, e = "Información", t = A, n) => (a(n), i.info({ title: e, description: o, position: "top-center", duration: t, fill: l.info })), j = () => {
+  i.clear();
+}, b = (o) => {
+  typeof i.dismiss == "function" ? i.dismiss(o) : i.clear();
+}, z = (o, e, t, n, I, v, D) => {
+  let r = () => {
+  }, d = () => {
+  }, f = I || "Si, tomar caso", C = v || "Cancelar", F = !0, p = D, E = "top-center";
+  typeof t == "function" ? (r = t, n && (d = n)) : t && typeof t == "object" && (t.onConfirm && (r = t.onConfirm), t.onCancel && (d = t.onCancel), t.labelConfirm && (f = t.labelConfirm), t.labelCancel && (C = t.labelCancel), t.showCancel !== void 0 && (F = t.showCancel), t.zIndex !== void 0 && (p = t.zIndex), t.position && (E = t.position)), a(p);
+  let s;
+  return s = i.action({
     title: o,
-    description: /* @__PURE__ */ b("div", { className: "eco-sileo-action-stack", children: [
-      /* @__PURE__ */ r("p", { className: "eco-sileo-action-text", children: t }),
-      u && /* @__PURE__ */ r(
-        "div",
+    fill: l.accion,
+    description: /* @__PURE__ */ _("div", { className: "sileo-action-stack eco-sileo-action-stack", children: [
+      e ? /* @__PURE__ */ u("div", { className: "sileo-action-text eco-sileo-action-text", children: e }) : null,
+      F && /* @__PURE__ */ u(
+        "button",
         {
-          className: "eco-sileo-btn-ajustar",
-          role: "button",
-          onClick: (l) => {
-            l.preventDefault(), l.stopPropagation(), typeof n.dismiss == "function" ? n.dismiss(a) : n.clear(), setTimeout(() => m(), 150);
+          type: "button",
+          className: "sileo-btn-ajustar eco-sileo-btn-ajustar",
+          style: { pointerEvents: "auto", position: "relative", zIndex: 50 },
+          onPointerDown: (c) => c.stopPropagation(),
+          onClick: (c) => {
+            c.preventDefault(), c.stopPropagation(), b(s), setTimeout(() => d(), x);
           },
-          children: p
+          children: C
         }
       )
     ] }),
-    position: x,
+    position: E,
     duration: null,
     button: {
-      title: d,
+      title: f,
       onClick: () => {
-        typeof n.dismiss == "function" ? n.dismiss(a) : n.clear(), setTimeout(() => f(), 150);
+        b(s), setTimeout(() => r(), x);
       }
     }
-  });
+  }), s;
 };
 export {
-  y as limpiarNotificaciones,
-  A as notificarAccion,
-  j as notificarAviso,
-  N as notificarCargando,
-  E as notificarError,
-  g as notificarExito,
-  w as notificarInfo
+  l as COLOR_FILLS,
+  b as cerrarNotificacion,
+  j as limpiarNotificaciones,
+  z as notificarAccion,
+  w as notificarAviso,
+  y as notificarCargando,
+  T as notificarError,
+  h as notificarExito,
+  U as notificarInfo,
+  a as setSileoZIndex
 };

package/dist/utils/websocket-manager/websocket.js

@@ -1,8 +1,8 @@
 var u = Object.defineProperty;
-var k = (n, t, e) => t in n ? u(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var r = (n, t, e) => k(n, typeof t != "symbol" ? t + "" : t, e);
-const i = [3e3, 3e4, 18e4];
-class S {
+var S = (c, t, e) => t in c ? u(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var r = (c, t, e) => S(c, typeof t != "symbol" ? t + "" : t, e);
+const a = [3e3, 3e4, 18e4];
+class d {
   constructor() {
     r(this, "sockets", /* @__PURE__ */ new Map());
     r(this, "statusCallbacks", []);
@@ -43,10 +43,10 @@ class S {
     const s = new WebSocket(t);
     e.socket = s, s.onopen = () => {
       console.log(`✅ WebSocket conectado a ${t}`), this.setSocketStatus(t, "connected"), e.reconnectTimer && clearTimeout(e.reconnectTimer), e.reconnectTimer = null, e.retryCount = 0;
-    }, s.onmessage = (c) => {
+    }, s.onmessage = (n) => {
       try {
-        const o = JSON.parse(c.data);
-        e == null || e.messageHandlers.forEach((a) => a(o));
+        const o = JSON.parse(n.data);
+        e == null || e.messageHandlers.forEach((i) => i(o));
       } catch (o) {
         console.error("❌ Error parseando mensaje WebSocket", o);
       }
@@ -55,16 +55,20 @@ class S {
         this.setSocketStatus(t, "disconnected");
         return;
       }
-      if (e.retryCount >= i.length) {
+      if (typeof document < "u" && document.hidden) {
+        console.warn(`🔌 WebSocket: la pestaña está inactiva. Se pausan reintentos para ${t}`), this.setSocketStatus(t, "disconnected");
+        return;
+      }
+      if (e.retryCount >= a.length) {
         console.warn(`🔌 WebSocket: se agotaron los reintentos para ${t}`), e.shouldReconnect = !1, this.setSocketStatus(t, "disconnected");
         return;
       }
-      const c = i[e.retryCount];
-      e.retryCount++, console.warn(`🔌 WebSocket cerrado para ${t}. Reintentando en ${c / 1e3}s (intento ${e.retryCount}/${i.length})...`), this.setSocketStatus(t, "connecting"), e.reconnectTimer || (e.reconnectTimer = setTimeout(() => {
+      const n = a[e.retryCount];
+      e.retryCount++, console.warn(`🔌 WebSocket cerrado para ${t}. Reintentando en ${n / 1e3}s (intento ${e.retryCount}/${a.length})...`), this.setSocketStatus(t, "connecting"), e.reconnectTimer || (e.reconnectTimer = setTimeout(() => {
         e.reconnectTimer = null, e.shouldReconnect && this.connect(t);
-      }, c));
-    }, s.onerror = (c) => {
-      console.error("⚠️ WebSocket error:", c), this.setSocketStatus(t, "disconnected"), s.close();
+      }, n));
+    }, s.onerror = (n) => {
+      console.error("⚠️ WebSocket error:", n), this.setSocketStatus(t, "disconnected"), s.close();
     };
   }
   disconnect(t) {
@@ -79,13 +83,13 @@ class S {
   send(t, e) {
     var s;
     if (e) {
-      const c = this.sockets.get(e);
-      ((s = c == null ? void 0 : c.socket) == null ? void 0 : s.readyState) === WebSocket.OPEN && c.socket.send(JSON.stringify(t));
+      const n = this.sockets.get(e);
+      ((s = n == null ? void 0 : n.socket) == null ? void 0 : s.readyState) === WebSocket.OPEN && n.socket.send(JSON.stringify(t));
       return;
     }
-    this.sockets.forEach((c) => {
+    this.sockets.forEach((n) => {
       var o;
-      ((o = c.socket) == null ? void 0 : o.readyState) === WebSocket.OPEN && c.socket.send(JSON.stringify(t));
+      ((o = n.socket) == null ? void 0 : o.readyState) === WebSocket.OPEN && n.socket.send(JSON.stringify(t));
     });
   }
   subscribe(t, e) {
@@ -96,7 +100,7 @@ class S {
     s == null || s.messageHandlers.delete(e);
   }
 }
-const h = new S();
+const h = new d();
 export {
   h as webSocketService
 };

package/dist/utils.js

@@ -1,38 +1,41 @@
-import { formatDate as t } from "./utils/formatters/dateFormatter.js";
+import { formatDate as e } from "./utils/formatters/dateFormatter.js";
 import { IsInvalidStyles as i, useFormValidation as a } from "./utils/validations/useFormValidation.js";
-import { CaptchaEcosistema as c } from "./utils/captcha/CaptchaEcosistema.js";
+import { CaptchaEcosistema as f } from "./utils/captcha/CaptchaEcosistema.js";
 import { useFetchData as n } from "./utils/fetch-data/useFetchData.js";
 import { WebSocketProvider as x, useWebSocketConnection as s } from "./utils/websocket-manager/WebSocketContext.js";
 import { useWebSocket as u } from "./utils/websocket-manager/useWebSocket.js";
-import { ModalRadicado as v } from "./utils/modal-radicados/ModalRadicado.js";
-import { ModalDocumento as E } from "./utils/modal-radicados/ModalDocumento.js";
-import { limpiarNotificaciones as b, notificarAccion as k, notificarAviso as C, notificarCargando as I, notificarError as P, notificarExito as R, notificarInfo as W } from "./utils/notifications/SileoNotifications.js";
-import { T as A } from "./SileoNotifications-BESOBARG.js";
-import { EcoProvider as M } from "./utils/eco-provider/EcoContext.js";
-import { ProtectedRoute as U } from "./utils/components/ProtectedRoute.js";
-import { UserRoute as g } from "./utils/components/UserRoute.js";
-import { UnpHistorico as H } from "./utils/unp-historico/UnpHistorico.js";
-import { VisorDocumento as j } from "./utils/modal-radicados/VisorDocumento.js";
+import { ModalRadicado as S } from "./utils/modal-radicados/ModalRadicado.js";
+import { ModalDocumento as v } from "./utils/modal-radicados/ModalDocumento.js";
+import { COLOR_FILLS as D, cerrarNotificacion as E, limpiarNotificaciones as R, notificarAccion as b, notificarAviso as k, notificarCargando as F, notificarError as L, notificarExito as P, notificarInfo as W, setSileoZIndex as h } from "./utils/notifications/SileoNotifications.js";
+import { Toaster as M } from "./utils/notifications/EcoToaster.js";
+import { EcoProvider as O } from "./utils/eco-provider/EcoContext.js";
+import { ProtectedRoute as V } from "./utils/components/ProtectedRoute.js";
+import { UserRoute as y } from "./utils/components/UserRoute.js";
+import { UnpHistorico as T } from "./utils/unp-historico/UnpHistorico.js";
+import { VisorDocumento as _ } from "./utils/modal-radicados/VisorDocumento.js";
 export {
-  c as CaptchaEcosistema,
-  M as EcoProvider,
+  D as COLOR_FILLS,
+  f as CaptchaEcosistema,
+  O as EcoProvider,
   i as IsInvalidStyles,
-  E as ModalDocumento,
-  v as ModalRadicado,
-  U as ProtectedRoute,
-  A as Toaster,
-  H as UnpHistorico,
-  g as UserRoute,
-  j as VisorDocumento,
+  v as ModalDocumento,
+  S as ModalRadicado,
+  V as ProtectedRoute,
+  M as Toaster,
+  T as UnpHistorico,
+  y as UserRoute,
+  _ as VisorDocumento,
   x as WebSocketProvider,
-  t as formatDate,
-  b as limpiarNotificaciones,
-  k as notificarAccion,
-  C as notificarAviso,
-  I as notificarCargando,
-  P as notificarError,
-  R as notificarExito,
+  E as cerrarNotificacion,
+  e as formatDate,
+  R as limpiarNotificaciones,
+  b as notificarAccion,
+  k as notificarAviso,
+  F as notificarCargando,
+  L as notificarError,
+  P as notificarExito,
   W as notificarInfo,
+  h as setSileoZIndex,
   n as useFetchData,
   a as useFormValidation,
   u as useWebSocket,

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "2.0.0",
+  "version": "2.1.0",
   "type": "module",
   "exports": {
     ".": {