fcr-ui-scene 3.7.2 → 3.7.3

package/lib/modules/layout/components/CommonVideoRenderer.js

@@ -21,37 +21,23 @@ var _memberWindow = require("../../components/member-window");
 var _screen = require("../../../utilities/screen");
 var _react = require("react");
 var _fcrCore = require("fcr-core");
-var _muteAction = require("../../../utilities/mute-action");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _Gallery = require("./Gallery");
 var _jsxRuntime = require("react/jsx-runtime");
 var useFormatWindowData = function useFormatWindowData() {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
-    hasMutePermission = _useContext.hasMutePermission,
-    hasUnmutePermission = _useContext.hasUnmutePermission,
-    hasRequestStartAudioPermission = _useContext.hasRequestStartAudioPermission,
     userVolumeMap = _useContext.userVolumeMap,
     getAllowedOperations = _useContext.getAllowedOperations;
   return function (windowData) {
     var isMySelf = windowData.isMySelf,
-      hasMicrophoneAudioStream = windowData.hasMicrophoneAudioStream,
       ownerRoleType = windowData.ownerRoleType,
       videoStreamId = windowData.videoStreamId,
       audioStreamId = windowData.audioStreamId;
-    var targetRole = isMySelf ? _fcrCore.FcrPrivilegeUserRole.SELF : ownerRoleType;
-    var muteAudioPermission = hasMutePermission(targetRole);
-    var startAudioPermission = hasUnmutePermission(targetRole);
-    var requestStartAudioPermission = hasRequestStartAudioPermission(ownerRoleType);
-    var _actionMute = (0, _muteAction.actionMute)(isMySelf, hasMicrophoneAudioStream, muteAudioPermission, startAudioPermission, requestStartAudioPermission),
-      isShowActionAudio = _actionMute.isShowActionAudio,
-      actionAudioTag = _actionMute.actionAudioTag;
     var id = isMySelf ? '0' : videoStreamId || audioStreamId;
     var volume = userVolumeMap.get(id || '') || 0;
     var allowedOperations = getAllowedOperations(ownerRoleType, isMySelf);
     return {
-      isShowActionAudio: isShowActionAudio,
-      actionAudioTag: actionAudioTag,
       volume: volume,
       id: id,
       allowedOperations: allowedOperations
@@ -72,7 +58,7 @@ var useCommonProps = function useCommonProps(layoutType) {
   }) : 'fcr-layout-content-carousel-item';
   var showToolbar = isGridLayout && isMainWindow;
   var list = isGridLayout ? galleryList : carouselList;
-  var canShowSpeakerSpotlight = isGridLayout ? galleryList.length > 1 : true;
+  var canShowSpeakerSpotlight = isGridLayout ? galleryList.length > 2 : true;
   var isMask = isGridLayout ? !isMainWindow : true;
   var isToggleMainStream = isGridLayout && layout === _type.FcrUIVideoWindowLayoutType.Speaker && isMainWindow;
   var memberWindowPreviewType = isGridLayout ? _type.FcrUILayoutType.GALLERY : _type.FcrUILayoutType.CAROUSEL;
@@ -118,7 +104,12 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
     scalcValue = _useContext3.scalcValue,
     setScaleValue = _useContext3.setScaleValue,
     screenShareControl = _useContext3.screenShareControl,
-    annotation = _useContext3.annotation;
+    annotation = _useContext3.annotation,
+    isLocalCameraInSecondaryWindow = _useContext3.isLocalCameraInSecondaryWindow,
+    microphoneEnabled = _useContext3.microphoneEnabled,
+    hasMutePermission = _useContext3.hasMutePermission,
+    hasUnmutePermission = _useContext3.hasUnmutePermission,
+    hasRequestStartAudioPermission = _useContext3.hasRequestStartAudioPermission;
   var getFormatWindowData = useFormatWindowData();
   var commonProps = useCommonProps(layoutType);
   var toggleFullScreen = function toggleFullScreen() {
@@ -144,8 +135,6 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
   };
   var renderMemberWindowActions = function renderMemberWindowActions(windowData, isBoard) {
     var _getFormatWindowData = getFormatWindowData(windowData),
-      isShowActionAudio = _getFormatWindowData.isShowActionAudio,
-      actionAudioTag = _getFormatWindowData.actionAudioTag,
       id = _getFormatWindowData.id,
       volume = _getFormatWindowData.volume,
       allowedOperations = _getFormatWindowData.allowedOperations;
@@ -153,8 +142,6 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
     var iconSize = isBoard ? 24 : commonProps.iconSize;
     var windowSize = isBoard ? 'large' : commonProps.windowSize;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberActions.MemberWindowActions, {
-      isShowActionAudio: isShowActionAudio,
-      actionAudioTag: actionAudioTag,
       showActionBottomLabel: showActionBottomLabel,
       allowedOperations: allowedOperations,
       setVideoOrientation: setVideoOrientation,
@@ -171,7 +158,12 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
       id: id,
       volume: volume,
       iconSize: iconSize,
-      windowSize: windowSize
+      windowSize: windowSize,
+      isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow,
+      deviceMicrophoneEnabled: microphoneEnabled,
+      hasMutePermission: hasMutePermission,
+      hasUnmutePermission: hasUnmutePermission,
+      hasRequestStartAudioPermission: hasRequestStartAudioPermission
     });
   };
   var handleDoubleClick = function handleDoubleClick(windowId, isScreenSharing, isPin) {
@@ -193,6 +185,13 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
         videoSourceType = windowData.videoSourceType;
       var isBoard = type === _type.FcrUIWindowType.BOARD;
       var isScreenSharing = videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN;
+
+      /**
+       * 在共享时，主窗口会有一个额外的控制条，需要将视频内容减去这个高度（28px），所以增加一个class用来覆盖高度样式
+       */
+      var clsWithShareControlBar = (0, _classnames["default"])({
+        'fcr-member-window-with-share-controlbar': isMainWindowInScreenSharing
+      });
       /**
        * 在只有一个用户时，无法开启网格布局，所以可以通过 data.length 和 layoutType 判断是否是主窗口。
        */
@@ -207,6 +206,7 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
             width: dimensions.width,
             height: dimensions.height
           },
+          className: clsWithShareControlBar,
           children: [isMainWindowInScreenSharing && screenShareControl, /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberWindow, {
             memberWindowPreviewType: commonProps.memberWindowPreviewType,
             canShowSpeakerSpotlight: commonProps.canShowSpeakerSpotlight,

package/lib/modules/layout/components/who-is-speaking.js

@@ -13,7 +13,6 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _store = require("../store");
-var _type2 = require("../type");
 var _jsxRuntime = require("react/jsx-runtime");
 var CarouselExpandButton = exports.CarouselExpandButton = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
@@ -41,14 +40,12 @@ var CarouselExpandButton = exports.CarouselExpandButton = (0, _mobxReact.observe
 var WhoIsSpeaking = exports.WhoIsSpeaking = (0, _mobxReact.observer)(function () {
   var t = (0, _i18n.useI18n)();
   var _useContext2 = (0, _react.useContext)(_store.StoreContext),
-    layout = _useContext2.layout,
-    collapsed = _useContext2.collapsed,
-    findSpotlightUser = _useContext2.findSpotlightUser;
+    findSpotlightUser = _useContext2.findSpotlightUser,
+    isWhoISpeakingActive = _useContext2.isWhoISpeakingActive;
   var userName = findSpotlightUser === null || findSpotlightUser === void 0 ? void 0 : findSpotlightUser.userName;
-  var active = userName && layout === _type2.FcrUIVideoWindowLayoutType.Speaker && collapsed;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames["default"])('fcr-layout-speaking', {
-      'fcr-layout-speaking-active': active
+      'fcr-layout-speaking-active': isWhoISpeakingActive
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "fcr-layout-speaking-content",

package/lib/modules/layout/index.d.ts

@@ -2,7 +2,6 @@ import { UIModule } from '../../base';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
-import { FcrLayoutSlots } from './store';
 import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
 import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
 import { FcrUISharedSpeakerSpotlightDataSource } from '../../shared-data-source/speaker-spotlight';
@@ -18,6 +17,8 @@ import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
 import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
+import { FcrLayoutSlots } from './type';
+import { FcrUIMultiDisplayProvider } from '../../providers/multi-display-provider';
 export declare class LayoutUIModule extends UIModule {
     private _store?;
     eventProvider?: FcrUIEventProvider;
@@ -37,6 +38,7 @@ export declare class LayoutUIModule extends UIModule {
     annotationProvider?: FcrUIAnnotationProvider;
     sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
     sharedAnnotationDataSource?: FcrUISharedAnnotationSource;
+    multiDisplayProvider?: FcrUIMultiDisplayProvider;
     interpreterProvider?: FcrUIInterpreterProvider;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;

package/lib/modules/layout/index.js

@@ -59,7 +59,8 @@ var LayoutUIModule = exports.LayoutUIModule = /*#__PURE__*/function (_UIModule)
         annotationProvider: this.annotationProvider,
         sharedScreenShareDataSource: this.sharedScreenShareSharedDataSource,
         interpreterProvider: this.interpreterProvider,
-        sharedAnnotationDataSource: this.sharedAnnotationDataSource
+        sharedAnnotationDataSource: this.sharedAnnotationDataSource,
+        multiDisplayProvider: this.multiDisplayProvider
       });
     }
   }, {

package/lib/modules/layout/store.d.ts

@@ -1,66 +1,13 @@
 import { FcrPrivilegeUserRole, FcrStreamControl } from 'fcr-core';
 import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
-import { FcrUIVideoWindowData, FcrUIVideoWindowLayoutType } from './type';
+import { FcrLayoutSlots, FcrUIVideoWindowData, FcrUIVideoWindowLayoutType, LayoutStoreParams } from './type';
 import { FcrChatRoomConnectionState } from 'fcr-core/lib/room-control/chatroom-control/type';
 import { FcrUserUpdatedEvent } from 'fcr-core/lib/room-control/user-control/type';
-import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
-import { FcrUIEventObserver, FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
+import { FcrUIEventObserver } from '../../providers/event-provider';
 import { FcrUIAction } from '../../utilities/constant';
 import { FcrUISetMainSpeakerParams } from '../../type';
-import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
-import { FcrUISharedSpeakerSpotlightDataSource } from '../../shared-data-source/speaker-spotlight';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
-import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
-import { FcrUIChatProvider } from '../../providers/chat-provider';
-import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
-import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
-import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
-import { FcrUISharedPinDataSource } from '../../shared-data-source/pin-data';
-import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
-import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
-import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
-import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
-export interface FcrLayoutSlots {
-    participant: React.ReactNode;
-    chat: React.ReactNode;
-    chatAction: React.ReactNode;
-    stateBar: React.ReactNode;
-    actionBar: React.ReactNode;
-    layers: React.ReactNode;
-    whiteboard: React.ReactNode;
-    annotation: React.ReactNode;
-    screenShareControl: React.ReactNode;
-}
-export interface FcrUILayoutAsideContent {
-    participant: boolean;
-    chat: boolean;
-}
-export interface LayoutStoreParams {
-    eventProvider: FcrUIEventProvider;
-    deviceProvider: FcrUIDeviceProvider;
-    privilegeProvider: FcrUIPrivilegeProvider;
-    roomControl: FcrMainRoomControl;
-    sharedConfigDataSource: FcrUISharedConfigDataSource;
-    sharedSpeakerSpotlightDataSource: FcrUISharedSpeakerSpotlightDataSource;
-    sharedLayoutDataSource: FcrUISharedLayoutDataSource;
-    sharedInterpreterDataSource: FcrUISharedInterpreterDataSource;
-    sharedSettingDataSource: FcrUISharedSettingDataSource;
-    chatProvider: FcrUIChatProvider;
-    sharedVideoWindowDataSource: FcrUIVideoWindowDataSource;
-    sharedMemberDataSource: FcrUIMemberSharedDataSource;
-    screenShareProvider: FcrUIScreenShareProvider;
-    sharedPinDataSource: FcrUISharedPinDataSource;
-    annotationProvider: FcrUIAnnotationProvider;
-    sharedScreenShareDataSource: FcrUIScreenShareSharedDataSource;
-    interpreterProvider: FcrUIInterpreterProvider;
-    sharedAnnotationDataSource: FcrUISharedAnnotationSource;
-}
 export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     private readonly logger;
-    private static MIN_USERS_TO_ENABLE_SPOTLIGHT;
     private _videoWindowDataSource;
     private _eventProvider;
     private _deviceProvider;
@@ -79,12 +26,10 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     private _sharedSettingDataSource;
     private _sharedMemberDataSource;
     private _chatProvider;
-    private _screenShareProvider;
     private _pinDataSource;
-    private _annotationProvider;
     private _sharedScreenShareDataSource;
-    private _interpreterProvider;
     private _sharedAnnotationDataSource;
+    private _multiDisplayProvider;
     accessor participant: React.ReactNode;
     accessor chat: React.ReactNode;
     accessor chatAction: React.ReactNode;
@@ -132,6 +77,7 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     get hasPinnedStream(): boolean;
     get isRobot(): boolean;
     get findSpotlightUser(): import("../../shared-data-source/video-window").FcrUIVideoWindowDataImpl | null | undefined;
+    get isWhoISpeakingActive(): boolean | "" | undefined;
     get microphoneEnabled(): boolean;
     get allowChat(): boolean;
     get allowUnmuteSelfAudio(): boolean;
@@ -146,6 +92,9 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     get localUserId(): string;
     get interpreterUserList(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo[] | null;
     get isInterpreterEnabled(): boolean;
+    get secondaryWindowContentType(): "hidden" | "speaker" | "gallery" | "local-camera" | "remote-camera" | "sharing-screen" | "sharing-screen-with-annotation" | "sharing-whiteboard";
+    get isMultiDisplayActive(): boolean;
+    get isLocalCameraInSecondaryWindow(): boolean;
     constructor(params: LayoutStoreParams);
     get participantCount(): number;
     get isVideoSuspended(): boolean;
@@ -212,7 +161,6 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     private _switchToGallery;
     private _setBarHovering;
     private _initStream;
-    private _isSetSpotlightEnable;
     private _handleConnectionUpdated;
     private _findVideoWindowByUserId;
     private _onRemoteUsersLeft;

package/lib/modules/layout/store.js

@@ -80,6 +80,7 @@ var _type6 = require("../../type");
 var _view = require("./view");
 var _logger = require("../../utilities/logger");
 var _env = require("agora-foundation/lib/utilities/env");
+var _type7 = require("../secondary-window/type");
 var _LayoutStore;
 var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _annotationDecs, _init_annotation, _screenShareControlDecs, _init_screenShareControl, _init_collapsed, _init_aside, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_whiteboardActive, _init_ownerUser, _addPinMessageDecs, _cancelPinMessageDecs, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _setScreenShareSpeakerViewSizeDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListLengthChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _handleConnectionUpdatedDecs, _findVideoWindowByUserIdDecs, _onRemoteUsersLeftDecs, _onAudioVolumeUpdatedDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -177,22 +178,26 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     this._chatProvider = chatProvider;
     this._videoWindowDataSource = params.sharedVideoWindowDataSource;
     this._sharedMemberDataSource = params.sharedMemberDataSource;
-    this._screenShareProvider = params.screenShareProvider;
     this._pinDataSource = params.sharedPinDataSource;
     this.chatRoomState = this._chatRoomControl.getConnectionState();
-    this._annotationProvider = params.annotationProvider;
     this._sharedScreenShareDataSource = params.sharedScreenShareDataSource;
-    this._interpreterProvider = params.interpreterProvider;
     this._sharedAnnotationDataSource = params.sharedAnnotationDataSource;
+    this._multiDisplayProvider = params.multiDisplayProvider;
     this._addListeners();
-    //@ts-ignore
-    window.layoutStore = this;
     this._initStream();
     this._handleFoldListChanged();
     this._handleMainListChanged();
     this._handleMainListLengthChanged();
     this._handleLayoutUpdated(this._videoWindowDataSource.layoutType);
     this.setWhiteboardActive(this._whiteBoardControl.getActivity());
+
+    // 进入房间后，如果双屏模式处于激活状态，则需要设置主窗口为窗口最大化
+    if (this._multiDisplayProvider.isActive) {
+      this._multiDisplayProvider.setMainWindowMaximize();
+    }
+
+    // @ts-ignore
+    window._layoutStore = this;
   }
   return (0, _createClass2["default"])(LayoutStore, [{
     key: "participant",
@@ -409,6 +414,37 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "sourceList",
     get: function get() {
+      var mainList = this._videoWindowDataSource.mainList;
+      if (this.isMultiDisplayActive) {
+        switch (this.secondaryWindowContentType) {
+          case _type7.FcrUIDisplayDistributionContentType.LOCAL_CAMERA:
+            if (mainList.length === 1) {
+              return mainList;
+            } else {
+              return mainList.filter(function (item) {
+                return !item.isMySelf;
+              });
+            }
+          case _type7.FcrUIDisplayDistributionContentType.SHARING_SCREEN:
+          case _type7.FcrUIDisplayDistributionContentType.SHARING_SCREEN_WITH_ANNOTATION:
+            return mainList.filter(function (item) {
+              return item.videoSourceType !== _fcrCore.FcrVideoSourceType.SCREEN;
+            });
+          case _type7.FcrUIDisplayDistributionContentType.SHARING_WHITEBOARD:
+            return mainList.filter(function (item) {
+              return item.type !== _type2.FcrUIWindowType.BOARD;
+            });
+          case _type7.FcrUIDisplayDistributionContentType.HIDDEN:
+            var sharingType = this._multiDisplayProvider.displayState.sharingType;
+
+            // 当自己进行屏幕共享时，会隐藏副窗口，主窗口中不需要显示屏幕共享流
+            if (sharingType === _type7.FcrUIDisplayDistributionContentType.SHARING_SCREEN || sharingType === _type7.FcrUIDisplayDistributionContentType.SHARING_SCREEN_WITH_ANNOTATION) {
+              return mainList.filter(function (item) {
+                return item.videoSourceType !== _fcrCore.FcrVideoSourceType.SCREEN;
+              });
+            }
+        }
+      }
       var isMyselfCurrentScreenSharing = this._videoWindowDataSource.mainList.some(function (i) {
         return i.hasScreenSharing && i.isMySelf;
       });
@@ -531,6 +567,17 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         return item.videoStreamId === _this3.spotlightStreamId || item.audioStreamId === _this3.spotlightStreamId;
       }) : null;
     }
+  }, {
+    key: "isWhoISpeakingActive",
+    get: function get() {
+      var _this$findSpotlightUs;
+      var spotlightUserName = (_this$findSpotlightUs = this.findSpotlightUser) === null || _this$findSpotlightUs === void 0 ? void 0 : _this$findSpotlightUs.userName;
+      var isSpeakerLayout = this.layout === _type2.FcrUIVideoWindowLayoutType.Speaker;
+      var speakerWindowData = this.galleryList[0];
+      var isSpeakerIsSharing = (speakerWindowData === null || speakerWindowData === void 0 ? void 0 : speakerWindowData.videoSourceType) === _fcrCore.FcrVideoSourceType.SCREEN || (speakerWindowData === null || speakerWindowData === void 0 ? void 0 : speakerWindowData.type) === _type2.FcrUIWindowType.BOARD;
+      var active = spotlightUserName && isSpeakerLayout && this.collapsed && !isSpeakerIsSharing;
+      return active;
+    }
   }, {
     key: "microphoneEnabled",
     get: function get() {
@@ -602,6 +649,21 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._sharedInterpreterDataSource.isInterpreterEnabled;
     }
+  }, {
+    key: "secondaryWindowContentType",
+    get: function get() {
+      return this._multiDisplayProvider.secondaryWindowContentType;
+    }
+  }, {
+    key: "isMultiDisplayActive",
+    get: function get() {
+      return this._multiDisplayProvider.isActive;
+    }
+  }, {
+    key: "isLocalCameraInSecondaryWindow",
+    get: function get() {
+      return this._multiDisplayProvider.isLocalCameraInSecondaryWindow;
+    }
   }, {
     key: "participantCount",
     get: function get() {
@@ -613,6 +675,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       var isSharingScreen = !!this._sharedScreenShareDataSource.isSharingScreen;
       var shareScreenOwner = this._sharedScreenShareDataSource.screenSharingOwner;
       var isSharingScreenBySelf = this.localUserId === (shareScreenOwner === null || shareScreenOwner === void 0 ? void 0 : shareScreenOwner.userId);
+
+      // 多屏模式开启时， 不需要显示悬浮窗
+      if (this.isMultiDisplayActive) {
+        return false;
+      }
       if ((0, _env.isElectron)() && isSharingScreen && isSharingScreenBySelf) {
         return true;
       }
@@ -1040,21 +1107,58 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
           }
         }
         _this5._handleMainListLengthChanged();
+      }), (0, _mobx.reaction)(function () {
+        return _this5._multiDisplayProvider.isActive;
+      }, function (isActive) {
+        var _this5$_multiDisplayP = _this5._multiDisplayProvider.displayState,
+          sharingBySelf = _this5$_multiDisplayP.sharingBySelf,
+          isSharingScreen = _this5$_multiDisplayP.isSharingScreen;
+        if (isActive) {
+          // 多屏模式激活时，需要设置主窗口为窗口最大化
+          // 如果自己正在共享屏幕，则关闭 vidoe window 悬浮窗、显示主窗口
+          if (sharingBySelf && isSharingScreen) {
+            var _this5$_eventProvider;
+            (_this5$_eventProvider = _this5._eventProvider) === null || _this5$_eventProvider === void 0 || _this5$_eventProvider.sendEvent(_constant.FcrUIAction.CLOSE_TOP_VIDEO_WINDOW);
+            _this5._multiDisplayProvider.showMainWindowInIndexLeastDisplay({
+              maximize: true
+            });
+          } else {
+            _this5._multiDisplayProvider.setMainWindowMaximize();
+          }
+          return;
+        }
+
+        // 多屏模式从激活状态转变为非激活状态时，
+        // 如果当前是自己在共享屏幕，则隐藏主窗口，打开 vidoe window 悬浮窗
+        // 如果不是自己在共享，则切换布局到演讲者模式
+        // 没屏幕共享时，不做操作
+        if (sharingBySelf && isSharingScreen) {
+          var _this5$_eventProvider2;
+          window.runtime.browserWindow.hide();
+          (_this5$_eventProvider2 = _this5._eventProvider) === null || _this5$_eventProvider2 === void 0 || _this5$_eventProvider2.sendEvent(_constant.FcrUIAction.OPEN_TOP_VIDEO_WINDOW);
+        } else if (isSharingScreen) {
+          _this5.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
+        }
       }), (0, _mobx.reaction)(function () {
         return _this5.whiteboardActive;
-      }, function (opened) {
-        if (opened) {
-          var isActive = _this5._whiteBoardControl.getActivity();
+      }, function (isBoardActive) {
+        if (isBoardActive) {
           var ownerUserId = _this5._whiteBoardControl.getOwnerId();
-          if (isActive) {
-            var ownerUser = _this5._userControl.getUser(ownerUserId);
-            _this5._videoWindowDataSource.addBoard(ownerUser, ownerUserId === _this5.localUserId);
+          var ownerUser = _this5._userControl.getUser(ownerUserId);
+          _this5._videoWindowDataSource.addBoard(ownerUser, ownerUserId === _this5.localUserId);
+          if (_this5.secondaryWindowContentType === _type7.FcrUIDisplayDistributionContentType.SHARING_WHITEBOARD) {
+            // 在副屏窗口模式显示白板时，不切换布局
+            return;
           }
           if (_this5.layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
             _this5.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
           }
         } else {
           _this5._videoWindowDataSource.removeBoard();
+          if (_this5.secondaryWindowContentType === _type7.FcrUIDisplayDistributionContentType.SHARING_WHITEBOARD) {
+            // 在副屏窗口模式显示白板时，不切换布局
+            return;
+          }
           if (_this5.manualLayout) {
             _this5.toggleLayout(_this5.manualLayout);
           } else {
@@ -1109,14 +1213,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         });
       }), (0, _mobx.reaction)(function () {
         return {
-          count: _this5.participantCount,
           enableSpotlight: _this5.enableSpotlight
         };
       }, function (_ref7) {
-        var count = _ref7.count,
-          enableSpotlight = _ref7.enableSpotlight;
-        var enableSetSpotlight = _this5._isSetSpotlightEnable(count, enableSpotlight);
-        _this5._videoWindowDataSource.setSpotlightEnabled(enableSetSpotlight);
+        var enableSpotlight = _ref7.enableSpotlight;
+        _this5._videoWindowDataSource.setSpotlightEnabled(enableSpotlight);
       }),
       // 录制的特殊逻辑：
       // 因为录制机器人不发流，且当前切换布局的逻辑是有多个人的视频窗口才切换到 speaker layout
@@ -1208,12 +1309,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         this.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
       }
     }
-  }, {
-    key: "_isSetSpotlightEnable",
-    value: function _isSetSpotlightEnable(count, enableSpotlight) {
-      var setSpotlightEnable = count > LayoutStore.MIN_USERS_TO_ENABLE_SPOTLIGHT;
-      return setSpotlightEnable && enableSpotlight;
-    }
   }, {
     key: "_handleConnectionUpdated",
     value: function _handleConnectionUpdated(_, state) {
@@ -1257,6 +1352,10 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "_handleStreamAdded",
     value: function _handleStreamAdded(modifiedStream) {
       this._videoWindowDataSource.add(modifiedStream, modifiedStream.owner.userId === this.localUserId);
+      if (this.isMultiDisplayActive) {
+        // 在开启多屏模式下，屏幕共享流添加时，保持布局不变
+        return;
+      }
       if (modifiedStream.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN) {
         var isSharingScreenOwner = modifiedStream.owner.userId === this.localUserId;
         if (this.layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
@@ -1298,6 +1397,10 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         var videoType = event.modifiedStream.videoSourceType;
         return videoType === _fcrCore.FcrVideoSourceType.SCREEN;
       });
+      if (this.isMultiDisplayActive) {
+        // 在开启多屏模式下，屏幕共享流被移除时，保持布局不变
+        return;
+      }
       if (hasScreenStream) {
         if (this.manualLayout) {
           this._videoWindowDataSource.setLayout(this.manualLayout);
@@ -1338,7 +1441,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _LayoutStore = LayoutStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_annotationDecs, 17, "annotation"], [_screenShareControlDecs, 17, "screenShareControl"], [_mobx.observable, 1, "collapsed"], [_mobx.observable, 1, "aside"], [_mobx.observable, 1, "barHovering"], [_mobx.observable, 1, "barLocked"], [_mobx.observable, 1, "barHidden"], [_mobx.observable, 1, "asideWidth"], [_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "whiteboardActive"], [_mobx.observable, 1, "ownerUser"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_mobx.computed, 3, "scalcValue"], [_mobx.computed, 3, "sourceList"], [_mobx.computed, 3, "layoutMainList"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "isMainWindowInScreenSharing"], [_mobx.computed, 3, "isCurrentUserInBoardSharing"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "galleryMaxSize"], [_mobx.computed, 3, "isVideoSuspended"], [_mobx.computed, 3, "asideContent"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "chatRenderAt"], [_decorator.bound, 2, "getWaterMarkContent"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_decorator.bound, 2, "toggleMainStream"], [_addPinMessageDecs, 18, "addPinMessage"], [_cancelPinMessageDecs, 18, "cancelPinMessage"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_updateSlotsDecs, 18, "updateSlots"], [_decorator.bound, 2, "closeParticipantFromAside"], [_decorator.bound, 2, "moveParticipantFromAsideToDialog"], [_decorator.bound, 2, "closeChatFromAside"], [_decorator.bound, 2, "closeAsideChat"], [_decorator.bound, 2, "moveChatFromAsideToDialog"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_setScreenShareSpeakerViewSizeDecs, 2, "setScreenShareSpeakerViewSize"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_decorator.bound, 2, "setScaleValue"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "onEvent"], [_decorator.bound, 2, "_addListeners"], [_mobx.computed, 3, "_hasVideoStreamUser"], [_handleFoldListChangedDecs, 18, "_handleFoldListChanged"], [_handleMainListLengthChangedDecs, 18, "_handleMainListLengthChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [_mobx.action, 2, "_switchToSpeaker"], [_mobx.action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_decorator.bound, 2, "_initStream"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_findVideoWindowByUserIdDecs, 18, "_findVideoWindowByUserId"], [_onRemoteUsersLeftDecs, 18, "_onRemoteUsersLeft"], [_decorator.bound, 2, "_handleLiveStreamingStateUpdated"], [_decorator.bound, 2, "_handleStreamAdded"], [_decorator.bound, 2, "_onStreamsAdded"], [_decorator.bound, 2, "_onStreamsUpdated"], [_decorator.bound, 2, "_onStreamsRemoved"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 21);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_annotationDecs, 17, "annotation"], [_screenShareControlDecs, 17, "screenShareControl"], [_mobx.observable, 1, "collapsed"], [_mobx.observable, 1, "aside"], [_mobx.observable, 1, "barHovering"], [_mobx.observable, 1, "barLocked"], [_mobx.observable, 1, "barHidden"], [_mobx.observable, 1, "asideWidth"], [_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "whiteboardActive"], [_mobx.observable, 1, "ownerUser"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_mobx.computed, 3, "scalcValue"], [_mobx.computed, 3, "sourceList"], [_mobx.computed, 3, "layoutMainList"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "isMainWindowInScreenSharing"], [_mobx.computed, 3, "isCurrentUserInBoardSharing"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "isWhoISpeakingActive"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "galleryMaxSize"], [_mobx.computed, 3, "isVideoSuspended"], [_mobx.computed, 3, "asideContent"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "chatRenderAt"], [_decorator.bound, 2, "getWaterMarkContent"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_decorator.bound, 2, "toggleMainStream"], [_addPinMessageDecs, 18, "addPinMessage"], [_cancelPinMessageDecs, 18, "cancelPinMessage"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_updateSlotsDecs, 18, "updateSlots"], [_decorator.bound, 2, "closeParticipantFromAside"], [_decorator.bound, 2, "moveParticipantFromAsideToDialog"], [_decorator.bound, 2, "closeChatFromAside"], [_decorator.bound, 2, "closeAsideChat"], [_decorator.bound, 2, "moveChatFromAsideToDialog"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_setScreenShareSpeakerViewSizeDecs, 2, "setScreenShareSpeakerViewSize"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_decorator.bound, 2, "setScaleValue"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "onEvent"], [_decorator.bound, 2, "_addListeners"], [_mobx.computed, 3, "_hasVideoStreamUser"], [_handleFoldListChangedDecs, 18, "_handleFoldListChanged"], [_handleMainListLengthChangedDecs, 18, "_handleMainListLengthChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [_mobx.action, 2, "_switchToSpeaker"], [_mobx.action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_decorator.bound, 2, "_initStream"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_findVideoWindowByUserIdDecs, 18, "_findVideoWindowByUserId"], [_onRemoteUsersLeftDecs, 18, "_onRemoteUsersLeft"], [_decorator.bound, 2, "_handleLiveStreamingStateUpdated"], [_decorator.bound, 2, "_handleStreamAdded"], [_decorator.bound, 2, "_onStreamsAdded"], [_decorator.bound, 2, "_onStreamsUpdated"], [_decorator.bound, 2, "_onStreamsRemoved"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 21);
 _init_participant = _applyDecs$e[0];
 _init_chat = _applyDecs$e[1];
 _init_chatAction = _applyDecs$e[2];
@@ -1360,5 +1463,4 @@ _init_whiteboardActive = _applyDecs$e[17];
 _init_ownerUser = _applyDecs$e[18];
 _init__handleLayoutUpdated = _applyDecs$e[19];
 _initProto = _applyDecs$e[20];
-(0, _defineProperty2["default"])(LayoutStore, "MIN_USERS_TO_ENABLE_SPOTLIGHT", 2);
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/layout/type.d.ts

@@ -1,5 +1,24 @@
 import { FcrRoomConnectorType, FcrVideoSourceType } from 'fcr-core';
+import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
 import { FcrUserRole } from 'fcr-core/lib/type';
+import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
+import { FcrUIChatProvider } from '../../providers/chat-provider';
+import { FcrUIDeviceProvider } from '../../providers/device-provider';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
+import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
+import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
+import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
+import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
+import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
+import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUISharedPinDataSource } from '../../shared-data-source/pin-data';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
+import { FcrUISharedSpeakerSpotlightDataSource } from '../../shared-data-source/speaker-spotlight';
+import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
+import { FcrUIMultiDisplayProvider } from '../../providers/multi-display-provider';
 export declare enum FcrUIVideoWindowLayoutType {
     /** Show a carousel on top and a big video on the rest of the screen. */
     Speaker = "speaker",
@@ -76,3 +95,39 @@ export declare enum FcrUILayoutType {
      */
     GALLERY = "gallery"
 }
+export interface FcrLayoutSlots {
+    participant: React.ReactNode;
+    chat: React.ReactNode;
+    chatAction: React.ReactNode;
+    stateBar: React.ReactNode;
+    actionBar: React.ReactNode;
+    layers: React.ReactNode;
+    whiteboard: React.ReactNode;
+    annotation: React.ReactNode;
+    screenShareControl: React.ReactNode;
+}
+export interface FcrUILayoutAsideContent {
+    participant: boolean;
+    chat: boolean;
+}
+export interface LayoutStoreParams {
+    eventProvider: FcrUIEventProvider;
+    deviceProvider: FcrUIDeviceProvider;
+    privilegeProvider: FcrUIPrivilegeProvider;
+    roomControl: FcrMainRoomControl;
+    sharedConfigDataSource: FcrUISharedConfigDataSource;
+    sharedSpeakerSpotlightDataSource: FcrUISharedSpeakerSpotlightDataSource;
+    sharedLayoutDataSource: FcrUISharedLayoutDataSource;
+    sharedInterpreterDataSource: FcrUISharedInterpreterDataSource;
+    sharedSettingDataSource: FcrUISharedSettingDataSource;
+    chatProvider: FcrUIChatProvider;
+    sharedVideoWindowDataSource: FcrUIVideoWindowDataSource;
+    sharedMemberDataSource: FcrUIMemberSharedDataSource;
+    screenShareProvider: FcrUIScreenShareProvider;
+    sharedPinDataSource: FcrUISharedPinDataSource;
+    annotationProvider: FcrUIAnnotationProvider;
+    sharedScreenShareDataSource: FcrUIScreenShareSharedDataSource;
+    interpreterProvider: FcrUIInterpreterProvider;
+    sharedAnnotationDataSource: FcrUISharedAnnotationSource;
+    multiDisplayProvider: FcrUIMultiDisplayProvider;
+}

package/lib/modules/participant/components/can-moveable/index.js

@@ -35,7 +35,6 @@ var Moveable = exports.Moveable = function Moveable(_ref) {
     setCurrentCoordinateY(y);
   };
   var handleResize = (0, _react.useCallback)(function () {
-    console.log('window.innerWidth < currentCoordinateX', window.innerWidth < currentCoordinateX, window.innerWidth, currentCoordinateX);
     if (window.innerWidth < currentCoordinateX - rndRef.current) {
       setCurrentCoordinateX(0);
     }