react-ecosistema-unp 2.1.0 → 2.3.0

package/dist/shared/menu-lateral/MenuLateral.js

@@ -1,11 +1,11 @@
-import { jsxs as r, Fragment as b, jsx as a } from "react/jsx-runtime";
-import x, { useState as h, useCallback as S, useEffect as n } from "react";
-import { useNavigate as V } from "react-router-dom";
-import { useFinalizarSesion as $ } from "../../auth/hooks/useFinalizarSesion.js";
-import { urlAtlas as I, urlPandaPDF as P, urlMisBienes as F, urlBaseProd as D, urlCertificadoLaboral as U } from "../../utils/Url.js";
-import { L as W } from "../../index-Cy8qF6oY.js";
-import { useWebSocketConnection as j } from "../../utils/websocket-manager/WebSocketContext.js";
-import '../../assets/SileoNotifications.css';import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';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';import '../../assets/MenuLateral.css';/* empty css                  */
+import { jsxs as r, jsx as e, Fragment as I } from "react/jsx-runtime";
+import f, { useState as p, useCallback as P, useEffect as c } from "react";
+import { useNavigate as F } from "react-router-dom";
+import { useFinalizarSesion as D } from "../../auth/hooks/useFinalizarSesion.js";
+import { urlAtlas as U, urlPandaPDF as W, urlMisBienes as j, urlBaseProd as G, urlCertificadoLaboral as R } from "../../utils/Url.js";
+import { L as J } from "../../index-Cy8qF6oY.js";
+import { useWebSocketConnection as K } from "../../utils/websocket-manager/WebSocketContext.js";
+import '../../assets/SileoNotifications.css';import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/DocumentoVisorEstado.css';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';import '../../assets/MenuLateral.css';/* empty css                  */
 /* empty css                        */
 import "../../ui/subtitulo/Subtitulo.js";
 /* empty css                            */
@@ -37,6 +37,7 @@ import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                               */
 /* empty css                       */
 /* empty css                           */
+/* empty css                                  */
 /* empty css                               */
 /* empty css                         */
 /* empty css                          */
@@ -44,39 +45,40 @@ import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 import "../../index-C1R4rkuA.js";
 import "../../auth/contexts/AuthContex.js";
 /* empty css                          */
-import G from "../../logo_escudo_blanco-CnWh5GYD.js";
+import { darken as X, lighten as z } from "./colorUtils.js";
+import Z from "../../logo_escudo_blanco-CnWh5GYD.js";
 import { G as i } from "../../iconBase-DSKTHwal.js";
-function R(t) {
+function q(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm0 2v.511l-8 6.223-8-6.222V6h16zM4 18V9.044l7.386 5.745a.994.994 0 0 0 1.228 0L20 9.044 20.002 18H4z" }, child: [] }] })(t);
 }
-function J(t) {
+function Q(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8z" }, child: [] }, { tag: "path", attr: { d: "M11 7h2v7h-2zm0 8h2v2h-2z" }, child: [] }] })(t);
 }
-function K(t) {
+function Y(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z" }, child: [] }, { tag: "path", attr: { d: "M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z" }, child: [] }] })(t);
 }
-function X(t) {
+function T(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4.222 19.778a4.983 4.983 0 0 0 3.535 1.462 4.986 4.986 0 0 0 3.536-1.462l2.828-2.829-1.414-1.414-2.828 2.829a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.829-2.828-1.414-1.414-2.829 2.828a5.006 5.006 0 0 0 0 7.071zm15.556-8.485a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0L9.879 7.051l1.414 1.414 2.828-2.829a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.829 2.828 1.414 1.414 2.829-2.828z" }, child: [] }, { tag: "path", attr: { d: "m8.464 16.95-1.415-1.414 8.487-8.486 1.414 1.415z" }, child: [] }] })(t);
 }
-function Z(t) {
+function O(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M16 13v-2H7V8l-5 4 5 4v-3z" }, child: [] }, { tag: "path", attr: { d: "M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z" }, child: [] }] })(t);
 }
-function q(t) {
+function e1(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(t);
 }
-function Q(t) {
+function a1(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z" }, child: [] }] })(t);
 }
-function Y(t) {
+function t1(t) {
   return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M15.661 15.549a1.315 1.315 0 0 0 1.185-1.386 1.363 1.363 0 0 0-1.35-1.302h-.048a1.352 1.352 0 0 0-1.303 1.397c.024.379.179.687.391.911-.827 1.609-2.07 2.794-3.954 3.788-1.266.663-2.604.912-3.905.734-1.089-.153-1.94-.64-2.463-1.421-.78-1.185-.852-2.462-.201-3.74a5.597 5.597 0 0 1 1.658-1.931 7.88 7.88 0 0 1-.331-1.218c-3.506 2.51-3.148 5.942-2.084 7.564.794 1.184 2.415 1.941 4.19 1.941.474 0 .972-.035 1.457-.154 3.077-.592 5.409-2.438 6.747-5.16l.011-.023z" }, child: [] }, { tag: "path", attr: { d: "M19.887 12.589c-1.834-2.154-4.533-3.337-7.611-3.337h-.403c-.2-.438-.661-.711-1.183-.711h-.036c-.744 0-1.325.64-1.301 1.385.023.71.627 1.302 1.35 1.302h.059a1.332 1.332 0 0 0 1.183-.828h.439c1.824 0 3.551.532 5.126 1.574 1.206.792 2.072 1.834 2.557 3.077.425 1.019.402 2.013-.035 2.843-.675 1.302-1.812 1.988-3.314 1.988-.947 0-1.871-.296-2.345-.509-.283.235-.758.626-1.102.863 1.042.473 2.096.746 3.113.746 2.309 0 4.023-1.302 4.676-2.557.709-1.422.651-3.813-1.161-5.859l-.012.023z" }, child: [] }, { tag: "path", attr: { d: "M7.647 15.975c.023.71.626 1.302 1.35 1.302h.048a1.334 1.334 0 0 0 1.302-1.397c0-.71-.616-1.301-1.338-1.301h-.048c-.048 0-.118 0-.178.022-.982-1.657-1.397-3.434-1.242-5.349.094-1.445.567-2.7 1.42-3.742.71-.888 2.048-1.326 2.96-1.35 2.556-.048 3.622 3.138 3.704 4.404l1.184.354C16.536 5.036 14.122 3 11.813 3 9.647 3 7.647 4.574 6.842 6.884c-1.102 3.077-.379 6.036.971 8.404-.118.154-.189.426-.166.687z" }, child: [] }] })(t);
 }
-function T(t) {
+function r1(t) {
   return i({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M22 8.35V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8.35A2 2 0 0 1 3.26 6.5l8-3.2a2 2 0 0 1 1.48 0l8 3.2A2 2 0 0 1 22 8.35Z" }, child: [] }, { tag: "path", attr: { d: "M6 18h12" }, child: [] }, { tag: "path", attr: { d: "M6 14h12" }, child: [] }, { tag: "rect", attr: { width: "12", height: "12", x: "6", y: "10" }, child: [] }] })(t);
 }
-function O(t) {
+function l1(t) {
   return i({ attr: { role: "img", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4.224 0a3.14 3.14 0 00-3.14 3.127 3.1 3.1 0 001.079 2.36 11.811 11.811 0 00-2.037 6.639C.126 18.68 5.458 24 12 24c6.542 0 11.874-5.32 11.874-11.874a11.69 11.69 0 00-2.025-6.614 3.136 3.136 0 001.09-2.373A3.132 3.132 0 0019.8.012a3.118 3.118 0 00-2.636 1.438A11.792 11.792 0 0012.012.264c-1.845 0-3.595.419-5.152 1.174A3.133 3.133 0 004.224 0zM12 1.198c1.713 0 3.331.396 4.78 1.102a10.995 10.995 0 014.29 3.715 10.89 10.89 0 011.882 6.135c.011 6.039-4.901 10.951-10.94 10.951-6.04 0-10.951-4.912-10.951-10.951 0-2.277.694-4.386 1.88-6.135A11.08 11.08 0 017.232 2.3 10.773 10.773 0 0112 1.198zM7.367 6.345c-.853.012-1.743.292-2.28.653-1.031.682-2.29 2.156-2.085 4.181.191 2.025 1.785 3.283 2.612 3.283.826 0 1.234-.42 1.485-1.45.252-1.018 1.115-2.192 2.217-3.45s-.024-2.469-.024-2.469c-.393-.513-1.052-.727-1.755-.747a3.952 3.952 0 00-.17-.001zm9.233.007l-.17.001c-.702.02-1.358.233-1.746.752 0 0-1.126 1.21-.024 2.469 1.114 1.258 1.965 2.432 2.217 3.45.251 1.019.659 1.438 1.485 1.45.827 0 2.409-1.258 2.612-3.283.204-2.025-1.054-3.51-2.084-4.182-.544-.36-1.437-.643-2.29-.657zm-8.962 2c.348 0 .624.275.624.623-.012.335-.288.623-.624.623a.619.619 0 01-.623-.623c0-.348.276-.624.623-.624zm8.891 0c.348 0 .623.275.623.623-.012.335-.287.623-.623.623a.619.619 0 01-.623-.623c0-.348.288-.624.623-.624zm-4.541 4.025c-.527 0-2.06.096-2.06.587 0 .887 1.88 1.522 2.06 1.474.18.048 2.06-.587 2.06-1.474 0-.49-1.52-.587-2.06-.587zM9.076 15.17c0 1.414 1.294 2.564 2.912 2.564 1.618 0 2.924-1.15 2.924-2.564z" }, child: [] }] })(t);
 }
-const a1 = ({
+const i1 = ({
   className: t,
   style: l
 }) => /* @__PURE__ */ r(
@@ -92,85 +94,98 @@ const a1 = ({
     strokeLinejoin: "round",
     strokeWidth: "1.5",
     children: [
-      /* @__PURE__ */ a("path", { d: "M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0" }),
-      /* @__PURE__ */ a("path", { d: "m9 15l1.5-4.5L15 9l-1.5 4.5z" })
+      /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0" }),
+      /* @__PURE__ */ e("path", { d: "m9 15l1.5-4.5L15 9l-1.5 4.5z" })
     ]
   }
-), q1 = ({
+), t0 = ({
   onToggle: t,
   isOpen: l,
-  showConnectionStatus: z,
-  extraMenuItems: v = []
+  showConnectionStatus: M,
+  extraMenuItems: g = [],
+  color: o,
+  showBaseItems: C = !0
 }) => {
-  var k;
-  const [M, C] = h(!0), [p, f] = h(null), B = V(), { FinSesion: y } = $(), { connectionStatus: g } = j(), u = `${window.location.protocol}//${window.location.host}/`, [_, c] = h(!1), [w, s] = h(""), m = `${window.location.host}`, d = S(() => {
-    const e = localStorage.getItem("auth_state");
-    if (e)
+  var x;
+  const [B, y] = p(!0), [u, w] = p(null), _ = F(), { FinSesion: L } = D(), { connectionStatus: N } = K(), v = `${window.location.protocol}//${window.location.host}/`, [H, s] = p(!1), [b, m] = p(""), d = `${window.location.host}`, h = P(() => {
+    const a = localStorage.getItem("auth_state");
+    if (a)
       try {
-        f(JSON.parse(e));
+        w(JSON.parse(a));
       } catch {
-        f(null);
+        w(null);
       }
   }, []);
-  if (n(() => {
-    d(), C(!1);
-  }, [d]), n(() => {
-    const e = setTimeout(d, 2e3);
-    return () => clearTimeout(e);
-  }, [d]), n(() => {
-    m.includes("localhost") ? (c(!0), s("Entorno local")) : m.includes("ecosistemadesarrollo") ? (c(!0), s("Entorno de desarrollo")) : m.includes("ecosistemapruebas") ? (c(!0), s("Entorno de pruebas")) : (c(!1), s(""));
-  }, [m]), n(() => {
+  c(() => {
+    h(), y(!1);
+  }, [h]), c(() => {
+    const a = setTimeout(h, 2e3);
+    return () => clearTimeout(a);
+  }, [h]), c(() => {
+    d.includes("localhost") ? (s(!0), m("Entorno local")) : d.includes("ecosistemadesarrollo") ? (s(!0), m("Entorno de desarrollo")) : d.includes("ecosistemapruebas") ? (s(!0), m("Entorno de pruebas")) : (s(!1), m(""));
+  }, [d]), c(() => {
     if (!l) return;
-    const e = (o) => {
-      o.key === "Escape" && t();
+    const a = (n) => {
+      n.key === "Escape" && t();
     };
-    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-  }, [l, t]), n(() => {
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
+  }, [l, t]), c(() => {
     if (!l) return;
-    const e = document.body.style.overflow;
+    const a = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = e;
+      document.body.style.overflow = a;
     };
-  }, [l]), M)
+  }, [l]);
+  const A = f.useMemo(() => {
+    if (o)
+      return {
+        "--ml-bg": o,
+        "--ml-bg-footer": z(o, 0.08),
+        "--ml-hover": z(o, 0.12),
+        "--ml-trigger": o,
+        "--ml-trigger-hover": X(o, 0.12)
+      };
+  }, [o]);
+  if (B)
     return null;
-  const L = () => {
-    B("/unp/ecosistema/usuario"), l && t();
-  }, H = [
+  const E = () => {
+    _("/unp/ecosistema/usuario"), l && t();
+  }, V = [
     {
       id: "portal-unp",
       label: "Portal UNP",
       href: "https://www.unp.gov.co/",
       target: "_blank",
-      icon: /* @__PURE__ */ a(X, { className: "ml-item-icon" })
+      icon: /* @__PURE__ */ e(T, { className: "ml-item-icon" })
     },
     {
       id: "correo",
       label: "Correo institucional",
       href: "https://login.microsoftonline.com/common/oauth2/authorize?client_id=00000002-0000-0ff1-ce00-000000000000",
       target: "_blank",
-      icon: /* @__PURE__ */ a(R, { className: "ml-item-icon" })
+      icon: /* @__PURE__ */ e(q, { className: "ml-item-icon" })
     },
     {
       id: "intranet",
       label: "Acceso directo a Intranet",
       href: "http://intranet.unp.gov.co/",
       target: "_blank",
-      icon: /* @__PURE__ */ a(Y, { className: "ml-item-icon" })
+      icon: /* @__PURE__ */ e(t1, { className: "ml-item-icon" })
     },
     {
       id: "mesa-servicios",
       label: "Mesa de servicios",
       href: "https://mesadeservicios.unp.gov.co/HEAT/",
       target: "_blank",
-      icon: /* @__PURE__ */ a(J, { className: "ml-item-icon" })
+      icon: /* @__PURE__ */ e(Q, { className: "ml-item-icon" })
     },
     {
       id: "atlas",
       label: "Atlas",
-      href: `${u}${I}`,
+      href: `${v}${U}`,
       target: "_blank",
-      icon: /* @__PURE__ */ a(
-        a1,
+      icon: /* @__PURE__ */ e(
+        i1,
         {
           className: "ml-item-icon ml-item-icon--svg",
           style: { height: 22, width: 22 }
@@ -181,34 +196,34 @@ const a1 = ({
     {
       id: "panda-pdf",
       label: "Panda PDF",
-      href: `${u}${P}`,
+      href: `${v}${W}`,
       target: "_blank",
-      icon: /* @__PURE__ */ a(O, { className: "ml-item-icon", style: { height: 20, width: 20 } })
+      icon: /* @__PURE__ */ e(l1, { className: "ml-item-icon", style: { height: 20, width: 20 } })
     },
     {
       id: "mis-bienes",
       label: "Mis Bienes",
-      href: `${u}${F}`,
+      href: `${v}${j}`,
       target: "_blank",
-      icon: /* @__PURE__ */ a(T, { className: "ml-item-icon" })
+      icon: /* @__PURE__ */ e(r1, { className: "ml-item-icon" })
     },
     {
       id: "certificados",
       label: "Certificados contratistas",
-      href: `${D}${U}`,
+      href: `${G}${R}`,
       target: "_blank",
-      icon: /* @__PURE__ */ a(K, { className: "ml-item-icon" })
+      icon: /* @__PURE__ */ e(Y, { className: "ml-item-icon" })
     }
-  ], A = () => z ? g === "connected" ? /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Conexión exitosa", children: [
+  ], S = () => M ? N === "connected" ? /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Conexión exitosa", children: [
     /* @__PURE__ */ r("svg", { className: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 52 52", children: [
-      /* @__PURE__ */ a("circle", { className: "checkmark__circle", cx: "26", cy: "26", r: "25", fill: "none" }),
-      /* @__PURE__ */ a("path", { className: "checkmark__check", fill: "none", d: "M14.1 27.2l7.1 7.2 16.7-16.8" })
+      /* @__PURE__ */ e("circle", { className: "checkmark__circle", cx: "26", cy: "26", r: "25", fill: "none" }),
+      /* @__PURE__ */ e("path", { className: "checkmark__check", fill: "none", d: "M14.1 27.2l7.1 7.2 16.7-16.8" })
     ] }),
-    /* @__PURE__ */ a("span", { className: "ml-tooltip", role: "tooltip", children: "Conexión exitosa" })
-  ] }) : g === "connecting" ? /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Conectando", children: [
+    /* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: "Conexión exitosa" })
+  ] }) : N === "connecting" ? /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Conectando", children: [
     /* @__PURE__ */ r("svg", { className: "ripplemark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 52 52", children: [
-      /* @__PURE__ */ a("circle", { className: "ripplemark__wave", cx: "26", cy: "26", r: "0" }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ e("circle", { className: "ripplemark__wave", cx: "26", cy: "26", r: "0" }),
+      /* @__PURE__ */ e(
         "circle",
         {
           className: "ripplemark__wave",
@@ -219,11 +234,11 @@ const a1 = ({
         }
       )
     ] }),
-    /* @__PURE__ */ a("span", { className: "ml-tooltip", role: "tooltip", children: "Conectando…" })
+    /* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: "Conectando…" })
   ] }) : /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Sin conexión", children: [
     /* @__PURE__ */ r("svg", { className: "x-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 52 52", children: [
-      /* @__PURE__ */ a("circle", { className: "x-checkmark_circle", cx: "26", cy: "26", r: "25", fill: "none" }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ e("circle", { className: "x-checkmark_circle", cx: "26", cy: "26", r: "25", fill: "none" }),
+      /* @__PURE__ */ e(
         "path",
         {
           className: "x-checkmark_check",
@@ -232,12 +247,12 @@ const a1 = ({
         }
       )
     ] }),
-    /* @__PURE__ */ a("span", { className: "ml-tooltip", role: "tooltip", children: "Sin conexión" })
-  ] }) : null, N = (e) => {
-    e.onClick && e.onClick(), l && t();
+    /* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: "Sin conexión" })
+  ] }) : null, k = (a) => {
+    a.onClick && a.onClick(), l && t();
   };
-  return /* @__PURE__ */ r(b, { children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ r("div", { className: "ml-root", style: A, children: [
+    /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -246,7 +261,7 @@ const a1 = ({
         "aria-label": "Abrir menú lateral",
         "aria-expanded": l,
         tabIndex: l ? -1 : 0,
-        children: /* @__PURE__ */ a(q, {})
+        children: /* @__PURE__ */ e(e1, {})
       }
     ),
     /* @__PURE__ */ r(
@@ -255,7 +270,7 @@ const a1 = ({
         className: `ml-overlay${l ? " ml-overlay--open" : ""}`,
         "aria-hidden": !l,
         children: [
-          /* @__PURE__ */ a("div", { className: "ml-scrim", onClick: t }),
+          /* @__PURE__ */ e("div", { className: "ml-scrim", onClick: t }),
           /* @__PURE__ */ r(
             "aside",
             {
@@ -265,12 +280,12 @@ const a1 = ({
               "aria-label": "Menú del ecosistema",
               children: [
                 /* @__PURE__ */ r("div", { className: "ml-drawer-header", children: [
-                  /* @__PURE__ */ a("img", { src: G, alt: "Logo UNP", className: "ml-logo" }),
-                  /* @__PURE__ */ a("span", { className: "ml-brand", children: "EI · UNP" }),
+                  /* @__PURE__ */ e("img", { src: Z, alt: "Logo UNP", className: "ml-logo" }),
+                  /* @__PURE__ */ e("span", { className: "ml-brand", children: "EI · UNP" }),
                   /* @__PURE__ */ r("div", { className: "ml-header-actions", children: [
-                    A(),
-                    _ && /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": w, children: [
-                      /* @__PURE__ */ a(
+                    S(),
+                    H && /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": b, children: [
+                      /* @__PURE__ */ e(
                         "svg",
                         {
                           className: "gear",
@@ -278,7 +293,7 @@ const a1 = ({
                           viewBox: "0 0 24 24",
                           fill: "none",
                           "aria-hidden": "true",
-                          children: /* @__PURE__ */ a(
+                          children: /* @__PURE__ */ e(
                             "path",
                             {
                               className: "gear__path",
@@ -290,90 +305,90 @@ const a1 = ({
                           )
                         }
                       ),
-                      /* @__PURE__ */ a("span", { className: "ml-tooltip", role: "tooltip", children: w })
+                      /* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: b })
                     ] }),
-                    /* @__PURE__ */ a(
+                    /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         className: "ml-close",
                         onClick: t,
                         "aria-label": "Cerrar menú",
-                        children: /* @__PURE__ */ a(Q, {})
+                        children: /* @__PURE__ */ e(a1, {})
                       }
                     )
                   ] })
                 ] }),
                 /* @__PURE__ */ r("nav", { className: "ml-nav", children: [
-                  /* @__PURE__ */ a("li", { className: "ml-divider", role: "separator" }),
+                  /* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
                   /* @__PURE__ */ r("ul", { className: "ml-nav-list", children: [
-                    H.map((e) => /* @__PURE__ */ r(x.Fragment, { children: [
-                      e.dividerBefore && /* @__PURE__ */ a("li", { className: "ml-divider", role: "separator" }),
-                      /* @__PURE__ */ a("li", { children: /* @__PURE__ */ r(
+                    C && V.map((a) => /* @__PURE__ */ r(f.Fragment, { children: [
+                      a.dividerBefore && /* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
+                      /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
                         "a",
                         {
-                          href: e.href || void 0,
-                          target: e.target,
-                          rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
+                          href: a.href || void 0,
+                          target: a.target,
+                          rel: a.target === "_blank" ? "noopener noreferrer" : void 0,
                           className: "ml-nav-link",
-                          onClick: (o) => {
-                            e.href || o.preventDefault(), N(e);
+                          onClick: (n) => {
+                            a.href || n.preventDefault(), k(a);
                           },
                           children: [
-                            e.icon,
-                            /* @__PURE__ */ a("span", { className: "ml-nav-label", children: e.label })
+                            a.icon,
+                            /* @__PURE__ */ e("span", { className: "ml-nav-label", children: a.label })
                           ]
                         }
                       ) })
-                    ] }, e.id)),
-                    v.length > 0 && /* @__PURE__ */ r(b, { children: [
-                      /* @__PURE__ */ a("li", { className: "ml-divider", role: "separator" }),
-                      /* @__PURE__ */ a("li", { className: "ml-section-label", children: "Aplicativo" }),
-                      v.map((e) => {
-                        const o = e.icon;
-                        return /* @__PURE__ */ r(x.Fragment, { children: [
-                          e.dividerBefore && /* @__PURE__ */ a("li", { className: "ml-divider", role: "separator" }),
-                          /* @__PURE__ */ a("li", { children: /* @__PURE__ */ r(
+                    ] }, a.id)),
+                    g.length > 0 && /* @__PURE__ */ r(I, { children: [
+                      /* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
+                      /* @__PURE__ */ e("li", { className: "ml-section-label", children: "Aplicativo" }),
+                      g.map((a) => {
+                        const n = a.icon;
+                        return /* @__PURE__ */ r(f.Fragment, { children: [
+                          a.dividerBefore && /* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
+                          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
                             "a",
                             {
-                              href: e.href || void 0,
-                              target: e.target,
-                              rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
+                              href: a.href || void 0,
+                              target: a.target,
+                              rel: a.target === "_blank" ? "noopener noreferrer" : void 0,
                               className: "ml-nav-link",
-                              onClick: (E) => {
-                                (!e.href || e.onClick) && E.preventDefault(), N(e);
+                              onClick: ($) => {
+                                (!a.href || a.onClick) && $.preventDefault(), k(a);
                               },
                               children: [
-                                o ? /* @__PURE__ */ a(o, { className: "ml-item-icon" }) : null,
-                                /* @__PURE__ */ a("span", { className: "ml-nav-label", children: e.label })
+                                n ? /* @__PURE__ */ e(n, { className: "ml-item-icon" }) : null,
+                                /* @__PURE__ */ e("span", { className: "ml-nav-label", children: a.label })
                               ]
                             }
                           ) })
-                        ] }, e.id);
+                        ] }, a.id);
                       })
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ a("div", { className: "ml-drawer-footer", children: /* @__PURE__ */ r("div", { className: "ml-profile", children: [
-                  /* @__PURE__ */ a(
+                /* @__PURE__ */ e("div", { className: "ml-drawer-footer", children: /* @__PURE__ */ r("div", { className: "ml-profile", children: [
+                  /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       className: "ml-profile-info",
-                      onClick: L,
+                      onClick: E,
                       title: "Ir al perfil",
-                      children: /* @__PURE__ */ a("span", { className: "ml-profile-name text-truncate", children: ((k = p == null ? void 0 : p.user) == null ? void 0 : k.nombres) ?? "Usuario" })
+                      children: /* @__PURE__ */ e("span", { className: "ml-profile-name text-truncate", children: ((x = u == null ? void 0 : u.user) == null ? void 0 : x.nombres) ?? "Usuario" })
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       className: "ml-logout",
-                      onClick: y,
+                      onClick: L,
                       "aria-label": "Cerrar sesión",
                       title: "Cerrar sesión",
-                      children: /* @__PURE__ */ a(Z, {})
+                      children: /* @__PURE__ */ e(O, {})
                     }
                   )
                 ] }) })
@@ -383,9 +398,9 @@ const a1 = ({
         ]
       }
     ),
-    /* @__PURE__ */ a(W, {})
+    /* @__PURE__ */ e(J, {})
   ] });
 };
 export {
-  q1 as MenuLateral
+  t0 as MenuLateral
 };

package/dist/shared/menu-lateral/colorUtils.js

@@ -0,0 +1,47 @@
+function h(t) {
+  const n = t.replace("#", ""), o = n.length === 3 ? n.split("").map((s) => s + s).join("") : n, e = parseInt(o, 16);
+  return [e >> 16 & 255, e >> 8 & 255, e & 255];
+}
+function M(t, n, o) {
+  const e = (s) => Math.max(0, Math.min(255, Math.round(s)));
+  return `#${[t, n, o].map((s) => e(s).toString(16).padStart(2, "0")).join("")}`;
+}
+function b(t, n, o) {
+  t /= 255, n /= 255, o /= 255;
+  const e = Math.max(t, n, o), s = Math.min(t, n, o);
+  let c = 0, i = 0;
+  const r = (e + s) / 2, a = e - s;
+  if (a !== 0) {
+    switch (i = a / (1 - Math.abs(2 * r - 1)), e) {
+      case t:
+        c = (n - o) / a % 6;
+        break;
+      case n:
+        c = (o - t) / a + 2;
+        break;
+      default:
+        c = (t - n) / a + 4;
+    }
+    c *= 60, c < 0 && (c += 360);
+  }
+  return [c, i, r];
+}
+function p(t, n, o) {
+  const e = (1 - Math.abs(2 * o - 1)) * n, s = e * (1 - Math.abs(t / 60 % 2 - 1)), c = o - e / 2;
+  let i = 0, r = 0, a = 0;
+  return t < 60 ? [i, r, a] = [e, s, 0] : t < 120 ? [i, r, a] = [s, e, 0] : t < 180 ? [i, r, a] = [0, e, s] : t < 240 ? [i, r, a] = [0, s, e] : t < 300 ? [i, r, a] = [s, 0, e] : [i, r, a] = [e, 0, s], [(i + c) * 255, (r + c) * 255, (a + c) * 255];
+}
+function l(t, n) {
+  const [o, e, s] = h(t), [c, i, r] = b(o, e, s), a = Math.max(0, Math.min(1, r + n)), [u, f, m] = p(c, i, a);
+  return M(u, f, m);
+}
+function x(t, n) {
+  return l(t, n);
+}
+function d(t, n) {
+  return l(t, -n);
+}
+export {
+  d as darken,
+  x as lighten
+};

package/dist/shared/notificacion-usuario/NotificacionUsuario.js

@@ -1,14 +1,14 @@
 import { jsx as c, jsxs as S, Fragment as rt } from "react/jsx-runtime";
 import * as Qt from "react";
 import { useState as O, useRef as It, useEffect as We } from "react";
-import { q as wt, r as en, s as tn, t as nn, u as on, v as an } from "../../index-C4MBu_wk.js";
+import { r as wt, s as en, t as tn, u as nn, v as on, w as an } from "../../index-B96iRUpt.js";
 import { Animacion as Mt } from "../../ui/animacion/Animacion.js";
 import { getNotificaciones as rn, getUnreadCount as sn, eliminarNotificacionesLeidas as cn, eliminarNotificacion as ln, marcarLeida as fn, marcarNoLeida as un } from "./services/notificacionesService.js";
 import "../../index-Cy8qF6oY.js";
 import "../../utils/websocket-manager/WebSocketContext.js";
 import { useWebSocket as mn } from "../../utils/websocket-manager/useWebSocket.js";
-import { i as dn, a3 as pn } from "../../index-h-TtOxhs.js";
-import '../../assets/SileoNotifications.css';import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.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';import '../../assets/NotificacionUsuario.css';/* empty css                  */
+import { m as dn, a6 as pn } from "../../index-BqaJxgOF.js";
+import '../../assets/SileoNotifications.css';import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/DocumentoVisorEstado.css';import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.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';import '../../assets/NotificacionUsuario.css';/* empty css                  */
 /* empty css                        */
 import "../../ui/subtitulo/Subtitulo.js";
 /* empty css                            */
@@ -40,6 +40,7 @@ import { NotificacionBellV2 as hn } from "../../ui/notificacion-popover-v2/Notif
 /* empty css                               */
 /* empty css                       */
 /* empty css                           */
+/* empty css                                  */
 /* empty css                               */
 /* empty css                         */
 /* empty css                          */
@@ -616,7 +617,7 @@ function Yt() {
   }, o;
 }
 var Hn = Yt();
-const ki = ({ variant: l = "normal" }) => {
+const Ui = ({ variant: l = "normal" }) => {
   const [o, f] = O(!1), [s, d] = O([]), [R, v] = O([]), [K, z] = O([]), [ie, Xe] = O(1), [qe, Ie] = O(1), [ue, oe] = O(1), [Ke, Ze] = O(!0), [Je, we] = O(!0), [me, L] = O(!0), [Z, de] = O(!1), [Qe, Me] = O(!1), [xe, pe] = O(!1), [y, J] = O(0), [$, Ee] = O(null), [G, ae] = O(null), [D, Ae] = O("unread"), ve = It(null), Ne = It(null), A = () => {
     var u;
     const t = localStorage.getItem("auth_state"), i = t ? JSON.parse(t) : null;
@@ -846,5 +847,5 @@ const ki = ({ variant: l = "normal" }) => {
   ] });
 };
 export {
-  ki as NotificacionUsuario
+  Ui as NotificacionUsuario
 };