react-ecosistema-unp 1.6.2 → 1.6.4

package/dist/lib/utils.d.ts

@@ -6,3 +6,4 @@ 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 { default as fetchInterceptor } from './utils/components/fetchInterceptor.js';

package/dist/utils/components/ProtectedRoute.js

@@ -1,9 +1,10 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useState as m, useEffect as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { useState as h, useEffect as p } from "react";
 import { useNavigate as w, useLocation as u, Outlet as k } from "react-router-dom";
 import { j as v } from "../../index-CuHybtft.js";
-const V = () => {
-  const [i, e] = m(!1), r = w(), c = u(), o = `${window.location.protocol}//${window.location.host}/`;
+import "./fetchInterceptor.js";
+const W = () => {
+  const [i, e] = h(!1), r = w(), c = u(), o = `${window.location.protocol}//${window.location.host}/`;
   return p(() => {
     (async () => {
       try {
@@ -34,8 +35,8 @@ const V = () => {
       } finally {
       }
     })();
-  }, [r]), i ? /* @__PURE__ */ h(k, {}) : null;
+  }, [r]), i ? /* @__PURE__ */ m(k, {}) : null;
 };
 export {
-  V as ProtectedRoute
+  W as ProtectedRoute
 };

package/dist/utils/components/UserRoute.js

@@ -1,8 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useState as i, useEffect as s } from "react";
 import { useNavigate as l, Outlet as c } from "react-router-dom";
-const h = () => {
-  const [e, n] = i(!1), r = l(), o = `${window.location.protocol}//${window.location.host}/`;
+import "./fetchInterceptor.js";
+const w = () => {
+  const [e, r] = i(!1), n = l(), o = `${window.location.protocol}//${window.location.host}/`;
   return s(() => {
     (async () => {
       try {
@@ -16,7 +17,7 @@ const h = () => {
             credentials: "include"
           }
         )).ok)
-          n(!0);
+          r(!0);
         else
           return window.location.href = o;
       } catch (t) {
@@ -24,8 +25,8 @@ const h = () => {
       } finally {
       }
     })();
-  }, [r]), e ? /* @__PURE__ */ a(c, {}) : null;
+  }, [n]), e ? /* @__PURE__ */ a(c, {}) : null;
 };
 export {
-  h as UserRoute
+  w as UserRoute
 };

package/dist/utils/components/fetchInterceptor.js

@@ -1,51 +1,57 @@
+import { useNavigate as m } from "react-router-dom";
 window.originalFetch = window.fetch.bind(window);
-let i = !1, h = null;
-const s = [];
+let l = !1, h = null;
+const i = [];
 async function k() {
-  const e = `${`${window.location.protocol}//${window.location.host}/`}api-auth/auth/refresh_token/`, r = await window.originalFetch(e, {
+  const e = `${`${window.location.protocol}//${window.location.host}/`}api-auth/auth/refresh_token/`, t = await window.originalFetch(e, {
     method: "POST",
     credentials: "include"
   });
-  if (!r.ok)
-    throw new Error("Error al refrescar token, status " + r.status);
-  const n = await r.json();
-  if (!n.token)
-    throw new Error("No se recibió token en la respuesta de refresh");
-  const t = n.token;
-  return sessionStorage.setItem("user_token", `${t}`), `${t}`;
+  if (!t.ok)
+    throw new Error("Error al refrescar token, status " + t.status);
+  return "Token refreshed";
 }
 window.fetch = async function(o, e) {
-  const r = typeof o == "string" ? o : o.toString();
-  if (console.log("URL petición:", r), r.includes("/api-auth/"))
+  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 n = sessionStorage.getItem("user_token");
+  const u = sessionStorage.getItem("user_token");
   e.headers = {
     ...e.headers,
-    ...n ? { Authorization: n } : {}
+    ...u ? { Authorization: u } : {}
   };
   try {
-    const t = await window.originalFetch(o, e);
-    return console.log("Response petición:", t), t.status !== 401 && !(await t.text()).includes("Signature has expired") ? t : new Promise((l, w) => {
-      s.push({ input: o, init: e, resolve: l, reject: w }), i || (i = !0, h = k(), h.then((a) => {
-        s.forEach(({ input: c, init: u, resolve: d, reject: f }) => {
-          const g = {
-            ...u,
-            headers: { ...u.headers, Authorization: a }
+    const a = m(), d = `${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(() => {
+          a("/"), window.location.href = d;
+        }, 1e3), r;
+    }
+    return new Promise((w, n) => {
+      i.push({ input: o, init: e, resolve: w, reject: n }), l || (l = !0, h = k(), h.then(() => {
+        i.forEach(({ input: c, init: s, resolve: f, reject: g }) => {
+          const p = {
+            ...s,
+            headers: { ...s.headers, Authorization: sessionStorage.getItem("user_token") }
           };
-          window.originalFetch(c, g).then(d).catch(f);
+          window.originalFetch(c, p).then(f).catch(g);
         });
-      }).catch((a) => {
-        s.forEach(({ reject: c }) => c(a));
+      }).catch((c) => {
+        i.forEach(({ reject: s }) => s(c));
       }).finally(() => {
-        s.length = 0, i = !1, h = null;
+        i.length = 0, l = !1, h = null;
       }));
     });
-  } catch (t) {
-    return Promise.reject(t);
+  } catch (a) {
+    return Promise.reject(a);
   }
 };
-const p = {};
+const I = {};
 export {
-  p as default
+  I as default
 };

package/dist/utils.js

@@ -1,17 +1,19 @@
 import { AuthProvider as t } from "./auth/contexts/AuthContex.js";
-import { ProtectedRoute as m } from "./utils/components/ProtectedRoute.js";
-import { UserRoute as a } 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 { ProtectedRoute as p } from "./utils/components/ProtectedRoute.js";
+import { UserRoute as f } from "./utils/components/UserRoute.js";
+import { UnpHistorico as s } from "./utils/unp-historico/UnpHistorico.js";
+import { IsInvalidStyles as c, useFormValidation as i } 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 { default as I } from "./utils/components/fetchInterceptor.js";
 export {
   t as AuthProvider,
   d as CaptchaEcosistema,
-  x as IsInvalidStyles,
-  m as ProtectedRoute,
-  f as UnpHistorico,
-  a as UserRoute,
+  c as IsInvalidStyles,
+  p as ProtectedRoute,
+  s as UnpHistorico,
+  f as UserRoute,
+  I as fetchInterceptor,
   l as useFetchData,
-  c as useFormValidation
+  i as useFormValidation
 };

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.2",
+  "version": "1.6.4",
   "type": "module",
   "exports": {
     ".": {