agora-appbuilder-core 2.3.0-beta.35 → 2.3.0-beta.36

package/package.json

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

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

@@ -2,6 +2,8 @@ import React, {useState, useEffect, useContext, useRef, FC} from 'react';
 import RtcEngine, {
   VideoEncoderConfiguration,
   AreaCode,
+  AudioProfile,
+  AudioScenario,
 } from 'react-native-agora';
 import {Platform} from 'react-native';
 import requestCameraAndAudioPermission from '../Utils/permission';
@@ -175,17 +177,36 @@ const Create = ({
         } else {
           await engine.current.setChannelProfile(ChannelProfile.Communication);
         }
-        if (rtcProps.profile) {
-          if (Platform.OS === 'web') {
-            // move this to bridge?
-            // @ts-ignore
-            await engine.current.setVideoProfile(rtcProps.profile);
-          } else {
-            const config: VideoEncoderConfiguration = quality[rtcProps.profile];
-            await engine.current.setVideoEncoderConfiguration({
-              ...config,
-              bitrate: 0,
-            });
+        if (!audioRoom) {
+          if (rtcProps.profile) {
+            if (Platform.OS === 'web') {
+              // move this to bridge?
+              // @ts-ignore
+              await engine.current.setVideoProfile(rtcProps.profile);
+            } else {
+              const config: VideoEncoderConfiguration =
+                quality[rtcProps.profile];
+              await engine.current.setVideoEncoderConfiguration({
+                ...config,
+                bitrate: 0,
+              });
+            }
+          }
+        } else {
+          //web will work even without audio profile
+          //but native need to set audio profile otherwise user will experience low audio issue
+          if (Platform.OS === 'android' || Platform.OS === 'ios') {
+            await engine.current.setAudioProfile(
+              AudioProfile.Default,
+              AudioScenario.Default,
+            );
+            //also audio route for voice-chat will work through earpiece not phonespeaker
+            //for audiolivecast it will work through phone speaker
+            //ref - https://docs.agora.io/en/help/integration-issues/profile_difference/#audio-route
+            //so setting into phone speaker manually as requested
+            if (mode == ChannelProfile.Communication) {
+              await engine.current.setEnableSpeakerphone(true);
+            }
           }
         }
 

package/template/customization-api/customize.ts

@@ -89,12 +89,6 @@ function validateCustomRoutes(routes: any) {
   }
 }
 
-function validateAppRoot(data: any) {
-  if (data && !isComponent(data)) {
-    console.error(`Customize:Error appRoot should be a react component`);
-  }
-}
-
 function validatei18n(data: any) {
   if (data) {
     if (!Array.isArray(data)) {
@@ -124,9 +118,6 @@ export const customize = (config: CustomizationApiInterface) => {
   //commented for v1 release
   //config?.customRoutes && validateCustomRoutes(config.customRoutes);
 
-  //validating the app root
-  config?.appRoot && validateAppRoot(config.appRoot);
-
   //validating the i18n
   config?.i18n && validatei18n(config.i18n);
 

package/template/customization-api/typeDefinition.ts

@@ -95,6 +95,10 @@ export interface VideoCallInterface extends BeforeAndAfterInterface {
 }
 
 export type ComponentsInterface = {
+  /**
+   * Custom context/api provider wrapped in root level
+   */
+  appRoot?: React.ComponentType;
   // commented for v1 release
   //precall?: PreCallInterface | React.ComponentType;
   //create?: React.ComponentType;
@@ -125,10 +129,6 @@ export interface CustomizationApiInterface {
    */
   // commented for v1 release
   //customRoutes?: CustomRoutesInterface[];
-  /**
-   * Custom context/api provider wrapped in root level
-   */
-  appRoot?: React.ComponentType;
   /**
    * Internationlization
    */

package/template/src/AppWrapper.tsx

@@ -32,8 +32,11 @@ interface AppWrapperProps {
 
 const AppWrapper = (props: AppWrapperProps) => {
   const AppRoot = useCustomization((data) => {
-    if (data?.appRoot && isValidReactComponent(data.appRoot)) {
-      return data.appRoot;
+    if (
+      data?.components?.appRoot &&
+      isValidReactComponent(data?.components?.appRoot)
+    ) {
+      return data.components.appRoot;
     }
     return React.Fragment;
   });