agora-appbuilder-core 3.0.2-beta.0 → 3.0.2-beta.3

package/package.json

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

package/template/_package-lock.json

@@ -16,8 +16,8 @@
         "@sentry/react-native": "2.4.3",
         "@sentry/tracing": "6.2.1",
         "agora-react-native-rtm": "1.5.0",
-        "agora-rtc-sdk-ng": "4.12.0",
-        "agora-rtm-sdk": "1.4.4",
+        "agora-rtc-sdk-ng": "4.14.0",
+        "agora-rtm-sdk": "1.6.0-204",
         "electron-log": "4.3.5",
         "electron-squirrel-startup": "1.0.0",
         "electron-updater": "4.3.9",
@@ -30,7 +30,7 @@
         "react-dom": "16.13.1",
         "react-is": "18.0.0",
         "react-native": "0.63.3",
-        "react-native-agora": "3.4.2",
+        "react-native-agora": "3.7.1",
         "react-native-hyperlink": "0.0.19",
         "react-native-inappbrowser-reborn": "3.5.1",
         "react-native-keep-awake": "4.0.0",
@@ -6649,9 +6649,9 @@
       }
     },
     "node_modules/agora-rtc-sdk-ng": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/agora-rtc-sdk-ng/-/agora-rtc-sdk-ng-4.12.0.tgz",
-      "integrity": "sha512-lKL6PTw6PPzIX52Eq7Awq+oQdZR5y2DnA9RIpD+Gv+Srr5JsrCbh7eA+9KrOnncEPGOlraz/Phx3GZuGyFAMPA==",
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/agora-rtc-sdk-ng/-/agora-rtc-sdk-ng-4.14.0.tgz",
+      "integrity": "sha512-87WZEz+Lkhs39/K9iqBeQYUl6HIWoiyicez/DxspQ37N9NRWRRmoLVS1yUfG6FPWWxZiY+VEJbzPLPhuAihrpQ==",
       "dependencies": {
         "agora-rte-extension": "^1.0.22"
       }
@@ -6662,9 +6662,9 @@
       "integrity": "sha512-HGsr7dJ5FHeCVHTLHCUfQ6cvKVLJz9b11F/FZbSQ/IqYlGZwRdu5E6hVdWenjWyYiqmpZm+nCP9IIqXSA+BPwA=="
     },
     "node_modules/agora-rtm-sdk": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/agora-rtm-sdk/-/agora-rtm-sdk-1.4.4.tgz",
-      "integrity": "sha512-Cks9kOJQ94HNle6s9mRqozf8VEwQD2WDrjJyA30rV3odBJ1UUDsASE5AItdr0znD8RDx0D7V+vpI9A9VQzmgvw=="
+      "version": "1.6.0-204",
+      "resolved": "https://registry.npmjs.org/agora-rtm-sdk/-/agora-rtm-sdk-1.6.0-204.tgz",
+      "integrity": "sha512-511lcjbqHlrK1M4cyeWiRLYHOutMHRaIZNt8usi8eFYR070foIattChnqQv5HAx2ltKg1RisZ9RK26thLqniEQ=="
     },
     "node_modules/ajv": {
       "version": "6.12.6",
@@ -23338,9 +23338,9 @@
       }
     },
     "node_modules/react-native-agora": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/react-native-agora/-/react-native-agora-3.4.2.tgz",
-      "integrity": "sha512-zY2BIDCG9vEGQMW9oggsom9XHZJqETG/nafLsZx4z52TzHw9bipNypL/jXpE50Ofg+bS9YKYJaSZGy8M9dgKSA==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/react-native-agora/-/react-native-agora-3.7.1.tgz",
+      "integrity": "sha512-meArJ8YQoZZb4UP2qZEAGWtEJYu/LrOcD/d0sH5BIhwKWZzuLYwN6E/hzlYnd4iWDbuPvaW0dgKCN/RgsoAr3A==",
       "peerDependencies": {
         "react": "*",
         "react-native": "*"
@@ -33922,9 +33922,9 @@
       "requires": {}
     },
     "agora-rtc-sdk-ng": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/agora-rtc-sdk-ng/-/agora-rtc-sdk-ng-4.12.0.tgz",
-      "integrity": "sha512-lKL6PTw6PPzIX52Eq7Awq+oQdZR5y2DnA9RIpD+Gv+Srr5JsrCbh7eA+9KrOnncEPGOlraz/Phx3GZuGyFAMPA==",
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/agora-rtc-sdk-ng/-/agora-rtc-sdk-ng-4.14.0.tgz",
+      "integrity": "sha512-87WZEz+Lkhs39/K9iqBeQYUl6HIWoiyicez/DxspQ37N9NRWRRmoLVS1yUfG6FPWWxZiY+VEJbzPLPhuAihrpQ==",
       "requires": {
         "agora-rte-extension": "^1.0.22"
       }
@@ -33935,9 +33935,9 @@
       "integrity": "sha512-HGsr7dJ5FHeCVHTLHCUfQ6cvKVLJz9b11F/FZbSQ/IqYlGZwRdu5E6hVdWenjWyYiqmpZm+nCP9IIqXSA+BPwA=="
     },
     "agora-rtm-sdk": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/agora-rtm-sdk/-/agora-rtm-sdk-1.4.4.tgz",
-      "integrity": "sha512-Cks9kOJQ94HNle6s9mRqozf8VEwQD2WDrjJyA30rV3odBJ1UUDsASE5AItdr0znD8RDx0D7V+vpI9A9VQzmgvw=="
+      "version": "1.6.0-204",
+      "resolved": "https://registry.npmjs.org/agora-rtm-sdk/-/agora-rtm-sdk-1.6.0-204.tgz",
+      "integrity": "sha512-511lcjbqHlrK1M4cyeWiRLYHOutMHRaIZNt8usi8eFYR070foIattChnqQv5HAx2ltKg1RisZ9RK26thLqniEQ=="
     },
     "ajv": {
       "version": "6.12.6",
@@ -47171,9 +47171,9 @@
       }
     },
     "react-native-agora": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/react-native-agora/-/react-native-agora-3.4.2.tgz",
-      "integrity": "sha512-zY2BIDCG9vEGQMW9oggsom9XHZJqETG/nafLsZx4z52TzHw9bipNypL/jXpE50Ofg+bS9YKYJaSZGy8M9dgKSA==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/react-native-agora/-/react-native-agora-3.7.1.tgz",
+      "integrity": "sha512-meArJ8YQoZZb4UP2qZEAGWtEJYu/LrOcD/d0sH5BIhwKWZzuLYwN6E/hzlYnd4iWDbuPvaW0dgKCN/RgsoAr3A==",
       "requires": {}
     },
     "react-native-hyperlink": {

package/template/babel.config.js

@@ -10,7 +10,7 @@
 *********************************************
 */
 const configVars = require('./configTransform');
-const getCustomizationApiPath = require('./customization.config');
+const { getCustomizationApiPath } =  require('./customization.config');
 
 // This file is read only by react native for IOS & Android. Doesn't apply to electron, Web targets
 module.exports = {

package/template/customization.config.js

@@ -26,4 +26,4 @@ const getCustomizationApiPath = () => {
   }
   return customizationDummyPath;
 };
-module.exports = getCustomizationApiPath;
+module.exports = {getCustomizationApiPath, customizationDummyPath};

package/template/package.json

@@ -56,8 +56,8 @@
     "@sentry/react-native": "2.4.3",
     "@sentry/tracing": "6.2.1",
     "agora-react-native-rtm": "1.5.0",
-    "agora-rtc-sdk-ng": "4.12.0",
-    "agora-rtm-sdk": "1.4.4",
+    "agora-rtc-sdk-ng": "4.14.0",
+    "agora-rtm-sdk": "1.6.0-204",
     "electron-log": "4.3.5",
     "electron-squirrel-startup": "1.0.0",
     "electron-updater": "4.3.9",
@@ -70,7 +70,7 @@
     "react-dom": "16.13.1",
     "react-is": "18.0.0",
     "react-native": "0.63.3",
-    "react-native-agora": "3.4.2",
+    "react-native-agora": "3.7.1",
     "react-native-hyperlink": "0.0.19",
     "react-native-inappbrowser-reborn": "3.5.1",
     "react-native-keep-awake": "4.0.0",

package/template/src/components/Navbar.tsx

@@ -31,7 +31,12 @@ import {numFormatter} from '../utils/index';
 import {useLayout} from '../utils/useLayout';
 import {useChatNotification} from '../components/chat-notification/useChatNotification';
 import useLayoutsData from '../pages/video-call/useLayoutsData';
-import {isIOS, isValidReactComponent, isWebInternal} from '../utils/common';
+import {
+  isAndroid,
+  isIOS,
+  isValidReactComponent,
+  isWebInternal,
+} from '../utils/common';
 import {useChangeDefaultLayout} from '../pages/video-call/DefaultLayouts';
 import {useRecording} from '../subComponents/recording/useRecording';
 import LayoutIconDropdown from '../subComponents/LayoutIconDropdown';
@@ -357,6 +362,8 @@ const Navbar = () => {
   const {isRecordingActive} = useRecording();
   const {getDimensionData} = useContext(DimensionContext);
   const {isDesktop} = getDimensionData();
+  const layoutsData = useLayoutsData();
+  const isNative = isIOS() || isAndroid();
 
   return (
     <View
@@ -440,7 +447,11 @@ const Navbar = () => {
           </View>
         ) : (
           <View>
-            <Text style={style.roomNameText}>{meetingTitle}</Text>
+            <Text style={style.roomNameText}>
+              {meetingTitle.length > 13
+                ? meetingTitle.slice(0, 13) + '..'
+                : meetingTitle}
+            </Text>
           </View>
         )}
       </View>
@@ -453,7 +464,10 @@ const Navbar = () => {
                 isWebInternal() && isDesktop
                   ? 300
                   : isMobileOrTablet()
-                  ? 160
+                  ? //In native - if only one layout is provided then we are hiding the layout icon. so we need less space. otherwise there will empty space around the icon
+                    layoutsData && layoutsData.length === 1 && isNative
+                    ? 130
+                    : 160
                   : 200,
             },
           ]}>
@@ -471,17 +485,24 @@ const Navbar = () => {
           ) : (
             <></>
           )}
-          <RenderSeparator />
-          <View
-            style={[style.navItem, style.navSmItem]}
-            /**
-             * .measure returns undefined on Android unless collapsable=false or onLayout are specified
-             * so added collapsable property
-             * https://github.com/facebook/react-native/issues/29712
-             * */
-            collapsable={false}>
-            <LayoutIconButton />
-          </View>
+          {/**
+           * In custom-layout - show the layout icon if more than 1 layout provided otherwise hide it from the ui
+           */}
+          {layoutsData && layoutsData.length > 1 && (
+            <>
+              <RenderSeparator />
+              <View
+                style={[style.navItem, style.navSmItem]}
+                /**
+                 * .measure returns undefined on Android unless collapsable=false or onLayout are specified
+                 * so added collapsable property
+                 * https://github.com/facebook/react-native/issues/29712
+                 * */
+                collapsable={false}>
+                <LayoutIconButton />
+              </View>
+            </>
+          )}
           <RenderSeparator />
           <SettingsIconButtonWithWrapper />
         </View>
@@ -530,7 +551,7 @@ const style = StyleSheet.create({
     height: 35,
     maxHeight: 30,
     position: 'absolute',
-    left: isMobileOrTablet() ? '50%' : 10,
+    left: isMobileOrTablet() ? '48%' : 10,
     paddingHorizontal: 5,
     flexDirection: 'row',
     alignItems: 'center',
@@ -590,7 +611,8 @@ const style = StyleSheet.create({
     backgroundColor: $config.PRIMARY_COLOR,
     borderRadius: 2.5,
     paddingHorizontal: 5,
-    marginHorizontal: 5,
+    marginLeft: 5,
+    marginRight: 0,
     paddingVertical: 1,
     display: 'flex',
     alignItems: 'center',

package/template/webpack.commons.js

@@ -19,7 +19,10 @@ const isDevelopment = process.env.NODE_ENV === 'development';
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const configVars = require('./configTransform');
-const getCustomizationApiPath = require('./customization.config');
+const {
+  getCustomizationApiPath,
+  customizationDummyPath,
+} = require('./customization.config');
 
 const isElectron = ['linux', 'windows', 'mac'].includes(process.env.TARGET);
 const isReactSdk = process.env.TARGET === 'rsdk';
@@ -58,7 +61,10 @@ module.exports = {
         __dirname,
         'customization-implementation/index.ts',
       ),
-      customization: path.join(__dirname, getCustomizationApiPath()),
+      customization: path.join(
+        __dirname,
+        isSdk ? customizationDummyPath : getCustomizationApiPath(),
+      ),
       'agora-react-native-rtm/lib/typescript/src': path.join(
         __dirname,
         'bridge/rtm/web/index.ts',