Merge pull request #560 from akhilmhdh/fix/token-cache-change

fix(ui): resolved token missing due to cache invalidation

frontend/src/components/v2/Popoverv2/Popoverv2.tsx

@@ -13,7 +13,7 @@ export const Popover = PopoverPrimitive.Root;
 export type PopoverContentProps = {
   children?: ReactNode;
   hideCloseBtn?: boolean;
-} & PopoverPrimitive.PopperContentProps;
+} & PopoverPrimitive.PopoverContentProps;
 
 export const PopoverContent = ({
   children,

frontend/src/reactQuery.ts

@@ -9,24 +9,37 @@ export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       refetchOnWindowFocus: false,
-      retry: 1, 
+      retry: 1
-      cacheTime: 1200000
     }
   }
 });
 
+// memory token storage will be moved to apiRequest module until securityclient is completely depreciated
+// then all the getters will be also hidden scoped to apiRequest only
+const MemoryTokenStorage = () => {
+  let authToken: string;
+
+  return {
+    setToken: (token: string) => {
+      authToken = token;
+    },
+    getToken: () => authToken
+  };
+};
+
+const signUpTempTokenStorage = MemoryTokenStorage();
+const mfaAuthTokenStorage = MemoryTokenStorage();
+const authTokenStorage = MemoryTokenStorage();
+
 // set token in memory cache
-export const setSignupTempToken = (token: string) =>
+export const setSignupTempToken = signUpTempTokenStorage.setToken;
-  queryClient.setQueryData(SIGNUP_TEMP_TOKEN_CACHE_KEY, token);
 
-export const setMfaTempToken = (token: string) =>
+export const setMfaTempToken = mfaAuthTokenStorage.setToken;
-  queryClient.setQueryData(MFA_TEMP_TOKEN_CACHE_KEY, token);
 
-export const setAuthToken = (token: string) =>
+export const setAuthToken = authTokenStorage.setToken;
-  queryClient.setQueryData(AUTH_TOKEN_CACHE_KEY, token);
 
-export const getSignupTempToken = () => queryClient.getQueryData(SIGNUP_TEMP_TOKEN_CACHE_KEY) as string;
+export const getSignupTempToken = signUpTempTokenStorage.getToken;
-export const getMfaTempToken = () => queryClient.getQueryData(MFA_TEMP_TOKEN_CACHE_KEY) as string;
+export const getMfaTempToken = mfaAuthTokenStorage.getToken;
-export const getAuthToken = () => queryClient.getQueryData(AUTH_TOKEN_CACHE_KEY) as string;
+export const getAuthToken = authTokenStorage.getToken;
 
 export const isLoggedIn = () => Boolean(getAuthToken());