Log out if refreshing the token fails

packages/authentication/modules/access/useLogout/index.ts

@@ -1,4 +1,4 @@
-import { ACCESS_COOKIE_NAME } from '@baseapp-frontend/utils'
+import { ACCESS_COOKIE_NAME, REFRESH_COOKIE_NAME } from '@baseapp-frontend/utils'
 
 import { useQueryClient } from '@tanstack/react-query'
 import Cookies from 'js-cookie'
@@ -7,11 +7,16 @@ import { MFA_API_KEY } from '../../../services/mfa'
 import { USER_API_KEY } from '../../../services/user'
 import { ILogoutOptions } from './types'
 
-const useLogout = ({ cookieName = ACCESS_COOKIE_NAME, onLogout }: ILogoutOptions = {}) => {
+const useLogout = ({
+  cookieName = ACCESS_COOKIE_NAME,
+  refreshCookieName = REFRESH_COOKIE_NAME,
+  onLogout,
+}: ILogoutOptions = {}) => {
   const queryClient = useQueryClient()
 
   const logout = () => {
     Cookies.remove(cookieName)
+    Cookies.remove(refreshCookieName)
     queryClient.resetQueries(USER_API_KEY.getUser())
     queryClient.resetQueries(MFA_API_KEY.default)
     onLogout?.()

packages/authentication/modules/user/useUser/index.ts

@@ -9,7 +9,14 @@ import { IUseSimpleTokenUser, IUseUser } from './types'
 
 const useUser = ({ cookieName = ACCESS_COOKIE_NAME }: IUseUser = {}): IUser | null => {
   const token = Cookies.get(cookieName)
-  return token ? decodeJWT<IUser>(token) : null
+  if (token) {
+    try {
+      return decodeJWT<IUser>(token)
+    } catch (error) {
+      return null
+    }
+  }
+  return null
 }
 
 export const useSimpleTokenUser = <TUser extends Partial<IUser>>({

packages/utils/constants/events.ts

@@ -0,0 +1 @@
+export const LOGOUT_EVENT = 'logout'

packages/utils/functions/axios/createAxiosInstance/index.ts

@@ -4,8 +4,10 @@ import Cookies from 'js-cookie'
 
 import { SERVICES_WITHOUT_TOKEN } from '../../../constants/axios'
 import { ACCESS_COOKIE_NAME, REFRESH_COOKIE_NAME } from '../../../constants/cookie'
+import { LOGOUT_EVENT } from '../../../constants/events'
 import { TokenTypes } from '../../../constants/token'
 import { IJWTResponse } from '../../../types/jwt'
+import { eventEmitter } from '../../events'
 import { buildQueryString } from '../../string'
 
 const REFRESH_TOKEN_URL = '/auth/refresh'
@@ -75,7 +77,10 @@ export const createAxiosInstance = ({
           // eslint-disable-next-line @typescript-eslint/no-use-before-define
           return await refreshAccessToken(cookieName, refreshCookieName, originalRequest)
         } catch (refreshError) {
-          return Promise.reject(refreshError)
+          if (eventEmitter.listenerCount(LOGOUT_EVENT)) {
+            eventEmitter.emit(LOGOUT_EVENT)
+            return Promise.resolve()
+          }
         }
       }
 

packages/utils/functions/events/eventEmitter/index.ts

@@ -0,0 +1,3 @@
+import { EventEmitter } from 'events'
+
+export const eventEmitter = new EventEmitter()

packages/utils/functions/events/index.ts

@@ -0,0 +1 @@
+export * from './eventEmitter'

packages/utils/hooks/useEventSubscription/index.ts

@@ -0,0 +1,18 @@
+import { useEffect } from 'react'
+
+import { eventEmitter } from '../../functions/events'
+
+export const useEventSubscription = (event: string, callback: (...args: any[]) => void) => {
+  const unsubscribe = () => {
+    eventEmitter.removeListener(event, callback)
+  }
+
+  useEffect(() => {
+    eventEmitter.on(event, callback)
+    return unsubscribe
+  }, [])
+
+  return unsubscribe
+}
+
+// export default useEventSubscription

packages/utils/index.ts

@@ -1,6 +1,7 @@
 export * from './constants/axios'
-export * from './constants/django'
 export * from './constants/cookie'
+export * from './constants/django'
+export * from './constants/events'
 export * from './constants/regex'
 export * from './constants/token'
 export * from './constants/yup'
@@ -12,6 +13,7 @@ export * from './functions/string'
 export * from './functions/token'
 
 export { default as useDebounce } from './hooks/useDebounce'
+export * from './hooks/useEventSubscription'
 
 export type { IDjangoPaginatedResponse, OrderingDirection } from './types/django'
 export type { ValueOf } from './types/typescript'