agora-appbuilder-core 4.0.0-beta.13 → 4.0.0-beta.15

package/package.json

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

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

@@ -23,6 +23,7 @@ const Create = ({
   dispatch: DispatchType;
   children: (engine: React.MutableRefObject<RtcEngine>) => JSX.Element;
 }) => {
+  const mutexLock = useRef(false);
   const [ready, setReady] = useState(false);
   const {callbacks, rtcProps, mode} = useContext(PropsContext);
   const {
@@ -186,14 +187,15 @@ const Create = ({
       mode == ChannelProfile.LiveBroadcasting &&
       rtcProps?.role == ClientRole.Audience
     ) {
-      enableVideoAndAudioWithDisabledState();
+      await enableVideoAndAudioWithDisabledState();
     } else {
-      enableVideoAndAudioWithEnabledState();
+      await enableVideoAndAudioWithEnabledState();
     }
   };
 
   useEffect(() => {
     async function init() {
+      mutexLock.current = true;
       if (Platform.OS === 'android') {
         //Request required permissions from Android
         await requestCameraAndAudioPermission(audioRoom);
@@ -375,8 +377,11 @@ const Create = ({
       } catch (e) {
         console.error(e);
       }
+      mutexLock.current = false;
+    }
+    if (!mutexLock.current) {
+      init();
     }
-    init();
     return () => {
       /**
        * if condition add for websdk issue
@@ -391,7 +396,10 @@ const Create = ({
 
   useEffect(() => {
     const toggleRole = async () => {
-      if (mode == ChannelProfile.LiveBroadcasting) {
+      if (
+        mode == ChannelProfile.LiveBroadcasting &&
+        engine.current.setClientRole // Check if engine initialized
+      ) {
         if (rtcProps.role == ClientRole.Broadcaster) {
           await engine.current?.setClientRole(ClientRole.Broadcaster);
           // isVideoEnabledRef checks if the permission is already taken once
@@ -407,12 +415,12 @@ const Create = ({
             }
             // This updates the uid interface
             dispatch({
-              type: 'LocalMuteAudio',
+              type: "LocalMuteAudio",
               value: [ToggleState.disabled],
             });
             if (!audioRoom) {
               dispatch({
-                type: 'LocalMuteVideo',
+                type: "LocalMuteVideo",
                 value: [ToggleState.disabled],
               });
             }
@@ -428,12 +436,12 @@ const Create = ({
             await engine.current?.muteLocalVideoStream(true);
           }
           dispatch({
-            type: 'LocalMuteAudio',
+            type: "LocalMuteAudio",
             value: [ToggleState.disabled],
           });
           if (!audioRoom) {
             dispatch({
-              type: 'LocalMuteVideo',
+              type: "LocalMuteVideo",
               value: [ToggleState.disabled],
             });
           }

package/template/src/components/ParticipantsView.tsx

@@ -163,7 +163,7 @@ const ParticipantView = (props) => {
                     onPress={() => setShowHostSection(!showHostSection)}
                   />
                   {showHostSection ? (
-                    <AllAudienceParticipants
+                    <AllHostParticipants
                       emptyMessage={'No Host has joined yet.'}
                       uids={hostUids}
                       isMobile={isSmall()}

package/template/src/components/useShareLink.tsx

@@ -177,10 +177,10 @@ const ShareLinkProvider = (props: ShareLinkProvideProps) => {
   };
 
   const getBaseURL = () => {
-    let baseURL =
-      platform === 'web' && !isSDK
-        ? $config.FRONTEND_ENDPOINT || window.location.origin
-        : undefined;
+    let baseURL = !isSDK
+      ? $config.FRONTEND_ENDPOINT ||
+        (platform === 'web' && window.location.origin)
+      : undefined;
     return baseURL;
   };