fcr-ui-scene 3.4.1 → 3.4.3

package/lib/modules/layout/index.js

@@ -34,15 +34,35 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var LayoutUIModule = exports.LayoutUIModule = /*#__PURE__*/function (_UIModule) {
-  function LayoutUIModule(args) {
-    var _this;
+  function LayoutUIModule() {
     (0, _classCallCheck2["default"])(this, LayoutUIModule);
-    _this = _callSuper(this, LayoutUIModule);
-    _this._store = new _store["default"](args);
-    return _this;
+    return _callSuper(this, LayoutUIModule, arguments);
   }
   (0, _inherits2["default"])(LayoutUIModule, _UIModule);
   return (0, _createClass2["default"])(LayoutUIModule, [{
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      this._store = new _store["default"]({
+        eventProvider: this.eventProvider,
+        deviceProvider: this.deviceProvider,
+        privilegeProvider: this.privilegeProvider,
+        roomControl: this.mainRoomControlProvider.mainRoomControl,
+        sharedConfigDataSource: this.sharedConfigDataSource,
+        sharedSpeakerSpotlightDataSource: this.sharedSpeakerSpotlightDataSource,
+        sharedLayoutDataSource: this.sharedLayoutDataSource,
+        sharedInterpreterDataSource: this.sharedInterpreterDataSource,
+        sharedSettingDataSource: this.sharedSettingDataSource,
+        chatProvider: this.chatProvider,
+        sharedVideoWindowDataSource: this.sharedVideoWindowDataSource
+      });
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
+    }
+  }, {
     key: "getComponent",
     value: function getComponent() {
       var slots = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -64,10 +84,5 @@ var LayoutUIModule = exports.LayoutUIModule = /*#__PURE__*/function (_UIModule)
     value: function getDevComponent() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {});
     }
-  }, {
-    key: "onUnload",
-    value: function onUnload() {
-      this._store.release();
-    }
   }]);
 }(_base.UIModule);

package/lib/modules/layout/member-window/index.css

@@ -125,7 +125,7 @@
   opacity: 1;
 }
 .fcr-member-window-pin {
-  display: none;
+  display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
@@ -135,13 +135,12 @@
   height: 26px;
   border-radius: var(--fcr_cornerradius_xs);
   background-color: var(--fcr_ui_scene_view_toast);
-  /* opacity: 0; */
-  /* transition: opacity 0.2s; */
+  opacity: 0;
+  transition: opacity 0.2s;
   z-index: 3;
 }
 .fcr-member-window-pin-show {
-  /* opacity: 1; */
-  display: flex;
+  opacity: 1;
 }
 .fcr-member-board:hover .fcr-user-window-actions-top,
 .fcr-member-window:hover .fcr-user-window-actions-top {
@@ -161,11 +160,6 @@
   margin-left: 0px;
   display: flex;
 }
-
-.fcr-member-window-members-sharebtn-large {
-  height: 24px;
-  margin-right: 6px;
-}
 /* fcr-member-window-action start */
 
 .fcr-user-window-actions {
@@ -205,7 +199,7 @@
   overflow: hidden;
 }
 .fcr-user-window-actions-bottom-layout-info {
-  border-radius: var(--fcr_cornerradius_xs);
+  border-radius: var(--fcr_cornerradius_xxs);
   background-color: var(--fcr_ui_scene_view_toast);
   display: inline-flex;
   align-items: center;
@@ -224,12 +218,13 @@
 }
 .fcr-member-window-gallery .fcr-user-window-actions-bottom {
   height: 24px;
+  border-radius: var(--fcr_cornerradius_s);
   font-size: 12px;
 }
 
 .fcr-user-window-actions-tag {
   height: 18px;
-  border-radius: var(--fcr_cornerradius_xs);
+  border-radius: var(--fcr_cornerradius_xxs);
   display: inline-flex;
   align-items: center;
   white-space: nowrap;
@@ -237,14 +232,14 @@
 
 .fcr-member-window-gallery .fcr-user-window-actions-tag {
   height: 24px;
-  border-radius: var(--fcr_cornerradius_xs);
+  border-radius: var(--fcr_cornerradius_s);
 }
 
 .fcr-user-window-actions-tag-host {
   color: var(--fcr_ui_scene_white10);
   background: linear-gradient(90deg, #4262ff, #7c79ff);
   padding: 0 8px;
-  /* margin-right: 10px; */
+  margin-right: 10px;
 }
 
 .fcr-user-window-actions-tag-host:has(svg) {
@@ -311,10 +306,6 @@
   text-overflow: ellipsis;
 }
 
-.fcr-user-window-actions-bottom .fcr-user-window-actions-name.ml-5 {
-  margin-left: 5px;
-}
-
 .fcr-user-window-actions-name-isme {
   font-weight: normal;
 }
@@ -330,10 +321,6 @@
   display: block;
 }
 
-.member-window-actions__more-actions {
-  padding: 0;
-}
-
 /* .fcr-member-window-gallery .fcr-user-window-actions-name {
   padding: 0 4px;
 } */

package/lib/modules/layout/member-window/index.d.ts

@@ -41,7 +41,7 @@ export declare const MemberWindowActions: ({ windowData, iconSize, windowSize, o
     showRotation: boolean;
     interpreterUsers: FcrInterpreterUserInfo[];
     interpreterState: boolean;
-    handleRename: (userId: string) => void;
+    handleRename: () => void;
     renderListLength?: number;
 }) => import("react/jsx-runtime").JSX.Element;
 interface MemberBoardProps {

package/lib/modules/layout/member-window/index.js

@@ -571,15 +571,14 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
         className: (0, _classnames["default"])('fcr-user-window-actions-bottom-layout'),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: (0, _classnames["default"])('fcr-member-window-members-sharebtn', {
-            'fcr-member-window-members-sharebtn-show': hasScreenSharing,
-            'fcr-member-window-members-sharebtn-large': windowSize === 'large'
+            'fcr-member-window-members-sharebtn-show': hasScreenSharing
           }),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
             type: _type.FcrIconType.FCR_MOBILE_SHARESCREEN,
             colors: {
               iconPrimary: 'var(--fcr_ui_scene_white10)'
             },
-            size: windowSize === 'large' ? 24 : 18
+            size: 18
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "fcr-user-window-actions-bottom-layout-info",
@@ -655,9 +654,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
               })
             }) : null]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: (0, _classnames["default"])('fcr-user-window-actions-name', {
-              'ml-5': isManager || isShowInterpreterTag
-            }),
+            className: "fcr-user-window-actions-name",
             children: suffixedName
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "fcr-user-window-actions-name-isme",
@@ -667,9 +664,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
           }) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "fcr-user-window-actions-name-rename",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-              onClick: function onClick() {
-                return handleRename(userId);
-              },
+              onClick: handleRename,
               type: _type.FcrIconType.FCR_RENAME,
               colors: {
                 iconPrimary: 'var(--fcr_ui_scene_icontext1)'
@@ -702,16 +697,6 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
           trigger: "click",
           visible: isShowDropMenu,
           onVisibleChange: onVisibleChange,
-          overlayInnerStyle: {
-            border: 0,
-            boxShadow: '0px 0px 15px var(--fcr_web_light_dropup_m)',
-            borderRadius: 'var(--fcr_cornerradius_l)',
-            minWidth: '210px',
-            maxWidth: '300px',
-            width: 'fit-content'
-          },
-          overlayClassName: "member-window-actions__more-actions",
-          mouseEnterDelay: 0,
           content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMore.FcrParticipantsMoreActions, {
             userType: userType,
             hasPinnedStream: hasPinnedStream,
@@ -835,7 +820,6 @@ var FcrUILocalVideoPlayer = exports.FcrUILocalVideoPlayer = (0, _mobxReact.obser
   });
 });
 var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.observer)(function (_ref7) {
-  var _context$remoteVideoR;
   var streamId = _ref7.streamId,
     hasVideoStream = _ref7.hasVideoStream,
     videoStreamType = _ref7.videoStreamType,
@@ -844,24 +828,39 @@ var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.obs
   var divRef = (0, _react.useRef)(null);
   var context = (0, _react.useContext)(_videoTrackRenderContext.FcrVideoTrackRenderContext);
   var t = (0, _i18n.useI18n)();
-  var _ref8 = context.remoteVideoRenderManager || {},
-    startRenderRemoteVideo = _ref8.startRenderRemoteVideo,
-    stopRenderRemoteVideo = _ref8.stopRenderRemoteVideo;
-  var isFirstRemoteVideoFrameRendered = (_context$remoteVideoR = context.remoteVideoRenderManager) === null || _context$remoteVideoR === void 0 ? void 0 : _context$remoteVideoR.isStreamFirstFrameRendered(streamId);
+  var _ref8 = context.streamControl || {},
+    startRenderRemoteVideoStream = _ref8.startRenderRemoteVideoStream,
+    stopRenderRemoteVideoStream = _ref8.stopRenderRemoteVideoStream,
+    addObserver = _ref8.addObserver,
+    removeObserver = _ref8.removeObserver;
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isFirstRemoteVideoFrameRendered = _useState6[0],
+    setIsFirstRemoteVideoFrameRendered = _useState6[1];
   (0, _react.useEffect)(function () {
     var dom = divRef.current;
+    var observer = {
+      onFirstRemoteVideoFrameRendered: function onFirstRemoteVideoFrameRendered(roomId, renderStreamId, dimensions) {
+        if (streamId === renderStreamId) {
+          setIsFirstRemoteVideoFrameRendered(true);
+        }
+      }
+    };
     if (dom) {
       if (hasVideoStream) {
-        startRenderRemoteVideo === null || startRenderRemoteVideo === void 0 || startRenderRemoteVideo(streamId, videoStreamType, {
+        startRenderRemoteVideoStream === null || startRenderRemoteVideoStream === void 0 || startRenderRemoteVideoStream(streamId, videoStreamType, {
           renderMode: renderMode,
           isMirror: false
         }, dom);
+        addObserver && addObserver(observer);
       }
     }
     return function () {
-      dom && (stopRenderRemoteVideo === null || stopRenderRemoteVideo === void 0 ? void 0 : stopRenderRemoteVideo(streamId, dom));
+      removeObserver && removeObserver(observer);
+      setIsFirstRemoteVideoFrameRendered(false);
+      dom && (stopRenderRemoteVideoStream === null || stopRenderRemoteVideoStream === void 0 ? void 0 : stopRenderRemoteVideoStream(streamId, dom));
     };
-  }, [hasVideoStream, streamId, videoStreamType, renderMode]);
+  }, [hasVideoStream, streamId, videoStreamType, renderMode, startRenderRemoteVideoStream, stopRenderRemoteVideoStream]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])('fcr-member-window-body fcr-member-window-body-video-remote', {

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

@@ -1,17 +1,22 @@
-import { FcrDesktopMediaControl, FcrPrivilegeControl, FcrPrivilegeUserRole, FcrStreamControl, FcrUserControl } from 'fcr-core';
+import { FcrPrivilegeUserRole, FcrStreamControl } from 'fcr-core';
 import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
 import { FcrVideoWindowPreviewType } from '../video-window/type';
-import { FcrDeviceStore } from '../../common/device-store';
-import { FcrUIEventObserver, FcrUIEventStore, FcrUISetMainSpeakerParams, FcrUIToggleLayoutParams, FcrUIToggleLayoutSizeParams, FcrUIUpdateAsideParams } from '../../common/event-store';
-import { FcrSecurityStore } from '../../common/security-store';
-import { UIAction } from '../../utilities/constant';
-import { FcrUIVideoWindowData, FcrUIVideoWindowLayoutType, GalleryMaxSize } from './type';
-import { FcrWhiteboardControl } from 'fcr-core/lib/room-control/whiteboard-control/types';
-import { FcrChatRoomConnectionState, FcrChatRoomControl } from 'fcr-core/lib/room-control/chatroom-control/type';
+import { FcrUIVideoWindowData, FcrUIVideoWindowLayoutType } 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 { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
-import { FcrInterpreterControl, FcrInterpreterUserInfo } from 'fcr-core/lib/room-control/interpreter-control/types';
-import { FcrRoomStore } from '../../common/room-store';
+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 { 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';
 export interface FcrLayoutSlots {
     participant: React.ReactNode;
     chat: React.ReactNode;
@@ -26,44 +31,39 @@ export interface FcrUILayoutAsideContent {
     chat: boolean;
 }
 export interface LayoutStoreParams {
-    deviceStore: FcrDeviceStore;
-    uiEventStore: FcrUIEventStore;
-    userControl: FcrUserControl;
-    streamControl: FcrStreamControl;
-    mediaControl: FcrDesktopMediaControl;
-    securityStore: FcrSecurityStore;
-    chatRoomControl: FcrChatRoomControl;
-    whiteboardControl: FcrWhiteboardControl;
-    privilegeControl: FcrPrivilegeControl;
-    interpreterControl: FcrInterpreterControl;
-    roomControl: FcrBaseRoomControl;
-    roomStore: FcrRoomStore;
-    parameters?: Record<string, unknown>;
+    eventProvider: FcrUIEventProvider;
+    deviceProvider: FcrUIDeviceProvider;
+    privilegeProvider: FcrUIPrivilegeProvider;
+    roomControl: FcrMainRoomControl;
+    sharedConfigDataSource: FcrUISharedConfigDataSource;
+    sharedSpeakerSpotlightDataSource: FcrUISharedSpeakerSpotlightDataSource;
+    sharedLayoutDataSource: FcrUISharedLayoutDataSource;
+    sharedInterpreterDataSource: FcrUISharedInterpreterDataSource;
+    sharedSettingDataSource: FcrUISharedSettingDataSource;
+    chatProvider: FcrUIChatProvider;
+    sharedVideoWindowDataSource: FcrUIVideoWindowDataSource;
 }
 export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     private readonly logger;
     private static MIN_USERS_TO_ENABLE_SPOTLIGHT;
     private _videoWindowDataSource;
-    private _deviceStore;
-    private _privilegeControl;
-    private _uiEventStore;
+    private _eventProvider;
+    private _deviceProvider;
+    private _privilegeProvider;
     private _userControl;
     private _streamControl;
     private _roomControl;
-    private _securityStore;
     private _whiteBoardControl;
+    private _chatRoomControl;
     private _localView;
-    private _subscriptions;
+    private _disposers;
     private _barLockTimer;
-    private _chatRoomControl;
-    private _waitingRoomControl?;
-    private _waitingRoomUserControl?;
     private _liveStreamState;
-    private _chatRoomObserver;
-    private _waitingRoomUserObserver;
-    private _waitingRoomObserver;
+    private _sharedInterpreterDataSource;
     private _managerRoleUpdateForToast;
-    private _interpreterControl;
+    private _sharedLayoutDataSource;
+    private _sharedSettingDataSource;
+    private _chatProvider;
     accessor participant: React.ReactNode;
     accessor chat: React.ReactNode;
     accessor chatAction: React.ReactNode;
@@ -72,9 +72,7 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     accessor layers: React.ReactNode;
     accessor whiteboard: React.ReactNode;
     accessor collapsed: boolean;
-    accessor galleryMaxSize: GalleryMaxSize;
     accessor aside: boolean;
-    accessor asideContent: FcrUILayoutAsideContent;
     accessor localUserRole: FcrUserRole;
     accessor barHovering: boolean;
     accessor barLocked: boolean;
@@ -84,46 +82,47 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     accessor chatRoomState: FcrChatRoomConnectionState;
     accessor videoWindowPreviewType: FcrVideoWindowPreviewType;
     accessor whiteboardActive: boolean;
-    accessor spotlightStreamId: string;
-    accessor shouldHideNonVideoParticipants: boolean;
     accessor participantCount: number;
     accessor ownerUser: FcrUserInfo | undefined;
     accessor localUser: FcrUserInfo;
-    accessor enableSpotlight: boolean;
-    accessor isWaitingRoomNotify: boolean;
-    accessor interpreterUsers: Array<FcrInterpreterUserInfo>;
-    accessor interpreterState: boolean;
-    get deviceStore(): FcrDeviceStore;
     get streamControl(): FcrStreamControl;
+    get shouldHideNonVideoParticipants(): boolean;
+    get enableSpotlight(): boolean;
     get isWaterMarkEnabled(): boolean;
     get isMulti(): boolean;
-    get layout(): FcrUIVideoWindowLayoutType;
-    get manualLayout(): FcrUIVideoWindowLayoutType | undefined;
-    get mainList(): import("./video-window-datasource").FcrUIVideoWindowDataImpl[];
+    get layout(): import("../../type").FcrUIVideoWindowLayoutType;
+    get manualLayout(): import("../../type").FcrUIVideoWindowLayoutType | undefined;
+    get mainList(): import("../../shared-data-source/video-window").FcrUIVideoWindowDataImpl[];
     get mainListMapByAudioStreamId(): Map<string, FcrUIVideoWindowData>;
-    get foldList(): import("./video-window-datasource").FcrUIVideoWindowDataImpl[];
-    get currentShareData(): import("./video-window-datasource").FcrUIVideoWindowDataImpl | undefined;
-    get galleryList(): import("./video-window-datasource").FcrUIVideoWindowDataImpl[];
-    get carouselList(): import("./video-window-datasource").FcrUIVideoWindowDataImpl[];
+    get spotlightStreamId(): string;
+    get foldList(): import("../../shared-data-source/video-window").FcrUIVideoWindowDataImpl[];
+    get currentShareData(): import("../../shared-data-source/video-window").FcrUIVideoWindowDataImpl | undefined;
+    get galleryList(): import("../../shared-data-source/video-window").FcrUIVideoWindowDataImpl[];
+    get asideLayout(): import("../../type").FcrUIUpdateAsideParams;
+    get carouselList(): import("../../shared-data-source/video-window").FcrUIVideoWindowDataImpl[];
     get hasPinnedStream(): boolean;
     get isManager(): boolean;
     get isRobot(): boolean;
-    get findSpotlightUser(): import("./video-window-datasource").FcrUIVideoWindowDataImpl | null | undefined;
+    get findSpotlightUser(): import("../../shared-data-source/video-window").FcrUIVideoWindowDataImpl | null | undefined;
     get microphoneEnabled(): boolean;
     get allowChat(): boolean;
     get allowUnmuteSelfAudio(): boolean;
     get allowUnmuteSelfVideo(): boolean;
     get isHostOrCoHost(): boolean;
-    get allowedAllChat(): boolean | undefined;
-    get allowedPublicChatAndDisallowedPrivateChat(): boolean | undefined;
-    get disallowedPublicChatAndDisallowedPrivateChatToParticipant(): boolean | undefined;
-    get disallowedAllChat(): boolean | undefined;
+    get galleryMaxSize(): number;
+    get allowedAllChat(): boolean;
+    get allowedPublicChatAndDisallowedPrivateChat(): boolean;
+    get disallowedPublicChatAndDisallowedPrivateChatToParticipant(): boolean;
+    get disallowedAllChat(): boolean;
     get privilegeOperator(): FcrUserInfo | undefined;
     get localUserId(): string;
+    get interpreterUsers(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo[] | null;
+    get interpreterState(): boolean;
     constructor(params: LayoutStoreParams);
+    get asideContent(): import("../../type").FcrUIUpdateAsideParams;
+    get participantsRenderAt(): "aside" | "dialog";
+    get chatRenderAt(): "aside" | "dialog";
     getWaterMarkContent(): string;
-    notifyParticipantShowWaitingRoom(): void;
-    setIsWaitingRoomNotify(): void;
     hasMutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
     hasUnmutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
     hasRequestStartAudioPermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
@@ -141,7 +140,6 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
      * `undefined` is ignored.
      */
     updateSlots(slots: Partial<FcrLayoutSlots>): void;
-    updateAsideContent(participant: boolean | undefined, chat: boolean | undefined): void;
     closeParticipantFromAside(): void;
     moveParticipantFromAsideToDialog(): void;
     closeChatFromAside(): void;
@@ -152,7 +150,6 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     getAllowedOperations: (targetRole: FcrUserRole, isSelf: boolean) => string[];
     toggleLayout(layout: FcrUIVideoWindowLayoutType, manual?: boolean): void;
     toggleCollapsed(collapsed?: boolean): void;
-    setGalleryMaxSize(size: GalleryMaxSize): void;
     toggleAside(open?: boolean): void;
     asideWidthChanged(width: number): void;
     toggleLayoutBarLock(state: boolean): void;
@@ -169,11 +166,8 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     setAllowChatWithPayload(type: 'public' | 'private_to_manager'): void;
     muteAudio(mute: boolean, userId: string): void;
     sendParticipantEvent(payload: unknown): void;
-    onEvent(action: UIAction.UPDATE_ASIDE, payload: FcrUIUpdateAsideParams): void;
-    onEvent(action: UIAction.TOGGLE_LAYOUT, payload: FcrUIToggleLayoutParams): void;
-    onEvent(action: UIAction.TOGGLE_LAYOUT_SIZE, payload: FcrUIToggleLayoutSizeParams): void;
-    onEvent(action: UIAction.SET_MAIN_SPEAKER, payload: FcrUISetMainSpeakerParams): void;
-    onEvent(action: UIAction.TOGGLE_LAYOUT_BAR_LOCK, payload: boolean): void;
+    onEvent(action: FcrUIAction.SET_MAIN_SPEAKER, payload: FcrUISetMainSpeakerParams): void;
+    onEvent(action: FcrUIAction.TOGGLE_LAYOUT_BAR_LOCK, payload: boolean): void;
     private _addListeners;
     private _handleLayoutUpdated;
     private _handleFoldListChanged;
@@ -184,9 +178,8 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     private _onAllUserCountUpdated;
     private _initStream;
     private _isSetSpotlightEnable;
-    private _handleSpotlightAdded;
-    private _handleSpotlightRemoved;
     private _handleConnectionUpdated;
+    private _handleLiveStreamingStateUpdated;
     private _handleStreamAdded;
     private _onStreamsAdded;
     private _onStreamsUpdated;
@@ -194,8 +187,5 @@ export default class LayoutStore implements FcrLayoutSlots, FcrUIEventObserver {
     private _onAudioVolumeUpdated;
     private _setSpotlightStream;
     private _findSpotlightStream;
-    private _handleRemoteWaitingUserLeft;
-    private _handleMessageReceived;
-    getInterpreterState(): boolean;
 }
 export declare const StoreContext: import("react").Context<LayoutStore>;