react-ecosistema-unp 1.5.11 → 1.6.0-pre.1

package/dist/auth/contexts/AuthContex.js

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

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

@@ -0,0 +1,6 @@
+declare global {
+    interface Window {
+        originalFetch: typeof fetch;
+    }
+}
+export {};

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

@@ -0,0 +1,41 @@
+window.originalFetch = window.fetch.bind(window);
+let c = !1, i = null;
+const o = [];
+async function g() {
+  const t = `${window.location.protocol}//${window.location.host}/`, e = await window.originalFetch(
+    `${t}api-auth/auth/refresh_token/`,
+    {
+      method: "POST",
+      credentials: "include"
+    }
+  );
+  if (!e.ok)
+    throw new Error("Error al refrescar token");
+  const r = (await e.json()).token;
+  return sessionStorage.setItem("user_token", `Bearer ${r}`), `Bearer ${r}`;
+}
+window.fetch = async function(t, e) {
+  e = e || {};
+  const n = sessionStorage.getItem("user_token");
+  e.headers = {
+    ...e.headers,
+    ...n ? { Authorization: n } : {}
+  };
+  try {
+    const r = await window.originalFetch(t, e);
+    return r.status !== 401 ? r : new Promise((w, l) => {
+      o.push({ input: t, init: e, resolve: w, reject: l }), c || (c = !0, i = g(), i.then((s) => {
+        o.forEach(({ input: a, init: h, resolve: u, reject: d }) => {
+          const f = { ...h, headers: { ...h.headers, Authorization: s } };
+          window.originalFetch(a, f).then(u).catch(d);
+        });
+      }).catch((s) => {
+        o.forEach(({ reject: a }) => a(s));
+      }).finally(() => {
+        o.length = 0, c = !1, i = null;
+      }));
+    });
+  } catch (r) {
+    return Promise.reject(r);
+  }
+};

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