fcr-ui-scene 3.7.2 → 3.7.4-rc.1

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);
     }

package/lib/modules/participant/components/participants/components/participants/components/attendee/index.js

@@ -43,7 +43,8 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
     _props$onParticipants = props.onParticipantsButtonClick,
     onParticipantsButtonClick = _props$onParticipants === void 0 ? function () {} : _props$onParticipants,
     _props$hideActions = props.hideActions,
-    hideActions = _props$hideActions === void 0 ? [] : _props$hideActions;
+    hideActions = _props$hideActions === void 0 ? [] : _props$hideActions,
+    isLocalCameraInSecondaryWindow = props.isLocalCameraInSecondaryWindow;
   var userId = user.userId,
     _user$userName = user.userName,
     userName = _user$userName === void 0 ? '' : _user$userName,
@@ -117,7 +118,8 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
             hideActions: hideActions,
             hasPinnedStream: hasPinnedStream,
             onParticipantsButtonClick: onParticipantsButtonClick,
-            user: user
+            user: user,
+            isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow
           })
         }),
         placement: "bottomRight",

package/lib/modules/participant/components/participants/components/participants/components/participants-more/index.js

@@ -51,7 +51,8 @@ var FcrParticipantsMoreActions = exports.FcrParticipantsMoreActions = function F
   var onParticipantsButtonClick = props.onParticipantsButtonClick,
     hasPinnedStream = props.hasPinnedStream,
     hideActions = props.hideActions,
-    user = props.user;
+    user = props.user,
+    isLocalCameraInSecondaryWindow = props.isLocalCameraInSecondaryWindow;
   var isMe = user.isMe,
     userId = user.userId,
     hasVideo = user.hasVideo,
@@ -62,6 +63,17 @@ var FcrParticipantsMoreActions = exports.FcrParticipantsMoreActions = function F
     allowedOperations = user.allowedOperations;
   var cameraStateType = !hasVideo ? 'primary' : 'danger';
 
+  /**
+   * 如果当前用户的类型是 'meeting-system' 且没有视频流，则不显示固定选项。
+   * 如果当前用户是自己且摄像头的视频流显示在副窗口中，也不显示固定选项。
+   */
+  var isShowPinOption = true;
+  if (userType === 'meeting-system' && !hasVideo) {
+    isShowPinOption = false;
+  } else if (isMe && isLocalCameraInSecondaryWindow) {
+    isShowPinOption = false;
+  }
+
   // 定义所有操作菜单
   var allOperationMenu = [{
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cameraState.CameraState, {
@@ -115,7 +127,7 @@ var FcrParticipantsMoreActions = exports.FcrParticipantsMoreActions = function F
     }) : hasPinnedStream ? (0, _i18next.t)('fmt_attendies_options_replacefixed') : (0, _i18next.t)('fmt_attendies_options_fixfirst'),
     key: 'pin',
     type: isPin ? 'danger' : 'primary',
-    canOperation: userType === 'normal' || userType === 'phone' || userType === 'meeting-system' && hasVideo,
+    canOperation: isShowPinOption,
     onButtonClick: handleButtonClick(isPin ? _types.ParticipantActionType.REMOVE_PIN : _types.ParticipantActionType.ADD_PIN, userId, onParticipantsButtonClick),
     group: 'own_view'
   }, {

package/lib/modules/participant/components/participants/components/participants/components/user-row/index.d.ts

@@ -2,4 +2,4 @@ import { ListRowProps } from 'react-virtualized';
 import { CellMeasurerCache } from 'react-virtualized/dist/es/CellMeasurer';
 import { ParticipantActionType, User } from '../../../../types';
 export declare const cache: CellMeasurerCache;
-export declare const userRowRenderer: (userList: User[], userRenderer: ((user: User) => React.ReactNode) | undefined, hasPinnedStream: boolean, toggleParticipantAction: ((action: ParticipantActionType, userId: string) => void) | undefined) => (renderProps: ListRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const userRowRenderer: (userList: User[], userRenderer: ((user: User) => React.ReactNode) | undefined, hasPinnedStream: boolean, toggleParticipantAction: ((action: ParticipantActionType, userId: string) => void) | undefined, isLocalCameraInSecondaryWindow: boolean) => (renderProps: ListRowProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/components/participants/components/participants/components/user-row/index.js

@@ -37,7 +37,7 @@ var cache = exports.cache = new _CellMeasurer.CellMeasurerCache({
   fixedWidth: true,
   defaultHeight: 52
 });
-var userRowRenderer = exports.userRowRenderer = function userRowRenderer(userList, userRenderer, hasPinnedStream, toggleParticipantAction) {
+var userRowRenderer = exports.userRowRenderer = function userRowRenderer(userList, userRenderer, hasPinnedStream, toggleParticipantAction, isLocalCameraInSecondaryWindow) {
   return function (renderProps) {
     var key = renderProps.key,
       parent = renderProps.parent,
@@ -58,7 +58,8 @@ var userRowRenderer = exports.userRowRenderer = function userRowRenderer(userLis
           children: userRenderer ? userRenderer(userList[index]) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_attendee.FcrParticipant, {
             hasPinnedStream: hasPinnedStream,
             user: userList[index],
-            onParticipantsButtonClick: toggleParticipantAction
+            onParticipantsButtonClick: toggleParticipantAction,
+            isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow
           })
         });
       }

package/lib/modules/participant/components/participants/components/participants/index.js

@@ -45,7 +45,8 @@ var FcrParticipants = exports.FcrParticipants = function FcrParticipants(props)
     toggleRoomControlAction = _props.toggleRoomControlAction,
     footer = _props.footer,
     header = _props.header,
-    hasInvite = _props.hasInvite;
+    hasInvite = _props.hasInvite,
+    isLocalCameraInSecondaryWindow = _props.isLocalCameraInSecondaryWindow;
 
   // 使用 useMemo 初始化 value 状态
   var _useState = (0, _react.useState)((0, _react.useMemo)(function () {
@@ -107,7 +108,7 @@ var FcrParticipants = exports.FcrParticipants = function FcrParticipants(props)
             height: height,
             rowCount: userList.length,
             rowHeight: _userRow.cache.rowHeight,
-            rowRenderer: (0, _userRow.userRowRenderer)(userList, userRenderer, hasPinnedStream, toggleParticipantAction)
+            rowRenderer: (0, _userRow.userRowRenderer)(userList, userRenderer, hasPinnedStream, toggleParticipantAction, isLocalCameraInSecondaryWindow)
           });
         }
       })]

package/lib/modules/participant/components/participants/components/render-user/components/user-action/components/move-actions-popover/index.d.ts

@@ -7,6 +7,7 @@ interface MoreActionsPopoverPropsType {
     user: User;
     waitingRoomParticipateActionsNeedHiden: string[];
     mainRoomParticipateActionsNeedHiden: string[];
+    isLocalCameraInSecondaryWindow: boolean;
 }
 export declare const MoreActionsPopover: (props: MoreActionsPopoverPropsType) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/modules/participant/components/participants/components/render-user/components/user-action/components/move-actions-popover/index.js

@@ -23,7 +23,8 @@ var MoreActionsPopover = exports.MoreActionsPopover = function MoreActionsPopove
     handleMoreActionsClick = props.handleMoreActionsClick,
     waitingRoomParticipateActionsNeedHiden = props.waitingRoomParticipateActionsNeedHiden,
     mainRoomParticipateActionsNeedHiden = props.mainRoomParticipateActionsNeedHiden,
-    user = props.user;
+    user = props.user,
+    isLocalCameraInSecondaryWindow = props.isLocalCameraInSecondaryWindow;
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     activeTab = _useContext.activeTab,
     hasPinnedStream = _useContext.hasPinnedStream;
@@ -57,6 +58,7 @@ var MoreActionsPopover = exports.MoreActionsPopover = function MoreActionsPopove
         onParticipantsButtonClick: handleMoreActionsClick,
         user: user,
         hasPinnedStream: hasPinnedStream,
+        isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow,
         hideActions: activeTab === _type2.FcrUIRoomType.MAIN_ROOM ? mainRoomParticipateActionsNeedHiden : waitingRoomParticipateActionsNeedHiden
       })
     }),

package/lib/modules/participant/components/participants/components/render-user/components/user-action/index.js

@@ -20,7 +20,8 @@ var _type = require("../../../../../../../../type");
 var _jsxRuntime = require("react/jsx-runtime");
 var waitingRoomParticipateActionsNeedHiden = ['start_video', 'request_start_video', 'stop_video', 'pin', 'set_as_host', 'set_as_co_host', 'revoke_co_host', 'merge_video', 'put_into_waiting_room'];
 var UserActions = exports.UserActions = function UserActions(props) {
-  var user = props.user;
+  var user = props.user,
+    isLocalCameraInSecondaryWindow = props.isLocalCameraInSecondaryWindow;
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     activeTab = _useContext.activeTab,
     hasMutePermission = _useContext.hasMutePermission,
@@ -69,7 +70,8 @@ var UserActions = exports.UserActions = function UserActions(props) {
         setIsShowDropMenu(false);
       },
       waitingRoomParticipateActionsNeedHiden: waitingRoomParticipateActionsNeedHiden,
-      mainRoomParticipateActionsNeedHiden: mainRoomParticipateActionsNeedHiden
+      mainRoomParticipateActionsNeedHiden: mainRoomParticipateActionsNeedHiden,
+      isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow
     })]
   });
 };

package/lib/modules/participant/components/participants/components/render-user/index.d.ts

@@ -1,5 +1,7 @@
 import { User } from '../../types';
-declare const RenderUser: ({ user }: {
+type RenderUserProps = {
     user: User;
-}) => import("react/jsx-runtime").JSX.Element;
+    isLocalCameraInSecondaryWindow: boolean;
+};
+declare const RenderUser: React.FC<RenderUserProps>;
 export default RenderUser;

package/lib/modules/participant/components/participants/components/render-user/index.js

@@ -9,12 +9,14 @@ var _mobxReact = require("mobx-react");
 var _attendee = require("./components/attendee");
 var _userAction = require("./components/user-action");
 var _jsxRuntime = require("react/jsx-runtime");
-var RenderUser = (0, _mobxReact.observer)(function (_ref) {
-  var user = _ref.user;
+var RenderUser = (0, _mobxReact.observer)(function (props) {
+  var user = props.user,
+    isLocalCameraInSecondaryWindow = props.isLocalCameraInSecondaryWindow;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_attendee.ParticipantAttendee, {
     user: user,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_userAction.UserActions, {
-      user: user
+      user: user,
+      isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow
     })
   });
 });

package/lib/modules/participant/components/participants/index.js

@@ -34,7 +34,8 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
     isLocalUserHost = _useContext.isLocalUserHost,
     openMuteAllDialog = _useContext.openMuteAllDialog,
     handlerRoomControlAction = _useContext.handlerRoomControlAction,
-    hasInvite = _useContext.hasInvite;
+    hasInvite = _useContext.hasInvite,
+    isLocalCameraInSecondaryWindow = _useContext.isLocalCameraInSecondaryWindow;
   var dialogStore = (0, _react.useContext)(_store.StoreContext);
   var handlerRoomControlClick = function handlerRoomControlClick(action, userId) {
     if (action === _constant.FcrUIRoomControlType.MUTE_ALL_AUDIO) {
@@ -59,9 +60,11 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
       hasInvite: hasInvite,
       hasPinnedStream: hasPinnedStream,
       toggleParticipantAction: handlerUserAction,
+      isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow,
       userRenderer: function userRenderer(user) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderUser["default"], {
-          user: user
+          user: user,
+          isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow
         });
       },
       footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer["default"], {

package/lib/modules/participant/components/participants/types.d.ts

@@ -10,6 +10,7 @@ export interface ParticipantProps {
     searchText?: string;
     onInvite?: () => void;
     hasPinnedStream: boolean;
+    isLocalCameraInSecondaryWindow: boolean;
     hasInvite: boolean;
 }
 export interface User {
@@ -66,6 +67,7 @@ export interface ParticipantsMoreActionsProps {
     onParticipantsButtonClick: (action: ParticipantActionType, userId: string) => void;
     hasPinnedStream: boolean;
     hideActions: string[];
+    isLocalCameraInSecondaryWindow: boolean;
 }
 export interface IFcrParticipantItemProps {
     user: User;
@@ -94,4 +96,5 @@ export interface ParticipantsFooterParticipantProps {
 }
 export interface UserActionsPropsType {
     user: User;
+    isLocalCameraInSecondaryWindow: boolean;
 }

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

@@ -23,6 +23,7 @@ import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { FcrUIMultiDisplayProvider } from '../../providers/multi-display-provider';
 export declare class ParticipantUIModule extends UIModule {
     private _store;
     deviceStreamProvider?: FcrUIDeviceStreamProvider;
@@ -48,6 +49,7 @@ export declare class ParticipantUIModule extends UIModule {
     abilityProvider?: FcrUIAbilityProviderImpl;
     sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
     sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
+    multiDisplayProvider?: FcrUIMultiDisplayProvider;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/index.js

@@ -85,7 +85,8 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
         abilityProvider: this.abilityProvider,
         messageProvider: this.messageProvider,
         sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource,
-        sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource
+        sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
+        multiDisplayProvider: this.multiDisplayProvider
       });
     }
   }, {

package/lib/modules/participant/member-list-data-source.js

@@ -66,8 +66,6 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _mobx = require("mobx");
 var _type = require("./type");
 var _type2 = require("fcr-core/lib/type");
-var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
-var _type4 = require("agora-rte-sdk/lib/core/scene/type");
 var _FcrUIMemberListDataSourceImpl;
 var _initProto, _init_list, _resetListDecs, _addDecs, _updateStreamInfoDecs, _updateUserInfoDecs, _updateWithStreamAddDecs, _updateWithStreamRemoveDecs, _deleteDecs, _clearAllUserBoardStateDecs, _insertEndByPriorityDecs, _ref;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -138,10 +136,10 @@ var FcrUIMemberDataImpl = exports.FcrUIMemberDataImpl = /*#__PURE__*/function ()
         return _type.FcrUIMemberSortingPriority.CO_HOST;
       }
       var cameraStream = this.streams.find(function (s) {
-        return s.videoSourceType === _type3.AgoraRtcVideoSourceType.CAMERA;
+        return s.videoSourceType === _type2.FcrVideoSourceType.CAMERA;
       });
-      var cameraOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.videoSourceState) === _type3.AgoraRtcMediaSourceState.OPEN && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.VIDEO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.BOTH);
-      var microphoneOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.audioSourceState) === _type3.AgoraRtcMediaSourceState.OPEN && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.AUDIO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.BOTH);
+      var cameraOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.videoSourceState) === _type2.FcrMediaSourceState.OPEN && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type2.FcrStreamType.VIDEO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type2.FcrStreamType.BOTH);
+      var microphoneOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.audioSourceState) === _type2.FcrMediaSourceState.OPEN && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type2.FcrStreamType.AUDIO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type2.FcrStreamType.BOTH);
       if (cameraOpen && microphoneOpen) {
         return _type.FcrUIMemberSortingPriority.BOTH_OPEN;
       }

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

@@ -30,6 +30,7 @@ import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 import { User } from './components/participants/types';
+import { FcrUIMultiDisplayProvider } from '../../providers/multi-display-provider';
 export default class ParticipantStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _roomStore;
@@ -59,6 +60,7 @@ export default class ParticipantStore {
     private _sharedMemberDataSource;
     private _sharedChatDataSource;
     private _sharedScreenShareSharedDataSource;
+    private _multiDisplayProvider;
     private _peerSessionObserver;
     private _dialogProvider;
     private _abilityProvider;
@@ -115,10 +117,11 @@ export default class ParticipantStore {
     get isInterpreterEnabled(): boolean;
     get waitingRoomUserCount(): number;
     get isNewWaitingRoomUserEnter(): boolean;
+    get isLocalCameraInSecondaryWindow(): boolean;
     get isHostKeyEnabled(): boolean;
     get hasInvite(): boolean;
     get checkedStateMap(): import("../../shared-data-source/security-data").FcrSecurityCheckedStateType;
-    constructor({ roomControl, securityStore, uiEventStore, deviceStore, deviceStreamStore, roomStore, sessionProvider, sharedSpeakerSpotlightDataSource, sharedPinDataSource, sharedLayoutDataSource, sharedInterpreterDataSource, sharedSettingDataSource, sharedWaitingRoomDataSource, chatProvider, sharedVideoWindowDataSource, sharedMemberDataSource, sharedChatDataSource, dialogProvider, abilityProvider, messageProvider, sharedSecuritySharedDataSource, sharedScreenShareSharedDataSource, }: {
+    constructor({ roomControl, securityStore, uiEventStore, deviceStore, deviceStreamStore, roomStore, sessionProvider, sharedSpeakerSpotlightDataSource, sharedPinDataSource, sharedLayoutDataSource, sharedInterpreterDataSource, sharedSettingDataSource, sharedWaitingRoomDataSource, chatProvider, sharedVideoWindowDataSource, sharedMemberDataSource, sharedChatDataSource, dialogProvider, abilityProvider, messageProvider, sharedSecuritySharedDataSource, sharedScreenShareSharedDataSource, multiDisplayProvider, }: {
         roomControl: FcrMainRoomControl;
         securityStore: FcrUIPrivilegeProvider;
         uiEventStore: FcrUIEventProvider;
@@ -141,6 +144,7 @@ export default class ParticipantStore {
         messageProvider: FcrUIMessageProvider;
         sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
         sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
+        multiDisplayProvider: FcrUIMultiDisplayProvider;
     });
     release(): void;
     allowedOperations: (userId: string, userRole: FcrUserRole) => string[];