refresh token + base orders list and detail order

src/config/axios.ts

@@ -1,16 +1,83 @@
 import axios from "axios";
-import { getToken } from "./func";
+import {
+  getToken,
+  getRefreshToken,
+  setToken,
+  setRefreshToken,
+  removeToken,
+  removeRefreshToken,
+} from "./func";
+import { refreshToken } from "../app/auth/service/Service";
 import { BASE_URL } from "./const";
-// import { Pages } from "./Pages";
+
+declare global {
+  interface Window {
+    isRefreshingToken?: boolean;
+  }
+}
 
 const axiosInstance = axios.create({
-  // baseURL: process.env.NEXT_PUBLIC_BASE_URL,
   baseURL: BASE_URL,
 });
 
 axiosInstance.interceptors.response.use(
   (response) => response,
-  (error) => {
+  async (error) => {
+    const originalRequest = error.config;
+
+    if (error?.response?.status === 401 && !originalRequest._retry) {
+      if (window.isRefreshingToken) {
+        // Wait for the refresh to complete
+        await new Promise((resolve) => {
+          const checkComplete = setInterval(() => {
+            if (!window.isRefreshingToken) {
+              clearInterval(checkComplete);
+              resolve(true);
+            }
+          }, 100);
+        });
+        return axiosInstance(originalRequest);
+      }
+
+      originalRequest._retry = true;
+      window.isRefreshingToken = true;
+
+      try {
+        const refreshTokenValue = await getRefreshToken();
+        if (!refreshTokenValue) {
+          await removeRefreshToken();
+          await removeToken();
+          window.location.href = `/auth`;
+          return;
+        }
+        const { data } = await refreshToken({
+          token: refreshTokenValue,
+        });
+
+        if (data?.accessToken?.token) {
+          await setToken(data?.accessToken?.token);
+          if (data.refreshToken?.token) {
+            await setRefreshToken(data.refreshToken?.token);
+          }
+
+          originalRequest.headers.Authorization = `Bearer ${data.accessToken.token}`;
+          return axiosInstance(originalRequest);
+        } else {
+          await removeRefreshToken();
+          await removeToken();
+          window.location.href = `/auth`;
+          return;
+        }
+      } catch (refreshError) {
+        console.error("Token refresh failed:", refreshError);
+        await removeToken();
+        await removeRefreshToken();
+        window.location.href = `/auth`;
+        return Promise.reject(refreshError);
+      } finally {
+        window.isRefreshingToken = false;
+      }
+    }
     return Promise.reject(error);
   }
 );
@@ -18,10 +85,7 @@ axiosInstance.interceptors.response.use(
 axiosInstance.interceptors.request.use(async function (config) {
   const tokenValue = await getToken();
   const token = tokenValue ? tokenValue : "";
-
-  if (token) {
-    config.headers.Authorization = "Bearer " + token;
-  }
+  config.headers.Authorization = "Bearer " + token;
   return config;
 });