agora-appbuilder-core 4.0.0-api.0 → 4.0.0-api.1

package/package.json

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

package/template/agora-rn-uikit/src/Rtc/Create.tsx

@@ -187,9 +187,9 @@ const Create = ({
       mode == ChannelProfile.LiveBroadcasting &&
       rtcProps?.role == ClientRole.Audience
     ) {
-      await enableVideoAndAudioWithDisabledState();
+      enableVideoAndAudioWithDisabledState();
     } else {
-      await enableVideoAndAudioWithEnabledState();
+      enableVideoAndAudioWithEnabledState();
     }
   };
 

package/template/src/components/Navbar.tsx

@@ -346,7 +346,7 @@ const Navbar = () => {
         <ToolbarItem>
           <ParticipantsCount />
         </ToolbarItem>
-        {!isRecordingActive ? (
+        {isRecordingActive ? (
           <ToolbarItem>
             <RecordingInfo
               recordingLabel={isHorizontal ? recordingLabel : ''}

package/template/src/components/RTMConfigure.tsx

@@ -91,8 +91,8 @@ const RtmConfigure = (props: any) => {
 
   React.useEffect(() => {
     const handBrowserClose = (ev) => {
-      // ev.preventDefault();
-      // return (ev.returnValue = 'Are you sure you want to exit?');
+      ev.preventDefault();
+      return (ev.returnValue = 'Are you sure you want to exit?');
     };
     const logoutRtm = () => {
       engine.current.leaveChannel(rtcProps.channel);

package/template/src/components/chat-messages/useChatMessages.tsx

@@ -71,7 +71,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
   const {dispatch} = useContext(DispatchContext);
   const {defaultContent} = useContent();
   const localUid = useLocalUid();
-  const {setSidePanel} = useSidePanel();
+  const {setSidePanel, sidePanel} = useSidePanel();
   const {chatType, setChatType, privateChatUser, setPrivateChatUser} =
     useChatUIControls();
   const {
@@ -87,7 +87,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
   }>({});
 
   const defaultContentRef = useRef({defaultContent: defaultContent});
-  const groupActiveRef = useRef<boolean>();
+  const groupActiveRef = useRef<boolean>(false);
   const individualActiveRef = useRef<string | number>();
 
   //commented for v1 release
@@ -99,8 +99,9 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
   }, [defaultContent]);
 
   useEffect(() => {
-    groupActiveRef.current = chatType === ChatType.Group;
-  }, [chatType]);
+    groupActiveRef.current =
+      chatType === ChatType.Group && sidePanel === SidePanelType.Chat;
+  }, [chatType, sidePanel]);
 
   useEffect(() => {
     individualActiveRef.current = privateChatUser;