Ui refresh token

[damlaSub]

add token expiration and refresh token api call logic in http.intercepters.ts

[damlaSub]

async function handleRequest(config) {
const token = localStorage.getItem("token");
const refreshToken = localStorage.getItem("refreshToken");

if (token && isTokenExpired(token) && refreshToken) {
try {
const newToken = await refreshJWToken();
config.headers.Authorization = Bearer ${newToken};
} catch (error) {
console.error("RefreshToken failed:", error);
handleAuthError();
return Promise.reject(error); // Reject the request on failure
}
} else if (token) {
config.headers.Authorization = Bearer ${token};
}

return config;
}

function handleRequestError(error) {
return Promise.reject(error);
}

function isTokenExpired(token) {
const expirationTime = getExpirationTime(token);
// Optional: Add a buffer to expire a bit before the actual token expiration
const bufferTime = 5 * 60 * 1000; // 5 minutes buffer
return expirationTime < (Date.now() + bufferTime);
}

function getExpirationTime(token) {
const [header, payload] = token.split(".").slice(0, 2);
const decodedPayload = JSON.parse(atob(payload)); // Use atob instead of Base64.decode
const expirationTime = decodedPayload.exp;
return expirationTime * 1000; // Convert to milliseconds
}

async function refreshJWToken() {
const refreshToken = localStorage.getItem("refreshToken");

if (!refreshToken) {
return Promise.reject(new Error("No refreshToken available"));
}

try {
const response = await fetch(${import.meta.env.VITE_API_BASE_URL}/auth/refresh-token, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ refreshToken }),
});

if (!response.ok) {
  throw new Error("Failed to refresh token");
}

const responseData = await response.json();
const newToken = responseData.token;

localStorage.setItem("token", newToken); // Update token in localStorage
return newToken;

} catch (error) {
console.error("Token refresh failed:", error);
handleAuthError();
return Promise.reject(error); // Reject on failure
}
}

function handleAuthError() {
// Log out the user or redirect to the login page
console.log("Authentication error - Redirecting to login");
localStorage.clear();
window.location.href = '/login'; // Adjust the redirect based on your app's routing
}