react-ecosistema-unp 1.6.14 → 1.7.0-pre.0

package/dist/assets/MenuLateral.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&family=Noto+Sans:wght@300;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap";:root{--color-default: #303d50;--color-white: #fff;--color-body: #ffffff;--color-light: #e0e0e0;--Color-complementario: #2e4b6b}*{padding:0%;margin:0%;box-sizing:border-box;font-family:roboto,sans-serif}body{min-height:calc(100vh - .5rem)}.sidebar-bar-panel{min-height:100vh;width:78px;padding:6px 14px;background-color:var(--color-default);transition:all .5s ease;position:fixed;top:0;left:0;z-index:0}.sidebar-bar-panel.open{width:280px;z-index:0}.sidebar-bar-panel .logo_details{height:60px;display:flex;align-items:center;position:relative}.logo-image{height:30px;max-width:30px;min-width:0px;object-fit:contain;margin-right:10px;margin-left:4px}.sidebar-bar-panel .logo_details .icon{opacity:0;transition:all .5s ease}.sidebar-bar-panel .logo_details .logo-name{color:var(--color-white);font-size:18px;font-weight:600;padding-left:0;max-width:180px;min-width:0px;opacity:0;transition:all .5s ease;z-index:0}.sidebar-bar-panel.open .logo_details .icon,.sidebar-bar-panel.open .logo_details .logo-name{opacity:1}.sidebar-bar-panel .logo_details #btn{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:23px;text-align:center;cursor:pointer;transition:all .5s ease}.sidebar-bar-panel.open .logo_details #btn{text-align:right;left:84.5%}.sidebar-bar-panel .i{color:var(--color-white);height:30px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:400}.sidebar-bar-panel .i2{color:var(--color-white);height:20px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:300}.sidebar-bar-panel .nav-list-panel{margin-top:20px;height:100%;padding:0}.sidebar-bar-panel li{position:relative;margin:20px 0;list-style:none}.sidebar-bar-panel li .tooltip{position:absolute;top:-20px;left:calc(100% + 15px);z-index:9000!important;background-color:var(--color-white);box-shadow:0 5px 10px #0000004d;padding:6px 14px;font-size:15px;font-weight:500;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none}.sidebar-bar-panel li:hover .tooltip{opacity:1;pointer-events:auto;transition:all .4s ease;top:50%;transform:translateY(-50%)}.sidebar-bar-panel.open li .tooltip{display:none}.sidebar-bar-panel li a{display:flex;height:100%;width:100%;align-items:center;text-decoration:none;background-color:var(--color-default);position:relative;transition:all .5s ease;z-index:12}.sidebar-bar-panel li a:after{content:"";position:absolute;width:100%;height:35px;transform:scaleX(0);background-color:var(--color-white);border-radius:5px;transition:transform .3s ease-in-out;transform-origin:left;z-index:-2}.sidebar-bar-panel li a:hover:after{transform:scaleX(1);color:var(--color-default);height:35px}.sidebar-bar-panel li a .link_name{color:var(--color-white);font-size:15px;font-weight:500;white-space:nowrap;pointer-events:auto;transition:all .4s ease;pointer-events:none;opacity:0}.sidebar-bar-panel li a:hover .link_name,.sidebar-bar-panel li a:hover .i{transition:all .5s ease;color:var(--color-default)}.sidebar-bar-panel li a:hover .bx{color:var(--color-default)}.sidebar-bar-panel.open li a .link_name{opacity:1;pointer-events:auto}.sidebar-bar-panel .profile-content{position:absolute;color:var(--color-white);bottom:0;left:0;width:100%}.sidebar-bar-panel .profile-content .profile{position:relative;padding:18px;height:75px;background:none;transition:all .5s ease}.sidebar-bar-panel .profile-content .profile a{text-decoration:none;color:var(--color-white)}.sidebar-bar-panel.open .profile-content .profile{background-color:var(--Color-complementario)}.profile-content .profile .profile-detail{display:flex;align-items:center;opacity:0;pointer-events:auto;white-space:nowrap}.sidebar-bar-panel.open .profile .profile-detail{opacity:1;pointer-events:auto}.sidebar-bar-panel.open .profile .icon{left:90%;background:none}.sidebar-bar-panel .profile .icon:hover{cursor:pointer}.profile .profile-detail .name-job{margin-left:10px}.profile .profile-detail .name{font-size:15px;font-weight:600}.profile .profile-detail .job{font-size:12px;font-weight:400}.profile .icon{position:absolute;left:50%;bottom:23%;transform:translate(-50%);min-width:40px;line-height:60px;height:38px;text-align:center;transition:all .5s ease;background:var(--Color-complementario);padding:7px;border-radius:7px}.main-section{margin-top:0;margin-left:78px;margin-right:0;transition:margin-left .5s ease;z-index:1}.menu-open .main-section{margin-left:280px;z-index:1}.bg-custom{background-color:#303d50;border:#ffffff}.bg-custom:hover{background-color:#2e465f}.custom-collapse{animation:slideFromRight .5s ease forwards}.custom-collapse-reverse{animation:slideToRight .5s ease forwards}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideToRight{0%{transform:translate(0)}to{transform:translate(100%)}}
+@import"https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&family=Noto+Sans:wght@300;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap";:root{--color-default: #303d50;--color-white: #fff;--color-body: #ffffff;--color-light: #e0e0e0;--Color-complementario: #2e4b6b}*{padding:0%;margin:0%;box-sizing:border-box;font-family:roboto,sans-serif}body{min-height:calc(100vh - .5rem)}.sidebar-bar-panel{min-height:100vh;width:78px;padding:6px 14px;background-color:var(--color-default);transition:all .5s ease;position:fixed;top:0;left:0;z-index:0}.sidebar-bar-panel.open{width:280px;z-index:0}.sidebar-bar-panel .logo_details{height:60px;display:flex;align-items:center;position:relative}.logo-image{height:30px;max-width:30px;min-width:0px;object-fit:contain;margin-right:10px;margin-left:4px}.sidebar-bar-panel .logo_details .icon{opacity:0;transition:all .5s ease}.sidebar-bar-panel .logo_details .logo-name{color:var(--color-white);font-size:18px;font-weight:600;padding-left:0;max-width:180px;min-width:0px;opacity:0;transition:all .5s ease;z-index:0}.sidebar-bar-panel.open .logo_details .icon,.sidebar-bar-panel.open .logo_details .logo-name{opacity:1}.sidebar-bar-panel .logo_details #btn{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:23px;text-align:center;cursor:pointer;transition:all .5s ease}.sidebar-bar-panel.open .logo_details #btn{text-align:right;left:84.5%}.sidebar-bar-panel .i{color:var(--color-white);height:30px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:400}.sidebar-bar-panel .i2{color:var(--color-white);height:20px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:300}.sidebar-bar-panel .nav-list-panel{margin-top:20px;height:100%;padding:0}.sidebar-bar-panel li{position:relative;margin:20px 0;list-style:none}.sidebar-bar-panel li .tooltip{position:absolute;top:-20px;left:calc(100% + 15px);z-index:9000!important;background-color:var(--color-white);box-shadow:0 5px 10px #0000004d;padding:6px 14px;font-size:15px;font-weight:500;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none}.sidebar-bar-panel li:hover .tooltip{opacity:1;pointer-events:auto;transition:all .4s ease;top:50%;transform:translateY(-50%)}.sidebar-bar-panel.open li .tooltip{display:none}.sidebar-bar-panel li a{display:flex;height:100%;width:100%;align-items:center;text-decoration:none;background-color:var(--color-default);position:relative;transition:all .5s ease;z-index:12}.sidebar-bar-panel li a:after{content:"";position:absolute;width:100%;height:35px;transform:scaleX(0);background-color:var(--color-white);border-radius:5px;transition:transform .3s ease-in-out;transform-origin:left;z-index:-2}.sidebar-bar-panel li a:hover:after{transform:scaleX(1);color:var(--color-default);height:35px}.sidebar-bar-panel li a .link_name{color:var(--color-white);font-size:15px;font-weight:500;white-space:nowrap;pointer-events:auto;transition:all .4s ease;pointer-events:none;opacity:0}.sidebar-bar-panel li a:hover .link_name,.sidebar-bar-panel li a:hover .i{transition:all .5s ease;color:var(--color-default)}.sidebar-bar-panel li a:hover .bx{color:var(--color-default)}.sidebar-bar-panel.open li a .link_name{opacity:1;pointer-events:auto}.sidebar-bar-panel .profile-content{position:absolute;color:var(--color-white);bottom:0;left:0;width:100%}.sidebar-bar-panel .profile-content .profile{position:relative;padding:18px;height:75px;background:none;transition:all .5s ease}.sidebar-bar-panel .profile-content .profile a{text-decoration:none;color:var(--color-white)}.sidebar-bar-panel.open .profile-content .profile{background-color:var(--Color-complementario)}.profile-content .profile .profile-detail{display:flex;align-items:center;opacity:0;pointer-events:auto;white-space:nowrap}.sidebar-bar-panel.open .profile .profile-detail{opacity:1;pointer-events:auto}.sidebar-bar-panel.open .profile .icon{left:90%;background:none}.sidebar-bar-panel .profile .icon:hover{cursor:pointer}.profile .profile-detail .name-job{margin-left:10px}.profile .profile-detail .name{font-size:15px;font-weight:600}.profile .profile-detail .job{font-size:12px;font-weight:400}.profile .icon{position:absolute;left:50%;bottom:23%;transform:translate(-50%);min-width:40px;line-height:60px;height:38px;text-align:center;transition:all .5s ease;background:var(--Color-complementario);padding:7px;border-radius:7px}.main-section{margin-top:0;margin-left:78px;margin-right:0;transition:margin-left .5s ease;z-index:1}.menu-open .main-section{margin-left:280px;z-index:1}.bg-custom{background-color:#303d50;border:#ffffff}.bg-custom:hover{background-color:#2e465f}.custom-collapse{animation:slideFromRight .5s ease forwards}.custom-collapse-reverse{animation:slideToRight .5s ease forwards}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke-check .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{width:20px;height:20px;border-radius:50%;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 #7ac142;animation:fill-check .4s ease-in-out .4s forwards,scale-check .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke-check .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes scale-check{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill-check{to{box-shadow:inset 0 0 0 30px #98e2609a}}.x-checkmark{width:20px;height:20px;border-radius:50%;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 #c14242;animation:fill-x .4s ease-in-out .4s forwards,scale-x .3s ease-in-out .9s both}.x-checkmark_circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#c14242;fill:none;animation:stroke-x .6s cubic-bezier(.65,0,.45,1) forwards}.x-checkmark_check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke-x .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke-x{to{stroke-dashoffset:0}}@keyframes scale-x{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill-x{to{box-shadow:inset 0 0 0 30px #e260609a}}.ripplemark{width:20px;height:20px;display:block;margin:10% auto;background-color:#60c4e29a;border-radius:50%;overflow:visible}.ripplemark__wave{fill:none;stroke:#fff;stroke-width:5;opacity:.8;transform-origin:center;animation:ripple-wave 1.5s ease-out infinite}@keyframes ripple-wave{0%{r:0;opacity:.8}70%{r:20;opacity:.2}to{r:25;opacity:0}}

package/dist/auth/contexts/AuthContex.js

@@ -1,22 +1,22 @@
 import { jsx as u } from "react/jsx-runtime";
-import { createContext as c, useState as t } from "react";
-const a = c(void 0), x = ({ children: e }) => {
-  const [o, n] = t(
+import { createContext as c, useState as e } from "react";
+const i = c(void 0), h = ({ children: t }) => {
+  const [o, r] = e(
     // localStorage.getItem("access_token")
     ""
-  ), [r, s] = t(
+  ), [n, s] = e(
     // localStorage.getItem("user_token")
     ""
   );
-  return console.log("authContext"), /* @__PURE__ */ u(
-    a.Provider,
+  return /* @__PURE__ */ u(
+    i.Provider,
     {
-      value: { authToken: o, setAuthToken: n, userToken: r, setUserToken: s },
-      children: e
+      value: { authToken: o, setAuthToken: r, userToken: n, setUserToken: s },
+      children: t
     }
   );
 };
 export {
-  a as AuthContext,
-  x as AuthProvider
+  i as AuthContext,
+  h as AuthProvider
 };

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-BpmHFDVa.js";
+import { q as s } from "../../../index-Cpp73e44.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,7 +1,8 @@
 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-BpmHFDVa.js";
-import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h = !1, children: o }) => {
+import { o as j, p } from "../../index-Cpp73e44.js";
+import '../../assets/UnpHistorico.css';/* empty css                         */
+const x = ({ icon: c, label: l, show: h = !1, children: o }) => {
   const [e, i] = r(h), [f, s] = r(0), a = d(null);
   return u(() => {
     if (!a.current) return;
@@ -22,7 +23,7 @@ import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h =
           onClick: () => i(!e)
         }
       ) : /* @__PURE__ */ t(
-        N,
+        p,
         {
           className: "tarjeta-info-show-button",
           onClick: () => i(!e)
@@ -40,5 +41,5 @@ import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h =
   ] });
 };
 export {
-  C as TarjetaInfo
+  x as TarjetaInfo
 };

package/dist/data/tarjeta-datos/TarjetaDatos.js

@@ -3,7 +3,7 @@ import "react";
 import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
-import { m as t } from "../../index-BpmHFDVa.js";
+import { m as t } from "../../index-Cpp73e44.js";
 /* empty css                               */
 /* empty css                            */
 /* empty css                  */

package/dist/{index-BpmHFDVa.js → index-Cpp73e44.js}

@@ -87,13 +87,13 @@ export {
   A as l,
   x as m,
   M as n,
-  B as o,
-  g as p,
-  e as q,
-  C as r,
-  w as s,
-  d as t,
-  z as u,
+  d as o,
+  z as p,
+  B as q,
+  g as r,
+  e as s,
+  C as t,
+  w as u,
   s as v,
   r as w
 };

package/dist/lib/utils/websocket-manager/WebSocketContext.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ReactNode } from 'react';
+export type ConnectionStatus = 'connected' | 'connecting' | 'disconnected';
+interface WebSocketContextType {
+    connectionStatus: ConnectionStatus;
+    connectWebSocket: (url: string) => void;
+    disconnectWebSocket: () => void;
+    sendWebSocketMessage: (data: any) => void;
+}
+export declare const WebSocketProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useWebSocketConnection: () => WebSocketContextType;
+export {};

package/dist/lib/utils/websocket-manager/useWebSocket.d.ts

@@ -0,0 +1 @@
+export declare const useWebSocket: (url: string, onMessage: (data: any) => void) => void;

package/dist/lib/utils/websocket-manager/websocket.d.ts

@@ -0,0 +1,19 @@
+type MessageHandler = (data: any) => void;
+type ConnectionStatus = 'connected' | 'connecting' | 'disconnected';
+declare class WebSocketService {
+    private socket;
+    private messageHandlers;
+    private statusCallbacks;
+    private url;
+    private reconnectTimer;
+    private reconnectionAttempts;
+    private setStatus;
+    subscribeToStatus(callback: (status: ConnectionStatus) => void): () => void;
+    connect(url: string): void;
+    disconnect(): void;
+    send(data: any): void;
+    subscribe(handler: MessageHandler): () => void;
+    unsubscribe(handler: MessageHandler): void;
+}
+export declare const webSocketService: WebSocketService;
+export {};

package/dist/lib/utils.d.ts

@@ -6,3 +6,5 @@ export { useFormValidation } from './utils/validations/useFormValidation.js';
 export { IsInvalidStyles } from './utils/validations/useFormValidation.js';
 export { CaptchaEcosistema } from './utils/captcha/CaptchaEcosistema.js';
 export { useFetchData } from './utils/fetch-data/useFetchData.js';
+export { WebSocketProvider, useWebSocketConnection } from './utils/websocket-manager/WebSocketContext.js';
+export { useWebSocket } from './utils/websocket-manager/useWebSocket.js';

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { useState as d, useEffect as h } from "react";
 import { F as t, e as u, f, g as v, h as z } from "../../index-CgSyrJ_X.js";
-import { w as N } from "../../index-BpmHFDVa.js";
+import { w as N } from "../../index-Cpp73e44.js";
 import { G as g } from "../../iconBase-LROS5hdG.js";
 import { j as w } from "../../index-CuHybtft.js";
 import { N as b } from "../../NavDropdown-ei8eIwIE.js";

package/dist/shared/iconos-sistema/logout-button/LogoutButton.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useFinalizarSesion as t } from "../../../auth/hooks/useFinalizarSesion.js";
-import { v as i } from "../../../index-BpmHFDVa.js";
+import { v as i } from "../../../index-Cpp73e44.js";
 import '../../../assets/LogoutButton.css';const a = () => {
   const { FinSesion: o } = t();
   return /* @__PURE__ */ r(i, { className: "icono-logout", onClick: o });

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

@@ -1,75 +1,96 @@
-import { jsx as a, Fragment as x, jsxs as e } from "react/jsx-runtime";
-import { useState as o, useEffect as d } from "react";
-import { useNavigate as z } from "react-router-dom";
-import { j as h } from "../../index-CuHybtft.js";
-import { useFinalizarSesion as b } from "../../auth/hooks/useFinalizarSesion.js";
-import { urlBase as M, urlCertificadoLaboral as k } from "../../utils/Url.js";
+import { jsx as a, Fragment as h, jsxs as t } from "react/jsx-runtime";
+import { useState as d, useEffect as m } from "react";
+import { useNavigate as b } from "react-router-dom";
+import { j as p } from "../../index-CuHybtft.js";
+import { useFinalizarSesion as z } from "../../auth/hooks/useFinalizarSesion.js";
+import { urlBase as w, urlCertificadoLaboral as M } from "../../utils/Url.js";
+import "../../auth/contexts/AuthContex.js";
+import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/UnpHistorico.css';import '../../assets/MenuLateral.css';/* empty css                          */
+/* empty css                     */
+/* empty css                       */
+import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
+/* empty css                               */
+/* empty css                            */
 import { l as B } from "../../logo_escudo_blanco-DaOI8SGq.js";
+/* empty css                  */
+/* empty css                                   */
+/* empty css                         */
+/* empty css                        */
+import "../../ui/subtitulo/Subtitulo.js";
+/* empty css                            */
+/* empty css                       */
+/* empty css                        */
+/* empty css                          */
+/* empty css                               */
+/* empty css                   */
+import "../../Animacion-ThNL9iiY.js";
+import "../../index-BUe3EJDH.js";
+import { useWebSocketConnection as _ } from "../../utils/websocket-manager/WebSocketContext.js";
 import { G as i } from "../../iconBase-LROS5hdG.js";
-import '../../assets/MenuLateral.css';function H(t) {
-  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M2 12h2a7.986 7.986 0 0 1 2.337-5.663 7.91 7.91 0 0 1 2.542-1.71 8.12 8.12 0 0 1 6.13-.041A2.488 2.488 0 0 0 17.5 7C18.886 7 20 5.886 20 4.5S18.886 2 17.5 2c-.689 0-1.312.276-1.763.725-2.431-.973-5.223-.958-7.635.059a9.928 9.928 0 0 0-3.18 2.139 9.92 9.92 0 0 0-2.14 3.179A10.005 10.005 0 0 0 2 12zm17.373 3.122c-.401.952-.977 1.808-1.71 2.541s-1.589 1.309-2.542 1.71a8.12 8.12 0 0 1-6.13.041A2.488 2.488 0 0 0 6.5 17C5.114 17 4 18.114 4 19.5S5.114 22 6.5 22c.689 0 1.312-.276 1.763-.725A9.965 9.965 0 0 0 12 22a9.983 9.983 0 0 0 9.217-6.102A9.992 9.992 0 0 0 22 12h-2a7.993 7.993 0 0 1-.627 3.122z" }, child: [] }, { tag: "path", attr: { d: "M12 7.462c-2.502 0-4.538 2.036-4.538 4.538S9.498 16.538 12 16.538s4.538-2.036 4.538-4.538S14.502 7.462 12 7.462zm0 7.076c-1.399 0-2.538-1.139-2.538-2.538S10.601 9.462 12 9.462s2.538 1.139 2.538 2.538-1.139 2.538-2.538 2.538z" }, child: [] }] })(t);
+function H(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M2 12h2a7.986 7.986 0 0 1 2.337-5.663 7.91 7.91 0 0 1 2.542-1.71 8.12 8.12 0 0 1 6.13-.041A2.488 2.488 0 0 0 17.5 7C18.886 7 20 5.886 20 4.5S18.886 2 17.5 2c-.689 0-1.312.276-1.763.725-2.431-.973-5.223-.958-7.635.059a9.928 9.928 0 0 0-3.18 2.139 9.92 9.92 0 0 0-2.14 3.179A10.005 10.005 0 0 0 2 12zm17.373 3.122c-.401.952-.977 1.808-1.71 2.541s-1.589 1.309-2.542 1.71a8.12 8.12 0 0 1-6.13.041A2.488 2.488 0 0 0 6.5 17C5.114 17 4 18.114 4 19.5S5.114 22 6.5 22c.689 0 1.312-.276 1.763-.725A9.965 9.965 0 0 0 12 22a9.983 9.983 0 0 0 9.217-6.102A9.992 9.992 0 0 0 22 12h-2a7.993 7.993 0 0 1-.627 3.122z" }, child: [] }, { tag: "path", attr: { d: "M12 7.462c-2.502 0-4.538 2.036-4.538 4.538S9.498 16.538 12 16.538s4.538-2.036 4.538-4.538S14.502 7.462 12 7.462zm0 7.076c-1.399 0-2.538-1.139-2.538-2.538S10.601 9.462 12 9.462s2.538 1.139 2.538 2.538-1.139 2.538-2.538 2.538z" }, child: [] }] })(e);
 }
-function w(t) {
-  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z" }, child: [] }] })(t);
+function C(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z" }, child: [] }] })(e);
 }
-function C(t) {
-  return i({ tag: "svg", 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 S(e) {
+  return i({ tag: "svg", 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: [] }] })(e);
 }
-function _(t) {
-  return i({ tag: "svg", 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 A(e) {
+  return i({ tag: "svg", 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: [] }] })(e);
 }
-function A(t) {
-  return i({ tag: "svg", 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 y(e) {
+  return i({ tag: "svg", 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: [] }] })(e);
 }
-function S(t) {
-  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a.999.999 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13zm7 7v-5h4v5h-4zm2-15.586 6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586l6-6z" }, child: [] }] })(t);
+function L(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a.999.999 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13zm7 7v-5h4v5h-4zm2-15.586 6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586l6-6z" }, child: [] }] })(e);
 }
-function L(t) {
-  return i({ tag: "svg", 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 V(e) {
+  return i({ tag: "svg", 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: [] }] })(e);
 }
-function V(t) {
-  return i({ tag: "svg", 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 T(e) {
+  return i({ tag: "svg", 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: [] }] })(e);
 }
-function T(t) {
-  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m12 17 1-2V9.858c1.721-.447 3-2 3-3.858 0-2.206-1.794-4-4-4S8 3.794 8 6c0 1.858 1.279 3.411 3 3.858V15l1 2zM10 6c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2-2-.897-2-2z" }, child: [] }, { tag: "path", attr: { d: "m16.267 10.563-.533 1.928C18.325 13.207 20 14.584 20 16c0 1.892-3.285 4-8 4s-8-2.108-8-4c0-1.416 1.675-2.793 4.267-3.51l-.533-1.928C4.197 11.54 2 13.623 2 16c0 3.364 4.393 6 10 6s10-2.636 10-6c0-2.377-2.197-4.46-5.733-5.437z" }, child: [] }] })(t);
+function I(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m12 17 1-2V9.858c1.721-.447 3-2 3-3.858 0-2.206-1.794-4-4-4S8 3.794 8 6c0 1.858 1.279 3.411 3 3.858V15l1 2zM10 6c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2-2-.897-2-2z" }, child: [] }, { tag: "path", attr: { d: "m16.267 10.563-.533 1.928C18.325 13.207 20 14.584 20 16c0 1.892-3.285 4-8 4s-8-2.108-8-4c0-1.416 1.675-2.793 4.267-3.51l-.533-1.928C4.197 11.54 2 13.623 2 16c0 3.364 4.393 6 10 6s10-2.636 10-6c0-2.377-2.197-4.46-5.733-5.437z" }, child: [] }] })(e);
 }
-function y(t) {
-  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm4 5h12v2H8zm5 5h7v2h-7z" }, child: [] }] })(t);
+function P(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm4 5h12v2H8zm5 5h7v2h-7z" }, child: [] }] })(e);
 }
-function I(t) {
-  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(t);
+function j(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(e);
 }
-function P(t) {
-  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M3.414 13.778 2 15.192l4.949 2.121 2.122 4.95 1.414-1.414-.707-3.536L13.091 14l3.61 7.704 1.339-1.339-1.19-10.123 2.828-2.829a2 2 0 1 0-2.828-2.828l-2.903 2.903L3.824 6.297 2.559 7.563l7.644 3.67-3.253 3.253-3.536-.708z" }, child: [] }] })(t);
+function E(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M3.414 13.778 2 15.192l4.949 2.121 2.122 4.95 1.414-1.414-.707-3.536L13.091 14l3.61 7.704 1.339-1.339-1.19-10.123 2.828-2.829a2 2 0 1 0-2.828-2.828l-2.903 2.903L3.824 6.297 2.559 7.563l7.644 3.67-3.253 3.253-3.536-.708z" }, child: [] }] })(e);
 }
-function j(t) {
-  return i({ tag: "svg", 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 U(e) {
+  return i({ tag: "svg", 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: [] }] })(e);
 }
-const J = ({ onToggle: t, isOpen: n }) => {
-  const [m, p] = o(!0), [s, r] = o(null), v = n ? "sidebar-bar-panel open" : "sidebar-bar-panel", g = z(), { FinSesion: u } = b();
-  if (d(() => {
+const g1 = ({ onToggle: e, isOpen: c }) => {
+  const [v, g] = d(!0), [n, s] = d(null), u = c ? "sidebar-bar-panel open" : "sidebar-bar-panel", x = b(), { FinSesion: N } = z(), { connectionStatus: o } = _();
+  if (m(() => {
     const l = sessionStorage.getItem("user_token");
     if (l) {
-      const c = h(l);
-      r(c);
+      const r = p(l);
+      s(r);
     }
-    p(!1);
-  }, []), d(() => {
+    g(!1);
+  }, []), m(() => {
     const l = setTimeout(() => {
-      const c = sessionStorage.getItem("user_token");
-      if (c) {
-        const f = h(c);
-        r(f);
+      const r = sessionStorage.getItem("user_token");
+      if (r) {
+        const k = p(r);
+        s(k);
       }
     }, 2e3);
     return () => clearTimeout(l);
-  }, []), m)
-    return /* @__PURE__ */ a(x, {});
-  const N = () => {
-    g("/unp/ecosistema/usuario");
+  }, []), v)
+    return /* @__PURE__ */ a(h, {});
+  const f = () => {
+    x("/unp/ecosistema/usuario");
   };
-  return /* @__PURE__ */ a("div", { className: `container-fluid ${n ? "menu-open" : ""}`, children: /* @__PURE__ */ e("div", { className: v, children: [
-    /* @__PURE__ */ e("div", { className: "logo_details", children: [
+  return /* @__PURE__ */ a("div", { className: `container-fluid ${c ? "menu-open" : ""}`, children: /* @__PURE__ */ t("div", { className: u, children: [
+    /* @__PURE__ */ t("div", { className: "logo_details", children: [
       /* @__PURE__ */ a(
         "img",
         {
@@ -79,113 +100,174 @@ const J = ({ onToggle: t, isOpen: n }) => {
         }
       ),
       /* @__PURE__ */ a("div", { className: "logo-name", children: "EI - UNP" }),
-      n ? /* @__PURE__ */ a(
-        y,
+      c ? /* @__PURE__ */ a(
+        P,
         {
           className: "bx bx-menu i",
           id: "btn",
-          onClick: t
+          onClick: e
         }
-      ) : /* @__PURE__ */ a(I, { className: "bx bx-menu i", id: "btn", onClick: t })
+      ) : /* @__PURE__ */ a(j, { className: "bx bx-menu i", id: "btn", onClick: e })
     ] }),
-    /* @__PURE__ */ e("ul", { className: "nav-list-panel", children: [
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "", children: [
-          /* @__PURE__ */ a(S, { className: "bx bx-home i2" }),
+    /* @__PURE__ */ t("ul", { className: "nav-list-panel", children: [
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "", children: [
+          /* @__PURE__ */ a(L, { className: "bx bx-home i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Inicio" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Inicio" })
       ] }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "", children: [
-          /* @__PURE__ */ a(T, { className: "bx bx-map-pin i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "", children: [
+          /* @__PURE__ */ a(I, { className: "bx bx-map-pin i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Mapa del proceso" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Mapa del proceso" })
       ] }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "", children: [
-          /* @__PURE__ */ a(w, { className: "bx bx-book-alt i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "", children: [
+          /* @__PURE__ */ a(C, { className: "bx bx-book-alt i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Manuales de usuario" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Manual de usuario" })
       ] }),
       /* @__PURE__ */ a("div", { style: { paddingLeft: "15px", paddingRight: "15px" }, children: /* @__PURE__ */ a("hr", { style: { borderTop: "1px solid white" } }) }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "https://www.unp.gov.co/", target: "_blank", children: [
-          /* @__PURE__ */ a(L, { className: "bx bx-link-alt i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "https://www.unp.gov.co/", target: "_blank", children: [
+          /* @__PURE__ */ a(V, { className: "bx bx-link-alt i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Portal UNP" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Portal UNP" })
       ] }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t(
           "a",
           {
             href: "https://login.microsoftonline.com/common/oauth2/authorize?client_id=00000002-0000-0ff1-ce00-000000000000",
             target: "_blank",
             children: [
-              /* @__PURE__ */ a(C, { className: "bx bx-envelope i2" }),
+              /* @__PURE__ */ a(S, { className: "bx bx-envelope i2" }),
               /* @__PURE__ */ a("span", { className: "link_name", children: "Correo institucional" })
             ]
           }
         ),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Correo institucional" })
       ] }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "http://intranet.unp.gov.co/", target: "_blank", children: [
-          /* @__PURE__ */ a(j, { className: "bx bxl-redux i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "http://intranet.unp.gov.co/", target: "_blank", children: [
+          /* @__PURE__ */ a(U, { className: "bx bxl-redux i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Acceso directo a Intranet" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Acceso directo a Intranet" })
       ] }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "https://mesadeservicios.unp.gov.co/HEAT/", target: "_blank", children: [
-          /* @__PURE__ */ a(_, { className: "bx bx-error-circle i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "https://mesadeservicios.unp.gov.co/HEAT/", target: "_blank", children: [
+          /* @__PURE__ */ a(A, { className: "bx bx-error-circle i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Mesa de servicios" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Mesa de servicios" })
       ] }),
       /* @__PURE__ */ a("div", { style: { paddingLeft: "15px", paddingRight: "15px" }, children: /* @__PURE__ */ a("hr", { style: { borderTop: "1px solid white" } }) }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "", children: [
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "", children: [
           /* @__PURE__ */ a(H, { className: "bx i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Acta de reunión" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Acta de reunión" })
       ] }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: "", children: [
-          /* @__PURE__ */ a(P, { className: "bx i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "", children: [
+          /* @__PURE__ */ a(E, { className: "bx i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Solicitud de viáticos" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Solicitud de viáticos" })
       ] }),
-      /* @__PURE__ */ e("li", { children: [
-        /* @__PURE__ */ e("a", { href: `${M}${k}`, target: "_blank", children: [
-          /* @__PURE__ */ a(A, { className: "bx i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: `${w}${M}`, target: "_blank", children: [
+          /* @__PURE__ */ a(y, { className: "bx i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Certificados contratistas" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Certificados contratistas" })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "profile-content", children: /* @__PURE__ */ e("div", { className: "profile", children: [
-      /* @__PURE__ */ a(
-        "div",
+    /* @__PURE__ */ t("div", { className: "profile-content", children: [
+      !c && /* @__PURE__ */ a(h, { children: o === "connected" ? /* @__PURE__ */ t(
+        "svg",
         {
-          className: "profile-detail",
-          onClick: N,
-          style: { cursor: "pointer" },
-          children: s && /* @__PURE__ */ e("div", { className: "name-job", style: { marginTop: "3px" }, children: [
-            /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: s.datos_basicos.nombre }),
-            /* @__PURE__ */ a("div", { className: "job" })
-          ] })
+          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__ */ a(V, { className: "icon", onClick: u })
-    ] }) })
+      ) : o === "connecting" ? /* @__PURE__ */ t(
+        "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("circle", { className: "ripplemark__wave", cx: "26", cy: "26", r: "0", style: { animationDelay: "0.75s" } })
+          ]
+        }
+      ) : /* @__PURE__ */ t(
+        "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(
+              "path",
+              {
+                className: "x-checkmark_check",
+                fill: "none",
+                d: "M14.1 14.1l23.8 23.8 m0,-23.8 l-23.8,23.8"
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t("div", { className: "profile", children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "profile-detail",
+            onClick: f,
+            style: { cursor: "pointer" },
+            children: n && /* @__PURE__ */ t("div", { className: "name-job", style: { marginTop: "3px" }, children: [
+              /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: n.datos_basicos.nombre }),
+              /* @__PURE__ */ a("div", { className: "job" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ a(T, { className: "icon", onClick: N })
+      ] })
+    ] })
   ] }) });
 };
 export {
-  J as MenuLateral
+  g1 as MenuLateral
 };

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

@@ -1,9 +1,9 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { s as t } from "../../../index-BpmHFDVa.js";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { u as s } from "../../../index-Cpp73e44.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, "");
-  return /* @__PURE__ */ a("div", { className: "search-container", children: /* @__PURE__ */ s(i, { className: "d-flex align-items-center mx-1 position-relative", children: [
+  return /* @__PURE__ */ a("div", { className: "search-container", children: /* @__PURE__ */ t(i, { className: "d-flex align-items-center mx-1 position-relative", children: [
     /* @__PURE__ */ a(
       l,
       {
@@ -16,7 +16,7 @@ import '../../../assets/Buscador.css';const d = ({ onSearch: r }) => {
         }
       }
     ),
-    /* @__PURE__ */ a(t, { className: "input-icon" })
+    /* @__PURE__ */ a(s, { className: "input-icon" })
   ] }) });
 };
 export {

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-BpmHFDVa.js";
+import { t as A } from "../../../index-Cpp73e44.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-BpmHFDVa.js";
+import { n as v } from "../../index-Cpp73e44.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-BpmHFDVa.js";
+import { n as v } from "../../index-Cpp73e44.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,6 +1,6 @@
 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 g, k as h, l as G, m as H } from "../../index-BpmHFDVa.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-Cpp73e44.js";
 import '../../assets/IconoTooltip.css';/* empty css                          */
 const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
   const [a, b] = M(!1);

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

@@ -1,13 +1,13 @@
 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-BpmHFDVa.js";
+import { useNavigate as d } from "react-router-dom";
+import { r as i, s as n } from "../../index-Cpp73e44.js";
 import { G as c } from "../../iconBase-LROS5hdG.js";
 import '../../assets/ItemsModal.css';/* empty css                        */
 function m(l) {
   return c({ tag: "svg", attr: { viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M 15 4 L 15 20.5625 L 9.71875 15.28125 L 8.28125 16.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 23.71875 16.71875 L 22.28125 15.28125 L 17 20.5625 L 17 4 Z M 7 26 L 7 28 L 25 28 L 25 26 Z" }, child: [] }] })(l);
 }
 const N = ({ sections: l }) => {
-  const e = s();
+  const e = d();
   return /* @__PURE__ */ t("div", { className: "listado-tarjetas", children: l.map((a, r) => /* @__PURE__ */ o("div", { className: "tarjeta-listado-row", children: [
     /* @__PURE__ */ o(
       "div",
@@ -27,8 +27,8 @@ const N = ({ sections: l }) => {
       "div",
       {
         className: "tarjeta-listado-download-container",
-        onClick: (d) => {
-          d.stopPropagation(), a.handleDownload && a.handleDownload();
+        onClick: (s) => {
+          s.stopPropagation(), a.handleDownload && a.handleDownload();
         },
         children: /* @__PURE__ */ t(m, { className: "tarjeta-listado-download-icon" })
       }

package/dist/utils/unp-historico/UnpHistorico.js

@@ -1,6 +1,7 @@
 import { jsx as t, Fragment as s, jsxs as a } from "react/jsx-runtime";
 import { useState as l, useEffect as N } from "react";
-import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/UnpHistorico.css';/* empty css                     */
+import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/UnpHistorico.css';/* empty css                          */
+/* empty css                     */
 /* empty css                       */
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                               */
@@ -21,7 +22,7 @@ import "react-router-dom";
 /* empty css                   */
 import { Animacion as v } from "../../ui/animacion/Animacion.js";
 import { T as g } from "../../Table-C5ydZooy.js";
-const B = ({ endpoint: h, nuip: r }) => {
+const G = ({ endpoint: h, nuip: r }) => {
   const [c, m] = l({
     sintesisHechos1: !1,
     sintesisHehcos2: !1
@@ -155,5 +156,5 @@ const B = ({ endpoint: h, nuip: r }) => {
   ] }) });
 };
 export {
-  B as UnpHistorico
+  G as UnpHistorico
 };

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

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as u, useState as i, useEffect as b, useMemo as d, useContext as S } from "react";
+import { webSocketService as t } from "./websocket.js";
+const n = u(void 0), m = ({ children: e }) => {
+  const [o, c] = i("disconnected");
+  b(() => t.subscribeToStatus(c), []);
+  const s = d(() => ({
+    connectionStatus: o,
+    connectWebSocket: t.connect,
+    disconnectWebSocket: t.disconnect,
+    sendWebSocketMessage: t.send
+  }), [o]);
+  return /* @__PURE__ */ r(n.Provider, { value: s, children: e });
+}, x = () => {
+  const e = S(n);
+  if (e === void 0)
+    throw new Error("useWebSocket debe usarse dentro de un WebSocketProvider");
+  return e;
+};
+export {
+  m as WebSocketProvider,
+  x as useWebSocketConnection
+};

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

@@ -0,0 +1,16 @@
+import { useEffect as b } from "react";
+import { webSocketService as e } from "./websocket.js";
+const i = (c, s) => {
+  b(() => {
+    e.connect(c);
+    const t = (r) => {
+      s(r);
+    }, o = e.subscribe(t);
+    return () => {
+      o(), e.unsubscribe(t);
+    };
+  }, [c, s]);
+};
+export {
+  i as useWebSocket
+};

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

@@ -0,0 +1,62 @@
+var i = Object.defineProperty;
+var r = (c, t, e) => t in c ? i(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var s = (c, t, e) => r(c, typeof t != "symbol" ? t + "" : t, e);
+class a {
+  constructor() {
+    s(this, "socket", null);
+    s(this, "messageHandlers", /* @__PURE__ */ new Set());
+    s(this, "statusCallbacks", []);
+    s(this, "url", null);
+    s(this, "reconnectTimer", null);
+    s(this, "reconnectionAttempts", 0);
+  }
+  // Método para actualizar estado y notificar a los suscriptores
+  setStatus(t) {
+    this.statusCallbacks.forEach((e) => e(t));
+  }
+  // Permite suscribirse a cambios de estado
+  subscribeToStatus(t) {
+    return this.statusCallbacks.push(t), () => {
+      this.statusCallbacks = this.statusCallbacks.filter((e) => e !== t);
+    };
+  }
+  connect(t) {
+    this.socket || (this.url = t, this.setStatus("connecting"), this.socket = new WebSocket(t), this.socket.onopen = () => {
+      console.log(`✅ WebSocket conectado a ${t}`), this.setStatus("connected"), this.reconnectionAttempts = 0, this.reconnectTimer && clearTimeout(this.reconnectTimer), this.reconnectTimer = null;
+    }, this.socket.onmessage = (e) => {
+      try {
+        const n = JSON.parse(e.data);
+        this.messageHandlers.forEach((o) => o(n));
+      } catch (n) {
+        console.error("❌ Error parseando mensaje WebSocket", n);
+      }
+    }, this.socket.onclose = () => {
+      if (console.warn("🔌 WebSocket cerrado. Reintentando..."), this.socket = null, !this.reconnectTimer) {
+        let e = 3e3;
+        this.setStatus("connecting"), this.reconnectionAttempts > 5 && (e = 3e4, this.reconnectionAttempts = 0, this.setStatus("disconnected")), this.reconnectTimer = setTimeout(() => {
+          this.reconnectTimer = null, this.url && (this.reconnectionAttempts++, this.connect(this.url));
+        }, e);
+      }
+    }, this.socket.onerror = (e) => {
+      var n;
+      console.error("⚠️ WebSocket error:", e), this.setStatus("disconnected"), (n = this.socket) == null || n.close();
+    });
+  }
+  disconnect() {
+    this.socket && (this.socket.close(), this.socket = null), this.setStatus("disconnected");
+  }
+  send(t) {
+    var e;
+    ((e = this.socket) == null ? void 0 : e.readyState) === WebSocket.OPEN && this.socket.send(JSON.stringify(t));
+  }
+  subscribe(t) {
+    return this.messageHandlers.add(t), () => this.unsubscribe(t);
+  }
+  unsubscribe(t) {
+    this.messageHandlers.delete(t);
+  }
+}
+const l = new a();
+export {
+  l as webSocketService
+};

package/dist/utils.js

@@ -1,17 +1,22 @@
-import { AuthProvider as t } from "./auth/contexts/AuthContex.js";
+import { AuthProvider as r } from "./auth/contexts/AuthContex.js";
 import { ProtectedRoute as m } from "./utils/components/ProtectedRoute.js";
-import { UserRoute as a } from "./utils/components/UserRoute.js";
+import { UserRoute as s } from "./utils/components/UserRoute.js";
 import { UnpHistorico as f } from "./utils/unp-historico/UnpHistorico.js";
-import { IsInvalidStyles as x, useFormValidation as c } from "./utils/validations/useFormValidation.js";
-import { CaptchaEcosistema as d } from "./utils/captcha/CaptchaEcosistema.js";
-import { useFetchData as l } from "./utils/fetch-data/useFetchData.js";
+import { IsInvalidStyles as x, useFormValidation as a } from "./utils/validations/useFormValidation.js";
+import { CaptchaEcosistema as n } from "./utils/captcha/CaptchaEcosistema.js";
+import { useFetchData as S } from "./utils/fetch-data/useFetchData.js";
+import { WebSocketProvider as h, useWebSocketConnection as k } from "./utils/websocket-manager/WebSocketContext.js";
+import { useWebSocket as v } from "./utils/websocket-manager/useWebSocket.js";
 export {
-  t as AuthProvider,
-  d as CaptchaEcosistema,
+  r as AuthProvider,
+  n as CaptchaEcosistema,
   x as IsInvalidStyles,
   m as ProtectedRoute,
   f as UnpHistorico,
-  a as UserRoute,
-  l as useFetchData,
-  c as useFormValidation
+  s as UserRoute,
+  h as WebSocketProvider,
+  S as useFetchData,
+  a as useFormValidation,
+  v as useWebSocket,
+  k as useWebSocketConnection
 };

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.6.14",
+  "version": "1.7.0-pre.0",
   "type": "module",
   "exports": {
     ".": {