fcr-ui-scene-mobile 3.4.0

package/lib/common/participant-store.js

@@ -0,0 +1,1577 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+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.name.js");
+require("core-js/modules/es.number.constructor.js");
+require("core-js/modules/es.object.create.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/esnext.function.metadata.js");
+require("core-js/modules/esnext.symbol.metadata.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrParticipantStore = exports.EquipRequstType = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
+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.includes.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.date.now.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.object.entries.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.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.map.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.map.js");
+require("core-js/modules/esnext.iterator.some.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _fcrCore = require("fcr-core");
+var _type = require("fcr-core/lib/type");
+var _constant = require("../utilities/constant");
+var _logger = require("agora-foundation/lib/logger");
+var _type2 = require("agora-rte-sdk/lib/core/scene/type");
+var _type3 = require("agora-rte-sdk/lib/type");
+var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
+var _toast = require("agora-ui-foundation/lib/components/toast");
+var _mobx = require("mobx");
+var _decorator = require("agora-foundation/lib/decorator");
+var _mobxUtils = require("mobx-utils");
+var _memberListDataSource = require("./member-list-data-source");
+var _type4 = require("./type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _FcrParticipantStore;
+var _initProto, _init__mainList, _init__participantsWindowActive, _init_currentPerspectiveType, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_localUserRole, _init_spotlightUserId, _init_enableSpotlight, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_isNewWaitingRoomUserEnter, _init_waitingRoomUserCount, _init_participantCount, _init_requestEquipPopupShow, _init_requestEquipType, _init_requestEquipSenderRole, _setSpotlightUserIdDecs, _setCurrentModalDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _getAllowedOperationsDecs, _handlerUserActionDecs, _moveToWaitingRoomByUserIdsDecs, _removeWaitingRoomUserDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handlerRoomControlActionDecs, _handleEventDecs, _moveToMainRoomByUserIdsDecs, _handleActiveTabDecs, _setAsAttendeeDecs, _handleRemoteUserJoinedDecs, _handleRemoteUserLeftDecs, _onUserInfoUpdatedDecs, _onAllUserCountUpdatedDecs, _initUserListDecs, _refreshCurrentPerspectiveTypeDecs, _onPeerSessionReceivedDecs, _updateLocalUserRoleDecs, _setRequestEquipPopupShowDecs, _setRequestEquipTypeDecs, _setRequestEquipSenderRoleDecs, _ref; // import { sendEvent } from '../../utilities/renderer-event';
+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; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
+function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
+// import { userRoleI18nKey } from '../../hooks/i18n';
+
+// import { OperateWaitingRoomMemberDialogProps } from './attendee';
+/**
+ * seconds
+ */
+var SESSION_DURATION = 30;
+var EquipRequstType = exports.EquipRequstType = /*#__PURE__*/function (EquipRequstType) {
+  EquipRequstType[EquipRequstType["MICRO"] = 0] = "MICRO";
+  EquipRequstType[EquipRequstType["VIDEO"] = 1] = "VIDEO";
+  return EquipRequstType;
+}({});
+var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
+var _D = /*#__PURE__*/new WeakMap();
+var _A = /*#__PURE__*/new WeakMap();
+var _E = /*#__PURE__*/new WeakMap();
+var _F = /*#__PURE__*/new WeakMap();
+var _G = /*#__PURE__*/new WeakMap();
+var _H = /*#__PURE__*/new WeakMap();
+var _I = /*#__PURE__*/new WeakMap();
+var _J = /*#__PURE__*/new WeakMap();
+var _K = /*#__PURE__*/new WeakMap();
+var _L = /*#__PURE__*/new WeakMap();
+var _M = /*#__PURE__*/new WeakMap();
+var _N = /*#__PURE__*/new WeakMap();
+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();
+_ref = (_setSpotlightUserIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentModalDecs = [_mobx.action, _mobx.action.bound], _setParticipantsWindowActiveDecs = [_mobx.action, _mobx.action.bound], _handlerSearchUserDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _handlerUserActionDecs = [_mobx.action, _mobx.action.bound], _moveToWaitingRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _removeWaitingRoomUserDecs = [_mobx.action, _mobx.action.bound], _kickOutWaitingRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _handlerRoomControlActionDecs = [_mobx.action, _mobx.action.bound], _handleEventDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _handleActiveTabDecs = [_mobx.action, _mobx.action.bound], _setAsAttendeeDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _initUserListDecs = [_mobx.action, _mobx.action.bound], _refreshCurrentPerspectiveTypeDecs = [_mobx.action, _mobx.action.bound], _onPeerSessionReceivedDecs = [_mobx.action, _mobx.action.bound], _updateLocalUserRoleDecs = [_mobx.action, _mobx.action.bound], _setRequestEquipPopupShowDecs = [_mobx.action, _mobx.action.bound], _setRequestEquipTypeDecs = [_mobx.action, _mobx.action.bound], _setRequestEquipSenderRoleDecs = [_mobx.action, _mobx.action.bound], "MIN_USERS_TO_ENABLE_SPOTLIGHT");
+var FcrParticipantStore = exports.FcrParticipantStore = /*#__PURE__*/function () {
+  function FcrParticipantStore(_ref2) {
+    var _this = this;
+    var roomControl = _ref2.roomControl,
+      peerSessionControl = _ref2.peerSessionControl,
+      securityStore = _ref2.securityStore,
+      uiEventStore = _ref2.uiEventStore,
+      deviceStore = _ref2.deviceStore,
+      deviceStreamStore = _ref2.deviceStreamStore;
+    (0, _classCallCheck2["default"])(this, FcrParticipantStore);
+    (0, _defineProperty2["default"])(this, "logger", (_initProto(this), (0, _logger.getLogger)()));
+    (0, _defineProperty2["default"])(this, "_dataSource", new _memberListDataSource.FcrUIMemberListDataSourceImpl());
+    (0, _defineProperty2["default"])(this, "_disposers", []);
+    (0, _defineProperty2["default"])(this, "_unmuteAudioTimestamp", new Map());
+    (0, _defineProperty2["default"])(this, "_unmuteVideoTimestamp", new Map());
+    (0, _defineProperty2["default"])(this, "_processedUserOpenDeviceRequests", new Set());
+    (0, _defineProperty2["default"])(this, "_lastReceiveSession", null);
+    (0, _defineProperty2["default"])(this, "_streamsObserver", {
+      onStreamsAdded: this._handleStreamsAdded,
+      onStreamsUpdated: this._handleStreamsUpdated,
+      onStreamsRemoved: this._handleStreamsRemoved
+    });
+    (0, _defineProperty2["default"])(this, "_peerSessionObserver", {
+      onPeerSessionReceived: this._onPeerSessionReceived.bind(this),
+      onPeerSessionAccepted: this._onPeerSessionAccepted.bind(this),
+      onPeerSessionRejected: this._onPeerSessionRejected.bind(this)
+    });
+    (0, _defineProperty2["default"])(this, "_userObserver", {
+      onRemoteUsersJoined: this._handleRemoteUserJoined.bind(this),
+      onRemoteUsersLeft: this._handleRemoteUserLeft.bind(this),
+      onUserInfoUpdated: this._onUserInfoUpdated.bind(this),
+      onAllUserCountUpdated: this._onAllUserCountUpdated.bind(this),
+      onLocalUserKickedOut: this._onLocalUserKickedout.bind(this)
+    });
+    (0, _defineProperty2["default"])(this, "_eventObserver", {
+      onEvent: this._handleEvent
+    });
+    (0, _defineProperty2["default"])(this, "_whitebaordObderver", {
+      onActive: function onActive(_ownerId, operatorUser) {
+        _this._updateUserBoardState(operatorUser);
+      },
+      onInactive: function onInactive(_reason, operatorUser) {
+        _this._updateUserBoardState(operatorUser);
+      }
+    });
+    _classPrivateFieldInitSpec(this, _B, _init__mainList(this, []));
+    _classPrivateFieldInitSpec(this, _C, _init__participantsWindowActive(this, false));
+    _classPrivateFieldInitSpec(this, _D, _init_currentPerspectiveType(this, 'attendee'));
+    _classPrivateFieldInitSpec(this, _A, _fcrCore.FcrMediaSourceState.CLOSE);
+    _classPrivateFieldInitSpec(this, _E, _init_enableParticipantsJoinWithMute(this, false));
+    _classPrivateFieldInitSpec(this, _F, _init_searchText(this, ''));
+    _classPrivateFieldInitSpec(this, _G, _init_currentModal(this, 'modal'));
+    _classPrivateFieldInitSpec(this, _H, _init_localUserRole(this));
+    _classPrivateFieldInitSpec(this, _I, _init_spotlightUserId(this, ''));
+    _classPrivateFieldInitSpec(this, _J, _init_enableSpotlight(this, true));
+    _classPrivateFieldInitSpec(this, _K, _init_mergeConfirmDialog(this, false));
+    _classPrivateFieldInitSpec(this, _L, _init_mergeUserId(this, ''));
+    _classPrivateFieldInitSpec(this, _M, _init_activeTab(this, _constant.RoomType.MAIN_ROOM));
+    _classPrivateFieldInitSpec(this, _N, _init_isNewWaitingRoomUserEnter(this, false));
+    _classPrivateFieldInitSpec(this, _O, _init_waitingRoomUserCount(this, 0));
+    _classPrivateFieldInitSpec(this, _P, _init_participantCount(this, 0));
+    _classPrivateFieldInitSpec(this, _Q, _init_requestEquipPopupShow(this, false));
+    _classPrivateFieldInitSpec(this, _R, _init_requestEquipType(this, EquipRequstType.MICRO));
+    _classPrivateFieldInitSpec(this, _S, _init_requestEquipSenderRole(this, _type.FcrUserRole.HOST));
+    (0, _defineProperty2["default"])(this, "allowedOperations", (0, _mobxUtils.computedFn)(function (userId, userRole) {
+      var _this$_userControl$ge;
+      return _this.getAllowedOperations(userRole, userId === ((_this$_userControl$ge = _this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userId));
+    }));
+    (0, _defineProperty2["default"])(this, "checkIsPin", (0, _mobxUtils.computedFn)(function (userId) {
+      var _this$userMap$get;
+      return !!((_this$userMap$get = _this.userMap.get(userId)) !== null && _this$userMap$get !== void 0 && _this$userMap$get.streams.some(function (stream) {
+        return _this.pinedStreamIds.includes(stream.streamId);
+      }));
+    }));
+    (0, _defineProperty2["default"])(this, "formatUser", function (user) {
+      var _this$_userControl$ge2, _user$streams$find;
+      var targetUsers = user.streams;
+      var hasShareScreen = targetUsers.find(function (user) {
+        return user.videoSourceType === _type3.AgoraRteVideoSourceType.SCREEN;
+      });
+      var isSelf = user.userId === _this._userControl.getLocalUser().userId;
+      var hasAudioPublishedAndStarted = function hasAudioPublishedAndStarted(stream) {
+        return (stream === null || stream === void 0 ? void 0 : stream.audioSourceState) === _fcrCore.FcrMediaSourceState.OPEN && ((stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.AUDIO || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.BOTH);
+      };
+      var hasVideoPublishedAndStarted = function hasVideoPublishedAndStarted(stream) {
+        return (stream === null || stream === void 0 ? void 0 : stream.videoSourceState) === _fcrCore.FcrMediaSourceState.OPEN && ((stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.VIDEO || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.BOTH);
+      };
+      var hasAudio = false;
+      var hasVideo = false;
+      var audioDeviceType = 'none';
+      var videoDeviceType = 'none';
+      var userType = 'normal';
+      if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.NONE) {
+        var defaultStream = targetUsers.find(function (user) {
+          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+        });
+        var pstnStream = targetUsers.find(function (_ref3) {
+          var connectorType = _ref3.connectorType;
+          return connectorType == _fcrCore.FcrRoomConnectorType.PSTN;
+        });
+        videoDeviceType = 'computer-cam';
+        hasVideo = isSelf ? _this._deviceStore.cameraEnabled : hasVideoPublishedAndStarted(defaultStream);
+
+        // 4.normal user with camera and phone mic
+        if (pstnStream) {
+          audioDeviceType = 'phone-mic';
+
+          // hasAudio = hasAudioPublishedAndStarted(pstnStream);
+          hasAudio = true;
+        }
+        // 1.normal user with computer devices
+        else {
+          audioDeviceType = 'computer-mic';
+          hasAudio = isSelf ? _this._deviceStore.microphoneEnabled : hasAudioPublishedAndStarted(defaultStream);
+        }
+      }
+      // 2.sip user with camera and phone mic
+      else if ([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(user.userInfo.connectorType)) {
+        var firstSipOrH323Stream = targetUsers.find(function (_ref4) {
+          var connectorType = _ref4.connectorType;
+          return [_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(connectorType);
+        });
+        audioDeviceType = 'phone-mic';
+        videoDeviceType = 'computer-cam';
+        userType = 'meeting-system';
+        hasAudio = hasAudioPublishedAndStarted(firstSipOrH323Stream);
+        hasVideo = hasVideoPublishedAndStarted(firstSipOrH323Stream);
+      }
+      // 3.phone user with no camera and phone mic
+      else if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.PSTN) {
+        var _pstnStream = targetUsers.find(function (_ref5) {
+          var connectorType = _ref5.connectorType;
+          return connectorType == _fcrCore.FcrRoomConnectorType.PSTN;
+        });
+        audioDeviceType = 'phone-mic';
+        userType = 'phone';
+        hasAudio = hasAudioPublishedAndStarted(_pstnStream);
+        hasVideo = hasVideoPublishedAndStarted(_pstnStream);
+      }
+      var isSpotlight = user.userId === _this.spotlightUserId;
+      return {
+        userId: user.userId,
+        userName: user.userInfo.userName,
+        isHost: user.userInfo.userRole === _type.FcrUserRole.HOST,
+        isMe: user.userId === ((_this$_userControl$ge2 = _this._userControl.getLocalUser()) === null || _this$_userControl$ge2 === void 0 ? void 0 : _this$_userControl$ge2.userId),
+        hasAudio: hasAudio,
+        hasVideo: hasVideo,
+        isScreenSharing: !!hasShareScreen,
+        shareScreenStreamId: (hasShareScreen === null || hasShareScreen === void 0 ? void 0 : hasShareScreen.streamId) || '',
+        audioDeviceType: audioDeviceType,
+        videoDeviceType: videoDeviceType,
+        userType: userType,
+        userRole: user.userInfo.userRole,
+        isSpotlight: isSpotlight,
+        isBoardActive: user.userInfo.isBoardActive,
+        allowedOperations: _this.allowedOperations(user.userId, user.userInfo.userRole),
+        isPin: _this.checkIsPin(user.userId),
+        streamId: ((_user$streams$find = user.streams.find(function (stream) {
+          return stream.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA && (stream.streamType === _type2.AgoraRteMediaStreamType.VIDEO || stream.streamType === _type2.AgoraRteMediaStreamType.BOTH);
+        })) === null || _user$streams$find === void 0 ? void 0 : _user$streams$find.streamId) || ''
+      };
+    });
+    this._roomControl = roomControl;
+    this._streamControl = roomControl.getStreamControl();
+    this._peerSessionControl = peerSessionControl;
+    this._userControl = roomControl.getUserControl();
+    this.localUserRole = this._userControl.getLocalUser().userRole;
+    this._userControl.addObserver(this._userObserver);
+    this._streamControl.addObserver(this._streamsObserver);
+    this._peerSessionControl.addObserver(this._peerSessionObserver);
+    this._roomControl.getBoardControl().addObserver(this._whitebaordObderver);
+    this._securityStore = securityStore;
+    this._uiEventStore = uiEventStore;
+    this._deviceStore = deviceStore;
+    this._deviceStreamStore = deviceStreamStore;
+    this._uiEventStore.addObserver(this._eventObserver);
+    this._initUserList();
+    this._addReactions();
+    this._updateUserBoardState();
+  }
+  return (0, _createClass2["default"])(FcrParticipantStore, [{
+    key: "_mainList",
+    get: function get() {
+      return _classPrivateFieldGet(_B, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_B, this, v);
+    }
+  }, {
+    key: "_participantsWindowActive",
+    get: function get() {
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
+    }
+  }, {
+    key: "currentPerspectiveType",
+    get: function get() {
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
+    }
+  }, {
+    key: "screenSharingState",
+    get: function get() {
+      return _classPrivateFieldGet(_A, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_A, this, v);
+    }
+  }, {
+    key: "enableParticipantsJoinWithMute",
+    get: function get() {
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, this, v);
+    }
+  }, {
+    key: "searchText",
+    get: function get() {
+      return _classPrivateFieldGet(_F, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_F, this, v);
+    }
+  }, {
+    key: "currentModal",
+    get: function get() {
+      return _classPrivateFieldGet(_G, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_G, this, v);
+    }
+  }, {
+    key: "localUserRole",
+    get: function get() {
+      return _classPrivateFieldGet(_H, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_H, this, v);
+    }
+  }, {
+    key: "spotlightUserId",
+    get: function get() {
+      return _classPrivateFieldGet(_I, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_I, this, v);
+    }
+  }, {
+    key: "enableSpotlight",
+    get: function get() {
+      return _classPrivateFieldGet(_J, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_J, this, v);
+    }
+  }, {
+    key: "mergeConfirmDialog",
+    get: function get() {
+      return _classPrivateFieldGet(_K, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_K, this, v);
+    }
+  }, {
+    key: "mergeUserId",
+    get: function get() {
+      return _classPrivateFieldGet(_L, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_L, this, v);
+    }
+  }, {
+    key: "activeTab",
+    get: function get() {
+      return _classPrivateFieldGet(_M, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_M, this, v);
+    }
+  }, {
+    key: "isNewWaitingRoomUserEnter",
+    get: function get() {
+      return _classPrivateFieldGet(_N, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_N, this, v);
+    }
+  }, {
+    key: "waitingRoomUserCount",
+    get: function get() {
+      return _classPrivateFieldGet(_O, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_O, this, v);
+    }
+  }, {
+    key: "participantCount",
+    get: function get() {
+      return _classPrivateFieldGet(_P, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_P, this, v);
+    }
+  }, {
+    key: "requestEquipPopupShow",
+    get: function get() {
+      return _classPrivateFieldGet(_Q, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Q, this, v);
+    }
+  }, {
+    key: "requestEquipType",
+    get: function get() {
+      return _classPrivateFieldGet(_R, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_R, this, v);
+    }
+  }, {
+    key: "requestEquipSenderRole",
+    get: function get() {
+      return _classPrivateFieldGet(_S, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_S, this, v);
+    }
+  }, {
+    key: "userListSource",
+    get: function get() {
+      return this._dataSource.list;
+    }
+  }, {
+    key: "localUser",
+    get: function get() {
+      return this.participantList.find(function (participantUser) {
+        return participantUser.isMe === true;
+      });
+    }
+  }, {
+    key: "mergeUserInfo",
+    get: function get() {
+      var _this$userListSource$,
+        _this2 = this;
+      return (_this$userListSource$ = this.userListSource.find(function (user) {
+        return user.userId === _this2.mergeUserId;
+      })) === null || _this$userListSource$ === void 0 ? void 0 : _this$userListSource$.userInfo;
+    }
+  }, {
+    key: "hostList",
+    get: function get() {
+      return this.userListSource.filter(function (user) {
+        return user.userInfo.userRole === _type.FcrUserRole.HOST || user.userInfo.userRole === _type.FcrUserRole.COHOST;
+      });
+    }
+  }, {
+    key: "userMap",
+    get: function get() {
+      var res = new Map();
+      this.userListSource.forEach(function (u) {
+        res.set(u.userId, u);
+      });
+      return res;
+    }
+  }, {
+    key: "allowUnmuteSelfAudio",
+    get: function get() {
+      return this._securityStore.allowUnmuteSelfAudio();
+    }
+  }, {
+    key: "allowJoinWithMuteAudio",
+    get: function get() {
+      return this._securityStore.allowJoinWithMuteAudio();
+    }
+  }, {
+    key: "allowUnmuteSelfVideo",
+    get: function get() {
+      return this._securityStore.allowUnmuteSelfVideo();
+    }
+  }, {
+    key: "isLockRoomEnabled",
+    get: function get() {
+      return this._securityStore.isLockRoomEnabled();
+    }
+  }, {
+    key: "isWaitingRoomEnabled",
+    get: function get() {
+      return this._securityStore.isWaitingRoomEnabled();
+    }
+  }, {
+    key: "allowChangeSelfName",
+    get: function get() {
+      return this._securityStore.allowChangeSelfName();
+    }
+  }, {
+    key: "allowChat",
+    get: function get() {
+      return this._securityStore.allowChat();
+    }
+  }, {
+    key: "allowShareScreen",
+    get: function get() {
+      return this._securityStore.allowShareScreen();
+    }
+  }, {
+    key: "pinedStreamIds",
+    get: function get() {
+      return this._mainList.filter(function (i) {
+        return i.isPin;
+      }).map(function (i) {
+        return i.windowId;
+      });
+    }
+  }, {
+    key: "hasPinnedStream",
+    get: function get() {
+      return this._mainList.some(function (i) {
+        return i.isPin;
+      });
+    }
+  }, {
+    key: "participantList",
+    get: function get() {
+      var _this3 = this;
+      var list = this.userListSource;
+      var uiDataList = list.map(function (user) {
+        return _this3.formatUser(user);
+      });
+      return uiDataList;
+    }
+  }, {
+    key: "memberList",
+    get: function get() {
+      var _this4 = this;
+      var list = this.userListSource;
+      if (this.searchText.length) {
+        list = list.filter(function (user) {
+          return user.userInfo.userName.toLocaleLowerCase().includes(_this4.searchText.toLocaleLowerCase());
+        });
+      }
+      var uiDataList = list.map(function (user) {
+        return _this4.formatUser(user);
+      });
+      return uiDataList;
+    }
+  }, {
+    key: "localMicVolume",
+    get: function get() {
+      return this._deviceStore.microphoneVolumeLevel;
+    }
+  }, {
+    key: "hasRevokeHostPermission",
+    get: function get() {
+      return this._securityStore.hasRevokeHostPermission() && this.localUserRole !== _type.FcrUserRole.HOST;
+    }
+  }, {
+    key: "setSpotlightUserId",
+    value: function setSpotlightUserId(userId) {
+      this.spotlightUserId = userId;
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._userControl.removeObserver(this._userObserver);
+      this._streamControl.removeObserver(this._streamsObserver);
+      this._uiEventStore.removeObserver(this._eventObserver);
+      this._disposers.forEach(function (disposer) {
+        return disposer();
+      });
+    }
+  }, {
+    key: "hasMutePermission",
+    value: function hasMutePermission(targetRole) {
+      return this._securityStore.hasMutePermission(targetRole);
+    }
+  }, {
+    key: "hasWaitingRoomPermission",
+    value: function hasWaitingRoomPermission() {
+      return this._securityStore.isWaitingRoomEnabled() && this._securityStore.hasWaitingRoomPermission();
+    }
+  }, {
+    key: "hasUnmutePermission",
+    value: function hasUnmutePermission(targetRole) {
+      return this._securityStore.hasUnmutePermission(targetRole);
+    }
+  }, {
+    key: "hasRequestStartAudioPermission",
+    value: function hasRequestStartAudioPermission(targetRole) {
+      return this._securityStore.hasRequestStartAudioPermission(targetRole);
+    }
+  }, {
+    key: "setCurrentModal",
+    value: function setCurrentModal(modal) {
+      this.currentModal = modal;
+    }
+  }, {
+    key: "closeParticipantsAside",
+    value: function closeParticipantsAside() {
+      this._uiEventStore.updateAside({
+        participant: false
+      });
+    }
+
+    //   @action.bound
+    //   openParticipantsWindow() {
+    //     window.runtime.setFragmentOptions(
+    //       'participant',
+    //       {
+    //         frame: false,
+    //         titleBarStyle: 'hidden',
+    //         resizable: true,
+    //         maxHeight: 700,
+    //         maxWidth: 620,
+    //         maximizable: false,
+    //         fullscreen: false,
+    //         minHeight: 560,
+    //         minWidth: 320,
+    //         width: 320,
+    //         height: 560,
+    //       },
+    //       {},
+    //     );
+    //     this.openDialog();
+    //   }
+  }, {
+    key: "closeParticipantsWindow",
+    value: function closeParticipantsWindow() {
+      if (this._dialogId) {
+        this._uiEventStore.closeDialog(this._dialogId);
+      }
+    }
+  }, {
+    key: "openDialog",
+    value: function openDialog() {
+      this._dialogId = this._uiEventStore.openDialog(_constant.DialogKey.PARTICIPANT);
+    }
+  }, {
+    key: "openConfirmDialog",
+    value: function openConfirmDialog(params, _id) {
+      var _this5 = this;
+      var title = params.title,
+        content = params.content,
+        _onOk = params.onOk,
+        _onCancel = params.onCancel,
+        okText = params.okText,
+        cancelText = params.cancelText,
+        height = params.height;
+      var dialogKey = this._uiEventStore.openConfirmDialog({
+        title: title,
+        content: content,
+        okText: okText,
+        cancelText: cancelText,
+        height: height,
+        onCancel: function onCancel() {
+          _this5._uiEventStore.closeDialog(dialogKey);
+          _onCancel && _onCancel();
+        },
+        onOk: function onOk() {
+          _this5._uiEventStore.closeDialog(dialogKey);
+          _onOk();
+        }
+      });
+    }
+  }, {
+    key: "setParticipantsWindowActive",
+    value: function setParticipantsWindowActive(active) {
+      this._participantsWindowActive = active;
+      if (!active) {
+        this.setCurrentModal('modal');
+      }
+    }
+  }, {
+    key: "handlerSearchUser",
+    value: function handlerSearchUser(searchText) {
+      this.searchText = searchText;
+    }
+  }, {
+    key: "onInvite",
+    value: function onInvite() {
+      this._uiEventStore.openInviteDialog();
+    }
+  }, {
+    key: "setMergeConfirmDialog",
+    value: function setMergeConfirmDialog(visible) {
+      this.mergeConfirmDialog = visible;
+    }
+  }, {
+    key: "mergeConfirmDialogOk",
+    value: function mergeConfirmDialogOk(userId) {
+      var _this$userMap$get2;
+      this._streamControl.mergeAudioStream(userId);
+      this.setMergeConfirmDialog(false);
+      _toast.FcrToastApi.open({
+        id: 'mergeVideo',
+        toastProps: {
+          content: (0, _i18n.transI18n)('fmt_PSTN_toast_merged', {
+            reason1: (_this$userMap$get2 = this.userMap.get(userId)) === null || _this$userMap$get2 === void 0 ? void 0 : _this$userMap$get2.userInfo.userName
+          }),
+          type: 'normal'
+        },
+        duration: 3000
+      });
+    }
+  }, {
+    key: "removePin",
+    value: function removePin(userId) {
+      var _this$userMap$get3;
+      var streamId = (_this$userMap$get3 = this.userMap.get(userId)) === null || _this$userMap$get3 === void 0 || (_this$userMap$get3 = _this$userMap$get3.streams.find(function (stream) {
+        return stream.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+      })) === null || _this$userMap$get3 === void 0 ? void 0 : _this$userMap$get3.streamId;
+      if (streamId) {
+        //   this._uiEventStore.sendEvent(UIAction.VIDEO_WINDOW_PIN_ACTION, {
+        //     action: VideoWindowPinType.REMOVE_PIN,
+        //     streamId,
+        //   });
+      }
+    }
+  }, {
+    key: "addPin",
+    value: function addPin(userId) {
+      var _this$userMap$get4;
+      var streamId = (_this$userMap$get4 = this.userMap.get(userId)) === null || _this$userMap$get4 === void 0 || (_this$userMap$get4 = _this$userMap$get4.streams.find(function (stream) {
+        return stream.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+      })) === null || _this$userMap$get4 === void 0 ? void 0 : _this$userMap$get4.streamId;
+      if (streamId) {
+        this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_PIN_ACTION, {
+          action: _constant.VideoWindowPinType.ADD_PIN,
+          streamId: streamId
+        });
+      }
+    }
+  }, {
+    key: "getAllowedOperations",
+    value: function getAllowedOperations(targetRole, isSelf) {
+      return this._securityStore.getAllowedOperations(targetRole, isSelf);
+    }
+
+    //   @action.bound
+    //   closeRemoveAdmitWaitingRoomDialog(dialogKey: DialogKey) {
+    //     this._uiEventStore.closeRemoveAdmitWaitingRoomDialog(dialogKey);
+    //   }
+
+    //   @action.bound
+    //   openRemoveAdmitWaitingRoomDialog(
+    //     dialogKey: DialogKey,
+    //     params: OperateWaitingRoomMemberDialogProps,
+    //   ) {
+    //     this._uiEventStore.openDialog(dialogKey, '', {
+    //       userId: params.userId,
+    //       type: params.type,
+    //       title: params.title,
+    //       tooltip: params.tooltip,
+    //     });
+    //   }
+  }, {
+    key: "handlerUserAction",
+    value: function handlerUserAction(action, userId) {
+      switch (action) {
+        case _attendee.ParticipantActionType.MUTE_AUDIO:
+          this._muteUserAudio(userId);
+          break;
+        case _attendee.ParticipantActionType.UNMUTE_AUDIO:
+          this._unmuteUserAudio(userId);
+          break;
+        case _attendee.ParticipantActionType.MUTE_VIDEO:
+          this._muteUserVideo(userId);
+          break;
+        case _attendee.ParticipantActionType.UNMUTE_VIDEO:
+          this._unmuteUserVideo(userId);
+          break;
+        case _attendee.ParticipantActionType.PRIVATE_CHAT:
+          this._privateChat(userId);
+          break;
+        case _attendee.ParticipantActionType.ADD_PIN:
+          this.addPin(userId);
+          break;
+        case _attendee.ParticipantActionType.REMOVE_PIN:
+          this.removePin(userId);
+          break;
+        case _attendee.ParticipantActionType.SET_AS_HOST:
+          this._setAsHost(userId);
+          break;
+        case _attendee.ParticipantActionType.RENAME:
+          break;
+        case _attendee.ParticipantActionType.SET_MAIN_SPEAKER:
+          this._uiEventStore.setMainSpeaker({
+            userId: userId
+          });
+          break;
+        case _attendee.ParticipantActionType.SET_AS_CO_HOST:
+          this._setAsCoHost(userId);
+          break;
+        case _attendee.ParticipantActionType.SET_AS_ATTENDEE:
+          this._setAsAttendee(userId);
+          break;
+        case _attendee.ParticipantActionType.MERGE_VIDEO:
+          this.setMergeConfirmDialog(true);
+          this.mergeUserId = userId;
+          break;
+        case _attendee.ParticipantActionType.PUT_IN_WAITING_ROOM:
+          this._moveToWaitingRoomByUserIds(userId);
+          break;
+      }
+    }
+  }, {
+    key: "_moveToWaitingRoomByUserIds",
+    value: function () {
+      var _moveToWaitingRoomByUserIds2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(userId) {
+        var _this$userMap$get5;
+        var username;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              username = (_this$userMap$get5 = this.userMap.get(userId)) === null || _this$userMap$get5 === void 0 ? void 0 : _this$userMap$get5.userInfo.userName;
+              _context.prev = 1;
+              _context.next = 4;
+              return this._roomControl.moveToWaitingRoomByUserIds([userId]);
+            case 4:
+              this._uiEventStore.showToast({
+                type: 'normal',
+                message: (0, _i18n.transI18n)('fmt_waitingroom_put_in_success', {
+                  reason1: username
+                })
+              });
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](1);
+              this._uiEventStore.showToast({
+                type: 'error',
+                message: (0, _i18n.transI18n)('fmt_waitingroom_setting_popup_toast_move_in_failed')
+              });
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[1, 7]]);
+      }));
+      function _moveToWaitingRoomByUserIds(_x) {
+        return _moveToWaitingRoomByUserIds2.apply(this, arguments);
+      }
+      return _moveToWaitingRoomByUserIds;
+    }()
+  }, {
+    key: "removeWaitingRoomUser",
+    value: function removeWaitingRoomUser(userId, type) {
+      var _this$_waitingRoomUse;
+      (_this$_waitingRoomUse = this._waitingRoomUserControl) === null || _this$_waitingRoomUse === void 0 || _this$_waitingRoomUse.kickOutByUserIds([userId], type);
+    }
+  }, {
+    key: "kickOutWaitingRoomAllMember",
+    value: function () {
+      var _kickOutWaitingRoomAllMember = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
+        var _this$_waitingRoomUse2;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return (_this$_waitingRoomUse2 = this._waitingRoomUserControl) === null || _this$_waitingRoomUse2 === void 0 ? void 0 : _this$_waitingRoomUse2.kickOutByUserRoles([_type.FcrUserRole.PARTICIPANT], type);
+            case 2:
+              this._uiEventStore.showToast({
+                type: 'normal',
+                message: (0, _i18n.transI18n)('fmt_waitingroom_mobile_memberlist_tips_all_removed')
+              });
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function kickOutWaitingRoomAllMember(_x2) {
+        return _kickOutWaitingRoomAllMember.apply(this, arguments);
+      }
+      return kickOutWaitingRoomAllMember;
+    }()
+  }, {
+    key: "moveToMainRoomAllMember",
+    value: function () {
+      var _moveToMainRoomAllMember = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+        var _this$_waitingRoomCon;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return (_this$_waitingRoomCon = this._waitingRoomControl) === null || _this$_waitingRoomCon === void 0 ? void 0 : _this$_waitingRoomCon.moveToMainRoomByUserRoles([_type.FcrUserRole.PARTICIPANT]);
+            case 2:
+              this._uiEventStore.showToast({
+                type: 'normal',
+                message: (0, _i18n.transI18n)('fmt_waitingroom_mobile_memberlist_tips_all_amitted')
+              });
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function moveToMainRoomAllMember() {
+        return _moveToMainRoomAllMember.apply(this, arguments);
+      }
+      return moveToMainRoomAllMember;
+    }()
+  }, {
+    key: "handlerRoomControlAction",
+    value: function handlerRoomControlAction(action, data) {
+      switch (action) {
+        case _constant.RoomControlType.MUTE_ALL_AUDIO:
+          this._muteAllAudio(data.allowUnmute, data.joinWithMuteAudio);
+          break;
+        case _constant.RoomControlType.UNMUTE_ALL_AUDIO:
+          this._unmuteAllAudio();
+          break;
+        case _constant.RoomControlType.ALLOW_ATTENDEE_TO_UNMUTE:
+          this._enableSelfUnmute(data);
+          break;
+        case _constant.RoomControlType.ALLOW_ATTENDEE_TO_OPEN_CAMERA:
+          this._enableOpenVideo(data);
+          break;
+        case _constant.RoomControlType.REVOKE_HOST:
+          this._revokeHost();
+          break;
+        case _constant.RoomControlType.PLAY_JOIN_LEAVE_SOUND:
+          this._playJoinLeaveSound();
+          break;
+        case _constant.RoomControlType.LOCK_ROOM:
+          this._lockRoom(data);
+          break;
+        case _constant.RoomControlType.ENABLE_WAITING_ROOM:
+          this._enableWaitingRoom(data);
+          break;
+        case _constant.RoomControlType.RENAME:
+          this._enableRename(data);
+          break;
+        case _constant.RoomControlType.JOIN_WITH_MUTE_AUDIO:
+          this.enableJoinWithMuteAudio(data);
+          break;
+      }
+    }
+  }, {
+    key: "_handleEvent",
+    value: function _handleEvent(action, payload) {
+      if (action === _constant.UIAction.CUSTOM_SETTINGS_CHANGED) {
+        var _ref6 = payload,
+          spotlightEnabled = _ref6.spotlightEnabled;
+        this.enableSpotlight = spotlightEnabled;
+      }
+      if (action === _constant.UIAction.PARTICIPANT_ACTION) {
+        this.handlerUserAction(payload.action, payload.userId);
+      }
+    }
+  }, {
+    key: "moveToMainRoomByUserIds",
+    value: function moveToMainRoomByUserIds(userId) {
+      if (this._waitingRoomControl) {
+        this._waitingRoomControl.moveToMainRoomByUserIds(userId);
+      }
+    }
+  }, {
+    key: "handleActiveTab",
+    value: function handleActiveTab(tab) {
+      this.activeTab = tab;
+      this._uiEventStore.sendEvent(_constant.UIAction.CURRENT_PARTITIPANT_TAB, tab);
+      if (this.activeTab === _constant.RoomType.WAITING_ROOM) {
+        this.isNewWaitingRoomUserEnter = false;
+      }
+    }
+  }, {
+    key: "_muteUserAudio",
+    value:
+    //  user actions
+    function _muteUserAudio(user) {
+      var isSelf = user === this._userControl.getLocalUser().userId;
+      if (isSelf) {
+        this._deviceStreamStore.enableMicrophoneWithStream(false);
+      } else {
+        var targetUsers = this._streamControl.getStreamsByUserId(user);
+        var targetUser = targetUsers.find(function (user) {
+          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+        });
+        if (!targetUser) {
+          return;
+        }
+        this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, targetUser.streamId, {
+          audioPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
+          videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION
+        }));
+      }
+    }
+  }, {
+    key: "_unmuteUserAudio",
+    value: function _unmuteUserAudio(userId) {
+      var isSelf = userId === this._userControl.getLocalUser().userId;
+      if (isSelf) {
+        this._deviceStreamStore.enableMicrophoneWithStream(true);
+      } else {
+        var _this$_unmuteAudioTim;
+        var targetUsers = this._streamControl.getStreamsByUserId(userId);
+        var targetUser = targetUsers.find(function (user) {
+          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+        });
+        if (!targetUser) {
+          return;
+        }
+        var now = Date.now();
+        if (now - ((_this$_unmuteAudioTim = this._unmuteAudioTimestamp.get(userId)) !== null && _this$_unmuteAudioTim !== void 0 ? _this$_unmuteAudioTim : 0) <= SESSION_DURATION * 1000) {
+          return;
+        }
+        this._unmuteAudioTimestamp.set(userId, now);
+        this._peerSessionControl.startPeerSession({
+          sessionKey: 'REQUEST_OPEN_MICROPHONE',
+          receiverId: userId,
+          duration: SESSION_DURATION,
+          payload: {
+            sender: this._userControl.getLocalUser()
+          }
+        });
+      }
+    }
+  }, {
+    key: "_muteUserVideo",
+    value: function _muteUserVideo(user) {
+      var isSelf = user === this._userControl.getLocalUser().userId;
+      if (isSelf) {
+        this._deviceStreamStore.enableCameraWithStream(false);
+      } else {
+        var targetUsers = this._streamControl.getStreamsByUserId(user);
+        var targetUser = targetUsers.find(function (user) {
+          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+        });
+        if (!targetUser) {
+          return;
+        }
+        this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, targetUser.streamId, {
+          audioPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION,
+          videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE
+        }));
+      }
+    }
+
+    // 请求对端打开视频
+  }, {
+    key: "_unmuteUserVideo",
+    value: function _unmuteUserVideo(userId) {
+      var isSelf = userId === this._userControl.getLocalUser().userId;
+      if (isSelf) {
+        this._deviceStreamStore.enableCameraWithStream(true);
+      } else {
+        var localUser = this._userControl.getLocalUser();
+        if (localUser.userId === userId) {
+          this._deviceStreamStore.enableCameraWithStream(true);
+        } else {
+          var _this$_unmuteVideoTim;
+          var now = Date.now();
+          if (now - ((_this$_unmuteVideoTim = this._unmuteVideoTimestamp.get(userId)) !== null && _this$_unmuteVideoTim !== void 0 ? _this$_unmuteVideoTim : 0) <= SESSION_DURATION * 1000) {
+            return;
+          }
+          this._unmuteVideoTimestamp.set(userId, now);
+          this._peerSessionControl.startPeerSession({
+            sessionKey: _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA,
+            receiverId: userId,
+            duration: SESSION_DURATION,
+            payload: {
+              sender: this._userControl.getLocalUser()
+            }
+          });
+        }
+      }
+    }
+  }, {
+    key: "_privateChat",
+    value: function _privateChat(userId) {
+      if (!this._securityStore.permitPrivateChat(userId)) {
+        return;
+      }
+      this._uiEventStore.updateAside({
+        chat: true
+      });
+      var userData = this.userListSource.find(function (u) {
+        return u.userId === userId;
+      });
+      userData && this._uiEventStore.notifyChatUpdateTarget(userData.userInfo);
+    }
+  }, {
+    key: "_handleSetHostOrCoHost",
+    value: function _handleSetHostOrCoHost(userId, type) {
+      var _this$userMap$get6,
+        _this6 = this;
+      var username = (_this$userMap$get6 = this.userMap.get(userId)) === null || _this$userMap$get6 === void 0 ? void 0 : _this$userMap$get6.userInfo.userName;
+      var targetRole = type === 'host' ? (0, _i18n.transI18n)('fmt_role_host') : (0, _i18n.transI18n)('fmt_role_cohost');
+      this.openConfirmDialog({
+        title: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
+          reason1: targetRole
+        }),
+        onCancel: function onCancel() {
+          _this6._uiEventStore.closeConfirmDialog();
+        },
+        content: (0, _i18n.transI18n)('fmt_uimanager_tips_designedas', {
+          reason1: username,
+          reason2: targetRole
+        }),
+        onOk: function onOk() {
+          if (!_this6.userMap.has(userId)) {
+            _this6._uiEventStore.showToast({
+              type: 'error',
+              message: (0, _i18n.transI18n)('fmt_uimanager_tips_userleaft')
+            });
+            return;
+          }
+          _this6._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
+          _this6._uiEventStore.closeConfirmDialog();
+        },
+        okText: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
+          reason1: targetRole
+        }),
+        cancelText: (0, _i18n.transI18n)('fmt_security_buttons_cancel'),
+        closable: false
+      }, 'UPDATE_USER_ROLE');
+    }
+  }, {
+    key: "_setAsHost",
+    value: function _setAsHost(userId) {
+      this._handleSetHostOrCoHost(userId, 'host');
+    }
+  }, {
+    key: "_setAsCoHost",
+    value: function _setAsCoHost(userId) {
+      this._handleSetHostOrCoHost(userId, 'cohost');
+    }
+  }, {
+    key: "_setAsAttendee",
+    value: function _setAsAttendee(userId) {
+      this._userControl.updateRemoteUserRole(userId, _type.FcrUserRole.PARTICIPANT);
+    }
+
+    // room control actions
+  }, {
+    key: "_muteAllAudio",
+    value: function _muteAllAudio(allowUnmute, JoinWithMuteAudio) {
+      this._securityStore.setAllowJoinWithMuteAudio(JoinWithMuteAudio);
+      this._securityStore.setAllowUnmuteSelfAudio(allowUnmute);
+      this._securityStore.muteAll();
+      _toast.FcrToastApi.open({
+        id: 'muteAll',
+        toastProps: {
+          content: (0, _i18n.transI18n)('fmt_uimanager_tips_allmuted'),
+          type: 'normal'
+        },
+        duration: 3000
+      });
+    }
+  }, {
+    key: "_unmuteAllAudio",
+    value: function _unmuteAllAudio() {
+      this._securityStore.setAllowUnmuteSelfAudio(true);
+    }
+
+    //允许自我解除静音
+  }, {
+    key: "_enableSelfUnmute",
+    value: function _enableSelfUnmute(enable) {
+      this._securityStore.setAllowUnmuteSelfAudio(enable);
+    }
+  }, {
+    key: "_enableOpenVideo",
+    value: function _enableOpenVideo(enable) {
+      this._securityStore.setAllowUnmuteSelfVideo(enable);
+    }
+  }, {
+    key: "_revokeHost",
+    value: function _revokeHost() {
+      if (!this._securityStore.hasRevokeHostPermission() || this._userControl.getLocalUser().userRole === _type.FcrUserRole.HOST) {
+        return;
+      }
+      this._userControl.revokeHost();
+    }
+  }, {
+    key: "_playJoinLeaveSound",
+    value: function _playJoinLeaveSound() {
+      // TODO
+    }
+  }, {
+    key: "_lockRoom",
+    value: function _lockRoom(enable) {
+      this._uiEventStore.showToast({
+        type: 'info',
+        message: enable ? (0, _i18n.transI18n)('fmt_uimanager_tips_meetinglocked') : (0, _i18n.transI18n)('fmt_uimanager_tips_meetingunlocked')
+      });
+      this._securityStore.setLockRoomEnabled(enable);
+    }
+  }, {
+    key: "_enableWaitingRoom",
+    value: function _enableWaitingRoom(enable) {
+      this._securityStore.setLockRoomEnabled(enable);
+    }
+  }, {
+    key: "_enableRename",
+    value: function _enableRename(_enable) {
+      // TODO
+      // const isAllowChangeSelfName = this._securityStore.allowChangeSelfName();
+      this._securityStore.setAllowChangeSelfName();
+    }
+    // 所有人加入会议时静音
+  }, {
+    key: "enableJoinWithMuteAudio",
+    value: function enableJoinWithMuteAudio(enable) {
+      this._securityStore.setAllowJoinWithMuteAudio(enable);
+    }
+  }, {
+    key: "_updateUserBoardState",
+    value: function _updateUserBoardState(modifiedUser) {
+      var _this$_roomControl$ge = this._roomControl.getBoardControl().getBoardActiveInfo(),
+        isActive = _this$_roomControl$ge.isActive,
+        ownerUserId = _this$_roomControl$ge.ownerUserId;
+      if (!ownerUserId && !modifiedUser) return;
+      var ownerUser = this._userControl.getUser(ownerUserId);
+      var targetUser = modifiedUser || ownerUser;
+      this._dataSource.update(!isActive ? ownerUser : targetUser, !isActive ? isActive : ownerUserId === (targetUser === null || targetUser === void 0 ? void 0 : targetUser.userId) && isActive);
+    }
+  }, {
+    key: "_handleRemoteUserJoined",
+    value: function _handleRemoteUserJoined(_roomId, events) {
+      var _this7 = this;
+      events.forEach(function (event) {
+        var modifiedUser = event.modifiedUser;
+        _this7._dataSource.add(modifiedUser, _this7._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this7._userControl.getLocalUser().userId);
+        _this7._updateUserBoardState(modifiedUser);
+      });
+    }
+  }, {
+    key: "_handleRemoteUserLeft",
+    value: function _handleRemoteUserLeft(_roomId, events) {
+      var _this8 = this;
+      events.forEach(function (event) {
+        var modifiedUser = event.modifiedUser;
+        _this8._dataSource["delete"](modifiedUser);
+        _this8._updateUserBoardState(modifiedUser);
+      });
+    }
+  }, {
+    key: "_onLocalUserKickedout",
+    value: function _onLocalUserKickedout() {
+      this._uiEventStore.localUserKickedOutInMainRoom();
+    }
+  }, {
+    key: "_onUserInfoUpdated",
+    value: function _onUserInfoUpdated(_roomId, event) {
+      var _this$userMap$get7;
+      var targetUser = event.modifiedUser;
+      this._updateUserBoardState(targetUser);
+      // this._dataSource.update(targetUser);
+      var originUser = (_this$userMap$get7 = this.userMap.get(targetUser.userId)) === null || _this$userMap$get7 === void 0 ? void 0 : _this$userMap$get7.userInfo;
+      var _this$_userControl$ge3 = this._userControl.getLocalUser(),
+        localUserId = _this$_userControl$ge3.userId,
+        localUserRole = _this$_userControl$ge3.userRole;
+      var effectSelf = targetUser.userId === localUserId;
+      if ((originUser === null || originUser === void 0 ? void 0 : originUser.userRole) !== targetUser.userRole) {
+        // 参会者变管理
+        if (targetUser.userRole === _type.FcrUserRole.HOST || targetUser.userRole === _type.FcrUserRole.COHOST) {
+          var userTxt = targetUser.userRole === _type.FcrUserRole.HOST ? (0, _i18n.transI18n)('fmt_role_host') : (0, _i18n.transI18n)('fmt_role_cohost');
+          this._uiEventStore.showToast({
+            type: effectSelf ? 'info' : 'normal',
+            message: effectSelf ? "".concat((0, _i18n.transI18n)('fmt_uimanager_labels_designate')).concat(userTxt) : (0, _i18n.transI18n)('fmt_uimanager_labels_Becoming', {
+              reason1: "".concat(targetUser.userName, " ").concat(this._isHost(localUserRole) ? '' : (0, _i18n.transI18n)('fmt_pairicipant_label_Now')),
+              reason2: userTxt
+            })
+          });
+        }
+
+        // 管理变参会者
+        if ((originUser === null || originUser === void 0 ? void 0 : originUser.userRole) === _type.FcrUserRole.COHOST && targetUser.userRole !== _type.FcrUserRole.COHOST) {
+          this._uiEventStore.showToast({
+            type: effectSelf ? 'error' : 'normal',
+            message: effectSelf ? (0, _i18n.transI18n)('fmt_additional_tips_cohostbeenrevoke') : this._isHost(localUserRole) ? (0, _i18n.transI18n)('fmt_additional_tips_cohostbeenrevoke', {
+              reason1: targetUser.userName
+            }) : (0, _i18n.transI18n)('fmt_additional_tips_nolongercohost', {
+              reason1: targetUser.userName
+            }),
+            duration: 3000
+          });
+        }
+      }
+      this._updateLocalUserRole(localUserRole);
+      this._refreshCurrentPerspectiveType();
+    }
+  }, {
+    key: "_onAllUserCountUpdated",
+    value: function _onAllUserCountUpdated(_roomId, count) {
+      this.participantCount = count;
+    }
+  }, {
+    key: "_initUserList",
+    value: function _initUserList() {
+      this._refreshCurrentPerspectiveType();
+      var users = this._userControl.getUsers();
+      for (var _i = 0, _Object$entries = Object.entries(users); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
+          userId = _Object$entries$_i[0],
+          user = _Object$entries$_i[1];
+        this._dataSource.add(user, this._streamControl.getStreamsByUserId(userId), this._userControl.getLocalUser().userId === userId);
+      }
+    }
+  }, {
+    key: "_handleStreamsAdded",
+    value: function _handleStreamsAdded(_roomId, events) {
+      var _this9 = this;
+      events.forEach(function (e) {
+        var modifiedStream = e.modifiedStream;
+        _this9._dataSource.updateWithStreamAdd(modifiedStream);
+      });
+    }
+  }, {
+    key: "_handleStreamsUpdated",
+    value: function _handleStreamsUpdated(_roomId, events) {
+      var _this10 = this;
+      events.forEach(function (e) {
+        var modifiedStream = e.modifiedStream;
+        _this10._dataSource.update(modifiedStream);
+      });
+    }
+  }, {
+    key: "_handleStreamsRemoved",
+    value: function _handleStreamsRemoved(_roomId, events) {
+      var _this11 = this;
+      events.forEach(function (e) {
+        var modifiedStream = e.modifiedStream;
+        _this11._dataSource.updateWithStreamRemove(modifiedStream);
+      });
+    }
+  }, {
+    key: "_refreshCurrentPerspectiveType",
+    value: function _refreshCurrentPerspectiveType() {
+      var _this$_userControl$ge4;
+      var localUserUid = (_this$_userControl$ge4 = this._userControl.getLocalUser()) === null || _this$_userControl$ge4 === void 0 ? void 0 : _this$_userControl$ge4.userId;
+      if (!localUserUid) {
+        this.currentPerspectiveType = 'attendee';
+        return;
+      }
+      var localUser = this._userControl.getUser(localUserUid);
+      if (!localUser) {
+        this.currentPerspectiveType = 'attendee';
+        return;
+      }
+      if (localUser.userRole === _type.FcrUserRole.HOST) {
+        this.currentPerspectiveType = 'host';
+        return;
+      }
+      if (localUser.userRole === _type.FcrUserRole.COHOST) {
+        this.currentPerspectiveType = 'cohost';
+        return;
+      }
+      this.currentPerspectiveType = 'attendee';
+    }
+  }, {
+    key: "_onPeerSessionReceived",
+    value: function _onPeerSessionReceived(session) {
+      var _this$_userControl$ge5;
+      if (session.sessionId && this._processedUserOpenDeviceRequests.has(session.sessionId)) {
+        return;
+      }
+      this._processedUserOpenDeviceRequests.add(session.sessionId);
+      var localUserUid = (_this$_userControl$ge5 = this._userControl.getLocalUser()) === null || _this$_userControl$ge5 === void 0 ? void 0 : _this$_userControl$ge5.userId;
+      if (!localUserUid) {
+        return;
+      }
+      var localUser = this._streamControl.getStreamsByUserId(localUserUid).find(function (user) {
+        return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+      });
+      if (!localUser) {
+        return;
+      }
+      var localUserHasAudio = this._deviceStore.microphoneEnabled;
+      var localUserHasVideo = this._deviceStore.cameraEnabled;
+      var sessionKey = session.sessionKey,
+        payload = session.payload;
+      this._lastReceiveSession = session;
+      if (sessionKey === _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA) {
+        if (localUserHasVideo) {
+          this._peerSessionControl.acceptPeerSession(session);
+          return;
+        }
+        var _ref7 = payload,
+          sender = _ref7.sender;
+        this.setRequestEquipType(EquipRequstType.VIDEO);
+        this.setRequestEquipSenderRole(sender.userRole);
+        this.setRequestEquipPopupShow(true);
+        return;
+      } else if (sessionKey === _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE) {
+        if (localUserHasAudio) {
+          this._peerSessionControl.acceptPeerSession(session);
+          return;
+        }
+        var _ref8 = payload,
+          _sender = _ref8.sender;
+        this.setRequestEquipType(EquipRequstType.MICRO);
+        this.setRequestEquipSenderRole(_sender.userRole);
+        this.setRequestEquipPopupShow(true);
+        return;
+      }
+    }
+  }, {
+    key: "cancelRequestEquip",
+    value: function cancelRequestEquip() {
+      if (this._lastReceiveSession) {
+        this._peerSessionControl.rejectPeerSession(this._lastReceiveSession);
+      }
+      this.setRequestEquipPopupShow(false);
+    }
+  }, {
+    key: "confirmRequestEquip",
+    value: function confirmRequestEquip() {
+      if (this._lastReceiveSession) {
+        this._peerSessionControl.acceptPeerSession(this._lastReceiveSession);
+        if (this._lastReceiveSession.sessionKey === _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE) {
+          this._deviceStreamStore.enableMicrophoneWithStream(true);
+        } else {
+          this._deviceStreamStore.enableCameraWithStream(true);
+        }
+      }
+      this.setRequestEquipPopupShow(false);
+    }
+  }, {
+    key: "_onPeerSessionAccepted",
+    value: function _onPeerSessionAccepted(session) {
+      this._updateSessionTimestamp(session);
+    }
+  }, {
+    key: "_onPeerSessionRejected",
+    value: function _onPeerSessionRejected(session) {
+      this._updateSessionTimestamp(session);
+    }
+  }, {
+    key: "_updateSessionTimestamp",
+    value: function _updateSessionTimestamp(session) {
+      var responderId = session.responderId,
+        sessionKey = session.sessionKey;
+      switch (sessionKey) {
+        case _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA:
+          this._unmuteVideoTimestamp["delete"](responderId);
+          break;
+        case _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE:
+          this._unmuteAudioTimestamp["delete"](responderId);
+          break;
+      }
+    }
+  }, {
+    key: "_isSetSpotlightEnable",
+    value: function _isSetSpotlightEnable(count, enableSpotlight) {
+      var setSpotlightEnable = count > FcrParticipantStore.MIN_USERS_TO_ENABLE_SPOTLIGHT;
+      return setSpotlightEnable && enableSpotlight;
+    }
+  }, {
+    key: "_addReactions",
+    value: function _addReactions() {
+      var _this12 = this;
+      this._disposers.push((0, _mobx.reaction)(function () {
+        return {
+          count: _this12.participantCount,
+          enableSpotlight: _this12.enableSpotlight
+        };
+      }, function (_ref9) {
+        var count = _ref9.count,
+          enableSpotlight = _ref9.enableSpotlight;
+        // 这里算出的是真实可以被layout的消费的enableSpotlight
+        var enableSetSpotlight = _this12._isSetSpotlightEnable(count, enableSpotlight);
+        _this12._uiEventStore.sendEvent(_constant.UIAction.REFRESH_WINDOW_DATA_SPOTLIGHT_ENABLED, enableSetSpotlight);
+      }));
+    }
+  }, {
+    key: "_isHost",
+    value: function _isHost(userRole) {
+      return userRole === _type.FcrUserRole.HOST;
+    }
+  }, {
+    key: "_updateLocalUserRole",
+    value: function _updateLocalUserRole(userRole) {
+      this.localUserRole = userRole;
+    }
+  }, {
+    key: "setRequestEquipPopupShow",
+    value: function setRequestEquipPopupShow(show) {
+      this.requestEquipPopupShow = show;
+    }
+  }, {
+    key: "setRequestEquipType",
+    value: function setRequestEquipType(requesttEquipType) {
+      this.requestEquipType = requesttEquipType;
+    }
+  }, {
+    key: "setRequestEquipSenderRole",
+    value: function setRequestEquipSenderRole(requestEquipSenderRole) {
+      this.requestEquipSenderRole = requestEquipSenderRole;
+    }
+  }]);
+}();
+_FcrParticipantStore = FcrParticipantStore;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrParticipantStore, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "currentPerspectiveType"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "spotlightUserId"], [_mobx.observable, 1, "enableSpotlight"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "isNewWaitingRoomUserEnter"], [_mobx.observable, 1, "waitingRoomUserCount"], [_mobx.observable, 1, "participantCount"], [_mobx.observable, 1, "requestEquipPopupShow"], [_mobx.observable, 1, "requestEquipType"], [_mobx.observable, 1, "requestEquipSenderRole"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "localUser"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "hostList"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "participantList"], [_mobx.computed, 3, "memberList"], [_mobx.computed, 3, "localMicVolume"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_setSpotlightUserIdDecs, 18, "setSpotlightUserId"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_moveToWaitingRoomByUserIdsDecs, 18, "_moveToWaitingRoomByUserIds"], [_removeWaitingRoomUserDecs, 18, "removeWaitingRoomUser"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_handlerRoomControlActionDecs, 18, "handlerRoomControlAction"], [_handleEventDecs, 18, "_handleEvent"], [_moveToMainRoomByUserIdsDecs, 18, "moveToMainRoomByUserIds"], [_handleActiveTabDecs, 18, "handleActiveTab"], [_setAsAttendeeDecs, 18, "_setAsAttendee"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_decorator.bound, 2, "_onLocalUserKickedout"], [_onUserInfoUpdatedDecs, 18, "_onUserInfoUpdated"], [_onAllUserCountUpdatedDecs, 18, "_onAllUserCountUpdated"], [_initUserListDecs, 18, "_initUserList"], [_decorator.bound, 2, "_handleStreamsAdded"], [_decorator.bound, 2, "_handleStreamsUpdated"], [_decorator.bound, 2, "_handleStreamsRemoved"], [_refreshCurrentPerspectiveTypeDecs, 18, "_refreshCurrentPerspectiveType"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_decorator.bound, 2, "cancelRequestEquip"], [_decorator.bound, 2, "confirmRequestEquip"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_updateLocalUserRoleDecs, 18, "_updateLocalUserRole"], [_setRequestEquipPopupShowDecs, 18, "setRequestEquipPopupShow"], [_setRequestEquipTypeDecs, 18, "setRequestEquipType"], [_setRequestEquipSenderRoleDecs, 18, "setRequestEquipSenderRole"]], []).e, 19);
+_init__mainList = _applyDecs$e[0];
+_init__participantsWindowActive = _applyDecs$e[1];
+_init_currentPerspectiveType = _applyDecs$e[2];
+_init_enableParticipantsJoinWithMute = _applyDecs$e[3];
+_init_searchText = _applyDecs$e[4];
+_init_currentModal = _applyDecs$e[5];
+_init_localUserRole = _applyDecs$e[6];
+_init_spotlightUserId = _applyDecs$e[7];
+_init_enableSpotlight = _applyDecs$e[8];
+_init_mergeConfirmDialog = _applyDecs$e[9];
+_init_mergeUserId = _applyDecs$e[10];
+_init_activeTab = _applyDecs$e[11];
+_init_isNewWaitingRoomUserEnter = _applyDecs$e[12];
+_init_waitingRoomUserCount = _applyDecs$e[13];
+_init_participantCount = _applyDecs$e[14];
+_init_requestEquipPopupShow = _applyDecs$e[15];
+_init_requestEquipType = _applyDecs$e[16];
+_init_requestEquipSenderRole = _applyDecs$e[17];
+_initProto = _applyDecs$e[18];
+(0, _defineProperty2["default"])(FcrParticipantStore, _ref, 2);