react-ecosistema-unp 1.7.7 → 1.7.9-pre.0

package/dist/assets/Tarjeta.css

@@ -1 +1 @@
-.bg-unp{border-radius:6px 6px 0 0!important;background-color:#303d50!important}.tarjeta-unp{border-radius:12px!important;box-shadow:0 6px 10px #00000019;border-bottom-left-radius:12px;margin-bottom:1.5rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important}.card-close-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff;margin-left:auto}.card-close-button:hover{color:#d36269}
+.bg-unp{border-radius:6px 6px 0 0!important;background-color:#303d50!important}.tarjeta-unp{border-radius:12px!important;box-shadow:0 6px 10px #00000019;border-bottom-left-radius:12px;margin-bottom:1rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important}.card-close-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff;margin-left:auto}.card-close-button:hover{color:#d36269}

package/dist/cards/tarjeta/Tarjeta.js

@@ -1,43 +1,43 @@
-import { jsxs as o, jsx as e, Fragment as S } from "react/jsx-runtime";
+import { jsxs as l, jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
-import { C as x, a as h } from "../../Card-DAsInpjB.js";
-import { C as B } from "../../CardBody-CqyD8ylW.js";
-import { B as E } from "../../Button-B87TJYml.js";
-const T = {
-  marginBottom: "20px",
+import { C as v, a as E } from "../../Card-DAsInpjB.js";
+import { C as T } from "../../CardBody-CqyD8ylW.js";
+import { B as x } from "../../Button-B87TJYml.js";
+const V = {
   width: "100px"
-}, I = ({
-  title: d,
+}, k = ({
+  title: y,
   header: s = !1,
-  children: n,
-  method: l = "get",
-  validated: c = !1,
-  onSubmit: u,
-  hasPaddingTop: y = !0,
+  children: i,
+  method: o = "get",
+  validated: u = !1,
+  onSubmit: f,
+  hasPaddingTop: g = !0,
   onClose: r,
-  hasBody: f = !0,
-  buttonLabel: g = "Enviar",
-  isButtonDisabled: b = !1
+  hasBody: b = !0,
+  buttonLabel: j = "Enviar",
+  isButtonDisabled: h = !1,
+  extraButton: m
 }) => {
-  const i = a.Children.toArray(n), j = i[0] && a.isValidElement(i[0]) && i[0].type.displayName === "Subtitulo", m = i.filter(
-    (t) => a.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
-  ), C = m.length > 0, N = a.Children.map(n, (t, p) => a.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? a.cloneElement(t, {
-    isGray: t.props.isGray ?? p % 2 === 1,
-    isLast: t.props.isLast ?? p === m.length - 1
-  }) : t);
-  return /* @__PURE__ */ o(
+  const n = a.Children.toArray(i), C = n[0] && a.isValidElement(n[0]) && n[0].type.displayName === "Subtitulo", p = n.filter(
+    (e) => a.isValidElement(e) && e.type.displayName === "SeccionTarjeta"
+  ), N = p.length > 0, S = a.Children.map(i, (e, d) => a.isValidElement(e) && e.type.displayName === "SeccionTarjeta" ? a.cloneElement(e, {
+    isGray: e.props.isGray ?? d % 2 === 1,
+    isLast: e.props.isLast ?? d === p.length - 1
+  }) : e);
+  return /* @__PURE__ */ l(
     "form",
     {
-      method: l,
+      method: o,
       noValidate: !0,
-      onSubmit: u,
-      className: c ? "was-validated" : "",
+      onSubmit: f,
+      className: u ? "was-validated" : "",
       children: [
-        /* @__PURE__ */ o(x, { className: "border-0 tarjeta-unp", children: [
-          /* @__PURE__ */ o(
-            h,
+        /* @__PURE__ */ l(v, { className: "border-0 tarjeta-unp", children: [
+          /* @__PURE__ */ l(
+            E,
             {
               className: "bg-unp text-light tarjeta-header-unp",
               style: {
@@ -50,18 +50,21 @@ const T = {
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ e("span", { style: { marginLeft: s && r ? "auto" : "" }, children: d }),
-                r && /* @__PURE__ */ e("button", { className: "card-close-button", onClick: r, type: "button", children: "×" })
+                /* @__PURE__ */ t("span", { style: { marginLeft: s && r ? "auto" : "" }, children: y }),
+                r && /* @__PURE__ */ t("button", { className: "card-close-button", onClick: r, type: "button", children: "×" })
               ]
             }
           ),
-          C ? N : f ? /* @__PURE__ */ e(B, { className: `${j || !y ? "pt-0" : ""}`, children: n }) : /* @__PURE__ */ e(S, { children: n })
+          N ? S : b ? /* @__PURE__ */ t(T, { className: `${C || !g ? "pt-0" : ""}`, children: i }) : /* @__PURE__ */ t(c, { children: i })
         ] }),
-        l === "post" && /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ e(E, { variant: "unp_send", style: T, type: "submit", disabled: b, children: g }) })
+        (o === "post" || m) && /* @__PURE__ */ l("div", { style: { display: "flex", justifyContent: "end", gap: "0.5rem", marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ t("div", { children: o === "post" && /* @__PURE__ */ t(x, { variant: "unp_send", style: V, type: "submit", disabled: h, children: j }) }),
+          /* @__PURE__ */ t("div", { children: m && /* @__PURE__ */ t(c, { children: m }) })
+        ] })
       ]
     }
   );
 };
 export {
-  I as Tarjeta
+  k as Tarjeta
 };

package/dist/lib/cards/tarjeta/Tarjeta.d.ts

@@ -12,6 +12,7 @@ interface TarjetaProps {
     hasBody?: boolean;
     buttonLabel?: string;
     isButtonDisabled?: boolean;
+    extraButton?: React.ReactNode;
 }
 declare const Tarjeta: React.FC<TarjetaProps>;
 export { Tarjeta };

package/dist/lib/utils/fetch-interceptor/fetchInterceptor.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface Window {
+        originalFetch: typeof fetch;
+    }
+}
+declare const _default: {};
+export default _default;

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

@@ -4,10 +4,11 @@ import { useNavigate as H } from "react-router-dom";
 import { j as u } from "../../index-CuHybtft.js";
 import { useFinalizarSesion as C } from "../../auth/hooks/useFinalizarSesion.js";
 import { urlBase as L, urlCertificadoLaboral as S } from "../../utils/Url.js";
+import '../../assets/EcoModalStyles.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/Tarjeta.css';import '../../assets/UnpHistorico.css';import '../../assets/Bootstrap.css';import '../../assets/MenuLateral.css';/* empty css                       */
+import "../../utils/fetch-interceptor/fetchInterceptor.js";
 import "../../auth/contexts/AuthContex.js";
-import '../../assets/EcoModalStyles.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';import '../../assets/MenuLateral.css';/* empty css                          */
+/* empty css                          */
 /* empty css                     */
-/* empty css                       */
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                               */
 /* empty css                            */
@@ -68,7 +69,7 @@ function G(t) {
 function W(t) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" }, child: [] }] })(t);
 }
-const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
+const M1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
   const [N, f] = o(!0), [m, p] = o(null), k = c ? "sidebar-bar-panel open" : "sidebar-bar-panel", b = H(), { FinSesion: w } = C(), { connectionStatus: v } = A(), [z, l] = o(!1), [M, n] = o(""), h = `${window.location.host}`;
   if (d(() => {
     const r = sessionStorage.getItem("user_token");
@@ -305,5 +306,5 @@ const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
   ] }) });
 };
 export {
-  z1 as MenuLateral
+  M1 as MenuLateral
 };

package/dist/utils/eco-provider/EcoContext.js

@@ -25,7 +25,8 @@ import "../../index-BrykDZgK.js";
 import "../../Animacion-ThNL9iiY.js";
 import "../../index-BUe3EJDH.js";
 import { WebSocketProvider as i } from "../websocket-manager/WebSocketContext.js";
-const B = ({ children: o }) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(i, { children: o }) });
+import "../fetch-interceptor/fetchInterceptor.js";
+const C = ({ children: o }) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(i, { children: o }) });
 export {
-  B as EcoProvider
+  C as EcoProvider
 };

package/dist/utils/fetch-interceptor/fetchInterceptor.js

@@ -0,0 +1,56 @@
+window.originalFetch = window.fetch.bind(window);
+let l = !1, h = null;
+const i = [];
+async function p() {
+  const e = `${`${window.location.protocol}//${window.location.host}/`}api-auth/auth/refresh_token/`, t = await window.originalFetch(e, {
+    method: "POST",
+    credentials: "include"
+  });
+  if (!t.ok)
+    throw new Error("Error al refrescar token, status " + t.status);
+  return "Token refreshed";
+}
+window.fetch = async function(o, e) {
+  const t = typeof o == "string" ? o : o.toString();
+  if (console.log("URL petición librería:", t), t.includes("/api-auth/"))
+    return window.originalFetch(o, e);
+  e = e || {};
+  const u = sessionStorage.getItem("user_token");
+  e.headers = {
+    ...e.headers,
+    ...u ? { Authorization: u } : {}
+  };
+  try {
+    const a = `${window.location.protocol}//${window.location.host}/`, r = await window.originalFetch(o, e);
+    if (r.status !== 401) {
+      const n = await r.clone().text();
+      if (!n.includes("Signature has expired"))
+        return r;
+      if (n.includes("Invalid or expired token"))
+        return sessionStorage.removeItem("user_token"), setTimeout(() => {
+          window.location.href = a;
+        }, 1e3), r;
+    }
+    return new Promise((w, n) => {
+      i.push({ input: o, init: e, resolve: w, reject: n }), l || (l = !0, h = p(), h.then(() => {
+        i.forEach(({ input: c, init: s, resolve: d, reject: f }) => {
+          const g = {
+            ...s,
+            headers: { ...s.headers, Authorization: sessionStorage.getItem("user_token") }
+          };
+          window.originalFetch(c, g).then(d).catch(f);
+        });
+      }).catch((c) => {
+        i.forEach(({ reject: s }) => s(c));
+      }).finally(() => {
+        i.length = 0, l = !1, h = null;
+      }));
+    });
+  } catch (a) {
+    return Promise.reject(a);
+  }
+};
+const k = {};
+export {
+  k as default
+};

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