agora-appbuilder-core 4.1.7-beta.1 → 4.1.7-beta.3

package/package.json

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

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

@@ -330,6 +330,18 @@ export const AgentProvider: React.FC<{children: React.ReactNode}> = ({
               secondaryBtn: null,
               leadingIcon: null,
             });
+          } else if (agentConnectError.toString().indexOf('403') !== -1) {
+            Toast.show({
+              leadingIconName: 'alert',
+              type: 'error',
+              text1: 'Uh oh! Agent failed to connect',
+              text2:
+                "Verify if you've enabled your project for Agora Conversational AI on Agora Console. Or if your project's customer ID and certificate is configured correctly.",
+              visibilityTime: 5000,
+              primaryBtn: null,
+              secondaryBtn: null,
+              leadingIcon: null,
+            });
           } else {
             Toast.show({
               leadingIconName: 'alert',

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

@@ -73,7 +73,11 @@ export const AgentControl: React.FC = () => {
       ) : (
         <Image style={{width: 24, height: 24}} source={LeaveCallIcon} />
       )}
-      {!isMobileUA() && !(agentConnectionState === 'AGENT_CONNECTED') ? (
+      {!isMobileUA() &&
+      !(
+        agentConnectionState === 'AGENT_CONNECTED' ||
+        agentConnectionState === 'AGENT_DISCONNECT_FAILED'
+      ) ? (
         <Text
           style={{
             fontFamily: ThemeConfig.FontFamily.sansPro,

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

@@ -84,7 +84,9 @@ export default function ConversationalAI() {
         )}
       </View>
       <View style={styles.btnContainer}>
-        {!isLoading && agentConnectionState === 'AGENT_CONNECTED' ? (
+        {!isLoading &&
+        (agentConnectionState === 'AGENT_CONNECTED' ||
+          agentConnectionState === 'AGENT_DISCONNECT_FAILED') ? (
           <View style={styles.controlsContainer}>
             <MicButton />
             <TranscriptButton />

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

@@ -51,7 +51,9 @@ export default function NewAnimation() {
         <AiAgentCustomView connectionState={agentConnectionState} />
       </View>
       <View style={styles.btnContainer}>
-        {!isLoading && agentConnectionState === 'AGENT_CONNECTED' ? (
+        {!isLoading &&
+        (agentConnectionState === 'AGENT_CONNECTED' ||
+          agentConnectionState === 'AGENT_DISCONNECT_FAILED') ? (
           <View style={styles.controlsContainer}>
             <MicButton />
             <TranscriptButton />

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

@@ -72,6 +72,7 @@ const JoinWaitingRoomBtn = (props: PreCallJoinWaitingRoomBtnProps) => {
     waitingRoomButton({
       ready: isInWaitingRoom,
       isAutoRequest: $config.ENABLE_WAITING_ROOM_AUTO_REQUEST,
+      isAutoApproval: $config.ENABLE_WAITING_ROOM_AUTO_APPROVAL,
     }),
   );
   const {request: requestToJoin} = useWaitingRoomAPI();
@@ -121,6 +122,7 @@ const JoinWaitingRoomBtn = (props: PreCallJoinWaitingRoomBtnProps) => {
       waitingRoomButton({
         ready: !isInWaitingRoom,
         isAutoRequest: $config.ENABLE_WAITING_ROOM_AUTO_REQUEST,
+        isAutoApproval: $config.ENABLE_WAITING_ROOM_AUTO_APPROVAL,
       }),
     );
   }, [isInWaitingRoom]);

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

@@ -89,6 +89,7 @@ const JoinWaitingRoomBtn = (props: PreCallJoinWaitingRoomBtnProps) => {
     waitingRoomButton({
       ready: isInWaitingRoom,
       isAutoRequest: $config.ENABLE_WAITING_ROOM_AUTO_REQUEST,
+      isAutoApproval: $config.ENABLE_WAITING_ROOM_AUTO_APPROVAL,
     }),
   );
 
@@ -272,6 +273,7 @@ const JoinWaitingRoomBtn = (props: PreCallJoinWaitingRoomBtnProps) => {
       waitingRoomButton({
         ready: !isInWaitingRoom,
         isAutoRequest: $config.ENABLE_WAITING_ROOM_AUTO_REQUEST,
+        isAutoApproval: $config.ENABLE_WAITING_ROOM_AUTO_APPROVAL,
       }),
     );
   }, [isInWaitingRoom]);

package/template/src/language/default-labels/precallScreenLabels.ts

@@ -10,6 +10,7 @@ export interface PrecallJoinBtnTextInterface {
 export interface PrecallWaitingRoomJoinBtnTextInterface {
   ready: boolean;
   isAutoRequest: boolean;
+  isAutoApproval: boolean;
 }
 
 export const permissionPopupHeading = `permissionPopupHeading`;
@@ -135,12 +136,10 @@ export const PrecallScreenLabels: I18nPrecallScreenLabelsInterface = {
   [precallYouAreJoiningAsHeading]: 'You are joining',
   [precallNameInputPlaceholderText]: 'Enter Your Name',
   [precallInputGettingName]: 'Getting name...',
-  [precallWaitingRoomJoinBtnText]: ({ready, isAutoRequest}) => {
-    return isAutoRequest
-      ? 'Joining...'
-      : ready
-      ? 'Ask To Join'
-      : `Waiting for approval...`;
+  [precallWaitingRoomJoinBtnText]: ({ready, isAutoRequest, isAutoApproval}) => {
+    return  ready
+      ? isAutoRequest? 'Meeting Started,  Join Now !': 'Ask To Join'
+      : isAutoApproval?'Joining...': `Waiting for approval...`
   },
 
   [precallJoinBtnText]: ({waitingRoom, ready, role}) => {

package/template/src/subComponents/ChatBubble.tsx

@@ -132,6 +132,10 @@ export const ReplyMessageBubble = ({
   if (repliedMsg.length == 0 && chatType === ChatType.Private) {
     repliedMsg = messageStore.filter(msg => msg.msgId === repliedMsgId);
   }
+
+  if (repliedMsg.length == 0) {
+    return null;
+  }
   const isAttachMsg = repliedMsg[0]?.type !== ChatMessageType.TXT;
 
   let time = formatAMPM(new Date(repliedMsg[0]?.createdTimestamp));