Merge pull request #329 from internxt/bugfix/PB-5454-log-log-out

[PB-5454] feature/Add logs when logout thunk is called

Author: CandelR

src/components/modals/SignOutModal/index.tsx

@@ -1,17 +1,16 @@
-import React from 'react';
 import { View } from 'react-native';
 
+import { useNavigation } from '@react-navigation/native';
+import { useTailwind } from 'tailwind-rn';
 import strings from '../../../../assets/lang/strings';
 import { useAppDispatch, useAppSelector } from '../../../store/hooks';
+import { authSelectors, authThunks } from '../../../store/slices/auth';
 import { uiActions } from '../../../store/slices/ui';
-import CenterModal from '../CenterModal';
+import { RootScreenNavigationProp } from '../../../types/navigation';
 import AppButton from '../../AppButton';
 import AppText from '../../AppText';
-import { authSelectors, authThunks } from '../../../store/slices/auth';
-import { useNavigation } from '@react-navigation/native';
-import { RootScreenNavigationProp } from '../../../types/navigation';
-import { useTailwind } from 'tailwind-rn';
 import UserProfilePicture from '../../UserProfilePicture';
+import CenterModal from '../CenterModal';
 
 function SignOutModal(): JSX.Element {
   const tailwind = useTailwind();
@@ -27,7 +26,7 @@ function SignOutModal(): JSX.Element {
     onClosed();
   };
   const onSignOutButtonPressed = () => {
-    dispatch(authThunks.signOutThunk());
+    dispatch(authThunks.signOutThunk({ reason: 'manual' }));
     navigation.replace('SignIn');
     onClosed();
   };

src/navigation/TabExplorerNavigator.tsx

@@ -54,7 +54,7 @@ export default function TabExplorerNavigator(props: RootStackScreenProps<'TabExp
       } catch {
         const isDeletingAccount = await asyncStorageService.getItem(AsyncStorageKey.IsDeletingAccount);
         if (isDeletingAccount) {
-          dispatch(authThunks.signOutThunk());
+          dispatch(authThunks.signOutThunk({ reason: 'manual' }));
           props.navigation.replace('DeactivatedAccount');
         }
       }

src/plugins/AxiosPlugin.ts

@@ -8,7 +8,7 @@ const axiosPlugin: AppPlugin = {
     axios.interceptors.response.use(undefined, (err) => {
       if (err.response) {
         if (err.response.status === 401) {
-          store.dispatch(authThunks.signOutThunk());
+          store.dispatch(authThunks.signOutThunk({ reason: 'unauthorized' }));
         }
       }
 

src/services/AuthService.ts

@@ -1,3 +1,4 @@
+import { logger } from '@internxt-mobile/services/common';
 import { internxtMobileSDKConfig } from '@internxt/mobile-sdk';
 import { Keys, Password, TwoFactorAuthQR } from '@internxt/sdk';
 import { StorageTypes } from '@internxt/sdk/dist/drive';
@@ -154,7 +155,8 @@ class AuthService {
     }
   }
 
-  public async signout(): Promise<void> {
+  public async signout(reason: 'manual' | 'unauthorized' | 'token_expired'): Promise<void> {
+    logger.info(`User logged out - Reason: ${reason}`);
     analytics.track(AnalyticsEventKey.UserLogout);
     await asyncStorageService.clearStorage();
     await internxtMobileSDKConfig.destroy();

src/store/slices/auth/index.ts

@@ -173,7 +173,7 @@ export const refreshTokensThunk = createAsyncThunk<void, void, { state: RootStat
       logger.info('Auth tokens refresh failed: ', JSON.stringify(err));
       asyncStorageService.clearStorage();
       dispatch(authActions.setLoggedIn(false));
-      dispatch(authThunks.signOutThunk());
+      dispatch(authThunks.signOutThunk({ reason: 'token_expired' }));
     }
   },
 );
@@ -197,18 +197,20 @@ export const checkAndRefreshTokenThunk = createAsyncThunk<void, void, { state: R
   },
 );
 
-export const signOutThunk = createAsyncThunk<void, void, { state: RootState }>(
-  'auth/signOut',
-  async (_, { dispatch }) => {
-    authService.signout().catch(errorService.reportError);
-    drive.clear().catch(errorService.reportError);
-    dispatch(uiActions.resetState());
-    dispatch(authActions.resetState());
-    dispatch(driveActions.resetState());
-    dispatch(authActions.setLoggedIn(false));
-    authService.emitLogoutEvent();
-  },
-);
+export const signOutThunk = createAsyncThunk<
+  void,
+  { reason: 'manual' | 'unauthorized' | 'token_expired' },
+  { state: RootState }
+>('auth/signOut', async (payload, { dispatch }) => {
+  const reason = payload.reason;
+  authService.signout(reason).catch(errorService.reportError);
+  drive.clear().catch(errorService.reportError);
+  dispatch(uiActions.resetState());
+  dispatch(authActions.resetState());
+  dispatch(driveActions.resetState());
+  dispatch(authActions.setLoggedIn(false));
+  authService.emitLogoutEvent();
+});
 
 export const refreshUserThunk = createAsyncThunk<void, void, { state: RootState }>(
   'auth/refreshUser',