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

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

@@ -1,191 +1,273 @@
-import { jsx as a, Fragment as x, jsxs as e } from "react/jsx-runtime";
-import { useState as o, useEffect as d } from "react";
+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 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 { l as B } from "../../logo_escudo_blanco-DaOI8SGq.js";
+import { j as p } from "../../index-CuHybtft.js";
+import { useFinalizarSesion as w } from "../../auth/hooks/useFinalizarSesion.js";
+import { urlBase as M, urlCertificadoLaboral as B } 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 _ } 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 H } 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 C(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 S(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 A(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 y(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 L(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 V(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 T(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 I(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 P(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 j(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 E(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 U(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 F(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 u1 = ({ onToggle: e, isOpen: c, showConnectionStatus: v }) => {
+  const [g, u] = d(!0), [n, s] = d(null), x = c ? "sidebar-bar-panel open" : "sidebar-bar-panel", N = z(), { FinSesion: f } = w(), { connectionStatus: o } = H();
+  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(() => {
+    u(!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 b = p(r);
+        s(b);
       }
     }, 2e3);
     return () => clearTimeout(l);
-  }, []), m)
-    return /* @__PURE__ */ a(x, {});
-  const N = () => {
-    g("/unp/ecosistema/usuario");
+  }, []), g)
+    return /* @__PURE__ */ a(h, {});
+  const k = () => {
+    N("/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: x, children: [
+    /* @__PURE__ */ t("div", { className: "logo_details", children: [
       /* @__PURE__ */ a(
         "img",
         {
-          src: B,
+          src: _,
           alt: "Logo",
           className: "icon logo-image"
         }
       ),
       /* @__PURE__ */ a("div", { className: "logo-name", children: "EI - UNP" }),
-      n ? /* @__PURE__ */ a(
-        y,
+      c ? /* @__PURE__ */ a(
+        j,
         {
           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(E, { 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(V, { 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(P, { 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(S, { 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(T, { 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(A, { 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(F, { 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(y, { 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__ */ a(H, { className: "bx i2" }),
+      /* @__PURE__ */ t("li", { children: [
+        /* @__PURE__ */ t("a", { href: "", children: [
+          /* @__PURE__ */ a(C, { 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(U, { 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: `${M}${B}`, target: "_blank", children: [
+          /* @__PURE__ */ a(L, { 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 && v && /* @__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: k,
+            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(I, { className: "icon", onClick: f })
+      ] })
+    ] })
   ] }) });
 };
 export {
-  J as MenuLateral
+  u1 as MenuLateral
 };

package/dist/shared/ventana-lienzo/VentanaLienzo.js

@@ -1,21 +1,21 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import a from "react";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import o from "react";
 import { IconosSistema as c } from "../iconos-sistema/IconosSistema.js";
-import { BreadcrumbNav as l } from "../breadcrumb/Breadcrumb.js";
-import { MenuLateral as p } from "../menu-lateral/MenuLateral.js";
-import '../../assets/VentanaLienzo.css';const h = ({ children: t, items: r, extraInput: m }) => {
-  const [n, s] = a.useState(!1), i = () => {
-    s(!n);
+import { BreadcrumbNav as p } from "../breadcrumb/Breadcrumb.js";
+import { MenuLateral as d } from "../menu-lateral/MenuLateral.js";
+import '../../assets/VentanaLienzo.css';const N = ({ children: t, items: r, extraInput: s, showConnectionStatus: m = !1 }) => {
+  const [n, i] = o.useState(!1), l = () => {
+    i(!n);
   };
-  return /* @__PURE__ */ o(a.Fragment, { children: [
-    /* @__PURE__ */ e(c, { elements: m }),
-    /* @__PURE__ */ e(p, { onToggle: i, isOpen: n }),
-    /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ o("div", { className: "main-section", children: [
-      /* @__PURE__ */ e(l, { items: r }),
+  return /* @__PURE__ */ a(o.Fragment, { children: [
+    /* @__PURE__ */ e(c, { elements: s }),
+    /* @__PURE__ */ e(d, { onToggle: l, isOpen: n, showConnectionStatus: m }),
+    /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ a("div", { className: "main-section", children: [
+      /* @__PURE__ */ e(p, { items: r }),
       /* @__PURE__ */ e("div", { className: "ventana-lienzo-container", children: t })
     ] }) })
   ] });
 };
 export {
-  h as VentanaLienzo
+  N as VentanaLienzo
 };