agora-appbuilder-core 4.1.6-beta.2 → 4.1.6-beta.3

package/package.json

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

package/template/bridge/rtc/webNg/RtcEngine.ts

@@ -797,8 +797,11 @@ export default class RtcEngine {
         mediaType,
       );
       if (mediaType === 'audio') {
-        const {audio, ...rest} = this.remoteStreams.get(user.uid);
-        this.remoteStreams.set(user.uid, rest);
+        const data = this.remoteStreams.get(user.uid);
+        try {
+          delete data['audio'];
+        } catch (error) {}
+        this.remoteStreams.set(user.uid, {...data});
         (this.eventsMap.get('onRemoteAudioStateChanged') as callbackType)(
           {},
           user.uid,
@@ -807,8 +810,11 @@ export default class RtcEngine {
           0,
         );
       } else {
-        const {video, ...rest} = this.remoteStreams.get(user.uid);
-        this.remoteStreams.set(user.uid, rest);
+        const data = this.remoteStreams.get(user.uid);
+        try {
+          delete data['video'];
+        } catch (error) {}
+        this.remoteStreams.set(user.uid, {...data});
         (this.eventsMap.get('onRemoteVideoStateChanged') as callbackType)(
           {},
           user.uid,

package/template/defaultConfig.js

@@ -77,8 +77,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.1.6-beta.2',
-  CORE_VERSION: '4.1.6-beta.2',
+  CLI_VERSION: '3.1.6-beta.3',
+  CORE_VERSION: '4.1.6-beta.3',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

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

@@ -17,7 +17,7 @@ import TranscriptIcon from '../assets/transcript.png';
 //@ts-ignore
 import SettingsIcon from '../assets/settings.png';
 //@ts-ignore
-import DisconnectIcon from '../assets/close.png';
+import LeaveCallIcon from '../assets/leave-call.png';
 
 export const MicButton = () => {
   const {audio} = useLocalUserInfo();
@@ -117,7 +117,7 @@ export const DisconnectButton = () => {
       }}>
       <Image
         style={[styles.iconStyle, {tintColor: $config.FONT_COLOR}]}
-        source={DisconnectIcon}
+        source={LeaveCallIcon}
       />
     </TouchableOpacity>
   );

package/template/src/ai-agent/components/mobile/Topbar.tsx

@@ -2,16 +2,28 @@ import React from 'react';
 import {View, StyleSheet, Text} from 'react-native';
 import {useRoomInfo} from 'customization-api';
 import ThemeConfig from '../../../theme';
+import {SettingButton} from '../ControlButtons';
 
 const MobileTopbar = () => {
+  const getAILayoutType = () => {
+    return $config.AI_LAYOUT ? $config.AI_LAYOUT : 'LAYOUT_TYPE_1';
+  };
   const {
     data: {meetingTitle},
   } = useRoomInfo();
+
   return (
     <View style={style.rootStyle}>
       <View style={style.containerStyle}>
         <Text style={style.textStyle}>{meetingTitle}</Text>
       </View>
+      {getAILayoutType() !== 'LAYOUT_TYPE_2' ? (
+        <View>
+          <SettingButton />
+        </View>
+      ) : (
+        <></>
+      )}
     </View>
   );
 };

package/template/src/ai-agent/layout/ConversationalAI.tsx

@@ -7,18 +7,17 @@ import {
   Image,
   ActivityIndicator,
 } from 'react-native';
-import {useSidePanel, isAndroid, isIOS} from 'customization-api';
+import {useSidePanel} from 'customization-api';
 import ThemeConfig from '../../theme';
 import {AgentContext} from '../components/AgentControls/AgentContext';
 import {AgentState} from '../components/AgentControls/const';
 import {useIsAgentAvailable} from '../components/utils';
-import {isMobileUA} from '../../utils/common';
+import {isMobileUA, isAndroid, isIOS} from '../../utils/common';
 //@ts-ignore
 import JoinCallIcon from '../assets/join-call.png';
 import {
   DisconnectButton,
   MicButton,
-  SettingButton,
   TranscriptButton,
 } from '../components/ControlButtons';
 
@@ -83,7 +82,6 @@ export default function ConversationalAI() {
           <View style={styles.controlsContainer}>
             <MicButton />
             <TranscriptButton />
-            <SettingButton />
             <DisconnectButton />
           </View>
         ) : (

package/template/src/ai-agent/layout/NewAnimation.tsx

@@ -15,7 +15,6 @@ import AiAgentCustomView from '../ai-interface/AIAgentInterface';
 import {
   DisconnectButton,
   MicButton,
-  SettingButton,
   TranscriptButton,
 } from '../components/ControlButtons';
 import {isMobileUA} from '../../utils/common';
@@ -56,7 +55,6 @@ export default function NewAnimation() {
           <View style={styles.controlsContainer}>
             <MicButton />
             <TranscriptButton />
-            <SettingButton />
             <DisconnectButton />
           </View>
         ) : (

package/template/src/utils/useSpeechToText.ts

@@ -52,7 +52,7 @@ const useSpeechToText = () => {
   useEffect(() => {
     if (!$config.ENABLE_STT) {
       //throw new Error('Speech To Text is not enabled');
-      console.error('Speech To Text is not enabled');
+      console.log('Speech To Text is not enabled');
     }
   }, []);