agora-appbuilder-core 4.0.0-beta.73 → 4.0.0-beta.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.0.0-beta.73",
+  "version": "4.0.0-beta.75",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [
@@ -9,7 +9,7 @@
   ],
   "scripts": {
     "vercel-build": "npm run dev-setup && cd template && npm run web:build && cd .. && npm run copy-vercel",
-    "uikit": "rm -rf template/agora-rn-uikit && git clone https://github.com/AgoraIO-Community/ReactNative-UIKit.git template/agora-rn-uikit && cd template/agora-rn-uikit && git checkout v3-release-fixes",
+    "uikit": "rm -rf template/agora-rn-uikit && git clone https://github.com/AgoraIO-Community/ReactNative-UIKit.git template/agora-rn-uikit && cd template/agora-rn-uikit && git checkout v3-release-fixes-encryption",
     "deps": "cd template && npm i",
     "dev-setup": "npm run uikit && npm run deps && node devSetup.js",
     "web-build": "cd template && npm run web:build && cd .. && npm run copy-vercel",

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

@@ -434,8 +434,8 @@ const RtcConfigure = (props: {children: React.ReactNode}) => {
                     //In livestreaming mode ->audience should not see their local video tile
                     mode == ChannelProfile.LiveBroadcasting &&
                     rtcProps?.role == ClientRole.Audience
-                      ? uidState.activeUids.filter((i) => i !== localUid)
-                      : uidState.activeUids.filter((i) => i !== undefined),
+                      ? [...new Set(uidState.activeUids.filter((i) => i !== localUid))]
+                      : [...new Set(uidState.activeUids.filter((i) => i !== undefined))],
                   pinnedUid:
                     uidState?.pinnedUid &&
                     uidState?.activeUids?.indexOf(uidState.pinnedUid) !== -1

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

@@ -1004,6 +1004,7 @@ export default class RtcEngine {
     encryption: {
       screenKey: string;
       mode: RnEncryptionEnum;
+      salt: string;
     },
     config: ScreenVideoTrackInitConfig = {},
     audio: 'enable' | 'disable' | 'auto' = 'auto',
@@ -1024,6 +1025,8 @@ export default class RtcEngine {
             await this.screenClient.setEncryptionConfig(
               mode,
               encryption.screenKey,
+              encryption.salt,
+              true, // encryptDataStream
             );
           } catch (e) {
             console.log('e: Encryption for screenshare failed', e);

package/template/src/components/PinnedVideo.tsx

@@ -137,6 +137,8 @@ const PinnedVideo = ({renderData}) => {
             {/* Pinned Video Top View(Desktop minimized and Mobile native and Mobile web) / Side View(Desktop maximized)*/}
             {minUids?.map((minUid, i) => {
               if (minUid === secondaryPinnedUid) return null;
+              if (minUid === pinnedUid) return null;
+              if (minUid === maxUid) return null;
               //rendering minimized view
               return (
                 <Pressable

package/template/src/language/default-labels/videoCallScreenLabels.ts

@@ -864,7 +864,7 @@ export const VideoCallScreenLabels: I18nVideoCallScreenLabelsInterface = {
     'Are you sure you want to stop recording? You can’t undo this action.',
   [stopRecordingPopupPrimaryBtnText]: 'END RECORDING',
 
-  [clearAllWhiteboardPopupHeading]: 'Clear Whiteborad?',
+  [clearAllWhiteboardPopupHeading]: 'Clear Whiteboard?',
   [clearAllWhiteboardPopupSubHeading]:
     'Are you sure you want to clear the whiteboard?',
   [clearAllWhiteboardPopupPrimaryBtnText]: 'CLEAR ALL',
@@ -913,7 +913,7 @@ export const VideoCallScreenLabels: I18nVideoCallScreenLabelsInterface = {
       ? 'Welcome to Chat!\nAll messages are deleted when call ends.'
       : 'All messages are deleted when call ends.',
 
-  [groupChatInputPlaceHolderText]: name => `Chat publicy as ${name}...`,
+  [groupChatInputPlaceHolderText]: name => `Chat publicly as ${name}...`,
   [privateChatInputPlaceHolderText]: name => `Private Message to ${name}`,
 
   [peoplePanelTurnoffAllCameraBtnText]: 'Turn off all cameras',