fcr-ui-scene 3.4.5 → 3.5.0

package/lib/modules/layout/store.js

@@ -7,7 +7,6 @@ require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.date.to-primitive.js");
-require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.js");
@@ -21,22 +20,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StoreContext = void 0;
+require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.some.js");
@@ -90,21 +89,21 @@ var _mobx = require("mobx");
 var _fcrCore = require("fcr-core");
 var _type = require("fcr-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
-var _logger = require("agora-foundation/lib/logger");
-var _type2 = require("../video-window/type");
-var _type3 = require("./type");
-var _type4 = require("../whiteboard/type");
+var _type2 = require("./type");
+var _type3 = require("../whiteboard/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type5 = require("fcr-core/lib/room-control/chatroom-control/type");
-var _type6 = require("agora-rte-sdk/lib/core/scene/type");
+var _type4 = require("fcr-core/lib/room-control/chatroom-control/type");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
-var _type7 = require("fcr-core/lib/room-control/type");
+var _type5 = require("fcr-core/lib/room-control/type");
 var _react = require("react");
 var _mobxUtils = require("mobx-utils");
 var _constant = require("../../utilities/constant");
+var _type6 = require("../../type");
 var _view = require("./view");
+var _logger = require("../../utilities/logger");
+var _env = require("agora-foundation/lib/utilities/env");
 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, _init_collapsed, _init_aside, _init_localUserRole, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_videoWindowPreviewType, _init_whiteboardActive, _init_participantCount, _init_ownerUser, _init_localUser, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _onAllUserCountUpdatedDecs, _handleConnectionUpdatedDecs, _onAudioVolumeUpdatedDecs, _ref;
+var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _init_collapsed, _init_aside, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_whiteboardActive, _init_participantCount, _init_ownerUser, _addPinMessageDecs, _cancelPinMessageDecs, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListLengthChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _onAllUserCountUpdatedDecs, _handleConnectionUpdatedDecs, _onAudioVolumeUpdatedDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -133,15 +132,14 @@ var _O = /*#__PURE__*/new WeakMap();
 var _P = /*#__PURE__*/new WeakMap();
 var _Q = /*#__PURE__*/new WeakMap();
 var _R = /*#__PURE__*/new WeakMap();
-var _S = /*#__PURE__*/new WeakMap();
-var _T = /*#__PURE__*/new WeakMap();
-var _U = /*#__PURE__*/new WeakMap();
-_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _chatActionDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _setWhiteboardActiveDecs = [_mobx.action, _mobx.action.bound], _setAsideWidthDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutDecs = [_mobx.action, _mobx.action.bound], _toggleCollapsedDecs = [_mobx.action, _mobx.action.bound], _toggleAsideDecs = [_mobx.action, _mobx.action.bound], _asideWidthChangedDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarHiddenDecs = [_mobx.action, _mobx.action.bound], _resetLockTimerDecs = [_mobx.action, _mobx.action.bound], _setHoveringHandlerDecs = [_mobx.action, _mobx.action.bound], _setHoveringLeaveHandlerDecs = [_mobx.action, _mobx.action.bound], _handleLiveLayoutChangeDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleLayoutUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleFoldListChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListChangedDecs = [_mobx.action, _mobx.action.bound], _setBarHoveringDecs = [_mobx.action, _mobx.action.bound], _onAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _chatActionDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _addPinMessageDecs = [_mobx.action, _mobx.action.bound], _cancelPinMessageDecs = [_mobx.action, _mobx.action.bound], _setWhiteboardActiveDecs = [_mobx.action, _mobx.action.bound], _setAsideWidthDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutDecs = [_mobx.action, _mobx.action.bound], _toggleCollapsedDecs = [_mobx.action, _mobx.action.bound], _toggleAsideDecs = [_mobx.action, _mobx.action.bound], _asideWidthChangedDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarHiddenDecs = [_mobx.action, _mobx.action.bound], _resetLockTimerDecs = [_mobx.action, _mobx.action.bound], _setHoveringHandlerDecs = [_mobx.action, _mobx.action.bound], _setHoveringLeaveHandlerDecs = [_mobx.action, _mobx.action.bound], _handleLiveLayoutChangeDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleLayoutUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleFoldListChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListLengthChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListChangedDecs = [_mobx.action, _mobx.action.bound], _setBarHoveringDecs = [_mobx.action, _mobx.action.bound], _onAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   function LayoutStore(params) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, LayoutStore);
-    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'LayoutStore'
+    })));
     (0, _defineProperty2["default"])(this, "_localView", null);
     (0, _defineProperty2["default"])(this, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_barLockTimer", 0);
@@ -158,27 +156,24 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     // State
     _classPrivateFieldInitSpec(this, _H, _init_collapsed(this, true));
     _classPrivateFieldInitSpec(this, _I, _init_aside(this, false));
-    _classPrivateFieldInitSpec(this, _J, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
-    _classPrivateFieldInitSpec(this, _K, _init_barHovering(this, true));
-    _classPrivateFieldInitSpec(this, _L, _init_barLocked(this, true));
-    _classPrivateFieldInitSpec(this, _M, _init_barHidden(this, false));
-    _classPrivateFieldInitSpec(this, _N, _init_asideWidth(this, _view.MinAsideWidth));
-    _classPrivateFieldInitSpec(this, _O, _init_userVolumeMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _P, _init_chatRoomState(this, _type5.FcrChatRoomConnectionState.Disconnected));
-    _classPrivateFieldInitSpec(this, _Q, _init_videoWindowPreviewType(this, _type2.FcrVideoWindowPreviewType.SMALL));
-    _classPrivateFieldInitSpec(this, _R, _init_whiteboardActive(this, false));
+    _classPrivateFieldInitSpec(this, _J, _init_barHovering(this, true));
+    _classPrivateFieldInitSpec(this, _K, _init_barLocked(this, true));
+    _classPrivateFieldInitSpec(this, _L, _init_barHidden(this, false));
+    _classPrivateFieldInitSpec(this, _M, _init_asideWidth(this, _view.MinAsideWidth));
+    _classPrivateFieldInitSpec(this, _N, _init_userVolumeMap(this, new Map()));
+    _classPrivateFieldInitSpec(this, _O, _init_chatRoomState(this, _type4.FcrChatRoomConnectionState.Disconnected));
+    _classPrivateFieldInitSpec(this, _P, _init_whiteboardActive(this, false));
     // @observable accessor spotlightStreamId = '';
     // @observable accessor shouldHideNonVideoParticipants = false;
-    _classPrivateFieldInitSpec(this, _S, _init_participantCount(this, 0));
-    _classPrivateFieldInitSpec(this, _T, _init_ownerUser(this, undefined));
-    _classPrivateFieldInitSpec(this, _U, _init_localUser(this));
+    _classPrivateFieldInitSpec(this, _Q, _init_participantCount(this, 0));
+    _classPrivateFieldInitSpec(this, _R, _init_ownerUser(this, undefined));
     (0, _defineProperty2["default"])(this, "getAllowedOperations", (0, _mobxUtils.computedFn)(function (targetRole, isSelf) {
       return _this._privilegeProvider.getAllowedOperations(targetRole, isSelf);
     }));
     (0, _defineProperty2["default"])(this, "_handleLayoutUpdated", _init__handleLayoutUpdated(this, function (layout) {
-      if (layout === _type3.FcrUIVideoWindowLayoutType.Speaker) {
+      if (layout === _type2.FcrUIVideoWindowLayoutType.Speaker) {
         _this._switchToSpeaker();
-      } else if (layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
+      } else if (layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
         _this._switchToGallery();
       }
     }));
@@ -204,15 +199,17 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     this._sharedSettingDataSource = params.sharedSettingDataSource;
     this._chatProvider = chatProvider;
     this._videoWindowDataSource = params.sharedVideoWindowDataSource;
-    this.localUser = this._userControl.getLocalUser();
+    this._sharedMemberDataSource = params.sharedMemberDataSource;
+    this._screenShareProvider = params.screenShareProvider;
+    this._pinDataSource = params.sharedPinDataSource;
     this.chatRoomState = this._chatRoomControl.getConnectionState();
     this._addListeners();
     //@ts-ignore
     window.layoutStore = this;
-    this.setLocalUserRole(this._userControl.getLocalUser().userRole);
     this._initStream();
     this._handleFoldListChanged();
     this._handleMainListChanged();
+    this._handleMainListLengthChanged();
     this._handleLayoutUpdated(this._videoWindowDataSource.layoutType);
     this.setWhiteboardActive(this._whiteBoardControl.getBoardActiveInfo().isActive);
     (0, _mobx.runInAction)(function () {
@@ -292,7 +289,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "localUserRole",
+    key: "barHovering",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -300,7 +297,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "barHovering",
+    key: "barLocked",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -308,7 +305,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "barLocked",
+    key: "barHidden",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -316,7 +313,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "barHidden",
+    key: "asideWidth",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -324,7 +321,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "asideWidth",
+    key: "userVolumeMap",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -332,7 +329,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "userVolumeMap",
+    key: "chatRoomState",
     get: function get() {
       return _classPrivateFieldGet(_O, this);
     },
@@ -340,7 +337,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_O, this, v);
     }
   }, {
-    key: "chatRoomState",
+    key: "whiteboardActive",
     get: function get() {
       return _classPrivateFieldGet(_P, this);
     },
@@ -348,7 +345,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_P, this, v);
     }
   }, {
-    key: "videoWindowPreviewType",
+    key: "participantCount",
     get: function get() {
       return _classPrivateFieldGet(_Q, this);
     },
@@ -356,7 +353,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Q, this, v);
     }
   }, {
-    key: "whiteboardActive",
+    key: "ownerUser",
     get: function get() {
       return _classPrivateFieldGet(_R, this);
     },
@@ -364,33 +361,19 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_R, this, v);
     }
   }, {
-    key: "participantCount",
+    key: "streamControl",
     get: function get() {
-      return _classPrivateFieldGet(_S, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_S, this, v);
+      return this._streamControl;
     }
   }, {
-    key: "ownerUser",
+    key: "localUserRole",
     get: function get() {
-      return _classPrivateFieldGet(_T, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_T, this, v);
+      return this._sharedMemberDataSource.localUserRole;
     }
   }, {
     key: "localUser",
     get: function get() {
-      return _classPrivateFieldGet(_U, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_U, this, v);
-    }
-  }, {
-    key: "streamControl",
-    get: function get() {
-      return this._streamControl;
+      return this._sharedMemberDataSource.localUser;
     }
   }, {
     key: "shouldHideNonVideoParticipants",
@@ -422,10 +405,26 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._videoWindowDataSource.manualLayout;
     }
+  }, {
+    key: "sourceList",
+    get: function get() {
+      return this._videoWindowDataSource.mainList.filter(function (i) {
+        return !i.isMySelf || i.videoSourceType !== _fcrCore.FcrVideoSourceType.SCREEN;
+      });
+    }
+  }, {
+    key: "layoutMainList",
+    get: function get() {
+      var _this2 = this;
+      var nonVideoStreamParticipantList = this.sourceList.filter(function (i) {
+        return _this2._isVideoParticipantVisible(i);
+      });
+      return this.shouldHideNonVideoParticipants ? nonVideoStreamParticipantList : this.sourceList;
+    }
   }, {
     key: "mainList",
     get: function get() {
-      return this._videoWindowDataSource.layoutMainList;
+      return this.layoutMainList;
     }
   }, {
     key: "mainListMapByAudioStreamId",
@@ -454,13 +453,13 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "currentShareData",
     get: function get() {
       return this.mainList.find(function (item) {
-        return item.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN || item.type === _type3.FcrUIWindowType.BOARD;
+        return item.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN || item.type === _type2.FcrUIWindowType.BOARD;
       });
     }
   }, {
     key: "galleryList",
     get: function get() {
-      return this._videoWindowDataSource.layoutType === _type3.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(0, 1) : this.mainList;
+      return this._videoWindowDataSource.layoutType === _type2.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(0, 1) : this.mainList;
     }
   }, {
     key: "asideLayout",
@@ -471,7 +470,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "carouselList",
     get: function get() {
-      return this._videoWindowDataSource.layoutType === _type3.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(1) : this.mainList;
+      return this._videoWindowDataSource.layoutType === _type2.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(1) : this.mainList;
     }
   }, {
     key: "hasPinnedStream",
@@ -480,11 +479,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         return u.isPin;
       });
     }
-  }, {
-    key: "isManager",
-    get: function get() {
-      return this.localUserRole === _type.FcrUserRole.HOST;
-    }
   }, {
     key: "isRobot",
     get: function get() {
@@ -493,9 +487,9 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "findSpotlightUser",
     get: function get() {
-      var _this2 = this;
+      var _this3 = this;
       return this.spotlightStreamId ? this.mainList.find(function (item) {
-        return item.videoStreamId === _this2.spotlightStreamId || item.audioStreamId === _this2.spotlightStreamId;
+        return item.videoStreamId === _this3.spotlightStreamId || item.audioStreamId === _this3.spotlightStreamId;
       }) : null;
     }
   }, {
@@ -521,7 +515,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "isHostOrCoHost",
     get: function get() {
-      return this.localUserRole === _type.FcrUserRole.HOST || this.localUserRole === _type.FcrUserRole.COHOST;
+      return this._sharedMemberDataSource.isLocalUserHost;
     }
   }, {
     key: "galleryMaxSize",
@@ -557,18 +551,28 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "localUserId",
     get: function get() {
-      var _this$_userControl$ge;
-      return (_this$_userControl$ge = this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userId;
+      return this._sharedMemberDataSource.localUser.userId;
+    }
+  }, {
+    key: "interpreterUserList",
+    get: function get() {
+      return this._sharedInterpreterDataSource.interpreterUserList;
     }
   }, {
-    key: "interpreterUsers",
+    key: "isInterpreterEnabled",
     get: function get() {
-      return this._sharedInterpreterDataSource.interpreterUsers;
+      return this._sharedInterpreterDataSource.isInterpreterEnabled;
     }
   }, {
-    key: "interpreterState",
+    key: "isVideoSuspended",
     get: function get() {
-      return this._sharedInterpreterDataSource.interpreterOff;
+      var isSharingScreen = this._screenShareProvider.isSharingScreen;
+      var shareScreenOwner = this._screenShareProvider.screenSharingOwner;
+      var isSharingScreenBySelf = this.localUserId === (shareScreenOwner === null || shareScreenOwner === void 0 ? void 0 : shareScreenOwner.userId);
+      if ((0, _env.isElectron)() && isSharingScreen && isSharingScreenBySelf) {
+        return true;
+      }
+      return false;
     }
   }, {
     key: "asideContent",
@@ -610,21 +614,30 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function toggleMainStream(streamId) {
       var success = this._videoWindowDataSource.toggleMainStream(streamId);
       if (success) {
-        if (this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
-          this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker, true);
+        if (this.layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
+          this.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker, true);
         }
       }
     }
+  }, {
+    key: "addPinMessage",
+    value: function addPinMessage(streamId) {
+      this._pinDataSource.addPin(streamId);
+    }
+  }, {
+    key: "cancelPinMessage",
+    value: function cancelPinMessage(streamId) {
+      this._pinDataSource.removePin(streamId);
+    }
   }, {
     key: "addPin",
     value: function addPin(streamId) {
-      this._videoWindowDataSource.addPinToast(streamId);
+      this.addPinMessage(streamId);
     }
   }, {
     key: "removePin",
     value: function removePin(streamId) {
-      var toastText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _i18n.transI18n)('fmt_settings_tips_screenunlock');
-      this._videoWindowDataSource.removePinToast(streamId, toastText);
+      this.cancelPinMessage(streamId);
     }
   }, {
     key: "setVideoOrientation",
@@ -655,10 +668,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "setWhiteboardActive",
     value: function setWhiteboardActive(active) {
       this.whiteboardActive = active;
-      if (!active && this.manualLayout) {
-        this._videoWindowDataSource.setLayout(this.manualLayout);
-        // this._sharedLayoutDataSource.toggleLayout(this.manualLayout);
-      }
     }
   }, {
     key: "setAsideWidth",
@@ -667,12 +676,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       !this.aside && this.toggleAside(true);
       this.asideWidth = val;
     }
-  }, {
-    key: "getLocalUserId",
-    value: function getLocalUserId() {
-      return this._userControl.getLocalUser().userId;
-    }
-
     /**
      * Partially update slots, use `null` to delete the slot.
      * `undefined` is ignored.
@@ -740,7 +743,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         return u.userId === userId;
       });
       // user && this._eventProvider.notifyChatUpdateTarget(user, FcrRoomType.Mainroom);
-      user && this._chatProvider.setPrivateChatTargetUser(user, _type7.FcrRoomType.Mainroom);
+      user && this._chatProvider.setPrivateChatTargetUser(user, _type6.FcrUIRoomType.MAIN_ROOM);
     }
   }, {
     key: "openRenameDialog",
@@ -793,12 +796,12 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setHoveringHandler",
     value: function setHoveringHandler() {
-      var _this3 = this;
+      var _this4 = this;
       this._setBarHovering(true);
       if (!this._barLockTimer && !this.barLocked) {
         this._barLockTimer = window.setTimeout(function () {
-          _this3._setBarHovering(false);
-          _this3.resetLockTimer();
+          _this4._setBarHovering(false);
+          _this4.resetLockTimer();
         }, 3000);
       }
     }
@@ -810,11 +813,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleLiveLayoutChange",
     value: function handleLiveLayoutChange(modifiedUser) {
-      if (modifiedUser.userId === this.getLocalUserId() && modifiedUser.userRole === _type.FcrUserRole.HOST) {
+      if (modifiedUser.userId === this.localUserId && modifiedUser.userRole === _type.FcrUserRole.HOST) {
         // 当本人变成主持人时
         if (this._liveStreamState === _type.FcrLiveStreamingState.STARTED) {
           // 直播中，切换布局
-          this._roomControl.updateLiveStreamingLayout(this.layout === _type3.FcrUIVideoWindowLayoutType.Speaker ? _type.FcrLiveStreamingLayoutType.SPEAKER : _type.FcrLiveStreamingLayoutType.GALLERY);
+          this._roomControl.updateLiveStreamingLayout(this.layout === _type2.FcrUIVideoWindowLayoutType.Speaker ? _type.FcrLiveStreamingLayoutType.SPEAKER : _type.FcrLiveStreamingLayoutType.GALLERY);
         }
       }
     }
@@ -829,20 +832,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "onUserInfoUpdated",
     value: function onUserInfoUpdated(roomId, event) {
-      var _this4 = this;
       this._videoWindowDataSource.update(event.modifiedUser);
-      this.setLocalUserRole(this._userControl.getLocalUser().userRole);
       this.handleLiveLayoutChange(event.modifiedUser);
-      if (event.reason === _type6.AgoraRteUserUpdatedReason.NAME) {
-        setTimeout(function () {
-          _this4.localUser = _this4._userControl.getLocalUser();
-        }, 1000);
-      }
-    }
-  }, {
-    key: "setLocalUserRole",
-    value: function setLocalUserRole(role) {
-      this.localUserRole = role;
     }
   }, {
     key: "stopLocalPreview",
@@ -903,19 +894,14 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       if (action === _constant.FcrUIAction.TOGGLE_LAYOUT_BAR_LOCK) {
         this.toggleLayoutBarLock(payload);
       }
-      if (action === _constant.FcrUIAction.VIDEO_WINDOW_BOUNDS) {
-        var _ref4 = payload,
-          videoWindowPreviewType = _ref4.videoWindowPreviewType;
-        this.videoWindowPreviewType = videoWindowPreviewType;
-      }
       if (action === _constant.FcrUIAction.TOGGLE_LAYOUT_ACTIONBAR_HIDDEN) {
         this.toggleLayoutBarHidden();
       }
       if (action === _constant.FcrUIAction.WHITEBOARD_CHANGED) {
-        var _ref5 = payload,
-          changeAction = _ref5.action,
-          isLoneyWindow = _ref5.payload;
-        if (changeAction === _type4.WhiteboardControlbarEvents.LONEYWINDOW) {
+        var _ref4 = payload,
+          changeAction = _ref4.action,
+          isLoneyWindow = _ref4.payload;
+        if (changeAction === _type3.WhiteboardControlbarEvents.LONEYWINDOW) {
           if (isLoneyWindow) {
             this._videoWindowDataSource.removeBoard();
           } else {
@@ -924,9 +910,9 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
             this._videoWindowDataSource.addBoard(ownerUser, ownerUserId === this.localUserId, this._privilegeProvider.hasWriteBoardPermission());
           }
         }
-        if (changeAction === _type4.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
-          var _ref6 = payload,
-            _ownerUserId = _ref6.payload;
+        if (changeAction === _type3.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
+          var _ref5 = payload,
+            _ownerUserId = _ref5.payload;
           this.ownerUser = _ownerUserId ? this._userControl.getUser(_ownerUserId) : undefined;
         }
       }
@@ -990,11 +976,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         return _this5.mainList.length;
       }, function (length) {
         if (length < 2) {
-          if (_this5.layout === _type3.FcrUIVideoWindowLayoutType.Speaker) {
-            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+          if (_this5.layout === _type2.FcrUIVideoWindowLayoutType.Speaker) {
+            _this5.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Gallery);
           }
         }
-        _this5._eventProvider.sendEvent(_constant.FcrUIAction.MAIN_LIST_LENGTH_CHANGED, length);
+        _this5._handleMainListLengthChanged();
       }), (0, _mobx.reaction)(function () {
         return _this5.whiteboardActive;
       }, function (opened) {
@@ -1002,17 +988,22 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
           var ownerUserId = _this5._whiteBoardControl.getBoardActiveInfo().ownerUserId;
           var ownerUser = _this5._userControl.getUser(ownerUserId);
           _this5._videoWindowDataSource.addBoard(ownerUser, ownerUserId === _this5.localUserId);
-          if (_this5.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
-            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+          if (_this5.layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
+            _this5.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
           }
         } else {
           _this5._videoWindowDataSource.removeBoard();
+          if (_this5.manualLayout) {
+            _this5.toggleLayout(_this5.manualLayout);
+          } else {
+            _this5.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Gallery);
+          }
         }
       }), (0, _mobx.reaction)(function () {
         return _this5._privilegeProvider.hasWriteBoardPermission();
       }, function (canEdit) {
         if (!_this5.mainList.some(function (u) {
-          return u.type === _type3.FcrUIWindowType.BOARD;
+          return u.type === _type2.FcrUIWindowType.BOARD;
         })) return;
         _this5._videoWindowDataSource.updateBoard(canEdit);
       }), (0, _mobx.reaction)(function () {
@@ -1031,9 +1022,9 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
           cameraEnabled: _this5._deviceProvider.cameraEnabled,
           cameraId: _this5._deviceProvider.cameraId
         };
-      }, function (_ref7) {
-        var cameraEnabled = _ref7.cameraEnabled,
-          cameraId = _ref7.cameraId;
+      }, function (_ref6) {
+        var cameraEnabled = _ref6.cameraEnabled,
+          cameraId = _ref6.cameraId;
         if (!cameraEnabled && _this5._localView) {
           _this5.stopLocalPreview(_this5._localView);
         }
@@ -1059,9 +1050,9 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
           count: _this5.participantCount,
           enableSpotlight: _this5.enableSpotlight
         };
-      }, function (_ref8) {
-        var count = _ref8.count,
-          enableSpotlight = _ref8.enableSpotlight;
+      }, function (_ref7) {
+        var count = _ref7.count,
+          enableSpotlight = _ref7.enableSpotlight;
         var enableSetSpotlight = _this5._isSetSpotlightEnable(count, enableSpotlight);
         _this5._videoWindowDataSource.setSpotlightEnabled(enableSetSpotlight);
       }),
@@ -1075,21 +1066,51 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         if (_this5.isRobot) {
           if (hasScreenSharing) {
             _this5.logger.info('set layout to speaker for robot');
-            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+            _this5.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
           } else {
             _this5.logger.info('set layout to gallery for robot');
-            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+            _this5.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Gallery);
           }
         }
       }, {
         fireImmediately: true
+      }), (0, _mobx.reaction)(function () {
+        return _this5._videoWindowDataSource.mainList.filter(_this5._shouldUnpin.bind(_this5));
+      }, function (list) {
+        list.forEach(function (item) {
+          if (_this5._videoWindowDataSource.shouldHideNonVideoParticipants) {
+            _this5._pinDataSource.removePin(item.windowId, (0, _i18n.transI18n)('fmt_internalsetting_other_hide_no_video_pin_cancelled'));
+          }
+        });
       }));
     }
+  }, {
+    key: "_hasVideoStreamUser",
+    get: function get() {
+      return this.sourceList.some(function (i) {
+        return i.hasVideoStream;
+      });
+    }
+  }, {
+    key: "_shouldUnpin",
+    value: function _shouldUnpin(item) {
+      return !this._isVideoParticipantVisible(item) && item.isPin;
+    }
+  }, {
+    key: "_isVideoParticipantVisible",
+    value: function _isVideoParticipantVisible(item) {
+      return item.isMySelf && !this._hasVideoStreamUser || item.hasVideoStream || item.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN || item.type === _type2.FcrUIWindowType.BOARD;
+    }
   }, {
     key: "_handleFoldListChanged",
     value: function _handleFoldListChanged() {
       this._eventProvider.sendEvent(_constant.FcrUIAction.FOLD_LIST_CHANGED, this.foldList);
     }
+  }, {
+    key: "_handleMainListLengthChanged",
+    value: function _handleMainListLengthChanged() {
+      this._eventProvider.sendEvent(_constant.FcrUIAction.MAIN_LIST_LENGTH_CHANGED, this.mainList.length);
+    }
   }, {
     key: "_handleMainListChanged",
     value: function _handleMainListChanged() {
@@ -1126,8 +1147,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         }
         _this6._handleStreamAdded(stream);
       });
-      if (isSharingScreen && this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
-        this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+      if (isSharingScreen && this.layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
+        this.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
       }
     }
   }, {
@@ -1145,7 +1166,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "_handleLiveStreamingStateUpdated",
     value: function _handleLiveStreamingStateUpdated(_, state, url, reason) {
       this._liveStreamState = state;
-      if (state === _type.FcrLiveStreamingState.STOPPED && reason === _type7.FcrLiveStreamingStateUpdatedReason.HOSTCHANGED) {
+      if (state === _type.FcrLiveStreamingState.STOPPED && reason === _type5.FcrLiveStreamingStateUpdatedReason.HOSTCHANGED) {
         this._eventProvider.showToast({
           type: 'info',
           message: (0, _i18n.transI18n)('fmt_broadcast_livestream_tips_hand_over_pc_to_mobile')
@@ -1156,18 +1177,18 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "_handleStreamAdded",
     value: function _handleStreamAdded(modifiedStream) {
       if (modifiedStream.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN) {
-        if (this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
-          this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+        if (this.layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
+          this.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
         }
       }
-      this._videoWindowDataSource.add(modifiedStream, modifiedStream.owner.userId === this.getLocalUserId());
+      this._videoWindowDataSource.add(modifiedStream, modifiedStream.owner.userId === this.localUserId);
     }
   }, {
     key: "_onStreamsAdded",
     value: function _onStreamsAdded(roomId, events) {
       var _this7 = this;
-      events.forEach(function (_ref9) {
-        var modifiedStream = _ref9.modifiedStream;
+      events.forEach(function (_ref8) {
+        var modifiedStream = _ref8.modifiedStream;
         _this7._handleStreamAdded(modifiedStream);
       });
     }
@@ -1175,8 +1196,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "_onStreamsUpdated",
     value: function _onStreamsUpdated(roomId, events) {
       var _this8 = this;
-      events.forEach(function (_ref10) {
-        var modifiedStream = _ref10.modifiedStream;
+      events.forEach(function (_ref9) {
+        var modifiedStream = _ref9.modifiedStream;
         _this8._videoWindowDataSource.update(modifiedStream);
       });
     }
@@ -1184,8 +1205,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "_onStreamsRemoved",
     value: function _onStreamsRemoved(roomId, events) {
       var _this9 = this;
-      events.forEach(function (_ref11) {
-        var modifiedStream = _ref11.modifiedStream;
+      events.forEach(function (_ref10) {
+        var modifiedStream = _ref10.modifiedStream;
         _this9._videoWindowDataSource["delete"](modifiedStream);
       });
       var hasScreenStream = events === null || events === void 0 ? void 0 : events.find(function (event) {
@@ -1196,7 +1217,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         if (this.manualLayout) {
           this._videoWindowDataSource.setLayout(this.manualLayout);
         } else {
-          this._videoWindowDataSource.setLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+          this._videoWindowDataSource.setLayout(_type2.FcrUIVideoWindowLayoutType.Gallery);
         }
       }
     }
@@ -1229,7 +1250,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"], [_mobx.observable, 1, "collapsed"], [_mobx.observable, 1, "aside"], [_mobx.observable, 1, "localUserRole"], [_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, "videoWindowPreviewType"], [_mobx.observable, 1, "whiteboardActive"], [_mobx.observable, 1, "participantCount"], [_mobx.observable, 1, "ownerUser"], [_mobx.observable, 1, "localUser"], [_mobx.computed, 3, "shouldHideNonVideoParticipants"], [_mobx.computed, 3, "enableSpotlight"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isManager"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "isHostOrCoHost"], [_mobx.computed, 3, "galleryMaxSize"], [_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"], [_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"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_mobx.action, 2, "setLocalUserRole"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "onEvent"], [_decorator.bound, 2, "_addListeners"], [_handleFoldListChangedDecs, 18, "_handleFoldListChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [_mobx.action, 2, "_switchToSpeaker"], [_mobx.action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_onAllUserCountUpdatedDecs, 18, "_onAllUserCountUpdated"], [_decorator.bound, 2, "_initStream"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_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, 23);
+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"], [_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, "participantCount"], [_mobx.observable, 1, "ownerUser"], [_mobx.computed, 3, "localUserRole"], [_mobx.computed, 3, "localUser"], [_mobx.computed, 3, "shouldHideNonVideoParticipants"], [_mobx.computed, 3, "enableSpotlight"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_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, "asideLayout"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "isHostOrCoHost"], [_mobx.computed, 3, "galleryMaxSize"], [_mobx.computed, 3, "localUserId"], [_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"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_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"], [_onAllUserCountUpdatedDecs, 18, "_onAllUserCountUpdated"], [_decorator.bound, 2, "_initStream"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_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, 20);
 _init_participant = _applyDecs$e[0];
 _init_chat = _applyDecs$e[1];
 _init_chatAction = _applyDecs$e[2];
@@ -1239,19 +1260,16 @@ _init_layers = _applyDecs$e[5];
 _init_whiteboard = _applyDecs$e[6];
 _init_collapsed = _applyDecs$e[7];
 _init_aside = _applyDecs$e[8];
-_init_localUserRole = _applyDecs$e[9];
-_init_barHovering = _applyDecs$e[10];
-_init_barLocked = _applyDecs$e[11];
-_init_barHidden = _applyDecs$e[12];
-_init_asideWidth = _applyDecs$e[13];
-_init_userVolumeMap = _applyDecs$e[14];
-_init_chatRoomState = _applyDecs$e[15];
-_init_videoWindowPreviewType = _applyDecs$e[16];
-_init_whiteboardActive = _applyDecs$e[17];
-_init_participantCount = _applyDecs$e[18];
-_init_ownerUser = _applyDecs$e[19];
-_init_localUser = _applyDecs$e[20];
-_init__handleLayoutUpdated = _applyDecs$e[21];
-_initProto = _applyDecs$e[22];
+_init_barHovering = _applyDecs$e[9];
+_init_barLocked = _applyDecs$e[10];
+_init_barHidden = _applyDecs$e[11];
+_init_asideWidth = _applyDecs$e[12];
+_init_userVolumeMap = _applyDecs$e[13];
+_init_chatRoomState = _applyDecs$e[14];
+_init_whiteboardActive = _applyDecs$e[15];
+_init_participantCount = _applyDecs$e[16];
+_init_ownerUser = _applyDecs$e[17];
+_init__handleLayoutUpdated = _applyDecs$e[18];
+_initProto = _applyDecs$e[19];
 (0, _defineProperty2["default"])(LayoutStore, "MIN_USERS_TO_ENABLE_SPOTLIGHT", 2);
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);