agora-appbuilder-core 4.1.8-beta.3 → 4.1.8-beta.5

package/package.json

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

package/template/agora-rn-uikit/src/Contexts/PropsContext.tsx

@@ -142,7 +142,7 @@ export interface RtcPropsInterface {
   callActive?: boolean;
   encryption?: {
     key: string;
-    mode: EncryptionMode.Aes128Gcm2 | EncryptionMode.Aes256Gcm2;
+    mode: EncryptionMode.Aes128Xts | EncryptionMode.Aes256Gcm2;
     salt: number[];
   };
   // commented for v1 release

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

@@ -51,18 +51,27 @@ const Join: React.FC<{
     const videoState = defaultContent[maxUid]?.video;
     async function join() {
       if (
-        rtcProps?.encryption &&
-        rtcProps?.encryption.key &&
-        rtcProps.encryption.mode &&
-        rtcProps.encryption.salt
+      //  rtcProps?.encryption &&
+     //   rtcProps?.encryption.key &&
+        rtcProps?.encryption?.mode
+     //   rtcProps.encryption.salt
       ) {
         try {
-          await engine.enableEncryption(true, {
-            encryptionKey: rtcProps?.encryption.key,
-            encryptionMode: rtcProps?.encryption.mode,
-            encryptionKdfSalt: rtcProps?.encryption.salt,
+          console.log(
+            'ui kit setting encryption mode to ',
+            rtcProps?.encryption?.mode,
+          );
+          const encryptionConfig = {
+            encryptionKey: rtcProps?.encryption?.key,
+            encryptionMode: rtcProps?.encryption?.mode,
             datastreamEncryptionEnabled: true,
-          });
+            ...(rtcProps?.encryption?.mode == 1
+              ? {}
+              : {
+                  encryptionKdfSalt: rtcProps?.encryption?.salt,
+                }),
+          };
+          await engine.enableEncryption(true, encryptionConfig);
         } catch (error) {
           console.warn('encryption error', error);
         }

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

@@ -1467,13 +1467,13 @@ export default class RtcEngine {
           mode,
           config.encryptionKey,
           config.encryptionMode === 1? null:config.encryptionKdfSalt,
-          config.encryptionMode === 1 ? null:true, // encryptDataStream
+          true, // encryptDataStream
         ),
         this.screenClient.setEncryptionConfig(
           mode,
           config.encryptionKey,
           config.encryptionMode === 1? null:config.encryptionKdfSalt,
-          config.encryptionMode === 1 ? null:true, // encryptDataStream
+          true, // encryptDataStream
         ),
       ]);
       logger.log(

package/template/defaultConfig.js

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

package/template/src/components/controls/useControlPermissionMatrix.tsx

@@ -37,8 +37,10 @@ export const controlPermissionMatrix: Record<
   screenshareControl: ({preference}) =>
     $config.SCREEN_SHARING && !preference.disableScreenShare,
   viewAllTranscripts: ({isHost}) =>
-    $config.ENABLE_STT && $config.ENABLE_MEETING_TRANSCRIPT && isWeb(),
-  // isHost,
+    isHost &&
+    $config.ENABLE_STT &&
+    $config.ENABLE_MEETING_TRANSCRIPT &&
+    isWeb(),
 };
 
 export const useControlPermissionMatrix = (

package/template/src/components/stt-transcript/STTTranscriptTable.tsx

@@ -193,7 +193,7 @@ function EmptyTranscriptState() {
   );
 }
 
-function ErrorTranscriptState(message: any) {
+function ErrorTranscriptState({message}: {message: string}) {
   return <Text style={[style.ttime, style.pv10, style.ph20]}>{message}</Text>;
 }
 

package/template/src/components/stt-transcript/useFetchSTTTranscript.tsx

@@ -36,7 +36,7 @@ export function useFetchSTTTranscript(defaultLimit = 10) {
       stts: FetchSTTTranscriptResponse['stts'];
       pagination: FetchSTTTranscriptResponse['pagination'];
     };
-    error: any;
+    error: Error;
   }>({
     status: 'idle',
     data: {stts: [], pagination: {total: 0, limit: defaultLimit, page: 1}},
@@ -50,7 +50,8 @@ export function useFetchSTTTranscript(defaultLimit = 10) {
 
       try {
         if (!roomId?.host) {
-          return Promise.reject('room id is empty');
+          const error = new Error('room id is empty');
+          return Promise.reject(error);
         }
         const res = await fetch(
           `${$config.BACKEND_ENDPOINT}/v1/stt-transcript`,