agora-appbuilder-core 4.1.28-beta.1 → 4.1.29-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.1.28-beta.1",
+  "version": "4.1.29-beta.1",
   "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.28-beta.1",
-  CORE_VERSION: "4.1.28-beta.1",
+  CLI_VERSION: "3.1.29-beta.1",
+  CORE_VERSION: "4.1.29-beta.1",
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/src/components/PinnedVideo.tsx

@@ -113,7 +113,9 @@ const PinnedVideo = ({renderData}) => {
     }
   };
 
-  const isWhiteboard = customContent && customContent[maximizedUid];
+  const whiteboardUid = getWhiteboardUid();
+  const isWhiteboard =
+    Boolean(whiteboardUid) && String(maximizedUid) === String(whiteboardUid);
   const isRemoteScreenshare =
     maximizedUid != screenUid &&
     defaultContent &&

package/template/src/components/participants/UserActionMenuOptions.tsx

@@ -81,6 +81,7 @@ import {canViewInLarge, isUidMaximized} from '../pinnedLayoutState';
 
 interface UserActionMenuOptionsOptionsProps {
   user: ContentInterface;
+  isMax?: boolean;
   actionMenuVisible: boolean;
   setActionMenuVisible: (actionMenuVisible: boolean) => void;
   btnRef: any;
@@ -106,6 +107,7 @@ export default function UserActionMenuOptionsOptions(
   const {setSidePanel} = useSidePanel();
   const {
     user,
+    isMax = false,
     actionMenuVisible,
     setActionMenuVisible,
     spotlightUid,
@@ -215,13 +217,15 @@ export default function UserActionMenuOptionsOptions(
         const fallbackMaximizedUid = isPinnedLayout
           ? activeUids?.[0]
           : undefined;
-        const allowViewInLarge = canViewInLarge(
-          user.uid,
-          pinnedUid,
-          secondaryPinnedUid,
-          fallbackMaximizedUid,
-          isPinnedLayout,
-        );
+        const allowViewInLarge =
+          !isMax &&
+          canViewInLarge(
+            user.uid,
+            pinnedUid,
+            secondaryPinnedUid,
+            fallbackMaximizedUid,
+            isPinnedLayout,
+          );
         if (allowViewInLarge) {
           const viewInLargeKey = ActionMenuKeys.VIEW_IN_LARGE;
           const viewInLargeConfig = userActionMenuItems?.[viewInLargeKey] ?? {};
@@ -291,11 +295,9 @@ export default function UserActionMenuOptionsOptions(
           const pinToTopKey = ActionMenuKeys.PIN_TO_TOP;
           const pinToTopConfig = userActionMenuItems?.[pinToTopKey] ?? {};
           const isPinnedToTop = user.uid === secondaryPinnedUid;
-          const isMaximized = isUidMaximized(
-            user.uid,
-            pinnedUid,
-            activeUids?.[0],
-          );
+          const isMaximized =
+            isMax ||
+            isUidMaximized(user.uid, pinnedUid, activeUids?.[0]);
           const isOnlyOneActive = activeUids?.length === 1;
 
           if (!pinToTopConfig.hide && !isMaximized) {
@@ -772,6 +774,7 @@ export default function UserActionMenuOptionsOptions(
     raiseHandList,
     hostUids,
     user,
+    isMax,
     disableChatUids,
     secondaryPinnedUid,
     currentLayout,

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

@@ -23,7 +23,7 @@ const RenderComponent = ({uid, isMax = false}: RenderComponentProps) => {
     const CustomComponent = customContent[uid]?.component;
     const CustomComponentProps = customContent[uid]?.props;
     //@ts-ignore
-    return <CustomComponent {...CustomComponentProps} />;
+    return <CustomComponent {...CustomComponentProps} isMax={isMax} />;
   } else if (defaultContent[uid]) {
     return <RenderComp user={defaultContent[uid]} isMax={isMax} />;
   } else {

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

@@ -204,6 +204,7 @@ const VideoRenderer: React.FC<VideoRendererProps> = ({
   return (
     <>
       <UserActionMenuOptionsOptions
+        isMax={isMax}
         actionMenuVisible={actionMenuVisible}
         setActionMenuVisible={flag => {
           //once user clicks action menu item -> hide the action menu and set parent isHovered false