react-ecosistema-unp 2.1.0 → 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

@@ -1,9 +1,10 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useId as d, useSyncExternalStore as l, useEffect as c } from "react";
-import { T as a } from "../../index-C1R4rkuA.js";
-const i = [], s = /* @__PURE__ */ new Set();
-function o() {
-  s.forEach((e) => {
+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 {
@@ -11,37 +12,37 @@ function o() {
   });
 }
 function g(e, t, n) {
-  const r = i.find((f) => f.id === e);
-  r ? (r.isDefault = t, r.props = n) : i.push({ id: e, isDefault: t, props: n }), o();
+  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 h(e) {
+function y(e) {
   const t = i.findIndex((n) => n.id === e);
-  t !== -1 && (i.splice(t, 1), o());
+  t !== -1 && (i.splice(t, 1), s());
 }
-function m(e, t) {
+function x(e, t) {
   const n = i.find((r) => r.id === e);
-  n && (n.props = t, o());
+  n && (n.props = t, s());
 }
-function x() {
+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 E = ({ isDefault: e = !1, ...t }) => {
-  const n = d(), r = l(
-    (f) => (s.add(f), () => {
-      s.delete(f);
+const b = ({ isDefault: e = !1, ...t }) => {
+  const n = l(), r = a(
+    (o) => (f.add(o), () => {
+      f.delete(o);
     }),
-    () => x(),
+    () => h(),
     () => null
   );
-  return c(() => (g(n, e, t), () => {
-    h(n);
-  }), [n, e]), c(() => {
-    m(n, t);
-  }, [n, t.theme, t.position, JSON.stringify(t.offset), JSON.stringify(t.options)]), r !== n ? null : /* @__PURE__ */ u(a, { ...t });
+  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 {
-  E as Toaster,
-  E as default
+  b as Toaster,
+  b as default
 };

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.js

@@ -1,41 +1,43 @@
-import { formatDate as e } from "./utils/formatters/dateFormatter.js";
+import { formatDate as t } from "./utils/formatters/dateFormatter.js";
 import { IsInvalidStyles as i, useFormValidation as a } from "./utils/validations/useFormValidation.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 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";
+import { ModalDocumento as E } from "./utils/modal-radicados/ModalDocumento.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 {
-  D as COLOR_FILLS,
+  R as COLOR_FILLS,
   f as CaptchaEcosistema,
-  O as EcoProvider,
+  v as DocumentoVisorEstado,
+  U as EcoProvider,
   i as IsInvalidStyles,
-  v as ModalDocumento,
+  E as ModalDocumento,
   S as ModalRadicado,
-  V as ProtectedRoute,
-  M as Toaster,
-  T as UnpHistorico,
-  y as UserRoute,
-  _ as VisorDocumento,
+  y as ProtectedRoute,
+  N as Toaster,
+  _ as UnpHistorico,
+  T as UserRoute,
+  q as VisorDocumento,
   x as WebSocketProvider,
-  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,
+  b as cerrarNotificacion,
+  t as formatDate,
+  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.1.0",
+  "version": "2.2.0",
   "type": "module",
   "exports": {
     ".": {