agora-appbuilder-core 4.1.4-beta.3 → 4.1.4-beta.4

package/package.json

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

package/template/defaultConfig.js

@@ -77,8 +77,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.1.4-beta.3',
-  CORE_VERSION: '4.1.4-beta.3',
+  CLI_VERSION: '3.1.4-beta.4',
+  CORE_VERSION: '4.1.4-beta.4',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/src/pages/VideoCall.tsx

@@ -399,13 +399,18 @@ const VideoCall: React.FC = () => {
     //     SdkJoinState.promise?.res();
     //   }
     // },
-    EndCall: () => {
+    EndCall:  () => {
       clearState('join');
       setTimeout(() => {
         // TODO: These callbacks are being called twice
         SDKEvents.emit('leave');
-        history.push('/');
-        client.resetStore();
+        if (afterEndCall) {
+          afterEndCall(data.isHost, history as unknown as History);
+        } else {
+          history.push('/');
+        }
+        // client.resetStore();//https://github.com/apollographql/apollo-client/issues/2919#issuecomment-406311579
+        client.cache.reset();
       }, 0);
     },
     UserJoined: (uid: UidType) => {

package/template/src/pages/video-call/VideoCallScreenWrapper.tsx

@@ -8,6 +8,7 @@ import {useUserPreference} from '../../components/useUserPreference';
 import WhiteboardConfigure from '../../components/whiteboard/WhiteboardConfigure';
 import ChatConfigure from '../../components/chat/chatConfigure';
 import {useControlPermissionMatrix} from '../../components/controls/useControlPermissionMatrix';
+import {useContent, useEndCall} from 'customization-api';
 
 const VideoCallScreenWithRecordingBot: React.FC = () => {
   const location = useLocation();
@@ -25,6 +26,15 @@ const VideoCallScreenWrapper: React.FC = () => {
   const {rtcProps} = useContext(PropsContext);
   let configComponent: React.ReactNode;
 
+  const {isUserBaned} = useContent();
+  const endCall = useEndCall();
+
+  useEffect(() => {
+    if (isUserBaned) {
+      endCall();
+    }
+  }, [isUserBaned]);
+
   const videoComponent = rtcProps?.recordingBot ? (
     <VideoCallScreenWithRecordingBot />
   ) : (