react-ecosistema-unp 1.8.0-pre.1 → 1.8.0-pre.3

package/dist/auth/contexts/AuthContex.js

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

package/dist/auth/hooks/useFinalizarSesion.js

@@ -1,25 +1,25 @@
-import { FinSesionService as r } from "../services/FinSesionService.js";
+import { FinSesionService as i } from "../services/FinSesionService.js";
 import { y as a } from "../../index-BUe3EJDH.js";
 import { useState as c, useEffect as l } from "react";
 import { j as m } from "../../index-CuHybtft.js";
-const p = () => {
-  const [e, i] = c(null), s = `${window.location.protocol}//${window.location.host}/`;
+const d = () => {
+  const [o, r] = c(null), n = `${window.location.protocol}//${window.location.host}/`;
   return l(() => {
-    const o = sessionStorage.getItem("user_token");
-    if (o) {
-      const n = m(o);
-      i(n);
+    const e = localStorage.getItem("access_token");
+    if (e) {
+      const t = m(e);
+      r(t);
     }
   }, []), { FinSesion: () => {
     a.promise(
-      new Promise(async (o, n) => {
+      new Promise(async (e, t) => {
         try {
-          await r((e == null ? void 0 : e.datos_basicos.username) || "", s), o(!0);
-        } catch (t) {
-          n(t);
+          await i((o == null ? void 0 : o.user.username) || "", n), e(!0);
+        } catch (s) {
+          t(s);
         } finally {
-          sessionStorage.removeItem("user_token"), setTimeout(() => {
-            window.location.href = s;
+          sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), setTimeout(() => {
+            window.location.href = n;
           }, 1e3);
         }
       }),
@@ -32,5 +32,5 @@ const p = () => {
   } };
 };
 export {
-  p as useFinalizarSesion
+  d as useFinalizarSesion
 };

package/dist/lib/auth/contexts/AuthContex.d.ts

@@ -4,8 +4,5 @@ declare const AuthContext: React.Context<AuthContextType | undefined>;
 interface AuthProviderProps {
     children: ReactNode;
 }
-/**
- * @deprecated since version 1.7.7 — use `EcoProvider` instead.
- */
 declare const AuthProvider: React.FC<AuthProviderProps>;
 export { AuthContext, AuthProvider };

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

@@ -4,8 +4,8 @@ import { F as t, f as u, g as f, h as v, i as z } from "../../index-D3WseyJh.js"
 import { z as N } from "../../index-DDjnZyBf.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";
-import '../../assets/AppList.css';function U(s) {
+import { N as U } from "../../NavDropdown-ei8eIwIE.js";
+import '../../assets/AppList.css';function b(s) {
   return g({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z" }, child: [] }] })(s);
 }
 const F = {
@@ -23,11 +23,11 @@ const F = {
 }, j = () => {
   const [s, l] = d([]), e = location.pathname, c = e.startsWith("/") ? e : `/${e}`;
   h(() => {
-    const a = sessionStorage.getItem("user_token");
+    const a = localStorage.getItem("access_token");
     if (a)
       try {
         const i = w(a);
-        l(i.datos_basicos.servicios);
+        l(i.user.servicios);
       } catch (i) {
         console.error("Error al decodificar el token:", i);
       }
@@ -37,9 +37,9 @@ const F = {
     window.location.href = i;
   };
   return /* @__PURE__ */ o(
-    b,
+    U,
     {
-      title: /* @__PURE__ */ o(U, { className: "icono-app" }),
+      title: /* @__PURE__ */ o(b, { className: "icono-app" }),
       align: "end",
       children: /* @__PURE__ */ o("div", { style: {
         fontWeight: "400",

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

@@ -69,9 +69,9 @@ 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 [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}`;
+  const [N, f] = o(!0), [m, p] = o(null), k = c ? "sidebar-bar-panel open" : "sidebar-bar-panel", w = H(), { FinSesion: b } = C(), { connectionStatus: v } = A(), [z, l] = o(!1), [M, n] = o(""), h = `${window.location.host}`;
   if (d(() => {
-    const r = sessionStorage.getItem("user_token");
+    const r = localStorage.getItem("access_token");
     if (r) {
       const s = u(r);
       p(s);
@@ -79,10 +79,10 @@ const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
     f(!1);
   }, []), d(() => {
     const r = setTimeout(() => {
-      const s = sessionStorage.getItem("user_token");
+      const s = localStorage.getItem("access_token");
       if (s) {
-        const B = u(s);
-        p(B);
+        const _ = u(s);
+        p(_);
       }
     }, 2e3);
     return () => clearTimeout(r);
@@ -90,8 +90,8 @@ const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
     h.includes("localhost") ? (l(!0), n("Entorno local")) : h.includes("ecosistemadesarrollo") ? (l(!0), n("Entorno de desarrollo")) : h.includes("ecosistemapruebas") ? (l(!0), n("Entorno de pruebas")) : (l(!1), n(""));
   }, []), N)
     return /* @__PURE__ */ a(g, {});
-  const _ = () => {
-    b("/unp/ecosistema/usuario");
+  const B = () => {
+    w("/unp/ecosistema/usuario");
   };
   return /* @__PURE__ */ a("div", { className: `container-fluid ${c ? "menu-open" : ""}`, children: /* @__PURE__ */ e("div", { className: k, children: [
     /* @__PURE__ */ e("div", { className: "logo_details", children: [
@@ -291,15 +291,15 @@ const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
           "div",
           {
             className: "profile-detail",
-            onClick: _,
+            onClick: B,
             style: { cursor: "pointer" },
             children: m && /* @__PURE__ */ e("div", { className: "name-job", style: { marginTop: "3px" }, children: [
-              /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: m.datos_basicos.nombre }),
+              /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: m.user.nombres }),
               /* @__PURE__ */ a("div", { className: "job" })
             ] })
           }
         ),
-        /* @__PURE__ */ a(F, { className: "icon", onClick: w })
+        /* @__PURE__ */ a(F, { className: "icon", onClick: b })
       ] })
     ] })
   ] }) });

package/dist/utils/components/ProtectedRoute.js

@@ -1,9 +1,9 @@
 import { jsx as v } from "react/jsx-runtime";
-import { useState as _, useEffect as S } from "react";
-import { useLocation as U, Outlet as g } from "react-router-dom";
+import { useState as S, useEffect as g } from "react";
+import { useLocation as _, Outlet as I } from "react-router-dom";
 import { j as u } from "../../index-CuHybtft.js";
 const y = () => {
-  const [p, t] = _(!1), m = U(), s = `${window.location.protocol}//${window.location.host}/`, a = `${window.location.host}`, w = async () => {
+  const [p, o] = S(!1), m = _(), s = `${window.location.protocol}//${window.location.host}/`, n = `${window.location.host}`, w = async () => {
     if ((await fetch(`${s}api-auth/auth/refresh_token/`, {
       method: "POST",
       headers: {
@@ -14,8 +14,8 @@ const y = () => {
       return !0;
     throw new Error("Error al refrescar token de Microsoft");
   };
-  return S(() => {
-    const d = async () => {
+  return g(() => {
+    const h = async () => {
       try {
         if ((await fetch(`${s}api-auth/auth/validate_jwt/`, {
           method: "POST",
@@ -24,40 +24,40 @@ const y = () => {
           },
           credentials: "include"
         })).ok) {
-          const i = sessionStorage.getItem("user_token");
-          if (i) {
-            const f = u(i).datos_basicos.servicios.map((e) => e.url).filter((e) => !!e), r = m.pathname, n = f.map(
+          const c = localStorage.getItem("access_token");
+          if (c) {
+            const d = u(c).user.servicios.map((e) => e.url).filter((e) => !!e), r = m.pathname, a = d.map(
               (e) => e.startsWith("/") ? e : `/${e}`
-            ), l = r.startsWith("/") ? r : `/${r}`;
-            n.some(
-              (e) => l.startsWith(e)
-            ) ? t(!0) : (t(!1), sessionStorage.removeItem("user_token"), window.location.href = s);
+            ), i = r.startsWith("/") ? r : `/${r}`;
+            a.some(
+              (e) => i.startsWith(e)
+            ) ? o(!0) : (o(!1), sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = s);
           } else
-            t(!1), sessionStorage.removeItem("user_token"), window.location.href = s;
+            o(!1), sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = s;
         } else
           throw new Error("Token inválido");
       } catch {
         try {
           if (await w()) {
-            const c = sessionStorage.getItem("user_token");
-            if (c) {
-              const r = u(c).datos_basicos.servicios.map((o) => o.url).filter((o) => !!o), n = m.pathname, l = r.map(
-                (o) => o.startsWith("/") ? o : `/${o}`
-              ), h = n.startsWith("/") ? n : `/${n}`;
-              l.some(
-                (o) => h.startsWith(o)
-              ) ? t(!0) : (t(!1), sessionStorage.removeItem("user_token"), window.location.href = s);
+            const l = localStorage.getItem("access_token");
+            if (l) {
+              const r = u(l).user.servicios.map((t) => t.url).filter((t) => !!t), a = m.pathname, i = r.map(
+                (t) => t.startsWith("/") ? t : `/${t}`
+              ), f = a.startsWith("/") ? a : `/${a}`;
+              i.some(
+                (t) => f.startsWith(t)
+              ) ? o(!0) : (o(!1), sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = s);
             } else
-              t(!1), sessionStorage.removeItem("user_token"), window.location.href = s;
+              o(!1), sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = s;
           } else
             throw new Error("No se pudo refrescar el token.");
         } catch {
-          sessionStorage.removeItem("user_token"), window.location.href = s, t(!1);
+          sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = s, o(!1);
         }
       }
     };
-    a.includes("ecosistemadesarrollo") || a.includes("ecosistemapruebas") || a.includes("ecosistemaprov") || a.includes("ecosistema") ? d() : (console.warn("ProtectedRoute is disabled in the local development environment."), t(!0));
-  }, []), p ? /* @__PURE__ */ v(g, {}) : null;
+    n.includes("ecosistemadesarrollo") || n.includes("ecosistemapruebas") || n.includes("ecosistemaprov") || n.includes("ecosistema") ? h() : (console.warn("ProtectedRoute is disabled in the local development environment."), o(!0));
+  }, []), p ? /* @__PURE__ */ v(I, {}) : null;
 };
 export {
   y as ProtectedRoute

package/dist/utils/components/UserRoute.js

@@ -1,12 +1,12 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useState as d, useEffect as h } from "react";
-import { useNavigate as u, Outlet as f } from "react-router-dom";
+import { useNavigate as u, Outlet as m } from "react-router-dom";
 const k = () => {
-  const [r, e] = d(!1), s = u(), o = `${window.location.protocol}//${window.location.host}/`, t = `${window.location.host}`;
-  if (t.includes("localhost"))
+  const [a, e] = d(!1), s = u(), t = `${window.location.protocol}//${window.location.host}/`, o = `${window.location.host}`;
+  if (o.includes("localhost"))
     return console.warn("ProtectedRoute is disabled in the local development environment."), null;
-  const a = async () => {
-    if ((await fetch(`${o}api-auth/auth/refresh_token/`, {
+  const n = async () => {
+    if ((await fetch(`${t}api-auth/auth/refresh_token/`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -17,9 +17,9 @@ const k = () => {
     throw new Error("Error al refrescar token de Microsoft");
   };
   return h(() => {
-    const n = async () => {
+    const r = async () => {
       try {
-        if ((await fetch(`${o}api-auth/auth/validate_jwt/`, {
+        if ((await fetch(`${t}api-auth/auth/validate_jwt/`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -29,9 +29,9 @@ const k = () => {
           e(!0);
         else
           try {
-            if (await a())
+            if (await n())
               (await fetch(
-                `${o}api-auth/auth/validate_jwt/`,
+                `${t}api-auth/auth/validate_jwt/`,
                 {
                   method: "POST",
                   headers: {
@@ -39,18 +39,18 @@ const k = () => {
                   },
                   credentials: "include"
                 }
-              )).ok ? e(!0) : (sessionStorage.removeItem("user_token"), window.location.href = o, e(!1));
+              )).ok ? e(!0) : (sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = t, e(!1));
             else
               throw new Error("No se pudo refrescar el token.");
           } catch {
-            sessionStorage.removeItem("user_token"), window.location.href = o, e(!1);
+            sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = t, e(!1);
           }
       } catch {
-        sessionStorage.removeItem("user_token"), window.location.href = o, e(!1);
+        sessionStorage.removeItem("user_token"), localStorage.removeItem("auth_state"), localStorage.removeItem("access_token"), window.location.href = t, e(!1);
       }
     };
-    t.includes("localhost") ? (console.warn("ProtectedRoute is disabled in the local development environment."), e(!0)) : n();
-  }, [s]), r ? /* @__PURE__ */ c(f, {}) : null;
+    o.includes("localhost") ? (console.warn("ProtectedRoute is disabled in the local development environment."), e(!0)) : r();
+  }, [s]), a ? /* @__PURE__ */ c(m, {}) : null;
 };
 export {
   k as UserRoute

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.8.0-pre.1",
+  "version": "1.8.0-pre.3",
   "type": "module",
   "exports": {
     ".": {

package/dist/lib/utils/components/fetchInterceptor.d.ts

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

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

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

package/dist/utils/components/fetchInterceptor.js

@@ -1,56 +0,0 @@
-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:", 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 c = `${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 = c;
-        }, 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: a, init: s, resolve: d, reject: f }) => {
-          const g = {
-            ...s,
-            headers: { ...s.headers, Authorization: sessionStorage.getItem("user_token") }
-          };
-          window.originalFetch(a, g).then(d).catch(f);
-        });
-      }).catch((a) => {
-        i.forEach(({ reject: s }) => s(a));
-      }).finally(() => {
-        i.length = 0, l = !1, h = null;
-      }));
-    });
-  } catch (c) {
-    return Promise.reject(c);
-  }
-};
-const k = {};
-export {
-  k as default
-};

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

@@ -1,56 +0,0 @@
-window.originalFetch = window.fetch.bind(window);
-let l = !1, h = null;
-const c = [];
-async function k() {
-  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 console.warn("Token refrescado"), "Token refreshed";
-}
-window.fetch = async function(o, e) {
-  const t = typeof o == "string" ? o : o.toString();
-  if (console.log("Petición fetchInterceptor 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 i = `${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 console.warn("El token expiró"), sessionStorage.removeItem("user_token"), setTimeout(() => {
-          window.location.href = i;
-        }, 1e3), r;
-    }
-    return new Promise((w, n) => {
-      c.push({ input: o, init: e, resolve: w, reject: n }), l || (l = !0, h = k(), h.then(() => {
-        c.forEach(({ input: a, init: s, resolve: d, reject: f }) => {
-          const g = {
-            ...s,
-            headers: { ...s.headers, Authorization: sessionStorage.getItem("user_token") }
-          };
-          window.originalFetch(a, g).then(d).catch(f);
-        });
-      }).catch((a) => {
-        c.forEach(({ reject: s }) => s(a));
-      }).finally(() => {
-        c.length = 0, l = !1, h = null;
-      }));
-    });
-  } catch (i) {
-    return Promise.reject(i);
-  }
-};
-const p = {};
-export {
-  p as default
-};