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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.1.5-beta.2",
+  "version": "4.1.5-beta.3",
   "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.5-beta.2',
-  CORE_VERSION: '4.1.5-beta.2',
+  CLI_VERSION: '3.1.5-beta.3',
+  CORE_VERSION: '4.1.5-beta.3',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/src/ai-agent/ai-interface/AIAgentInterface.tsx

@@ -112,6 +112,7 @@ const styles = StyleSheet.create({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
+    borderRadius: 8,
     ...Platform.select({
       web: {
         pointerEvents: 'none',

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

@@ -142,7 +142,7 @@ const styles = StyleSheet.create({
   },
   layoutRootContainer: {
     flex: 1,
-    backgroundColor: $config.CARD_LAYER_1_COLOR,
+    backgroundColor: $config.VIDEO_AUDIO_TILE_COLOR,
     borderRadius: 8,
   },
   callAgentBtnInnerContainer: {

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

@@ -109,7 +109,7 @@ const styles = StyleSheet.create({
   },
   layoutRootContainer: {
     flex: 1,
-    backgroundColor: $config.CARD_LAYER_1_COLOR,
+    backgroundColor: $config.VIDEO_AUDIO_TILE_COLOR,
     borderRadius: 8,
   },
   callAgentBtnInnerContainer: {

package/template/src/components/participants/UserActionMenuOptions.tsx

@@ -9,6 +9,7 @@ import {
   useContent,
   useSidePanel,
   useUserActionMenu,
+  useChatUIControls,
 } from 'customization-api';
 import {
   DefaultLayouts,
@@ -47,6 +48,7 @@ import {useDisableChat} from '../disable-chat/useDisableChat';
 import {useWhiteboard} from '../../components/whiteboard/WhiteboardConfigure';
 import {useString} from '../../utils/useString';
 import {
+  chatErrorNotConnected,
   I18nMuteType,
   moreBtnAddAsPresenter,
   moreBtnAudio,
@@ -142,6 +144,8 @@ export default function UserActionMenuOptionsOptions(
   const removeScreenShareLabel = useString(moreBtnRemoveScreenShare)();
   const removeFromRoomLabel = useString(moreBtnRemoveFromRoom)();
   const moreBtnSpotlightLabel = useString(moreBtnSpotlight);
+  const {chatConnectionStatus} = useChatUIControls();
+  const chatErrNotConnectedText = useString(chatErrorNotConnected)();
 
   useEffect(() => {
     customEvents.on('DisableChat', data => {
@@ -372,7 +376,20 @@ export default function UserActionMenuOptionsOptions(
               messageConfig.onPress();
             } else {
               messageConfig.onAction?.(user.uid);
-              openPrivateChat(user.uid);
+              if (chatConnectionStatus !== 'connected') {
+                Toast.show({
+                  leadingIconName: 'alert',
+                  type: 'error',
+                  text1: 'Failed to enable Chat Service.',
+                  text2: chatErrNotConnectedText,
+                  visibilityTime: 1000 * 10,
+                  primaryBtn: null,
+                  secondaryBtn: null,
+                  leadingIcon: null,
+                });
+              } else {
+                openPrivateChat(user.uid);
+              }
             }
           },
         });