react-ecosistema-unp 2.0.1 → 2.2.0

package/dist/utils/modal-radicados/VisorDocumento.js

@@ -1,79 +1,79 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as i, useEffect as w } from "react";
-import { ModalDocumento as U } from "./ModalDocumento.js";
-import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.css';import '../../assets/NotificacionPopoverV2.css';import '../../assets/CardGestionLateral.css';import '../../assets/NavFormulariosLateral.css';import '../../assets/DatosBasicosCard.css';import '../../assets/StatusFilterBar.css';import '../../assets/PaginadorV2.css';import '../../assets/StatusSemaphore.css';import '../../assets/TableSkeleton.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/EcoModalStyles.css';import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/StepperV2.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModalV2.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/Logo.css';/* empty css                  */
-/* empty css                        */
-import "../../ui/subtitulo/Subtitulo.js";
-/* empty css                            */
-/* empty css                              */
-/* empty css                       */
-/* empty css                       */
-import "react-router-dom";
-/* empty css                        */
-/* empty css                          */
-/* empty css                               */
-/* empty css                   */
-import "../../index-DdZBtIJj.js";
-/* empty css                            */
-import { Animacion as y } from "../../ui/animacion/Animacion.js";
-/* empty css                     */
-/* empty css                       */
-import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
-/* empty css                            */
-/* empty css                                   */
-/* empty css                           */
-/* empty css                             */
-/* empty css                         */
-/* empty css                             */
-/* empty css                              */
-/* empty css                                   */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                               */
-/* empty css                              */
-/* empty css                               */
-/* empty css                       */
-/* empty css                           */
-import { getUserToken as L } from "../../auth/services/User.js";
-const no = ({
-  idDocumento: t,
+import { jsx as u } from "react/jsx-runtime";
+import { useState as r, useCallback as T, useEffect as j } from "react";
+import { ModalDocumento as i } from "./ModalDocumento.js";
+import { getUserToken as E } from "../../auth/services/User.js";
+const S = ({
+  idDocumento: o,
   nombre: s,
-  allowDownloadButton: u = !0
+  allowDownloadButton: b = !0,
+  viewOnly: a = !1,
+  animationType: c = "loading_duck"
 }) => {
-  const [n, p] = i(null), [f, d] = i(""), [b, a] = i(!1), [c, l] = i(null);
-  return w(() => {
-    if (!t) return;
-    let r = null;
-    return a(!0), l(null), p(null), (async () => {
+  const [f, d] = r(null), [U, g] = r(""), [h, m] = r(!1), [p, w] = r(null), [R, k] = r(0), L = T(() => {
+    k((e) => e + 1);
+  }, []);
+  return j(() => {
+    if (!o) return;
+    let e = null, n = !1;
+    return m(!0), w(null), d(null), (async () => {
       try {
-        const o = `${window.location.protocol}//${window.location.host}/api-gateway/documento/descargar-anexo/${encodeURIComponent(t)}`, e = await fetch(o, {
+        const t = `${window.location.protocol}//${window.location.host}/api-gateway/documento/descargar-anexo/${encodeURIComponent(o)}`, l = await fetch(t, {
           headers: {
-            Authorization: `Bearer ${L()}`,
+            Authorization: `Bearer ${E()}`,
             "BK-Service": "api-doc"
           }
         });
-        if (!e.ok) throw new Error(`Error al obtener el documento: ${e.status}`);
-        const g = e.headers.get("Content-Type") || "", h = await e.blob();
-        r = URL.createObjectURL(h), d(g), p(r);
-      } catch (o) {
-        l((o == null ? void 0 : o.message) ?? "No se pudo cargar el documento.");
+        if (!l.ok) throw new Error(`Error al obtener el documento: ${l.status}`);
+        const y = l.headers.get("Content-Type") || "", B = await l.blob();
+        if (e = URL.createObjectURL(B), n) {
+          URL.revokeObjectURL(e);
+          return;
+        }
+        g(y), d(e);
+      } catch (t) {
+        n || w((t == null ? void 0 : t.message) ?? "No se pudo cargar el documento.");
       } finally {
-        a(!1);
+        n || m(!1);
       }
     })(), () => {
-      r && URL.revokeObjectURL(r);
+      n = !0, e && URL.revokeObjectURL(e);
     };
-  }, [t]), b ? /* @__PURE__ */ m(y, { type: "loading_duck" }) : c ? /* @__PURE__ */ m("p", { className: "text-danger mb-0", children: c }) : n ? /* @__PURE__ */ m(
-    U,
+  }, [o, R]), h ? /* @__PURE__ */ u(
+    i,
     {
       data: "",
-      mimeType: f,
-      name: s ?? t,
-      blobUrl: n,
-      allowDownloadButton: u
+      mimeType: "",
+      name: s ?? o,
+      isLoading: !0,
+      allowDownloadButton: !1,
+      viewOnly: a,
+      animationType: c
+    }
+  ) : p ? /* @__PURE__ */ u(
+    i,
+    {
+      data: "",
+      mimeType: "",
+      name: s ?? o,
+      loadError: p,
+      onRetry: L,
+      allowDownloadButton: !1,
+      viewOnly: a,
+      animationType: c
+    }
+  ) : f ? /* @__PURE__ */ u(
+    i,
+    {
+      data: "",
+      mimeType: U,
+      name: s ?? o,
+      blobUrl: f,
+      allowDownloadButton: b && !a,
+      viewOnly: a,
+      animationType: c
     }
   ) : null;
 };
 export {
-  no as VisorDocumento
+  S as VisorDocumento
 };

package/dist/utils/notifications/EcoToaster.js

@@ -0,0 +1,48 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useId as l, useSyncExternalStore as a, useEffect as u } from "react";
+import { r as m } from "../../index-DdZBtIJj.js";
+import { T as d } from "../../index-C1R4rkuA.js";
+const i = [], f = /* @__PURE__ */ new Set();
+function s() {
+  f.forEach((e) => {
+    try {
+      e();
+    } catch {
+    }
+  });
+}
+function g(e, t, n) {
+  const r = i.find((o) => o.id === e);
+  r ? (r.isDefault = t, r.props = n) : i.push({ id: e, isDefault: t, props: n }), s();
+}
+function y(e) {
+  const t = i.findIndex((n) => n.id === e);
+  t !== -1 && (i.splice(t, 1), s());
+}
+function x(e, t) {
+  const n = i.find((r) => r.id === e);
+  n && (n.props = t, s());
+}
+function h() {
+  if (i.length === 0) return null;
+  const e = i.filter((t) => !t.isDefault);
+  return e.length > 0 ? e[e.length - 1].id : i[0].id;
+}
+const b = ({ isDefault: e = !1, ...t }) => {
+  const n = l(), r = a(
+    (o) => (f.add(o), () => {
+      f.delete(o);
+    }),
+    () => h(),
+    () => null
+  );
+  return u(() => (g(n, e, t), () => {
+    y(n);
+  }), [n, e]), u(() => {
+    x(n, t);
+  }, [n, t.theme, t.position, JSON.stringify(t.offset), JSON.stringify(t.options)]), r !== n ? null : typeof document < "u" ? m.createPortal(/* @__PURE__ */ c(d, { ...t }), document.body) : /* @__PURE__ */ c(d, { ...t });
+};
+export {
+  b as Toaster,
+  b as default
+};

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/unp-historico/UnpHistorico.js

@@ -9,7 +9,7 @@ import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                  */
 /* empty css                                   */
 import { TarjetaInfo as b } from "../../cards/tarjeta-info/TarjetaInfo.js";
-import { F as u } from "../../index-C4MBu_wk.js";
+import { F as u } from "../../index-B96iRUpt.js";
 import { fetchHistorico as f } from "./FetchHistorico.js";
 /* empty css                        */
 import "../../ui/subtitulo/Subtitulo.js";

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,43 @@
 import { formatDate as t } 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 { ModalRadicado as S } 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 { DocumentoVisorEstado as v } from "./utils/modal-radicados/DocumentoVisorEstado.js";
+import { COLOR_FILLS as R, cerrarNotificacion as b, limpiarNotificaciones as k, notificarAccion as F, notificarAviso as L, notificarCargando as P, notificarError as V, notificarExito as W, notificarInfo as h, setSileoZIndex as A } from "./utils/notifications/SileoNotifications.js";
+import { Toaster as N } from "./utils/notifications/EcoToaster.js";
+import { EcoProvider as U } from "./utils/eco-provider/EcoContext.js";
+import { ProtectedRoute as y } from "./utils/components/ProtectedRoute.js";
+import { UserRoute as T } from "./utils/components/UserRoute.js";
+import { UnpHistorico as _ } from "./utils/unp-historico/UnpHistorico.js";
+import { VisorDocumento as q } from "./utils/modal-radicados/VisorDocumento.js";
 export {
-  c as CaptchaEcosistema,
-  M as EcoProvider,
+  R as COLOR_FILLS,
+  f as CaptchaEcosistema,
+  v as DocumentoVisorEstado,
+  U 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,
+  S as ModalRadicado,
+  y as ProtectedRoute,
+  N as Toaster,
+  _ as UnpHistorico,
+  T as UserRoute,
+  q as VisorDocumento,
   x as WebSocketProvider,
+  b as cerrarNotificacion,
   t as formatDate,
-  b as limpiarNotificaciones,
-  k as notificarAccion,
-  C as notificarAviso,
-  I as notificarCargando,
-  P as notificarError,
-  R as notificarExito,
-  W as notificarInfo,
+  k as limpiarNotificaciones,
+  F as notificarAccion,
+  L as notificarAviso,
+  P as notificarCargando,
+  V as notificarError,
+  W as notificarExito,
+  h as notificarInfo,
+  A 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.1",
+  "version": "2.2.0",
   "type": "module",
   "exports": {
     ".": {