agora-appbuilder-core 4.0.0-ms.1 → 4.0.0-ms.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.0.0-ms.1",
+  "version": "4.0.0-ms.2",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/src/SDKAppWrapper.tsx

@@ -11,7 +11,7 @@ import SDKMethodEventsManager from './utils/SdkMethodEvents';
 import App from './App';
 import SdkApiContextProvider from './components/SdkApiContext';
 import {Unsubscribe} from 'nanoevents';
-import AsyncStorage from '@react-native-async-storage/async-storage';
+
 // type makeAsync<T extends (...p: any) => void> = (
 //   ...p: Parameters<T>
 // ) => PromiseLike<ReturnType<T>>;
@@ -26,6 +26,8 @@ export interface SdkMethodEvents {
     roomid: string | Partial<MeetingInfoContextInterface['data']>,
     skipPrecall?: boolean,
   ): MeetingInfoContextInterface['data'];
+  'login':(token:string) => Promise<void>
+  'logout':() => Promise<void>
 }
 
 // interface AppBuilderSdkApiInterface {
@@ -41,23 +43,13 @@ export interface SdkMethodEvents {
 //   ) => Unsubscribe;
 // }
 
-const setAppBuilerToken = (token: string) => {
-  return new Promise((resolve, reject) => {
-    if ($config.ENABLE_TOKEN_AUTH) {
-      try {
-        AsyncStorage.setItem('SDK_TOKEN', token);
-        return resolve(true);
-      } catch (error) {
-        return reject(error);
-      }
-    } else {
-      return reject('ERROR: TOKEN AUTH IS NOT ENABLED');
-    }
-  });
-};
-
 export const AppBuilderSdkApi = {
-  setAppBuilerToken,
+  login: async (token: string) => {
+    return await SDKMethodEventsManager.emit('login', token);
+  },
+  logout: async () => {
+    return await SDKMethodEventsManager.emit('logout');
+  },
   customize: async (customization: CustomizationApiInterface) => {
     return await SDKMethodEventsManager.emit('customize', customization);
   },

package/template/src/auth/AuthProvider.tsx

@@ -16,6 +16,8 @@ import {getRequestHeaders, GET_UNAUTH_FLOW_API_ENDPOINT} from './config';
 import isSDK from '../utils/isSDK';
 import {Linking} from 'react-native';
 import {isAndroid, isIOS} from '../utils/common';
+import SDKMethodEventsManager from '../utils/SdkMethodEvents';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 
 const GET_USER = gql`
   query getUser {
@@ -55,6 +57,26 @@ const AuthProvider = (props: AuthProviderProps) => {
 
   const enableAuth = $config.ENABLE_IDP_AUTH || $config.ENABLE_TOKEN_AUTH;
 
+  useEffect(()=>{
+    SDKMethodEventsManager.on('login',async(res,rej,token)=>{
+      try {
+        await AsyncStorage.setItem('SDK_TOKEN', token);
+        await enableTokenAuth()
+        res()  
+      } catch (error) {
+        rej('SDK Login failed'+JSON.stringify(error))
+      }      
+    })
+    SDKMethodEventsManager.on('logout',async(res,rej)=>{
+      try {
+        await tokenLogout()
+        res()  
+      } catch (error) {
+        rej('SDK Logout failed'+JSON.stringify(error))
+      }      
+    })
+  },[])
+
   useEffect(() => {
     if (!authenticated && authError) {
       Toast.show({

package/template/src/auth/useTokenAuth.tsx

@@ -121,8 +121,9 @@ const useTokenAuth = () => {
     });
   };
 
-  const tokenLogout = () => {
-    return new Promise((resolve, reject) => {
+  const tokenLogout = async () => {
+    const serverToken = await AsyncStorage.getItem('SDK_TOKEN');
+    return new Promise((resolve, reject) => {      
       try {
         fetch(`${$config.BACKEND_ENDPOINT}/v1/logout`, {
           headers: {