@fctc/interface-logic 1.7.4 → 1.7.5

package/dist/provider.js

@@ -81,25 +81,11 @@ var breadcrums_slice_default = breadcrumbsSlice.reducer;
 var import_toolkit2 = require("@reduxjs/toolkit");
 var initialState2 = {
   baseUrl: "",
+  requests: null,
   companies: [],
   user: {},
-  db: "",
-  refreshTokenEndpoint: "",
-  config: {
-    grantType: "",
-    clientId: "",
-    clientSecret: "",
-    redirectUri: ""
-  },
+  config: null,
   envFile: null,
-  requests: {
-    get: async (url, headers) => ({}),
-    post: async (url, body, headers) => ({}),
-    post_excel: async (url, body, headers) => ({}),
-    put: async (url, body, headers) => ({}),
-    patch: async (url, body) => ({}),
-    delete: async (url, body) => ({})
-  },
   defaultCompany: {
     id: null,
     logo: "",
@@ -2815,11 +2801,331 @@ function matchDomain(record, domain) {
 
 // src/utils/function.ts
 var import_react = require("react");
+var updateTokenParamInOriginalRequest = (originalRequest, newAccessToken) => {
+  if (!originalRequest.data) return originalRequest.data;
+  if (typeof originalRequest.data === "string") {
+    try {
+      const parsedData = JSON.parse(originalRequest.data);
+      if (parsedData.with_context && typeof parsedData.with_context === "object") {
+        parsedData.with_context.token = newAccessToken;
+      }
+      return JSON.stringify(parsedData);
+    } catch (e) {
+      console.warn("Failed to parse originalRequest.data", e);
+      return originalRequest.data;
+    }
+  }
+  if (typeof originalRequest.data === "object" && originalRequest.data.with_context) {
+    originalRequest.data.with_context.token = newAccessToken;
+  }
+  return originalRequest.data;
+};
+
+// src/utils/storage/local-storage.ts
+var localStorageUtils = () => {
+  const setToken = async (access_token) => {
+    localStorage.setItem("accessToken", access_token);
+  };
+  const setRefreshToken = async (refresh_token) => {
+    localStorage.setItem("refreshToken", refresh_token);
+  };
+  const getAccessToken = async () => {
+    return localStorage.getItem("accessToken");
+  };
+  const getRefreshToken = async () => {
+    return localStorage.getItem("refreshToken");
+  };
+  const clearToken = async () => {
+    localStorage.removeItem("accessToken");
+    localStorage.removeItem("refreshToken");
+  };
+  return {
+    setToken,
+    setRefreshToken,
+    getAccessToken,
+    getRefreshToken,
+    clearToken
+  };
+};
+
+// src/utils/storage/session-storage.ts
+var sessionStorageUtils = () => {
+  const getBrowserSession = async () => {
+    return sessionStorage.getItem("browserSession");
+  };
+  return {
+    getBrowserSession
+  };
+};
+
+// src/configs/axios-client.ts
+var axiosClient = {
+  init(config) {
+    const localStorage2 = config.localStorageUtils ?? localStorageUtils();
+    const sessionStorage2 = config.sessionStorageUtils ?? sessionStorageUtils();
+    const db = config.db;
+    let isRefreshing = false;
+    let failedQueue = [];
+    const processQueue = (error, token = null) => {
+      failedQueue?.forEach((prom) => {
+        if (error) {
+          prom.reject(error);
+        } else {
+          prom.resolve(token);
+        }
+      });
+      failedQueue = [];
+    };
+    const instance = import_axios.default.create({
+      adapter: import_axios.default.defaults.adapter,
+      baseURL: config.baseUrl,
+      timeout: 5e4,
+      paramsSerializer: (params) => new URLSearchParams(params).toString()
+    });
+    instance.interceptors.request.use(
+      async (config2) => {
+        const useRefreshToken = config2.useRefreshToken;
+        const token = useRefreshToken ? await localStorage2.getRefreshToken() : await localStorage2.getAccessToken();
+        if (token) {
+          config2.headers["Authorization"] = "Bearer " + token;
+        }
+        return config2;
+      },
+      (error) => {
+        Promise.reject(error);
+      }
+    );
+    instance.interceptors.response.use(
+      (response) => {
+        return handleResponse(response);
+      },
+      async (error) => {
+        const handleError3 = async (error2) => {
+          if (!error2.response) {
+            return error2;
+          }
+          const { data } = error2.response;
+          if (data && data.code === 400 && ["invalid_grant"].includes(data.data?.error)) {
+            await clearAuthToken();
+          }
+          return data;
+        };
+        const originalRequest = error.config;
+        if ((error.response?.status === 403 || error.response?.status === 401 || error.response?.status === 404) && ["TOKEN_EXPIRED", "AUTHEN_FAIL", 401, "ERR_2FA_006"].includes(
+          error.response.data.code
+        )) {
+          if (isRefreshing) {
+            return new Promise(function(resolve, reject) {
+              failedQueue.push({ resolve, reject });
+            }).then((token) => {
+              originalRequest.headers["Authorization"] = "Bearer " + token;
+              originalRequest.data = updateTokenParamInOriginalRequest(
+                originalRequest,
+                token
+              );
+              return instance.request(originalRequest);
+            }).catch(async (err) => {
+              if ((err.response?.status === 400 || err.response?.status === 401) && ["invalid_grant"].includes(err.response.data.error)) {
+                await clearAuthToken();
+              }
+            });
+          }
+          const browserSession = await sessionStorage2.getBrowserSession();
+          const refreshToken = await localStorage2.getRefreshToken();
+          const accessTokenExp = await localStorage2.getAccessToken();
+          isRefreshing = true;
+          if (!refreshToken && (!browserSession || browserSession == "unActive")) {
+            await clearAuthToken();
+          } else {
+            const payload = Object.fromEntries(
+              Object.entries({
+                refresh_token: refreshToken,
+                grant_type: "refresh_token",
+                client_id: config.config.clientId,
+                client_secret: config.config.clientSecret
+              }).filter(([_, value]) => !!value)
+            );
+            return new Promise(function(resolve) {
+              import_axios.default.post(
+                `${config.baseUrl}${config.refreshTokenEndpoint ?? "/authentication/oauth2/token" /* AUTH_TOKEN_PATH */}`,
+                payload,
+                {
+                  headers: {
+                    "Content-Type": config.refreshTokenEndpoint ? "application/x-www-form-urlencoded" : "multipart/form-data",
+                    Authorization: `Bearer ${accessTokenExp}`
+                  }
+                }
+              ).then(async (res) => {
+                const data = res.data;
+                await localStorage2.setToken(data.access_token);
+                await localStorage2.setRefreshToken(data.refresh_token);
+                import_axios.default.defaults.headers.common["Authorization"] = "Bearer " + data.access_token;
+                originalRequest.headers["Authorization"] = "Bearer " + data.access_token;
+                originalRequest.data = updateTokenParamInOriginalRequest(
+                  originalRequest,
+                  data.access_token
+                );
+                processQueue(null, data.access_token);
+                resolve(instance.request(originalRequest));
+              }).catch(async (err) => {
+                if (err && (err?.error_code === "AUTHEN_FAIL" || err?.error_code === "TOKEN_EXPIRED" || err?.error_code === "TOKEN_INCORRECT" || err?.code === "ERR_BAD_REQUEST") || err?.error_code === "ERR_2FA_006") {
+                  await clearAuthToken();
+                }
+                if (err && err.response) {
+                  const { error_code } = err.response?.data || {};
+                  if (error_code === "AUTHEN_FAIL") {
+                    await clearAuthToken();
+                  }
+                }
+                processQueue(err, null);
+              }).finally(() => {
+                isRefreshing = false;
+              });
+            });
+          }
+        }
+        return Promise.reject(await handleError3(error));
+      }
+    );
+    const handleResponse = (res) => {
+      if (res && res.data) {
+        return res.data;
+      }
+      return res;
+    };
+    const handleError2 = (error) => {
+      if (error.isAxiosError && error.code === "ECONNABORTED") {
+        console.error("Request Timeout Error:", error);
+        return "Request Timeout Error";
+      } else if (error.isAxiosError && !error.response) {
+        console.error("Network Error:", error);
+        return "Network Error";
+      } else {
+        console.error("Other Error:", error?.response);
+        const errorMessage = error?.response?.data?.message || "An error occurred";
+        return { message: errorMessage, status: error?.response?.status };
+      }
+    };
+    const clearAuthToken = async () => {
+      await localStorage2.clearToken();
+      if (typeof window !== "undefined") {
+        window.location.href = `/login`;
+      }
+    };
+    function formatUrl(url, db2) {
+      return url + (db2 ? "?db=" + db2 : "");
+    }
+    const responseBody = (response) => response;
+    const requests = {
+      get: (url, headers) => instance.get(formatUrl(url, db), headers).then(responseBody),
+      post: (url, body, headers) => instance.post(formatUrl(url, db), body, headers).then(responseBody),
+      post_excel: (url, body, headers) => instance.post(formatUrl(url, db), body, {
+        responseType: "arraybuffer",
+        headers: {
+          "Content-Type": typeof window !== "undefined" ? "application/json" : "application/javascript",
+          Accept: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+        }
+      }).then(responseBody),
+      put: (url, body, headers) => instance.put(formatUrl(url, db), body, headers).then(responseBody),
+      patch: (url, body) => instance.patch(formatUrl(url, db), body).then(responseBody),
+      delete: (url, body) => instance.delete(formatUrl(url, db), body).then(responseBody)
+    };
+    return requests;
+  }
+};
 
 // src/environment/EnvStore.ts
+var EnvStore = class _EnvStore {
+  static instance = null;
+  state = {};
+  localStorageUtils;
+  sessionStorageUtils;
+  constructor(localStorageUtils2, sessionStorageUtils2) {
+    this.localStorageUtils = localStorageUtils2;
+    this.sessionStorageUtils = sessionStorageUtils2;
+  }
+  static getInstance(localStorageUtils2, sessionStorageUtils2) {
+    if (!_EnvStore.instance) {
+      console.log("Creating new EnvStore instance");
+      _EnvStore.instance = new _EnvStore(localStorageUtils2, sessionStorageUtils2);
+    } else {
+      console.log("Returning existing EnvStore instance");
+    }
+    return _EnvStore.instance;
+  }
+  setupEnv(envConfig) {
+    this.state = {
+      ...this.state,
+      ...envConfig,
+      localStorageUtils: this.localStorageUtils,
+      sessionStorageUtils: this.sessionStorageUtils
+    };
+    console.log("Setting up env with config:", envConfig);
+    this.state.requests = axiosClient.init(this.state);
+    console.log("axiosClient.init result:", this.state.requests);
+  }
+  setUid(uid) {
+    this.state.uid = uid;
+  }
+  setLang(lang) {
+    this.state.lang = lang;
+  }
+  setAllowCompanies(allowCompanies) {
+    this.state.allowCompanies = allowCompanies;
+  }
+  setCompanies(companies) {
+    this.state.companies = companies;
+  }
+  setDefaultCompany(company) {
+    this.state.defaultCompany = company;
+  }
+  setUserInfo(userInfo) {
+    this.state.user = userInfo;
+  }
+  // Getters để truy cập trạng thái
+  get baseUrl() {
+    return this.state.baseUrl;
+  }
+  get requests() {
+    return this.state.requests;
+  }
+  get context() {
+    return this.state.context;
+  }
+  get defaultCompany() {
+    return this.state.defaultCompany;
+  }
+  get config() {
+    return this.state.config;
+  }
+  get companies() {
+    return this.state.companies;
+  }
+  get user() {
+    return this.state.user;
+  }
+  get db() {
+    return this.state.db;
+  }
+  get refreshTokenEndpoint() {
+    return this.state.refreshTokenEndpoint;
+  }
+  get uid() {
+    return this.state.uid;
+  }
+  get lang() {
+    return this.state.lang;
+  }
+  get allowCompanies() {
+    return this.state.allowCompanies;
+  }
+};
 function getEnv() {
-  console.log("getEnv", envStore.getState().env);
-  return envStore.getState().env;
+  const instance = EnvStore.getInstance();
+  if (!instance) {
+    throw new Error("EnvStore has not been initialized \u2014 call initEnv() first");
+  }
+  return instance;
 }
 
 // src/services/view-service/index.ts
@@ -3083,7 +3389,8 @@ var ViewService = {
   },
   async getVersion() {
     const env = getEnv();
-    return env?.requests.get("", {
+    console.log("env?.requests", env, env?.requests);
+    return env?.requests?.get("", {
       headers: {
         "Content-Type": "application/json"
       }
@@ -3280,6 +3587,7 @@ var VersionGate = ({ children }) => {
     };
     const validateVersion = async () => {
       const serverVersion = await view_service_default.getVersion();
+      console.log("serverVersion", serverVersion);
       const cached = localStorage.getItem("__api_version__");
       if (cached !== serverVersion?.api_version) {
         clearVersion();