fcr-ui-scene 1.0.20 → 3.1.0-1

package/lib/modules/participant/store.js

@@ -0,0 +1,1334 @@
+"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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 _type = require("agora-edu-core/lib/type");
+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 _toast = require("agora-ui-foundation/lib/components/toast");
+var _mobx = require("mobx");
+var _constant = require("../../utilities/constant");
+var _decorator = require("agora-foundation/lib/decorator");
+var _rendererEvent = require("../../utilities/renderer-event");
+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 _i18n2 = require("../../hooks/i18n");
+var _ParticipantStore;
+var _initProto, _init__mainList, _init__participantsWindowActive, _init_currentPerspectiveType, _init_audioVolumeMap, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_localUserRole, _init_spotlightStreamId, _init_enableSpotlight, _init_mergeConfirmDialog, _init_mergeUserId, _setSpotlightStreamIdDecs, _handleEventDecs, _setCurrentModalDecs, _openParticipantsWindowDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _handlerUserActionDecs, _handlerRoomControlActionDecs, _kickOutUserDecs, _setAsAttendeeDecs, _onAudioVolumeUpdatedDecs, _handleRemoteUserJoinedDecs, _handleRemoteUserLeftDecs, _onUserInfoUpdatedDecs, _initUserListDecs, _refreshCurrentPerspectiveTypeDecs, _getAllowedOperationsDecs, _onPeerSessionReceivedDecs, _updateLocalUserRoleDecs, _ref;
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { 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; }
+/**
+ * seconds
+ */
+var SESSION_DURATION = 30;
+var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
+var _D = /*#__PURE__*/new WeakMap();
+var _E = /*#__PURE__*/new WeakMap();
+var _A = /*#__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();
+_ref = (_setSpotlightStreamIdDecs = [_mobx.action, _mobx.action.bound], _handleEventDecs = [_mobx.action, _mobx.action.bound], _setCurrentModalDecs = [_mobx.action, _mobx.action.bound], _openParticipantsWindowDecs = [_mobx.action, _mobx.action.bound], _setParticipantsWindowActiveDecs = [_mobx.action, _mobx.action.bound], _handlerSearchUserDecs = [_mobx.action, _mobx.action.bound], _handlerUserActionDecs = [_mobx.action, _mobx.action.bound], _handlerRoomControlActionDecs = [_mobx.action, _mobx.action.bound], _kickOutUserDecs = [_mobx.action, _mobx.action.bound], _setAsAttendeeDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _initUserListDecs = [_mobx.action, _mobx.action.bound], _refreshCurrentPerspectiveTypeDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _onPeerSessionReceivedDecs = [_mobx.action, _mobx.action.bound], _updateLocalUserRoleDecs = [_mobx.action, _mobx.action.bound], "logger");
+var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
+  function ParticipantStore(_ref2) {
+    var _this = this;
+    var roomControl = _ref2.roomControl,
+      engine = _ref2.engine,
+      peerSessionControl = _ref2.peerSessionControl,
+      securityStore = _ref2.securityStore,
+      uiEventStore = _ref2.uiEventStore,
+      deviceStore = _ref2.deviceStore,
+      deviceStreamStore = _ref2.deviceStreamStore;
+    (0, _classCallCheck2["default"])(this, ParticipantStore);
+    (0, _defineProperty2["default"])(this, _ref, (_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());
+    _classPrivateFieldInitSpec(this, _B, _init__mainList(this, []));
+    _classPrivateFieldInitSpec(this, _C, _init__participantsWindowActive(this, false));
+    _classPrivateFieldInitSpec(this, _D, _init_currentPerspectiveType(this, 'attendee'));
+    _classPrivateFieldInitSpec(this, _E, _init_audioVolumeMap(this, new Map()));
+    _classPrivateFieldInitSpec(this, _A, _type.FcrMediaSourceState.STOPPED);
+    _classPrivateFieldInitSpec(this, _F, _init_enableParticipantsJoinWithMute(this, false));
+    _classPrivateFieldInitSpec(this, _G, _init_searchText(this, ''));
+    _classPrivateFieldInitSpec(this, _H, _init_currentModal(this, 'modal'));
+    _classPrivateFieldInitSpec(this, _I, _init_localUserRole(this));
+    _classPrivateFieldInitSpec(this, _J, _init_spotlightStreamId(this, ''));
+    _classPrivateFieldInitSpec(this, _K, _init_enableSpotlight(this, true));
+    _classPrivateFieldInitSpec(this, _L, _init_mergeConfirmDialog(this, false));
+    _classPrivateFieldInitSpec(this, _M, _init_mergeUserId(this, ''));
+    (0, _defineProperty2["default"])(this, "_processedUserOpenDeviceRequests", new Set());
+    (0, _defineProperty2["default"])(this, "_streamsObserver", {
+      onStreamsAdded: this._handleStreamsAdded,
+      onStreamsUpdated: this._handleStreamsUpdated,
+      onAudioVolumeUpdated: this._onAudioVolumeUpdated,
+      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)
+    });
+    (0, _defineProperty2["default"])(this, "_eventObserver", {
+      onEvent: this._handleEvent
+    });
+    (0, _defineProperty2["default"])(this, "_whitebaordObderver", {
+      onBoardActiveInfoUpdated: function onBoardActiveInfoUpdated(isActive, operator) {
+        _this._updateUserBoardState(operator);
+      }
+    });
+    (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$ge;
+      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) === _type.FcrMediaSourceState.STARTED && ((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) === _type.FcrMediaSourceState.STARTED && ((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 === _type.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 == _type.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 ([_type.FcrRoomConnectorType.SIP, _type.FcrRoomConnectorType.H323].includes(user.userInfo.connectorType)) {
+        var firstSipOrH323Stream = targetUsers.find(function (_ref4) {
+          var connectorType = _ref4.connectorType;
+          return [_type.FcrRoomConnectorType.SIP, _type.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 === _type.FcrRoomConnectorType.PSTN) {
+        var _pstnStream = targetUsers.find(function (_ref5) {
+          var connectorType = _ref5.connectorType;
+          return connectorType == _type.FcrRoomConnectorType.PSTN;
+        });
+        audioDeviceType = 'phone-mic';
+        userType = 'phone';
+        hasAudio = hasAudioPublishedAndStarted(_pstnStream);
+        hasVideo = false;
+      }
+      var isSpotlight = user.streams.some(function (stream) {
+        return stream.streamId === _this.spotlightStreamId;
+      });
+      return {
+        userId: user.userId,
+        userName: user.userInfo.userName,
+        isHost: user.userInfo.userRole === _type.FcrUserRole.HOST,
+        isMe: user.userId === ((_this$_userControl$ge = _this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userId),
+        hasAudio: hasAudio,
+        hasVideo: hasVideo,
+        isScreenSharing: !!hasShareScreen,
+        audioDeviceType: audioDeviceType,
+        videoDeviceType: videoDeviceType,
+        userType: userType,
+        userRole: user.userInfo.userRole,
+        isSpotlight: isSpotlight,
+        isBoardActive: user.userInfo.isBoardActive
+      };
+    });
+    this._roomControl = roomControl;
+    this._engine = engine;
+    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.getWhiteboardControl().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"])(ParticipantStore, [{
+    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: "audioVolumeMap",
+    get: function get() {
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, 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(_F, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_F, this, v);
+    }
+  }, {
+    key: "searchText",
+    get: function get() {
+      return _classPrivateFieldGet(_G, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_G, this, v);
+    }
+  }, {
+    key: "currentModal",
+    get: function get() {
+      return _classPrivateFieldGet(_H, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_H, this, v);
+    }
+  }, {
+    key: "localUserRole",
+    get: function get() {
+      return _classPrivateFieldGet(_I, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_I, this, v);
+    }
+  }, {
+    key: "spotlightStreamId",
+    get: function get() {
+      return _classPrivateFieldGet(_J, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_J, this, v);
+    }
+  }, {
+    key: "enableSpotlight",
+    get: function get() {
+      return _classPrivateFieldGet(_K, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_K, this, v);
+    }
+  }, {
+    key: "mergeConfirmDialog",
+    get: function get() {
+      return _classPrivateFieldGet(_L, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_L, this, v);
+    }
+  }, {
+    key: "mergeUserId",
+    get: function get() {
+      return _classPrivateFieldGet(_M, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_M, this, v);
+    }
+  }, {
+    key: "setSpotlightStreamId",
+    value: function setSpotlightStreamId(streamId) {
+      this.spotlightStreamId = streamId;
+    }
+  }, {
+    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: "userListSource",
+    get: function get() {
+      return this._dataSource.list;
+    }
+  }, {
+    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: "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: "hasMutePermission",
+    value: function hasMutePermission(targetRole) {
+      return this._securityStore.hasMutePermission(targetRole);
+    }
+  }, {
+    key: "hasUnmutePermission",
+    value: function hasUnmutePermission(targetRole) {
+      return this._securityStore.hasUnmutePermission(targetRole);
+    }
+  }, {
+    key: "hasRequestStartAudioPermission",
+    value: function hasRequestStartAudioPermission(targetRole) {
+      return this._securityStore.hasRequestStartAudioPermission(targetRole);
+    }
+  }, {
+    key: "_handleEvent",
+    value: function _handleEvent(action, payload) {
+      if (action === _constant.UIAction.MAIN_LIST_CHANGED) {
+        this._mainList = payload || [];
+      }
+      if (action === _constant.UIAction.SPOTLIGHT_STREAM_CHANGED) {
+        var _ref6 = payload,
+          type = _ref6.type,
+          streamId = _ref6.streamId;
+        if (type === 'add') {
+          this.setSpotlightStreamId(streamId);
+        } else {
+          this.setSpotlightStreamId('');
+        }
+      }
+      if (action === _constant.UIAction.CUSTOM_SETTINGS_CHANGED) {
+        var _ref7 = payload,
+          spotlightEnabled = _ref7.spotlightEnabled;
+        this.enableSpotlight = spotlightEnabled;
+      }
+    }
+  }, {
+    key: "setCurrentModal",
+    value: function setCurrentModal(modal) {
+      this.currentModal = modal;
+    }
+  }, {
+    key: "closeParticipantsAside",
+    value: function closeParticipantsAside() {
+      this._uiEventStore.updateAside({
+        participant: false
+      });
+    }
+  }, {
+    key: "openParticipantsWindow",
+    value: function 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 _this3 = this;
+      var title = params.title,
+        content = params.content,
+        _onOk = params.onOk,
+        _onCancel = params.onCancel,
+        okText = params.okText,
+        cancelText = params.cancelText,
+        closable = params.closable,
+        height = params.height;
+      var dialogKey = this._uiEventStore.openConfirmDialog({
+        title: title,
+        content: content,
+        okText: okText,
+        cancelText: cancelText,
+        height: height,
+        onCancel: function onCancel() {
+          _this3._uiEventStore.closeDialog(dialogKey);
+          _onCancel && _onCancel();
+        },
+        onOk: function onOk() {
+          _this3._uiEventStore.closeDialog(dialogKey);
+          _onOk();
+        }
+      });
+    }
+  }, {
+    key: "userList",
+    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: "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._userControl.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: "handlerUserAction",
+    value: function handlerUserAction(action, userId) {
+      switch (action) {
+        case _constant.ParticipantType.MUTE_AUDIO:
+          this._muteUserAudio(userId);
+          break;
+        case _constant.ParticipantType.UNMUTE_AUDIO:
+          this._unmuteUserAudio(userId);
+          break;
+        case _constant.ParticipantType.MUTE_VIDEO:
+          this._muteUserVideo(userId);
+          break;
+        case _constant.ParticipantType.UNMUTE_VIDEO:
+          this._unmuteUserVideo(userId);
+          break;
+        case _constant.ParticipantType.PRIVATE_CHAT:
+          this._privateChat(userId);
+          break;
+        case _constant.ParticipantType.KICK_OUT:
+          this._kickOutUser(userId);
+          break;
+        case _constant.ParticipantType.ADD_PIN:
+          this.addPin(userId);
+          break;
+        case _constant.ParticipantType.REMOVE_PIN:
+          this.removePin(userId);
+          break;
+        case _constant.ParticipantType.SET_AS_HOST:
+          this._setAsHost(userId);
+          break;
+        case _constant.ParticipantType.RENAME:
+          break;
+        case _constant.ParticipantType.SET_MAIN_SPEAKER:
+          this._uiEventStore.setMainSpeaker({
+            userId: userId
+          });
+          break;
+        case _constant.ParticipantType.SET_AS_CO_HOST:
+          this._setAsCoHost(userId);
+          break;
+        case _constant.ParticipantType.SET_AS_ATTENDEE:
+          this._setAsAttendee(userId);
+          break;
+        case _constant.ParticipantType.MERGE_VIDEO:
+          this.setMergeConfirmDialog(true);
+          this.mergeUserId = userId;
+      }
+    }
+  }, {
+    key: "getMicStreamVolume",
+    value: function getMicStreamVolume(streamId) {
+      return this.audioVolumeMap.get(streamId) || 0;
+    }
+  }, {
+    key: "localMicVolume",
+    get: function get() {
+      return this._deviceStore.microphoneVolumeLevel;
+    }
+  }, {
+    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;
+      }
+    }
+
+    //  user actions
+  }, {
+    key: "_muteUserAudio",
+    value: 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: _type.FcrStreamPrivilegeOperation.NOPRIVILEGE,
+          videoPrivilege: _type.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: _type.FcrStreamPrivilegeOperation.NOOPERATION,
+          videoPrivilege: _type.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();
+        var targetUsers = this._streamControl.getStreamsByUserId(userId);
+        var targetUser = targetUsers[0];
+        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: "_kickOutUser",
+    value: function _kickOutUser(userId) {
+      var _this5 = this,
+        _this$userMap$get3;
+      this.openConfirmDialog({
+        title: '',
+        onCancel: function onCancel() {
+          _this5._uiEventStore.closeConfirmDialog();
+        },
+        content: (0, _i18n.transI18n)('fmt_uimanager_tips_Remove', {
+          reason2: (_this$userMap$get3 = this.userMap.get(userId)) === null || _this$userMap$get3 === void 0 ? void 0 : _this$userMap$get3.userInfo.userName
+        }),
+        onOk: function onOk() {
+          _this5._userControl.kickOut(userId, _type.FcrUserKickOutType.Once);
+          _this5._uiEventStore.closeConfirmDialog();
+        },
+        height: 160
+      }, 'KICK_OUT');
+    }
+  }, {
+    key: "removePin",
+    value: function removePin(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.REMOVE_PIN,
+          streamId: streamId
+        });
+      }
+    }
+  }, {
+    key: "addPin",
+    value: function addPin(userId) {
+      var _this$userMap$get5;
+      var streamId = (_this$userMap$get5 = this.userMap.get(userId)) === null || _this$userMap$get5 === void 0 || (_this$userMap$get5 = _this$userMap$get5.streams.find(function (stream) {
+        return stream.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+      })) === null || _this$userMap$get5 === void 0 ? void 0 : _this$userMap$get5.streamId;
+      if (streamId) {
+        this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_PIN_ACTION, {
+          action: _constant.VideoWindowPinType.ADD_PIN,
+          streamId: streamId
+        });
+      }
+    }
+  }, {
+    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.updateUserRole(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.updateUserRole(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;
+      }
+
+      // find current host
+      var hostUser;
+      this.userMap.forEach(function (user) {
+        if (user.userInfo.userRole === _type.FcrUserRole.HOST) {
+          hostUser = user.userInfo;
+        }
+      });
+      if (hostUser) {
+        this._userControl.revokeHost(hostUser.userId);
+      }
+    }
+  }, {
+    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: "_onAudioVolumeUpdated",
+    value: function _onAudioVolumeUpdated(roomId, streamId, volume) {
+      var users = this._streamControl.getStreams();
+      var user = users[streamId];
+      if (!user) {
+        return;
+      }
+      this.audioVolumeMap.set(user.owner.userId, volume);
+    }
+  }, {
+    key: "_updateUserBoardState",
+    value: function _updateUserBoardState(modifiedUser) {
+      var _this$_roomControl$ge = this._roomControl.getWhiteboardControl().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: "_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$ge2 = this._userControl.getLocalUser(),
+        localUserId = _this$_userControl$ge2.userId,
+        localUserRole = _this$_userControl$ge2.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: "_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$ge3;
+      var localUserUid = (_this$_userControl$ge3 = this._userControl.getLocalUser()) === null || _this$_userControl$ge3 === void 0 ? void 0 : _this$_userControl$ge3.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: "hasRevokeHostPermission",
+    get: function get() {
+      return this._securityStore.hasRevokeHostPermission() && this.localUserRole !== _type.FcrUserRole.HOST;
+    }
+  }, {
+    key: "getAllowedOperations",
+    value: function getAllowedOperations(targetRole, isSelf) {
+      return this._securityStore.getAllowedOperations(targetRole, isSelf);
+    }
+  }, {
+    key: "_onPeerSessionReceived",
+    value: function _onPeerSessionReceived(session) {
+      var _this$_userControl$ge4,
+        _this12 = this;
+      if (session.sessionId && this._processedUserOpenDeviceRequests.has(session.sessionId)) {
+        return;
+      }
+      this._processedUserOpenDeviceRequests.add(session.sessionId);
+      var localUserUid = (_this$_userControl$ge4 = this._userControl.getLocalUser()) === null || _this$_userControl$ge4 === void 0 ? void 0 : _this$_userControl$ge4.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;
+      if (sessionKey === _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA) {
+        if (localUserHasVideo) {
+          this._peerSessionControl.acceptPeerSession(session);
+          return;
+        }
+        var _ref8 = payload,
+          sender = _ref8.sender;
+        this.openConfirmDialog({
+          title: (0, _i18n.transI18n)('fmt_attendies_tips_apply_video_title', {
+            reason1: (0, _i18n.transI18n)(_i18n2.userRoleI18nKey[sender.userRole])
+          }),
+          content: (0, _i18n.transI18n)('fmt_additional_tips_cameraturnon'),
+          okText: (0, _i18n.transI18n)('fmt_additional_button_accept'),
+          cancelText: (0, _i18n.transI18n)('fmt_additional_button_refuse'),
+          onOk: function onOk() {
+            _this12._peerSessionControl.acceptPeerSession(session);
+            _this12._deviceStreamStore.enableCameraWithStream(true);
+            _this12._uiEventStore.closeConfirmDialog();
+          },
+          onCancel: function onCancel() {
+            _this12._peerSessionControl.rejectPeerSession(session);
+            _this12._uiEventStore.closeConfirmDialog();
+          }
+        }, _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA);
+        return;
+      }
+      if (sessionKey === _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE) {
+        if (localUserHasAudio) {
+          this._peerSessionControl.acceptPeerSession(session);
+          return;
+        }
+        var _ref9 = payload,
+          _sender = _ref9.sender;
+        this.openConfirmDialog({
+          title: (0, _i18n.transI18n)('fmt_attendies_tips_apply_audio_title', {
+            reason1: (0, _i18n.transI18n)(_i18n2.userRoleI18nKey[_sender.userRole])
+          }),
+          content: (0, _i18n.transI18n)('fmt_additional_tips_agreeturnon'),
+          okText: (0, _i18n.transI18n)('fmt_device_label_audio_unmute'),
+          cancelText: (0, _i18n.transI18n)('fmt_additional_options_Keepsilent'),
+          onOk: function onOk() {
+            _this12._peerSessionControl.acceptPeerSession(session);
+            _this12._deviceStreamStore.enableMicrophoneWithStream(true);
+            _this12._uiEventStore.closeConfirmDialog();
+          },
+          onCancel: function onCancel() {
+            _this12._peerSessionControl.rejectPeerSession(session);
+            _this12._uiEventStore.closeConfirmDialog();
+          }
+        }, _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE);
+      }
+    }
+  }, {
+    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: "_sendEvent",
+    value: function _sendEvent(action, payload) {
+      (0, _rendererEvent.sendEvent)({
+        action: action,
+        payload: payload
+      });
+    }
+  }, {
+    key: "_addReactions",
+    value: function _addReactions() {
+      var _this13 = this;
+      this._disposers.push((0, _mobx.reaction)(function () {
+        return _this13._participantsWindowActive;
+      }, function (active) {
+        if (active) {
+          _this13._sendEvent(_constant.RendererEventAction.INIT_PARTICIPANT_LIST, {
+            userList: _this13.userList,
+            perspectiveType: _this13.currentPerspectiveType,
+            allowChangeSelfName: _this13._securityStore.allowChangeSelfName(),
+            allowChat: _this13._securityStore.allowChat(),
+            allowJoinWithMuteAudio: _this13._securityStore.allowJoinWithMuteAudio(),
+            allowShareScreen: _this13._securityStore.allowScreenShareAndBoard(),
+            allowUnmuteSelfVideo: _this13._securityStore.allowUnmuteSelfVideo(),
+            allowUnmuteSelfAudio: _this13._securityStore.allowUnmuteSelfAudio(),
+            isLockRoomEnabled: _this13._securityStore.isLockRoomEnabled(),
+            isWaitingRoomEnabled: _this13._securityStore.isWaitingRoomEnabled(),
+            hasRevokeHostPermission: _this13._securityStore.hasRevokeHostPermission() && _this13._userControl.getLocalUser().userRole !== _type.FcrUserRole.HOST,
+            userRole: _this13._userControl.getLocalUser().userRole
+          });
+        }
+      }));
+      this._disposers.push((0, _mobx.reaction)(function () {
+        return _this13.userList;
+      }, function (list) {
+        (0, _rendererEvent.sendEvent)({
+          action: _constant.RendererEventAction.UPDATE_PARTICIPANT,
+          payload: list
+        });
+      }));
+    }
+  }, {
+    key: "_isCohost",
+    value: function _isCohost(userRole) {
+      return userRole === _type.FcrUserRole.COHOST;
+    }
+  }, {
+    key: "_isHost",
+    value: function _isHost(userRole) {
+      return userRole === _type.FcrUserRole.HOST;
+    }
+  }, {
+    key: "_updateLocalUserRole",
+    value: function _updateLocalUserRole(userRole) {
+      this.localUserRole = userRole;
+    }
+  }]);
+}();
+_ParticipantStore = ParticipantStore;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStore, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "currentPerspectiveType"], [_mobx.observable, 1, "audioVolumeMap"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "spotlightStreamId"], [_mobx.observable, 1, "enableSpotlight"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_setSpotlightStreamIdDecs, 18, "setSpotlightStreamId"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_handleEventDecs, 18, "_handleEvent"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_openParticipantsWindowDecs, 18, "openParticipantsWindow"], [_mobx.computed, 3, "userList"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_decorator.bound, 2, "getMicStreamVolume"], [_mobx.computed, 3, "localMicVolume"], [_handlerRoomControlActionDecs, 18, "handlerRoomControlAction"], [_kickOutUserDecs, 18, "_kickOutUser"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_setAsAttendeeDecs, 18, "_setAsAttendee"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_onUserInfoUpdatedDecs, 18, "_onUserInfoUpdated"], [_initUserListDecs, 18, "_initUserList"], [_decorator.bound, 2, "_handleStreamsAdded"], [_decorator.bound, 2, "_handleStreamsUpdated"], [_decorator.bound, 2, "_handleStreamsRemoved"], [_refreshCurrentPerspectiveTypeDecs, 18, "_refreshCurrentPerspectiveType"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_updateLocalUserRoleDecs, 18, "_updateLocalUserRole"]], []).e, 13);
+_init__mainList = _applyDecs$e[0];
+_init__participantsWindowActive = _applyDecs$e[1];
+_init_currentPerspectiveType = _applyDecs$e[2];
+_init_audioVolumeMap = _applyDecs$e[3];
+_init_enableParticipantsJoinWithMute = _applyDecs$e[4];
+_init_searchText = _applyDecs$e[5];
+_init_currentModal = _applyDecs$e[6];
+_init_localUserRole = _applyDecs$e[7];
+_init_spotlightStreamId = _applyDecs$e[8];
+_init_enableSpotlight = _applyDecs$e[9];
+_init_mergeConfirmDialog = _applyDecs$e[10];
+_init_mergeUserId = _applyDecs$e[11];
+_initProto = _applyDecs$e[12];