agora-appbuilder-core 4.1.7-beta.5 → 4.1.7-beta.7

package/package.json

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

package/template/defaultConfig.js

@@ -77,8 +77,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.1.7-beta.5',
-  CORE_VERSION: '4.1.7-beta.5',
+  CLI_VERSION: '3.1.7-beta.7',
+  CORE_VERSION: '4.1.7-beta.7',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/src/ai-agent/components/AgentControls/AgentContext.tsx

@@ -276,8 +276,7 @@ export const AgentProvider: React.FC<{children: React.ReactNode}> = ({
           const params = {
             agent_id: agentId,
             prompt: prompt,
-            voice: agents?.find(a => a.id === agentId)?.config?.tts?.params
-              ?.voice_name,
+            voice: agents?.find(a => a.id === agentId)?.tts?.params?.voice_name,
             enable_interruption_handling: isInterruptionHandlingEnabled,
             language: language,
           };

package/template/src/ai-agent/components/CustomSettingsPanel.tsx

@@ -70,8 +70,7 @@ const InfoSection = () => {
           <View style={[styles.flex1, styles.alignEnd]}>
             <Text style={[styles.infoRowValue]}>
               {formatVoiceName(
-                agents?.find(a => a.id === agentId)?.config?.tts?.params
-                  ?.voice_name,
+                agents?.find(a => a.id === agentId)?.tts?.params?.voice_name,
               )}
             </Text>
           </View>
@@ -129,7 +128,7 @@ const AdvancedSettings = () => {
       agents?.length
     ) {
       setIsInterruptionHandlingEnabled(
-        agents?.find(a => a?.id === agentId)?.config?.enable_aivad,
+        agents?.find(a => a?.id === agentId)?.enable_aivad,
       );
     }
   }, [agentId, agents, isInterruptionHandlingEnabled]);

package/template/src/ai-agent/components/SelectAiAgent.tsx

@@ -28,7 +28,7 @@ const SelectAiAgent = () => {
       ?.filter(a => a.is_active === true)
       ?.map((agent: any) => {
         return {
-          label: agent?.config?.llm?.agent_name,
+          label: agent?.agent_name,
           value: agent.id,
         };
       });

package/template/src/ai-agent/components/SelectUserLanguage.tsx

@@ -24,8 +24,7 @@ const SelectUserLanguage = () => {
     if (!language && agentId && agents?.length) {
       //@ts-ignore
       setLanguage(
-        agents?.find((agent: any) => agent.id === agentId)?.config
-          ?.asr_language,
+        agents?.find((agent: any) => agent.id === agentId)?.asr_language,
       );
     } else if (language) {
       setLanguage(language);

package/template/src/ai-agent/components/UserPrompt.tsx

@@ -40,7 +40,7 @@ const UserPrompt = () => {
 
   useEffect(() => {
     if (!prompt && agentId && agents?.length) {
-      setPrompt(agents?.find(a => a?.id === agentId)?.config?.llm?.prompt);
+      setPrompt(agents?.find(a => a?.id === agentId)?.prompt);
     } else if (prompt) {
       setPrompt(prompt);
     }

package/template/src/components/precall/joinWaitingRoomBtn.native.tsx

@@ -232,7 +232,7 @@ const JoinWaitingRoomBtn = (props: PreCallJoinWaitingRoomBtnProps) => {
   const title = buttonText;
   const onPress = () => onSubmit();
   const disabled = $config.ENABLE_WAITING_ROOM_AUTO_REQUEST
-    ? !hasHostJoined || isInWaitingRoom
+    ? !hasHostJoined || isInWaitingRoom || username?.trim() === ''
     : isInWaitingRoom || username?.trim() === '';
   return props?.render ? (
     props.render(onPress, title, disabled)

package/template/src/components/precall/joinWaitingRoomBtn.tsx

@@ -281,7 +281,7 @@ const JoinWaitingRoomBtn = (props: PreCallJoinWaitingRoomBtnProps) => {
   const title = buttonText;
   const onPress = () => onSubmit();
   const disabled = $config.ENABLE_WAITING_ROOM_AUTO_REQUEST
-    ? !hasHostJoined || isInWaitingRoom
+    ? !hasHostJoined || isInWaitingRoom ||  username?.trim() === ''
     : isInWaitingRoom || username?.trim() === '';
   return props?.render ? (
     props.render(onPress, title, disabled)

package/template/src/components/room-info/useRoomInfo.tsx

@@ -71,21 +71,17 @@ export interface RoomData {
 export interface AIAgentInterface {
   id: string;
   is_active: boolean;
-  config: {
-    enable_aivad?: boolean;
-    asr_language?: keyof typeof ASR_LANGUAGES;
-    llm: {
-      agent_name: string;
-      model: string;
-      prompt: string;
-    };
-    tts: {
-      vendor: string;
-      params: {
-        key: string;
-        voice_name: string;
-        region: string;
-      };
+  agent_name: string;
+  model: string;
+  prompt: string;
+  enable_aivad?: boolean;
+  asr_language?: keyof typeof ASR_LANGUAGES;
+  tts: {
+    vendor: string;
+    params: {
+      key: string;
+      voice_name: string;
+      region: string;
     };
   };
 }

package/template/src/utils/useJoinRoom.ts

@@ -15,137 +15,7 @@ import isSDK from './isSDK';
 import {AuthErrorCodes} from './common';
 import SDKEvents from './SdkEvents';
 
-const JOIN_CHANNEL_PHRASE_AND_GET_USER = gql`
-  query JoinChannel($passphrase: String!) {
-    joinChannel(passphrase: $passphrase) {
-      channel
-      title
-      isHost
-      secret
-      chat {
-        groupId
-        userToken
-        isGroupOwner
-        error {
-          code
-          message
-        }
-      }
-      secretSalt
-      mainUser {
-        rtc
-        rtm
-        uid
-      }
-      whiteboard {
-        room_uuid
-        room_token
-        error {
-          code
-          message
-        }
-      }
-      screenShare {
-        rtc
-        rtm
-        uid
-      }
-      agents {
-        id
-        is_active
-        config {
-          llm {
-            agent_name
-            model
-            prompt
-          }
-          vad {
-            threshold
-          }
-          asr_language
-          enable_aivad
-          tts {
-            vendor
-            params {
-              ... on TtsVendorParamsMs {
-                voice_name
-                region
-              }
-            }
-          }
-        }
-      }
-    }
-    getUser {
-      name
-      email
-    }
-  }
-`;
-
-const JOIN_CHANNEL_PHRASE = gql`
-  query JoinChannel($passphrase: String!) {
-    joinChannel(passphrase: $passphrase) {
-      channel
-      title
-      isHost
-      secret
-      chat {
-        groupId
-        userToken
-        isGroupOwner
-        error {
-          code
-          message
-        }
-      }
-      secretSalt
-      mainUser {
-        rtc
-        rtm
-        uid
-      }
-      whiteboard {
-        room_uuid
-        room_token
-        error {
-          code
-          message
-        }
-      }
-      screenShare {
-        rtc
-        rtm
-        uid
-      }
-      agents {
-        id
-        is_active
-        config {
-          llm {
-            agent_name
-            model
-            prompt
-          }
-          vad {
-            threshold
-          }
-          asr_language
-          enable_aivad
-          tts {
-            vendor
-            params {
-              ... on TtsVendorParamsMs {
-                voice_name
-                region
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-`;
+const JOIN_CHANNEL_URL = `${$config.BACKEND_ENDPOINT}/v1/channel/join`;
 /**
  * Returns an asynchronous function to join a meeting with the given phrase.
  */
@@ -165,8 +35,6 @@ export default function useJoinRoom() {
   const {store} = useContext(StorageContext);
   const {setRoomInfo} = useSetRoomInfo();
 
-  const {client} = useContext(GraphQLContext);
-  const username = useGetName();
   const {request: requestToJoin} = useWaitingRoomAPI();
   const isWaitingRoomEnabled = $config.ENABLE_WAITING_ROOM;
   const chatErrorNoTokenText = useString(chatErrorNoToken)();
@@ -193,6 +61,7 @@ export default function useJoinRoom() {
           send_event: false,
         });
       } else {
+        console.log('debugging store.token', store.token);
         logger.log(
           LogSource.NetworkRest,
           'joinChannel',
@@ -202,22 +71,20 @@ export default function useJoinRoom() {
             requestId,
           },
         );
-        response = await client.query({
-          context: {
-            headers: {
-              'X-Request-Id': requestId,
-              'X-Session-Id': logger.getSessionId(),
-            },
-          },
-          query:
-            store.token === null
-              ? JOIN_CHANNEL_PHRASE
-              : JOIN_CHANNEL_PHRASE_AND_GET_USER,
-          variables: {
-            passphrase: phrase,
-            //userName: username,
+        const payload = JSON.stringify({
+          passphrase: phrase,
+        });
+        const res = await fetch(`${JOIN_CHANNEL_URL}`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            authorization: store.token ? `Bearer ${store.token}` : '',
+            'X-Request-Id': requestId,
+            'X-Session-Id': logger.getSessionId(),
           },
+          body: payload,
         });
+        response = await res.json();
       }
       const endReqTs = Date.now();
       const latency = endReqTs - startReqTs;
@@ -245,8 +112,8 @@ export default function useJoinRoom() {
         );
         throw response.error;
       } else {
-        if ((response && response.data) || isWaitingRoomEnabled) {
-          let data = isWaitingRoomEnabled ? response : response.data;
+        if (response) {
+          let data = response;
           logger.log(
             LogSource.NetworkRest,
             `${isWaitingRoomEnabled ? 'channel_join_request' : 'joinChannel'}`,
@@ -264,62 +131,53 @@ export default function useJoinRoom() {
           );
           let roomInfo: Partial<RoomInfoContextInterface['data']> = {};
 
-          if (data?.joinChannel?.channel || data?.channel) {
+          if (data?.channel_name || data?.channel) {
             roomInfo.channel = isWaitingRoomEnabled
               ? data.channel
-              : data.joinChannel.channel;
+              : data.channel_name;
           }
-          if (data?.joinChannel?.mainUser?.uid || data?.mainUser?.uid) {
+          if (data?.main_user?.uid || data?.mainUser?.uid) {
             roomInfo.uid = isWaitingRoomEnabled
               ? data.mainUser.uid
-              : data.joinChannel.mainUser.uid;
+              : data.main_user.uid;
           }
-          if (data?.joinChannel?.mainUser?.rtc || data?.mainUser?.rtc) {
+          if (data?.main_user?.rtc || data?.mainUser?.rtc) {
             roomInfo.token = isWaitingRoomEnabled
               ? data.mainUser.rtc
-              : data.joinChannel.mainUser.rtc;
+              : data.main_user.rtc;
           }
-          if (data?.joinChannel?.mainUser?.rtm || data?.mainUser?.rtm) {
+          if (data?.main_user?.rtm || data?.mainUser?.rtm) {
             roomInfo.rtmToken = isWaitingRoomEnabled
               ? data.mainUser.rtm
-              : data.joinChannel.mainUser.rtm;
+              : data.main_user.rtm;
           }
-          if (data?.joinChannel?.secret || data?.secret) {
-            roomInfo.encryptionSecret = isWaitingRoomEnabled
-              ? data.secret
-              : data.joinChannel.secret;
+
+          if (data?.secret) {
+            roomInfo.encryptionSecret = data.secret;
           }
-          if (data?.joinChannel?.secretSalt || data?.secretSalt) {
+          if (data?.secret_salt || data?.secretSalt) {
             roomInfo.encryptionSecretSalt = base64ToUint8Array(
-              isWaitingRoomEnabled
-                ? data.secretSalt
-                : data.joinChannel.secretSalt,
+              isWaitingRoomEnabled ? data.secretSalt : data.secret_salt,
             ) as Uint8Array;
           }
-          if (data?.joinChannel?.screenShare?.uid || data?.screenShare?.uid) {
+          if (data?.screen_share_user?.uid || data?.screenShare?.uid) {
             roomInfo.screenShareUid = isWaitingRoomEnabled
               ? data.screenShare.uid
-              : data.joinChannel.screenShare.uid;
+              : data.screen_share_user.uid;
           }
-          if (data?.joinChannel?.screenShare?.rtc || data?.screenShare?.rtc) {
+          if (data?.screen_share_user?.rtc || data?.screenShare?.rtc) {
             roomInfo.screenShareToken = isWaitingRoomEnabled
               ? data.screenShare.rtc
-              : data.joinChannel.screenShare.rtc;
+              : data.screen_share_user.rtc;
           }
 
-          if (data?.joinChannel?.mainUser?.rtm || data?.mainUser?.rtm) {
-            roomInfo.rtmToken = isWaitingRoomEnabled
-              ? data.mainUser.rtm
-              : data.joinChannel.mainUser.rtm;
-          }
-          if (data?.joinChannel?.chat || data?.chat) {
-            const chatData = isWaitingRoomEnabled
-              ? data.chat
-              : data?.joinChannel?.chat;
+          if (data?.chat) {
+            const chatData = data.chat;
+
             const hasError = chatData?.error?.code || chatData?.error?.message;
             const missingUserToken = !(isWaitingRoomEnabled
               ? data.chat?.userToken
-              : data?.joinChannel?.chat?.userToken);
+              : data.chat?.user_token);
             if ($config.CHAT && (hasError || missingUserToken)) {
               roomInfo.chat = {
                 user_token: '',
@@ -337,33 +195,28 @@ export default function useJoinRoom() {
             } else {
               const chat: RoomInfoContextInterface['data']['chat'] = {
                 user_token: isWaitingRoomEnabled
-                  ? data.chat.userToken
-                  : data?.joinChannel?.chat?.userToken,
+                  ? data.chat?.userToken
+                  : data.chat?.user_token,
                 group_id: isWaitingRoomEnabled
-                  ? data.chat.groupId
-                  : data?.joinChannel?.chat?.groupId,
+                  ? data.chat?.groupId
+                  : data.chat?.group_id,
                 is_group_owner: isWaitingRoomEnabled
-                  ? data.chat.isGroupOwner
-                  : data?.joinChannel?.chat?.isGroupOwner,
+                  ? data.chat?.isGroupOwner
+                  : data.chat?.is_group_owner,
                 error: null,
               };
               roomInfo.chat = chat;
             }
           }
 
-          roomInfo.isHost = isWaitingRoomEnabled
-            ? data.isHost
-            : data.joinChannel.isHost;
+          roomInfo.isHost = isWaitingRoomEnabled ? data.isHost : data.is_host;
 
           if (data?.joinChannel?.title || data?.title) {
-            roomInfo.meetingTitle = isWaitingRoomEnabled
-              ? data.title
-              : data.joinChannel.title;
+            roomInfo.meetingTitle = data.title;
           }
-          if (data?.joinChannel?.whiteboard || data?.whiteboard) {
-            const whiteboardData = isWaitingRoomEnabled
-              ? data.whiteboard
-              : data?.joinChannel?.whiteboard;
+          if (data?.whiteboard) {
+            const whiteboardData = data.whiteboard;
+
             if (
               $config.ENABLE_WHITEBOARD &&
               (whiteboardData?.error?.code || whiteboardData?.error?.message)
@@ -379,12 +232,8 @@ export default function useJoinRoom() {
             } else {
               const whiteboard: RoomInfoContextInterface['data']['whiteboard'] =
                 {
-                  room_token: isWaitingRoomEnabled
-                    ? data.whiteboard.room_token
-                    : data?.joinChannel?.whiteboard?.room_token,
-                  room_uuid: isWaitingRoomEnabled
-                    ? data.whiteboard.room_uuid
-                    : data?.joinChannel?.whiteboard?.room_uuid,
+                  room_token: data.whiteboard?.room_token,
+                  room_uuid: data.whiteboard?.room_uuid,
                   error: null,
                 };
               if (whiteboard?.room_token && whiteboard?.room_uuid) {
@@ -395,13 +244,9 @@ export default function useJoinRoom() {
 
           //set the ai agent data
           if ($config.ENABLE_CONVERSATIONAL_AI) {
-            roomInfo.agents = data?.joinChannel?.agents;
+            roomInfo.agents = data?.agents;
           }
 
-          //getUser is not available from backend
-          // if (data?.getUser?.name) {
-          //   roomInfo.username = data.getUser.name;
-          // }
           const validPreference =
             preference && Object.keys(preference).length > 0;
           setRoomInfo(prevState => {