agora-appbuilder-core 4.1.0-beta-1 → 4.1.0-beta-2

package/package.json

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

package/template/customization-api/customize.tsx

@@ -195,7 +195,7 @@ export const customize = (config: CustomizationApiInterface) => {
 
   try {
     //check if is ai agent and merge agent and user config
-    if ($config.ENABLE_AI_AGENT) {
+    if ($config.ENABLE_CONVERSATIONAL_AI) {
       newConfig = mergeCustomization(config, AI_AGENT_CUSTOMIZATION);
     } else {
       newConfig = config;

package/template/defaultConfig.js

@@ -76,14 +76,14 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.1.0-beta-1',
-  CORE_VERSION: '4.1.0-beta-1',
+  CLI_VERSION: '3.1.0-beta-2',
+  CORE_VERSION: '4.1.0-beta-2',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,
   ENABLE_SPOTLIGHT: false,
   AUTO_CONNECT_RTM: false,
-  ENABLE_AI_AGENT: false,
+  ENABLE_CONVERSATIONAL_AI: false,
 };
 
 module.exports = DefaultConfig;

package/template/global.d.ts

@@ -170,7 +170,7 @@ interface ConfigInterface {
   CLOUD_RECORDING_AUTO_START: boolean;
   ENABLE_SPOTLIGHT: boolean;
   AUTO_CONNECT_RTM: boolean;
-  ENABLE_AI_AGENT: boolean;
+  ENABLE_CONVERSATIONAL_AI: boolean;
 }
 declare var $config: ConfigInterface;
 declare module 'customization' {

package/template/src/components/RTMConfigure.tsx

@@ -114,7 +114,7 @@ const RtmConfigure = (props: any) => {
   }, [defaultContent]);
 
   React.useEffect(() => {
-    if (!$config.ENABLE_AI_AGENT) {
+    if (!$config.ENABLE_CONVERSATIONAL_AI) {
       const handBrowserClose = ev => {
         ev.preventDefault();
         window.setTimeout(function () {

package/template/src/pages/video-call/SidePanelHeader.tsx

@@ -57,7 +57,11 @@ export const SettingsHeader = props => {
         <Text style={SidePanelStyles.heading}>{settingsLabel}</Text>
       }
       trailingIconName={
-        $config.ENABLE_AI_AGENT ? (isMobileUA() ? 'close' : '') : 'close'
+        $config.ENABLE_CONVERSATIONAL_AI
+          ? isMobileUA()
+            ? 'close'
+            : ''
+          : 'close'
       }
       trailingIconOnPress={() => {
         props.handleClose && props.handleClose();

package/template/src/pages/video-call/VideoCallMobileView.tsx

@@ -203,7 +203,7 @@ const VideoCallView = React.memo(() => {
       BottombarProps: {},
       TopbarComponent: NavbarMobile,
       TopbarProps: {},
-      VideocallWrapper: $config.ENABLE_AI_AGENT
+      VideocallWrapper: $config.ENABLE_CONVERSATIONAL_AI
         ? ContainerView
         : React.Fragment,
     };
@@ -281,7 +281,9 @@ const VideoCallView = React.memo(() => {
               <ActionSheet
                 includeDefaultItems={false}
                 items={{}}
-                hideDefaultActionSheet={$config.ENABLE_AI_AGENT ? true : false}
+                hideDefaultActionSheet={
+                  $config.ENABLE_CONVERSATIONAL_AI ? true : false
+                }
               />
             </>
           )}
@@ -295,7 +297,7 @@ export default VideoCallMobileView;
 
 const styles = StyleSheet.create({
   container: {
-    paddingHorizontal: $config.ENABLE_AI_AGENT ? 20 : 16,
+    paddingHorizontal: $config.ENABLE_CONVERSATIONAL_AI ? 20 : 16,
     paddingVertical: 20,
     flex: 1,
   },
@@ -308,7 +310,7 @@ const styles = StyleSheet.create({
     paddingVertical: 2,
   },
   videoView: {
-    flex: $config.ENABLE_AI_AGENT ? (isMobileUA() ? 1 : 0.85) : 0.85,
+    flex: $config.ENABLE_CONVERSATIONAL_AI ? (isMobileUA() ? 1 : 0.85) : 0.85,
     zIndex: 0,
     elevation: 0,
   },

package/template/src/subComponents/FallbackLogo.tsx

@@ -102,7 +102,7 @@ export default function FallbackLogo(
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: $config.ENABLE_AI_AGENT
+    backgroundColor: $config.ENABLE_CONVERSATIONAL_AI
       ? '#333'
       : $config.VIDEO_AUDIO_TILE_COLOR,
     justifyContent: 'center',

package/template/src/utils/useJoinRoom.ts

@@ -45,6 +45,13 @@ const JOIN_CHANNEL_PHRASE_AND_GET_USER = gql`
         rtm
         uid
       }
+      agents {
+        id
+        agent_type
+        model
+        agent_name
+        voice
+      }
     }
     getUser {
       name
@@ -88,6 +95,13 @@ const JOIN_CHANNEL_PHRASE = gql`
         rtm
         uid
       }
+      agents {
+        id
+        agent_type
+        model
+        agent_name
+        voice
+      }
     }
   }
 `;