agora-appbuilder-core 1.0.5 → 1.0.9

package/package.json

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

package/template/agora-rn-uikit/.git/config

@@ -3,6 +3,8 @@
 	filemode = true
 	bare = false
 	logallrefupdates = true
+	ignorecase = true
+	precomposeunicode = true
 [remote "origin"]
 	url = https://github.com/AgoraIO-Community/ReactNative-UIKit
 	fetch = +refs/heads/*:refs/remotes/origin/*

package/template/agora-rn-uikit/.git/hooks/pre-push.sample

@@ -14,7 +14,7 @@
 # Information about the commits which are being pushed is supplied as lines to
 # the standard input in the form:
 #
-#   <local ref> <local sha1> <remote ref> <remote sha1>
+#   <local ref> <local oid> <remote ref> <remote oid>
 #
 # This sample shows how to prevent push of commits where the log message starts
 # with "WIP" (work in progress).
@@ -22,27 +22,27 @@
 remote="$1"
 url="$2"
 
-z40=0000000000000000000000000000000000000000
+zero=$(git hash-object --stdin </dev/null | tr '[0-9a-f]' '0')
 
-while read local_ref local_sha remote_ref remote_sha
+while read local_ref local_oid remote_ref remote_oid
 do
-	if [ "$local_sha" = $z40 ]
+	if test "$local_oid" = "$zero"
 	then
 		# Handle delete
 		:
 	else
-		if [ "$remote_sha" = $z40 ]
+		if test "$remote_oid" = "$zero"
 		then
 			# New branch, examine all commits
-			range="$local_sha"
+			range="$local_oid"
 		else
 			# Update to existing branch, examine new commits
-			range="$remote_sha..$local_sha"
+			range="$remote_oid..$local_oid"
 		fi
 
 		# Check for WIP commit
-		commit=`git rev-list -n 1 --grep '^WIP' "$range"`
-		if [ -n "$commit" ]
+		commit=$(git rev-list -n 1 --grep '^WIP' "$range")
+		if test -n "$commit"
 		then
 			echo >&2 "Found WIP commit in $local_ref, not pushing"
 			exit 1

package/template/agora-rn-uikit/.git/hooks/push-to-checkout.sample

@@ -0,0 +1,78 @@
+#!/bin/sh
+
+# An example hook script to update a checked-out tree on a git push.
+#
+# This hook is invoked by git-receive-pack(1) when it reacts to git
+# push and updates reference(s) in its repository, and when the push
+# tries to update the branch that is currently checked out and the
+# receive.denyCurrentBranch configuration variable is set to
+# updateInstead.
+#
+# By default, such a push is refused if the working tree and the index
+# of the remote repository has any difference from the currently
+# checked out commit; when both the working tree and the index match
+# the current commit, they are updated to match the newly pushed tip
+# of the branch. This hook is to be used to override the default
+# behaviour; however the code below reimplements the default behaviour
+# as a starting point for convenient modification.
+#
+# The hook receives the commit with which the tip of the current
+# branch is going to be updated:
+commit=$1
+
+# It can exit with a non-zero status to refuse the push (when it does
+# so, it must not modify the index or the working tree).
+die () {
+	echo >&2 "$*"
+	exit 1
+}
+
+# Or it can make any necessary changes to the working tree and to the
+# index to bring them to the desired state when the tip of the current
+# branch is updated to the new commit, and exit with a zero status.
+#
+# For example, the hook can simply run git read-tree -u -m HEAD "$1"
+# in order to emulate git fetch that is run in the reverse direction
+# with git push, as the two-tree form of git read-tree -u -m is
+# essentially the same as git switch or git checkout that switches
+# branches while keeping the local changes in the working tree that do
+# not interfere with the difference between the branches.
+
+# The below is a more-or-less exact translation to shell of the C code
+# for the default behaviour for git's push-to-checkout hook defined in
+# the push_to_deploy() function in builtin/receive-pack.c.
+#
+# Note that the hook will be executed from the repository directory,
+# not from the working tree, so if you want to perform operations on
+# the working tree, you will have to adapt your code accordingly, e.g.
+# by adding "cd .." or using relative paths.
+
+if ! git update-index -q --ignore-submodules --refresh
+then
+	die "Up-to-date check failed"
+fi
+
+if ! git diff-files --quiet --ignore-submodules --
+then
+	die "Working directory has unstaged changes"
+fi
+
+# This is a rough translation of:
+#
+#   head_has_history() ? "HEAD" : EMPTY_TREE_SHA1_HEX
+if git cat-file -e HEAD 2>/dev/null
+then
+	head=HEAD
+else
+	head=$(git hash-object -t tree --stdin </dev/null)
+fi
+
+if ! git diff-index --quiet --cached --ignore-submodules $head --
+then
+	die "Working directory has staged changes"
+fi
+
+if ! git read-tree -u -m "$commit"
+then
+	die "Could not update working tree to new HEAD"
+fi

package/template/agora-rn-uikit/.git/hooks/update.sample

@@ -60,7 +60,7 @@ esac
 
 # --- Check types
 # if $newrev is 0000...0000, it's a commit to delete a ref.
-zero="0000000000000000000000000000000000000000"
+zero=$(git hash-object --stdin </dev/null | tr '[0-9a-f]' '0')
 if [ "$newrev" = "$zero" ]; then
 	newrev_type=delete
 else

package/template/agora-rn-uikit/.git/logs/HEAD

@@ -1,3 +1,2 @@
-0000000000000000000000000000000000000000 30bbdd42f695d3add04a63a23ef86056d1a09536 technophilic <svineth.face@gmail.com> 1625683680 +0530	clone: from https://github.com/AgoraIO-Community/ReactNative-UIKit
-30bbdd42f695d3add04a63a23ef86056d1a09536 b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c technophilic <svineth.face@gmail.com> 1625683680 +0530	checkout: moving from master to ab-dev-auto
-b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c e99443e73ee4fde6a17b76813f32a1d1fe5afeef technophilic <svineth.face@gmail.com> 1625683950 +0530	pull: Fast-forward
+0000000000000000000000000000000000000000 e1b2bbb0f7d64b69fa51f508c170554f6286cd47 Nitesh Tiwari <niteshtiwari@Niteshs-MacBook-Pro.local> 1624265347 +0530	clone: from https://github.com/AgoraIO-Community/ReactNative-UIKit
+e1b2bbb0f7d64b69fa51f508c170554f6286cd47 b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c Nitesh Tiwari <niteshtiwari@Niteshs-MacBook-Pro.local> 1624265347 +0530	checkout: moving from master to ab-dev-auto

package/template/agora-rn-uikit/.git/logs/refs/heads/ab-dev-auto

@@ -1,2 +1 @@
-0000000000000000000000000000000000000000 b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c technophilic <svineth.face@gmail.com> 1625683680 +0530	branch: Created from refs/remotes/origin/ab-dev-auto
-b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c e99443e73ee4fde6a17b76813f32a1d1fe5afeef technophilic <svineth.face@gmail.com> 1625683950 +0530	pull: Fast-forward
+0000000000000000000000000000000000000000 b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c Nitesh Tiwari <niteshtiwari@Niteshs-MacBook-Pro.local> 1624265347 +0530	branch: Created from refs/remotes/origin/ab-dev-auto

package/template/agora-rn-uikit/.git/logs/refs/heads/master

@@ -1 +1 @@
-0000000000000000000000000000000000000000 30bbdd42f695d3add04a63a23ef86056d1a09536 technophilic <svineth.face@gmail.com> 1625683680 +0530	clone: from https://github.com/AgoraIO-Community/ReactNative-UIKit
+0000000000000000000000000000000000000000 e1b2bbb0f7d64b69fa51f508c170554f6286cd47 Nitesh Tiwari <niteshtiwari@Niteshs-MacBook-Pro.local> 1624265347 +0530	clone: from https://github.com/AgoraIO-Community/ReactNative-UIKit

package/template/agora-rn-uikit/.git/logs/refs/remotes/origin/HEAD

@@ -1 +1 @@
-0000000000000000000000000000000000000000 30bbdd42f695d3add04a63a23ef86056d1a09536 technophilic <svineth.face@gmail.com> 1625683680 +0530	clone: from https://github.com/AgoraIO-Community/ReactNative-UIKit
+0000000000000000000000000000000000000000 e1b2bbb0f7d64b69fa51f508c170554f6286cd47 Nitesh Tiwari <niteshtiwari@Niteshs-MacBook-Pro.local> 1624265347 +0530	clone: from https://github.com/AgoraIO-Community/ReactNative-UIKit

package/template/agora-rn-uikit/.git/packed-refs

@@ -5,9 +5,8 @@ c60cde905c722aeaf8f25aeed2910a7b4d532cfa refs/remotes/origin/app-builder-dev
 c3084102c3b83267b76df578782ce5d76acd569c refs/remotes/origin/button-label
 5d4f38ae0a89b20275e2497a4e8f43b0ca2830e4 refs/remotes/origin/dev
 4ec093e51924049e37d247d867a5482a9376a8cf refs/remotes/origin/docs
-30bbdd42f695d3add04a63a23ef86056d1a09536 refs/remotes/origin/master
+e1b2bbb0f7d64b69fa51f508c170554f6286cd47 refs/remotes/origin/master
 3cb1e8211cd3ba448c79b49e4bb0c9d94b1552b3 refs/remotes/origin/precall-prop
 76f6cbd3b6769bd271867bd026f02d98ba2cf99a refs/remotes/origin/react-native-0.64.2
-c3e27c600ae55f4aeb05ee4666cdf084fd28e9f3 refs/remotes/origin/redo-deps
 ac8929fda04db3663a7c1eb9c71ca6a97728f0eb refs/remotes/origin/v2-legacy
 200e7d04395d72405cea8162ffe8f7e665d2ee9c refs/remotes/origin/v3-ts

package/template/agora-rn-uikit/.git/refs/heads/ab-dev-auto

@@ -1 +1 @@
-e99443e73ee4fde6a17b76813f32a1d1fe5afeef
+b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c

package/template/agora-rn-uikit/.git/refs/heads/master

@@ -1 +1 @@
-30bbdd42f695d3add04a63a23ef86056d1a09536
+e1b2bbb0f7d64b69fa51f508c170554f6286cd47

package/template/agora-rn-uikit/src/Controls/BtnTemplate.tsx

@@ -5,8 +5,6 @@ import {
   StyleProp,
   TouchableOpacityProps,
   ViewStyle,
-  Text,
-  View,
 } from 'react-native';
 import PropsContext from './../PropsContext';
 import styles from '../Style';
@@ -17,7 +15,6 @@ interface BtnTemplateInterface {
   color?: string;
   onPress?: TouchableOpacityProps['onPress'];
   style?: StyleProp<ViewStyle>;
-  btnText?: string;
 }
 
 const BtnTemplate: React.FC<BtnTemplateInterface> = (props) => {
@@ -25,37 +22,30 @@ const BtnTemplate: React.FC<BtnTemplateInterface> = (props) => {
   const {BtnTemplateStyles, theme} = styleProps || {};
 
   return (
-    <TouchableOpacity onPress={props.onPress}>
-      <View
+    <TouchableOpacity
+      style={{
+        ...styles.controlBtn,
+        ...(BtnTemplateStyles as object),
+        ...(props.style as object),
+      }}
+      // onPress={props.onPress}
+      onPress={() => {
+        console.log('pressed mute')
+        props.onPress()
+      }}
+      >
+      <Image
         style={{
-          ...styles.controlBtn,
-          ...(BtnTemplateStyles as object),
-          ...(props.style as object),
-        }}>
-        <Image
-          style={{
-            width: '100%',
-            height: '100%',
-            tintColor:
-              props.name !== 'callEnd'
-                ? theme || props.color || '#fff'
-                : '#FD0845',
-          }}
-          resizeMode={'contain'}
-          source={{uri: icons[props.name]}}
-        />
-      </View>
-      <Text
-        style={{
-          textAlign: 'center',
-          marginTop: 5,
-          color:
+          width: '100%',
+          height: '100%',
+          tintColor:
             props.name !== 'callEnd'
               ? theme || props.color || '#fff'
               : '#FD0845',
-        }}>
-        {props.btnText}
-      </Text>
+        }}
+        resizeMode={'contain'}
+        source={{uri: icons[props.name]}}
+      />
     </TouchableOpacity>
   );
 };

package/template/agora-rn-uikit/src/Controls/Local/EndCall.tsx

@@ -13,7 +13,6 @@ function EndCall() {
   return (
     <BtnTemplate
       name={'callEnd'}
-      btnText={'Hang Up'}
       style={{...styles.endCall, ...(endCall as object)}}
       onPress={() =>
         (dispatch as DispatchType<'EndCall'>)({

package/template/agora-rn-uikit/src/Controls/Local/LocalAudioMute.tsx

@@ -15,7 +15,6 @@ function LocalAudioMute() {
   return (
     <BtnTemplate
       name={local.audio ? 'mic' : 'micOff'}
-      btnText={'Audio'}
       style={{...styles.localBtn, ...(muteLocalAudio as object)}}
       onPress={() => {
         (dispatch as DispatchType<'LocalMuteAudio'>)({

package/template/agora-rn-uikit/src/Controls/Local/LocalVideoMute.tsx

@@ -15,7 +15,6 @@ function LocalVideoMute() {
   return (
     <BtnTemplate
       name={local.video ? 'videocam' : 'videocamOff'}
-      btnText={'Video'}
       style={{...styles.localBtn, ...(muteLocalVideo as object)}}
       onPress={() => {
         (dispatch as DispatchType<'LocalMuteVideo'>)({

package/template/agora-rn-uikit/src/Controls/Local/SwitchCamera.tsx

@@ -13,7 +13,6 @@ function SwitchCamera() {
     <BtnTemplate
       name={'switchCamera'}
       style={{...styles.localBtn, ...(switchCamera as object)}}
-      btnText={'Switch'}
       onPress={() => {
         // RtcEngine.switchCamera();
         (dispatch as DispatchType<'SwitchCamera'>)({

package/template/agora-rn-uikit/src/RTCConfigure.tsx

@@ -201,6 +201,7 @@ const RtcConfigure: React.FC<Partial<RtcPropsInterface>> = (props) => {
         };
         break;
       case 'LocalMuteVideo':
+        console.log('Switch: Local mute video', {value: action.value}, {state});
         (engine.current as RtcEngine).muteLocalVideoStream(
           (action as ActionType<'LocalMuteAudio'>).value[0],
         );
@@ -307,6 +308,49 @@ const RtcConfigure: React.FC<Partial<RtcPropsInterface>> = (props) => {
     },
     [dualStreamMode],
   );
+
+  const getRemoteVolume = () => {
+    console.log('getting remote user track');
+    // console.log(engine.current.client.remoteUsers);
+    const client = engine?.current?.client;
+    if (client) {
+      const {remoteUsers} = client;
+
+      const userVolume = remoteUsers.map(
+        (remoteUser: {uid: any; audioTrack: any; hasAudio: boolean}) => {
+          const {uid, audioTrack, hasAudio} = remoteUser;
+          console.log({remoteUser}, {hasAudio});
+          return {
+            uid,
+            volumeLevel: hasAudio ? audioTrack.getVolumeLevel() : 0,
+          };
+        },
+      );
+      console.log({userVolume});
+      const highestvolumeObj = volumes.reduce(
+        (highestVolume, volume, index) => {
+          if (highestVolume === null) {
+            return volume;
+          } else {
+            if (volume.level > highestVolume.level) {
+              return volume;
+            }
+            return highestVolume;
+          }
+          // console.log(`${index} UID ${volume.uid} Level ${volume.level}`);
+        },
+        null,
+      );
+      const activeSpeaker = highestvolumeObj ? highestvolumeObj.uid : undefined;
+    }
+  };
+  // useEffect(() => {
+  //   const timer = setInterval(getRemoteVolume, 1000);
+  //   return () => {
+  //     clearInterval(timer);
+  //   };
+  // }, []);
+
   const [uidState, dispatch] = useReducer(reducer, initialState);
 
   // When mode is updated, reducer is triggered to update the individual states
@@ -460,20 +504,21 @@ const RtcConfigure: React.FC<Partial<RtcPropsInterface>> = (props) => {
         });
       }
       if (engine.current) {
-        if(uidState.max[0].video){
+        if (uidState.max[0].video) {
+          console.log('another place 1');
           await engine.current.muteLocalVideoStream(true);
         }
-        
+
         await engine.current.joinChannel(
           rtcProps.token || null,
           rtcProps.channel,
           null,
           rtcProps.uid || 0,
         );
-        if(uidState.max[0].video){
+        if (uidState.max[0].video) {
+          console.log('another place 2');
           await engine.current.muteLocalVideoStream(false);
         }
-
       } else {
         console.error('trying to join before RTC Engine was initialized');
       }

package/template/bridge/rtc/webNg/RtcEngine.ts

@@ -1,12 +1,12 @@
 /*
 ********************************************
  Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
+ AppBuilder and all associated components, source code, APIs, services, and documentation
+ (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be
+ accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.
+ Use without a license or in violation of any license terms and conditions (including use for
+ any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more
+ information visit https://appbuilder.agora.io.
 *********************************************
 */
 import AgoraRTC, {
@@ -168,6 +168,7 @@ export default class RtcEngine {
   private isVideoPublished = false;
   private isJoined = false;
   private deviceId = '';
+  private muteLocalVideoMutex = false;
 
   constructor(appId: string) {
     this.appId = appId;
@@ -451,13 +452,27 @@ export default class RtcEngine {
   }
 
   async muteLocalVideoStream(muted: boolean): Promise<void> {
+    let didProcureMutexLock = false;
     try {
-      await this.localStream.video?.setEnabled(!muted);
-      this.isVideoEnabled = !muted;
-      if (!muted && !this.isVideoPublished) {
-        await this.publish();
+      if (!this.muteLocalVideoMutex) {
+        // If there no mutex lock, procure a lock
+        this.muteLocalVideoMutex = true;
+        didProcureMutexLock = true;
+        await this.localStream.video?.setEnabled(!muted);
+        // Release the lock once done
+        this.muteLocalVideoMutex = false;
+
+        this.isVideoEnabled = !muted;
+        if (!muted && !this.isVideoPublished) {
+          await this.publish();
+        }
       }
     } catch (e) {
+      // If the function procures the mutex,
+      // but if mute throws an error, the lock won't be released
+      if (didProcureMutexLock) {
+        this.muteLocalVideoMutex = false;
+      }
       console.error(
         e,
         '\n Be sure to invoke the enableVideo method before using this method.',
@@ -498,24 +513,20 @@ export default class RtcEngine {
       error(e);
     }
   }
-  
+
   async switchCamera(): Promise<void> {
     try {
       const devices = await AgoraRTC.getDevices(true);
-      // console.log(devices);
-      for(let i=0; i< devices.length;i++){
+      for (let i = 0; i < devices.length; i++) {
         let d = devices[i];
-        // console.log('!',d.label);
-        if(d.kind === 'videoinput' && d.deviceId !== this.deviceId){
-          console.log('!this',this.deviceId, '!new', d.deviceId);
+        if (d.kind === 'videoinput' && d.deviceId !== this.deviceId) {
           await this.localStream.video?.setDevice(d.deviceId);
           this.deviceId = d.deviceId;
-          // await this.changeCamera(d.deviceId, ()=>{}, ()=>{});
           break;
         }
       }
     } catch (e) {
-      throw (e);
+      throw e;
     }
   }
 

package/template/electron/main/index.js

@@ -62,24 +62,42 @@ autoUpdater.on('update-downloaded', (info) => {
 });
 
 const createWindow = () => {
-  let template = [];
   const name = app.getName();
-  template.unshift({
-    label: name,
-    submenu: [
-      {
-        label: 'About ' + name,
-        role: 'about',
-      },
-      {
-        label: 'Quit',
-        accelerator: 'Command+Q',
-        click() {
-          app.quit();
+  const template = [
+    {
+      label: name,
+      submenu: [
+        {
+          label: 'About ' + name,
+          role: 'about',
         },
-      },
-    ],
-  });
+        {type: 'separator'},
+        {
+          label: 'Quit',
+          accelerator: 'Command+Q',
+          click() {
+            app.quit();
+          },
+        },
+      ],
+    },
+    {
+      label: 'Edit',
+      submenu: [
+        {label: 'Undo', accelerator: 'CmdOrCtrl+Z', selector: 'undo:'},
+        {label: 'Redo', accelerator: 'Shift+CmdOrCtrl+Z', selector: 'redo:'},
+        {type: 'separator'},
+        {label: 'Cut', accelerator: 'CmdOrCtrl+X', selector: 'cut:'},
+        {label: 'Copy', accelerator: 'CmdOrCtrl+C', selector: 'copy:'},
+        {label: 'Paste', accelerator: 'CmdOrCtrl+V', selector: 'paste:'},
+        {
+          label: 'Select All',
+          accelerator: 'CmdOrCtrl+A',
+          selector: 'selectAll:',
+        },
+      ],
+    },
+  ];
   autoUpdater.checkForUpdatesAndNotify();
   const menu = Menu.buildFromTemplate(template);
   Menu.setApplicationMenu(menu);

package/template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "HelloWorld",
-  "version": "0.1.3",
+  "version": "1.0.1",
   "private": true,
   "main": ".electron/index.js",
   "scripts": {
@@ -49,7 +49,7 @@
     "@sentry/react-native": "2.4.3",
     "@sentry/tracing": "6.2.1",
     "agora-react-native-rtm": "1.2.2-alpha.3",
-    "agora-rtc-sdk-ng": "4.5.0",
+    "agora-rtc-sdk-ng": "4.6.3",
     "agora-rtm-sdk": "1.4.3",
     "electron-log": "^4.3.5",
     "electron-squirrel-startup": "1.0.0",
@@ -59,7 +59,7 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-native": "0.63.3",
-    "react-native-agora": "3.1.7-appbuilder.0",
+    "react-native-agora": "3.4.2",
     "react-native-hyperlink": "0.0.19",
     "react-native-inappbrowser-reborn": "3.5.1",
     "react-native-keep-awake": "4.0.0",
@@ -70,11 +70,13 @@
   },
   "devDependencies": {
     "@babel/core": "7.14.3",
+    "@babel/plugin-proposal-class-properties": "7.14.5",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.0",
     "@babel/preset-env": "7.14.4",
     "@babel/preset-react": "7.13.13",
     "@babel/preset-typescript": "7.13.0",
     "@babel/runtime": "7.14.0",
-    "@bam.tech/react-native-make": "3.0.0",
+    "@bam.tech/react-native-make": "3.0.3",
     "@pmmmwh/react-refresh-webpack-plugin": "0.3.3",
     "@react-native-community/eslint-config": "1.1.0",
     "@types/jest": "25.2.3",
@@ -91,7 +93,7 @@
     "babel-plugin-transform-define": "2.0.0",
     "cross-env": "7.0.3",
     "del": "5.1.0",
-    "electron": "5.0.8",
+    "electron": "16.0.1",
     "electron-builder": "22.10.5",
     "electron-notarize": "1.0.0",
     "eslint": "6.8.0",

package/template/src/components/Precall.native.tsx

@@ -46,24 +46,29 @@ const Precall = (props: any) => {
       <View style={style.heading}>
         <Text style={style.headingText}>Precall </Text>
       </View>
-      <View style={{zIndex: 50, position: 'absolute', width: '100%', left: '18%', top: 10, alignSelf: 'center'}}>
+      <View
+        style={{
+          zIndex: 50,
+          position: 'absolute',
+          width: '100%',
+          left: '18%',
+          top: 10,
+          alignSelf: 'center',
+        }}>
         {error ? <Error error={error} showBack={true} /> : <></>}
       </View>
       <View style={style.full}>
         <MaxVideoView user={maxUsers[0]} key={maxUsers[0].uid} />
       </View>
       {Platform.OS === 'ios' ? (
-        <View 
-          style={style.textInputHolder}>
+        <View style={style.textInputHolder}>
           <TextInput
             value={username}
             onChangeText={(text) => {
-              if (username !== 'Getting name...') {
-                setUsername(text);
-              }
+              setUsername(text);
             }}
             onSubmitEditing={() => {}}
-            placeholder="Display Name"
+            placeholder={queryComplete ? 'Display name*' : 'Getting name...'}
           />
         </View>
       ) : (
@@ -71,12 +76,11 @@ const Precall = (props: any) => {
           <TextInput
             value={username}
             onChangeText={(text) => {
-              if (username !== 'Getting name...') {
-                setUsername(text);
-              }
+              setUsername(text);
             }}
             onSubmitEditing={() => {}}
-            placeholder="Display Name"
+            placeholder={queryComplete ? 'Display name*' : 'Getting name...'}
+            editable={queryComplete}
           />
         </View>
       )}
@@ -95,10 +99,14 @@ const Precall = (props: any) => {
         // disabled={!queryComplete}
         style={{marginBottom: 50}}>
         {/* <Text style={style.buttonText}> */}
-          {/* {queryComplete ? 'Join Room' : 'Loading...'} */}
+        {/* {queryComplete ? 'Join Room' : 'Loading...'} */}
         {/* </Text> */}
-      {/* </TouchableOpacity> */}
-      <PrimaryButton text={"Join Room"} disabled={!queryComplete} onPress={() => setCallActive(true)} />
+        {/* </TouchableOpacity> */}
+        <PrimaryButton
+          text={'Join Room'}
+          disabled={!queryComplete || username.trim() === ''}
+          onPress={() => setCallActive(true)}
+        />
       </View>
       {/* </ImageBackground> */}
     </View>

package/template/src/components/Precall.tsx

@@ -10,13 +10,7 @@
 *********************************************
 */
 import React, {useState, useContext} from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-  Dimensions,
-  Platform,
-} from 'react-native';
+import {View, Text, StyleSheet, Dimensions, Platform} from 'react-native';
 import TextInput from '../atoms/TextInput';
 import PrimaryButton from '../atoms/PrimaryButton';
 import {MaxUidConsumer} from '../../agora-rn-uikit/src/MaxUidContext';
@@ -39,6 +33,7 @@ const Precall = (props: any) => {
     Dimensions.get('window').height,
     Dimensions.get('window').width > Dimensions.get('window').height,
   ]);
+
   let onLayout = (e: any) => {
     setDim([e.nativeEvent.layout.width, e.nativeEvent.layout.height]);
   };
@@ -94,17 +89,18 @@ const Precall = (props: any) => {
               <TextInput
                 value={username}
                 onChangeText={(text) => {
-                  if (username !== 'Getting name...') {
-                    setUsername(text);
-                  }
+                  setUsername(text);
                 }}
                 onSubmitEditing={() => {}}
-                placeholder="Display Name"
+                placeholder={
+                  queryComplete ? 'Display name*' : 'Getting name...'
+                }
+                editable={queryComplete}
               />
               <View style={style.margin5Btm} />
               <PrimaryButton
                 onPress={() => setCallActive(true)}
-                disabled={!queryComplete}
+                disabled={!queryComplete || username.trim() === ''}
                 text={queryComplete ? 'Join Room' : 'Loading...'}
               />
             </View>
@@ -140,7 +136,11 @@ const Precall = (props: any) => {
               </Text>
               {/* </View> */}
               <View style={{height: 20}} />
-              <View style={{flex: 1, maxWidth: Platform.OS === 'web'? '25vw' : 'auto'}}>
+              <View
+                style={{
+                  flex: 1,
+                  maxWidth: Platform.OS === 'web' ? '25vw' : 'auto',
+                }}>
                 <SelectDevice />
               </View>
               <View
@@ -154,17 +154,18 @@ const Precall = (props: any) => {
                 <TextInput
                   value={username}
                   onChangeText={(text) => {
-                    if (username !== 'Getting name...') {
-                      setUsername(text);
-                    }
+                    setUsername(text);
                   }}
                   onSubmitEditing={() => {}}
-                  placeholder="Display Name"
+                  placeholder={
+                    queryComplete ? 'Display name*' : 'Getting name...'
+                  }
+                  editable={queryComplete}
                 />
                 <View style={{height: 20}} />
                 <PrimaryButton
                   onPress={() => setCallActive(true)}
-                  disabled={!queryComplete}
+                  disabled={!queryComplete || username.trim() === ''}
                   text={queryComplete ? 'Join Room' : 'Loading...'}
                 />
               </View>

package/template/src/components/Share.tsx

@@ -143,7 +143,7 @@ PSTN Pin: ${pstn.dtmf}`)
               </View>
             <View style={{ marginLeft: 'auto', flexDirection: 'row', alignSelf: 'center' }}>
               <View style={{ backgroundColor: $config.PRIMARY_COLOR + '80', width: 1, height: 'auto', marginRight: 15 }} />
-              <TouchableOpacity style={{ width: 40, height: 40, marginVertical: 'auto' }} onPress={()=>copyHostUrl()}>
+              <TouchableOpacity style={{ width: 40, height: 40, marginVertical: 'auto' }} onPress={()=>copyAttendeeURL()}>
                 <Image resizeMode={'contain'}
                   style={{ width: '100%', height: '100%', tintColor: $config.PRIMARY_COLOR, opacity: 0.5}}
                   source={{ uri: icons.clipboard }}></Image>
@@ -173,7 +173,7 @@ PSTN Pin: ${pstn.dtmf}`)
           </View>
           <View style={{ marginLeft: 'auto', flexDirection: 'row', alignSelf: 'center'  }}>
             <View style={{ backgroundColor: $config.PRIMARY_COLOR + '80', width: 1, height: 'auto', marginRight: 15 }} />
-            <TouchableOpacity style={{ width: 40, height: 40, marginVertical: 'auto' }} onPress={()=>copyAttendeeURL()}>
+            <TouchableOpacity style={{ width: 40, height: 40, marginVertical: 'auto' }} onPress={()=>copyHostUrl()}>
                 <Image resizeMode={'contain'}
                   style={{ width: '100%', height: '100%', tintColor: $config.PRIMARY_COLOR, opacity: 0.5}}
                   source={{ uri: icons.clipboard }}></Image>

package/template/src/components/StorageContext.tsx

@@ -15,6 +15,7 @@ import useMount from './useMount';
 
 interface StoreInterface {
   token: null | string;
+  displayName: null | string;
 }
 
 interface StorageContextInterface {
@@ -24,6 +25,7 @@ interface StorageContextInterface {
 
 const initStoreValue: StoreInterface = {
   token: null,
+  displayName: '',
 };
 
 const initStorageContextValue = {

package/template/src/pages/Create.tsx

@@ -10,12 +10,7 @@
 *********************************************
 */
 import React, {useState} from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-  Dimensions,
-} from 'react-native';
+import {View, Text, StyleSheet, Dimensions, ScrollView} from 'react-native';
 import {useHistory} from '../components/Router';
 import Checkbox from '../subComponents/Checkbox';
 import {gql, useMutation} from '@apollo/client';
@@ -38,8 +33,16 @@ type PasswordInput = {
 };
 
 const CREATE_CHANNEL = gql`
-  mutation CreateChannel($title: String!, $backendURL: String!, $enablePSTN: Boolean) {
-    createChannel(title: $title, backendURL: $backendURL, enablePSTN: $enablePSTN) {
+  mutation CreateChannel(
+    $title: String!
+    $backendURL: String!
+    $enablePSTN: Boolean
+  ) {
+    createChannel(
+      title: $title
+      backendURL: $backendURL
+      enablePSTN: $enablePSTN
+    ) {
       passphrase {
         host
         view
@@ -111,7 +114,7 @@ const Create = () => {
     //   style={style.full}
     //   resizeMode={'cover'}>
     // <KeyboardAvoidingView behavior={'height'} style={style.main}>
-    <View style={style.main}>
+    <ScrollView contentContainerStyle={style.main}>
       <View style={style.nav}>
         <Logo />
         {error ? <Error error={error} /> : <></>}
@@ -179,17 +182,17 @@ const Create = () => {
           roomTitle={roomTitle}
         />
       )}
-    </View>
+    </ScrollView>
   );
 };
 
 const style = StyleSheet.create({
-  full: {flex: 1},
   main: {
-    flex: 2,
-    justifyContent: 'space-evenly',
+    paddingVertical: '8%',
     marginHorizontal: '8%',
-    marginVertical: '2%',
+    display: 'flex',
+    justifyContent: 'space-evenly',
+    flexGrow: 1,
   },
   nav: {
     flex: 1,

package/template/src/pages/Join.tsx

@@ -10,11 +10,7 @@
 *********************************************
 */
 import React, {useContext, useState} from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-} from 'react-native';
+import {View, Text, StyleSheet, ScrollView} from 'react-native';
 import {useHistory} from '../components/Router';
 import SessionContext from '../components/SessionContext';
 // import OpenInNativeButton from '../subComponents/OpenInNativeButton';
@@ -38,8 +34,9 @@ const Join = (props: joinProps) => {
   const history = useHistory();
   const {primaryColor} = useContext(ColorContext);
   const {joinSession} = useContext(SessionContext);
-  const [error, setError] =
-    useState<null | {name: string; message: string}>(null);
+  const [error, setError] = useState<null | {name: string; message: string}>(
+    null,
+  );
   // const [dim, setDim] = useState([
   //   Dimensions.get('window').width,
   //   Dimensions.get('window').height,
@@ -57,18 +54,12 @@ const Join = (props: joinProps) => {
   const startCall = async () => {
     joinSession({phrase});
   };
-  // throw new Error("My first Sentry error!");
+
   return (
-    // <ImageBackground
-    //   // onLayout={onLayout}
-    //   style={style.full}
-    //   resizeMode={'cover'}>
-    <View style={style.main}>
-      {/* <KeyboardAvoidingView behavior={'height'} style={style.main}> */}
+    <ScrollView contentContainerStyle={style.main}>
       <View style={style.nav}>
         <Logo />
         {error ? <Error error={error} /> : <></>}
-        {/* <OpenInNativeButton /> */}
       </View>
       <View style={style.content}>
         <View style={style.leftContent}>
@@ -99,28 +90,19 @@ const Join = (props: joinProps) => {
             )}
           </View>
         </View>
-        {/* {dim[0] > dim[1] + 150 ? (
-            <View style={style.full}>
-              <Illustration />
-            </View>
-          ) : (
-            <></>
-          )} */}
       </View>
-      {/* </KeyboardAvoidingView> */}
-    </View>
-    // </ImageBackground>
+    </ScrollView>
   );
 };
 
 const style = StyleSheet.create({
-  full: {flex: 1},
   illustration: {flex: 1, alignSelf: 'flex-end'},
   main: {
-    flex: 2,
-    justifyContent: 'space-evenly',
+    paddingVertical: '8%',
     marginHorizontal: '8%',
-    marginVertical: '2%',
+    display: 'flex',
+    justifyContent: 'space-evenly',
+    flexGrow: 1,
   },
   nav: {
     flex: 1,

package/template/src/pages/VideoCall.tsx

@@ -65,7 +65,8 @@ const useChatNotification = (
 };
 
 const NotificationControl = ({children, chatDisplayed, setSidePanel}) => {
-  const {messageStore, privateMessageStore, userList, localUid} = useContext(ChatContext);
+  const {messageStore, privateMessageStore, userList, localUid} =
+    useContext(ChatContext);
   const [
     lastCheckedPublicState,
     setLastCheckedPublicState,
@@ -116,8 +117,13 @@ const NotificationControl = ({children, chatDisplayed, setSidePanel}) => {
       messageStore[messageStore.length - 1]?.uid !== localUid
     ) {
       Toast.show({
-        text1: messageStore[messageStore.length - 1]?.msg.length > 50 ? messageStore[messageStore.length - 1]?.msg.slice(1, 50) + '...' : messageStore[messageStore.length - 1]?.msg.slice(1),
-        text2: userList[messageStore[messageStore.length - 1]?.uid] ? 'From: ' + userList[messageStore[messageStore.length - 1]?.uid].name : '',
+        text1:
+          messageStore[messageStore.length - 1]?.msg.length > 50
+            ? messageStore[messageStore.length - 1]?.msg.slice(1, 50) + '...'
+            : messageStore[messageStore.length - 1]?.msg.slice(1),
+        text2: userList[messageStore[messageStore.length - 1]?.uid]
+          ? 'From: ' + userList[messageStore[messageStore.length - 1]?.uid].name
+          : '',
         visibilityTime: 1000,
         onPress: () => {
           setSidePanel(SidePanelType.Chat);
@@ -212,8 +218,10 @@ enum RnEncryptionEnum {
 }
 
 const VideoCall: React.FC = () => {
-  const {store} = useContext(StorageContext);
-  const [username, setUsername] = useState('Getting name...');
+  const {store, setStore} = useContext(StorageContext);
+  const getInitialUsername = () =>
+    store?.displayName ? store.displayName : '';
+  const [username, setUsername] = useState(getInitialUsername);
   const [participantsView, setParticipantsView] = useState(false);
   const [callActive, setCallActive] = useState($config.PRECALL ? false : true);
   const [layout, setLayout] = useState(Layout.Grid);
@@ -223,9 +231,9 @@ const VideoCall: React.FC = () => {
   const [sidePanel, setSidePanel] = useState<SidePanelType>(SidePanelType.None);
   const {phrase} = useParams();
   const [errorMessage, setErrorMessage] = useState(null);
-  let isHost = true; //change to false by default after testing
-  let title = null;
-  let rtcProps = {
+  const [isHost, setIsHost] = React.useState(false);
+  const [title, setTitle] = React.useState('');
+  const [rtcProps, setRtcProps] = React.useState({
     appId: $config.APP_ID,
     channel: null,
     uid: null,
@@ -238,60 +246,59 @@ const VideoCall: React.FC = () => {
     encryption: $config.ENCRYPTION_ENABLED
       ? {key: null, mode: RnEncryptionEnum.AES128XTS, screenKey: null}
       : false,
-  };
-  let data, loading, error;
+  });
 
-  ({data, loading, error} = useQuery(
+  const {data, loading, error} = useQuery(
     store.token === null
       ? JOIN_CHANNEL_PHRASE
       : JOIN_CHANNEL_PHRASE_AND_GET_USER,
     {
       variables: {passphrase: phrase},
     },
-  ));
+  );
 
-  if (error) {
-    console.log('error', error);
-    // console.log('error data', data);
-    if (!errorMessage) {
-      setErrorMessage(error);
+  React.useEffect(() => {
+    if (error) {
+      console.log('error', error);
+      // console.log('error data', data);
+      if (!errorMessage) {
+        setErrorMessage(error);
+      }
+      return;
     }
-  }
 
-  if (!loading && data) {
-    console.log('token:', rtcProps.token);
-    console.log('error', data.error);
-    rtcProps = {
-      appId: $config.APP_ID,
-      channel: data.joinChannel.channel,
-      uid: data.joinChannel.mainUser.uid,
-      token: data.joinChannel.mainUser.rtc,
-      rtm: data.joinChannel.mainUser.rtm,
-      dual: true,
-      profile: $config.PROFILE,
-      encryption: $config.ENCRYPTION_ENABLED
-        ? {
-            key: data.joinChannel.secret,
-            mode: RnEncryptionEnum.AES128XTS,
-            screenKey: data.joinChannel.secret,
-          }
-        : false,
-      screenShareUid: data.joinChannel.screenShare.uid,
-      screenShareToken: data.joinChannel.screenShare.rtc,
-    };
-    isHost = data.joinChannel.isHost;
-    title = data.joinChannel.title;
-    console.log('query done: ', data, queryComplete);
-    if (username === 'Getting name...') {
+    if (!loading && data) {
+      console.log('token:', rtcProps.token);
+      console.log('error', data.error);
+      setRtcProps({
+        appId: $config.APP_ID,
+        channel: data.joinChannel.channel,
+        uid: data.joinChannel.mainUser.uid,
+        token: data.joinChannel.mainUser.rtc,
+        rtm: data.joinChannel.mainUser.rtm,
+        dual: true,
+        profile: $config.PROFILE,
+        encryption: $config.ENCRYPTION_ENABLED
+          ? {
+              key: data.joinChannel.secret,
+              mode: RnEncryptionEnum.AES128XTS,
+              screenKey: data.joinChannel.secret,
+            }
+          : false,
+        screenShareUid: data.joinChannel.screenShare.uid,
+        screenShareToken: data.joinChannel.screenShare.rtc,
+      });
+      setIsHost(data.joinChannel.isHost);
+      setTitle(data.joinChannel.title);
+      console.log('query done: ', data, queryComplete);
+      // 1. Store the display name from API
       if (data.getUser) {
         setUsername(data.getUser.name);
-      } else {
-        setUsername('');
       }
+      console.log('token:', rtcProps.token);
+      queryComplete ? {} : setQueryComplete(true);
     }
-    console.log('token:', rtcProps.token);
-    queryComplete ? {} : setQueryComplete(true);
-  }
+  }, [error, loading, data]);
 
   const history = useHistory();
   const callbacks = {
@@ -300,6 +307,14 @@ const VideoCall: React.FC = () => {
         history.push('/');
       }, 0),
   };
+
+  React.useEffect(() => {
+    // Update the username in localstorage when username changes
+    if (setStore) {
+      setStore({token: store?.token || null, displayName: username});
+    }
+  }, [username]);
+
   // throw new Error("My first Sentry error!");
   return (
     <>
@@ -350,7 +365,11 @@ const VideoCall: React.FC = () => {
                                 setLastCheckedPublicState
                               }
                             />
-                            <View style={[style.videoView, {backgroundColor: '#ffffff00'}]}>
+                            <View
+                              style={[
+                                style.videoView,
+                                {backgroundColor: '#ffffff00'},
+                              ]}>
                               {layout === Layout.Pinned ? (
                                 <PinnedVideo />
                               ) : (

package/template/src/subComponents/ChatBubble.tsx

@@ -1,12 +1,12 @@
 /*
 ********************************************
  Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
+ AppBuilder and all associated components, source code, APIs, services, and documentation
+ (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be
+ accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.
+ Use without a license or in violation of any license terms and conditions (including use for
+ any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more
+ information visit https://appbuilder.agora.io.
 *********************************************
 */
 import React, {useContext} from 'react';
@@ -21,12 +21,12 @@ const ChatBubble = (props: channelMessage) => {
   let {isLocal, msg, ts, uid} = props;
   let time = new Date(ts).getHours() + ':' + new Date(ts).getMinutes();
   const handleUrl = (url: string) => {
-    if(Platform.OS == 'web'){
+    if (Platform.OS === 'web') {
       window.open(url, '_blank');
-   } else {
-      Linking.openURL(url)
-   }
-  }
+    } else {
+      Linking.openURL(url);
+    }
+  };
   return (
     <View>
       <View style={isLocal ? style.chatSenderViewLocal : style.chatSenderView}>
@@ -64,7 +64,7 @@ const style = StyleSheet.create({
     flex: 1,
   },
   chatSenderViewLocal: {
-    flex: 2,
+    // flex: 2,
     marginVertical: 2,
     flexDirection: 'row',
     marginRight: 15,
@@ -72,7 +72,7 @@ const style = StyleSheet.create({
     justifyContent: 'flex-end',
   },
   chatSenderView: {
-    flex: 2,
+    // flex: 2,
     marginVertical: 2,
     flexDirection: 'row',
     marginRight: 30,

package/template/src/subComponents/LogoutButton.tsx

@@ -31,7 +31,7 @@ const LogoutButton = () => {
 
   const logout = () => {
     if (setStore) {
-      setStore({token: null});
+      setStore({token: null, displayName: ''});
     }
     logoutQuery({variables: {token}}).catch((e) => {
       console.log(e);

package/template/src/subComponents/OpenInNativeButton.tsx

@@ -27,7 +27,7 @@ const OpenInNativeButton = () => {
       <TouchableOpacity
         style={[style.btn, {borderColor: primaryColor}]}
         onPress={() => openInNative()}>
-        <Text style={[style.btnText, {color: $config.PRIMARY_FONT_COLOR}]}>Open in Desktop</Text>
+        <Text style={[style.btnText, {color: '#fff'}]}>Open in Desktop</Text>
       </TouchableOpacity>
     </View>
   ) : (

package/template/webpack.commons.js

@@ -94,6 +94,7 @@ module.exports = {
             plugins: [
               // Adds support for class properties
               ['transform-define', configVars],
+              '@babel/plugin-proposal-optional-chaining',
               '@babel/plugin-proposal-class-properties',
               isDevelopment && require.resolve('react-refresh/babel'),
             ].filter(Boolean),

package/template/agora-rn-uikit/.git/FETCH_HEAD

@@ -1,12 +0,0 @@
-e99443e73ee4fde6a17b76813f32a1d1fe5afeef		branch 'ab-dev-auto' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-fd59daf4876e4eb142856957f9450ef5175f4e0f	not-for-merge	branch 'app-builder' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-c60cde905c722aeaf8f25aeed2910a7b4d532cfa	not-for-merge	branch 'app-builder-dev' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-c3084102c3b83267b76df578782ce5d76acd569c	not-for-merge	branch 'button-label' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-5d4f38ae0a89b20275e2497a4e8f43b0ca2830e4	not-for-merge	branch 'dev' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-4ec093e51924049e37d247d867a5482a9376a8cf	not-for-merge	branch 'docs' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-30bbdd42f695d3add04a63a23ef86056d1a09536	not-for-merge	branch 'master' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-3cb1e8211cd3ba448c79b49e4bb0c9d94b1552b3	not-for-merge	branch 'precall-prop' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-76f6cbd3b6769bd271867bd026f02d98ba2cf99a	not-for-merge	branch 'react-native-0.64.2' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-c3e27c600ae55f4aeb05ee4666cdf084fd28e9f3	not-for-merge	branch 'redo-deps' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-ac8929fda04db3663a7c1eb9c71ca6a97728f0eb	not-for-merge	branch 'v2-legacy' of https://github.com/AgoraIO-Community/ReactNative-UIKit
-200e7d04395d72405cea8162ffe8f7e665d2ee9c	not-for-merge	branch 'v3-ts' of https://github.com/AgoraIO-Community/ReactNative-UIKit

package/template/agora-rn-uikit/.git/ORIG_HEAD

@@ -1 +0,0 @@
-b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c

package/template/agora-rn-uikit/.git/logs/refs/remotes/origin/ab-dev-auto

@@ -1 +0,0 @@
-b1495d7ae3f04e1a43be3ccf2f8c83ba583b0b9c e99443e73ee4fde6a17b76813f32a1d1fe5afeef technophilic <svineth.face@gmail.com> 1625683950 +0530	pull: fast-forward

package/template/agora-rn-uikit/.git/refs/remotes/origin/ab-dev-auto

@@ -1 +0,0 @@
-e99443e73ee4fde6a17b76813f32a1d1fe5afeef