feat: upgrade authentication to JWT with refresh tokens

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/Frontend-Hotel/src/context/AuthContext.jsx

@@ -1,85 +1,54 @@
-// context/AuthContext.jsx
 import { createContext, useState, useEffect } from "react";
+import api from "../services/api";
 
 export const AuthContext = createContext();
 
 function AuthProvider({ children }) {
-  const [user, setUser] = useState(null); // { id, name, role }
+  const [user, setUser] = useState(null);
   const [userData, setUserData] = useState(null);
- 
-  // Recuperar user de localStorage al iniciar
+  const [loading, setLoading] = useState(true);
+
   useEffect(() => {
-    const savedUser = localStorage.getItem("rol");
-    if (savedUser) {
+    const token = sessionStorage.getItem("accessToken");
+    const savedUser = sessionStorage.getItem("userRole");
+    const savedUserData = sessionStorage.getItem("userData");
+    if (token && savedUser) {
       try {
         setUser(JSON.parse(savedUser));
-      } catch (error) {
-        console.error("Error parsing user data:", error);
-        localStorage.removeItem("rol");
+        if (savedUserData) setUserData(JSON.parse(savedUserData));
+      } catch (e) {
+        console.error("Error restoring session:", e);
       }
     }
+    setLoading(false);
   }, []);
 
-  const login = (userData, data) => {
+  const login = (role, data, accessToken) => {
+    setUser(role);
     setUserData(data);
-    setUser(userData);
-    localStorage.setItem("rol", JSON.stringify(userData));
+    sessionStorage.setItem("accessToken", accessToken);
+    sessionStorage.setItem("userRole", JSON.stringify(role));
+    sessionStorage.setItem("userData", JSON.stringify(data));
   };
 
-  const logout = () => {
+  const logout = async () => {
+    try {
+      await api.post("/auth/logout");
+    } catch (e) {
+      // ignore logout errors
+    }
     setUser(null);
-    localStorage.removeItem("rol");
+    setUserData(null);
+    sessionStorage.removeItem("accessToken");
+    sessionStorage.removeItem("userRole");
+    sessionStorage.removeItem("userData");
   };
 
   return (
-    <AuthContext.Provider value={{ user, login, logout, userData }}>
+    <AuthContext.Provider value={{ user, login, logout, userData, loading }}>
       {children}
     </AuthContext.Provider>
   );
 }
 
 export { AuthProvider };
-
-// // context/AuthContext.jsx
-// import { createContext, useState, useEffect } from "react";
-
-// export const AuthContext = createContext();
-
-// export const AuthProvider = ({ children }) => {
-//   const [user, setUser] = useState(null); // { id, name, role }
-//   const [lang, setLang] = useState("es");//true = español
-
-// //   useEffect(() => {
-// //   const savedUser = localStorage.getItem("rol");
-// //   if (savedUser && savedUser !== "undefined") {
-// //     try {
-// //       setUser(JSON.parse(savedUser));
-// //     } catch (error) {
-// //       console.error("Error al parsear el usuario:", error);
-// //       localStorage.removeItem("rol"); // limpia el valor corrupto
-// //     }
-// //   }
-// // }, []);
-
-//   // Recuperar user de localStorage al iniciar
-//   useEffect(() => {
-//     const savedUser = localStorage.getItem("rol");
-//     if (savedUser) setUser(JSON.parse(savedUser));
-//   }, []);
- 
-//   const login = (userData) => {
-//     setUser(userData);
-//     localStorage.setItem("rol", JSON.stringify(userData));
-//   };
-
-//   const logout = () => {
-//     setUser(null);
-//     localStorage.removeItem("rol");
-//   };
-
-//   return (
-//     <AuthContext.Provider value={{ user, login, logout,lang ,setLang}}>
-//       {children}
-//     </AuthContext.Provider>
-//   );
-// };