fcr-ui-scene 1.0.40 → 3.1.0-2

package/lib/modules/share-screen/store.js

@@ -0,0 +1,1714 @@
+"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.map.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"] = exports.StoreContext = 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.index-of.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.promise.finally.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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _agoraEduCore = require("agora-edu-core");
+var _type = require("agora-edu-core/lib/type");
+var _logger = require("agora-foundation/lib/logger");
+var _env = require("agora-foundation/lib/utilities/env");
+var _type2 = require("agora-rte-sdk/lib/core/rtc/type");
+var _type3 = require("agora-rte-sdk/lib/core/scene/type");
+var _type4 = require("agora-rte-sdk/lib/type");
+var _shareAudio = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio");
+var _mobx = require("mobx");
+var _constant = require("../../utilities/constant");
+var _rendererEvent = require("../../utilities/renderer-event");
+var _platform = require("../../utilities/platform");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
+var _decorator = require("agora-foundation/lib/decorator");
+var _type5 = require("../action-bar/type");
+var _tools = require("../../utilities/tools");
+var _react = require("react");
+var _type6 = require("agora-ui-foundation/lib/components/icon/type");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type7 = require("../whiteboard/type");
+var _jsxRuntime = require("react/jsx-runtime");
+var _ShareScreenStore;
+var _initProto, _init__shareSelectionDialogId, _init__controlBarDialogId, _init__videoWindowDialogId, _init__isHost, _init__shareLocked, _init__screenTrack, _init__shareAudioTrack, _init__localUser, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_hasScreenCapturePermission, _init_showConfirm, _init_shareControlBarActive, _init_withAudio, _init_currentShareAudioProcessingChannel, _init_currentShareId, _init_sharerId, _init_currentShareType, _init_currentSelection, _init_currentSelectionType, _init_shareWithAudio, _init_boardOwnerUser, _init_localUser, _init_localUserRole, _init_title, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setShareAudioProcessingChannelDecs, _handleCheckScreenCapturePermissionDecs, _handleToSettingDecs, _setShareWithAudioDecs, _muteLocalAudioDecs, _muteLocalVideoDecs, _handleShareScreenResourceDecs, _handleStartShareDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _handleStopShareDecs, _handleReplaceScreenDecs, _startPreviewDecs, _setShareControlBarActiveDecs, _setCurrentCameraIdDecs, _setCurrentSpeakerIdDecs, _setCurrentMicrophoneIdDecs, _setAllowChangeSelfNameDecs, _setAllowChatDecs, _setAllowJoinWithMuteAudioDecs, _setAllowShareScreenDecs, _setAllowUnmuteSelfVideoDecs, _setAllowUnmuteSelfAudioDecs, _setLockRoomEnabledDecs, _setWaitingRoomEnabledDecs, _openDialogDecs, _closeShareScreenSelectionDecs, _openControlBarDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _handleScreenCaptureStateUpdatedDecs, _updateCameraListDecs, _updateMicrophoneListDecs, _updateSpeakerListDecs, _handleLiveStreamingStateUpdatedDecs, _setShareLockDecs, _refreshLocalUserDecs, _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; }
+var _A = /*#__PURE__*/new WeakMap();
+var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
+var _D = /*#__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();
+var _T = /*#__PURE__*/new WeakMap();
+var _U = /*#__PURE__*/new WeakMap();
+var _V = /*#__PURE__*/new WeakMap();
+var _W = /*#__PURE__*/new WeakMap();
+var _X = /*#__PURE__*/new WeakMap();
+var _Y = /*#__PURE__*/new WeakMap();
+var _Z = /*#__PURE__*/new WeakMap();
+_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _handleCheckScreenCapturePermissionDecs = [_mobx.action, _mobx.action.bound], _handleToSettingDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalVideoDecs = [_mobx.action, _mobx.action.bound], _handleShareScreenResourceDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _setShareControlBarActiveDecs = [_mobx.action, _mobx.action.bound], _setCurrentCameraIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setAllowChangeSelfNameDecs = [_mobx.action, _mobx.action.bound], _setAllowChatDecs = [_mobx.action, _mobx.action.bound], _setAllowJoinWithMuteAudioDecs = [_mobx.action, _mobx.action.bound], _setAllowShareScreenDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfVideoDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfAudioDecs = [_mobx.action, _mobx.action.bound], _setLockRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _setWaitingRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _openDialogDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _openControlBarDecs = [_mobx.action, _mobx.action.bound], _setControlBarWindowIdDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _updateCameraListDecs = [_mobx.action, _mobx.action.bound], _updateMicrophoneListDecs = [_mobx.action, _mobx.action.bound], _updateSpeakerListDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _refreshLocalUserDecs = [_mobx.action, _mobx.action.bound], "logger");
+var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
+  function ShareScreenStore(_ref2) {
+    var _this = this,
+      _this$_userControl$ge,
+      _this$localUser;
+    var roomControl = _ref2.roomControl,
+      mediaControl = _ref2.mediaControl,
+      securityStore = _ref2.securityStore,
+      uiEventStore = _ref2.uiEventStore,
+      deviceStore = _ref2.deviceStore,
+      deviceStreamStore = _ref2.deviceStreamStore;
+    (0, _classCallCheck2["default"])(this, ShareScreenStore);
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
+    (0, _defineProperty2["default"])(this, "_disposers", []);
+    (0, _defineProperty2["default"])(this, "_controlBarWindowId", -1);
+    (0, _defineProperty2["default"])(this, "_currentShareStreamId", '');
+    (0, _defineProperty2["default"])(this, "_connectType", _type5.ConnectType.NONE);
+    (0, _defineProperty2["default"])(this, "_removeScreenStreamFailed", false);
+    (0, _defineProperty2["default"])(this, "_observer", {
+      onScreenCaptureStateUpdated: this._handleScreenCaptureStateUpdated
+    });
+    (0, _defineProperty2["default"])(this, "_deviceStoreObserver", {
+      onCameraListUpdated: this._updateCameraList,
+      onMicrophoneListUpdated: this._updateMicrophoneList,
+      onSpeakerListUpdated: this._updateSpeakerList
+    });
+    (0, _defineProperty2["default"])(this, "_roomObserver", {
+      onLiveStreamingStateUpdated: this._handleLiveStreamingStateUpdated
+    });
+    (0, _defineProperty2["default"])(this, "_uiEventObserver", {
+      onEvent: this.onUiEvent.bind(this)
+    });
+    (0, _defineProperty2["default"])(this, "_streamObserver", {
+      onStreamsAdded: this._refreshLocalUser.bind(this),
+      onStreamsRemoved: this._refreshLocalUser.bind(this),
+      onStreamsUpdated: this._refreshLocalUser.bind(this)
+    });
+    _classPrivateFieldInitSpec(this, _A, _init__shareSelectionDialogId(this, ''));
+    _classPrivateFieldInitSpec(this, _B, _init__controlBarDialogId(this, ''));
+    _classPrivateFieldInitSpec(this, _C, _init__videoWindowDialogId(this, ''));
+    _classPrivateFieldInitSpec(this, _D, _init__isHost(this, false));
+    _classPrivateFieldInitSpec(this, _E, _init__shareLocked(this, false));
+    _classPrivateFieldInitSpec(this, _F, _init__screenTrack(this, null));
+    _classPrivateFieldInitSpec(this, _G, _init__shareAudioTrack(this, null));
+    _classPrivateFieldInitSpec(this, _H, _init__localUser(this, null));
+    _classPrivateFieldInitSpec(this, _I, _init_screenSharingState(this, _agoraEduCore.FcrMediaSourceState.STOPPED));
+    _classPrivateFieldInitSpec(this, _J, _init_applicationCaptureSources(this, []));
+    _classPrivateFieldInitSpec(this, _K, _init_screenCaptureSources(this, []));
+    _classPrivateFieldInitSpec(this, _L, _init_hasScreenCapturePermission(this, true));
+    _classPrivateFieldInitSpec(this, _M, _init_showConfirm(this, false));
+    _classPrivateFieldInitSpec(this, _N, _init_shareControlBarActive(this, false));
+    _classPrivateFieldInitSpec(this, _O, _init_withAudio(this, false));
+    _classPrivateFieldInitSpec(this, _P, _init_currentShareAudioProcessingChannel(this, _shareAudio.AudioProcessingChannel.MONO));
+    _classPrivateFieldInitSpec(this, _Q, _init_currentShareId(this, ''));
+    _classPrivateFieldInitSpec(this, _R, _init_sharerId(this, ''));
+    _classPrivateFieldInitSpec(this, _S, _init_currentShareType(this, _type2.AgoraRtcScreenCaptureType.DISPLAY));
+    _classPrivateFieldInitSpec(this, _T, _init_currentSelection(this, ''));
+    _classPrivateFieldInitSpec(this, _U, _init_currentSelectionType(this, _type2.AgoraRtcScreenCaptureType.WINDOW));
+    _classPrivateFieldInitSpec(this, _V, _init_shareWithAudio(this, false));
+    _classPrivateFieldInitSpec(this, _W, _init_boardOwnerUser(this, null));
+    _classPrivateFieldInitSpec(this, _X, _init_localUser(this, null));
+    _classPrivateFieldInitSpec(this, _Y, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
+    _classPrivateFieldInitSpec(this, _Z, _init_title(this, 'Whiteboard'));
+    (0, _defineProperty2["default"])(this, "handleChooseScreen", _init_handleChooseScreen(this, function (id) {
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type2.AgoraRtcScreenCaptureType.WINDOW;
+      _this.currentSelection = id;
+      _this.currentSelectionType = type;
+    }));
+    this._roomControl = roomControl;
+    this._mediaControl = mediaControl;
+    this._streamControl = roomControl.getStreamControl();
+    this._userControl = roomControl.getUserControl();
+    this.handleShareScreenResource = this.handleShareScreenResource.bind(this);
+    this.handleStopShare = this.handleStopShare.bind(this);
+    this._deviceStore = deviceStore;
+    this._deviceStreamStore = deviceStreamStore;
+    this._securityStore = securityStore;
+    this._uiEventStore = uiEventStore;
+    this._uiEventStore.addObserver(this._uiEventObserver);
+    this._streamControl.addObserver(this._streamObserver);
+    this._roomControl.addObserver(this._roomObserver);
+    this._userControl.addObserver({
+      onUserInfoUpdated: function onUserInfoUpdated() {
+        return _this._refreshLocalUser();
+      }
+    });
+    this._deviceStore.addObserver({
+      onMicrophoneChanged: function onMicrophoneChanged(microphoneId) {
+        _this._connectType = microphoneId ? _type5.ConnectType.COMPUTER : _type5.ConnectType.NONE;
+        (0, _rendererEvent.sendEvent)({
+          action: _constant.RendererEventAction.SET_CONTROL_BAR_CONNECT_TYPE,
+          payload: _this._connectType
+        });
+      }
+    });
+    this._roomControl.getWhiteboardControl().addObserver({
+      onBoardActiveInfoUpdated: function onBoardActiveInfoUpdated(isActive) {
+        isActive && _this.closeShareScreenSelection();
+      }
+    });
+    this._refreshLocalUser();
+    this._isHost = [_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST].includes((_this$_userControl$ge = this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userRole);
+    this._addEventListeners();
+    this._syncShareStreamState();
+    this.localUser = this._userControl.getLocalUser();
+    this.localUserRole = (_this$localUser = this.localUser) === null || _this$localUser === void 0 ? void 0 : _this$localUser.userRole;
+  }
+  return (0, _createClass2["default"])(ShareScreenStore, [{
+    key: "_shareSelectionDialogId",
+    get: function get() {
+      return _classPrivateFieldGet(_A, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_A, this, v);
+    }
+  }, {
+    key: "_controlBarDialogId",
+    get: function get() {
+      return _classPrivateFieldGet(_B, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_B, this, v);
+    }
+  }, {
+    key: "_videoWindowDialogId",
+    get: function get() {
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
+    }
+  }, {
+    key: "_isHost",
+    get: function get() {
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
+    }
+  }, {
+    key: "_shareLocked",
+    get: function get() {
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, this, v);
+    }
+  }, {
+    key: "_screenTrack",
+    get: function get() {
+      return _classPrivateFieldGet(_F, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_F, this, v);
+    }
+  }, {
+    key: "_shareAudioTrack",
+    get: function get() {
+      return _classPrivateFieldGet(_G, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_G, this, v);
+    }
+  }, {
+    key: "_localUser",
+    get: function get() {
+      return _classPrivateFieldGet(_H, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_H, this, v);
+    }
+  }, {
+    key: "screenSharingState",
+    get: function get() {
+      return _classPrivateFieldGet(_I, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_I, this, v);
+    }
+  }, {
+    key: "applicationCaptureSources",
+    get: function get() {
+      return _classPrivateFieldGet(_J, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_J, this, v);
+    }
+  }, {
+    key: "screenCaptureSources",
+    get: function get() {
+      return _classPrivateFieldGet(_K, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_K, this, v);
+    }
+  }, {
+    key: "hasScreenCapturePermission",
+    get: function get() {
+      return _classPrivateFieldGet(_L, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_L, this, v);
+    }
+  }, {
+    key: "showConfirm",
+    get: function get() {
+      return _classPrivateFieldGet(_M, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_M, this, v);
+    }
+  }, {
+    key: "shareControlBarActive",
+    get: function get() {
+      return _classPrivateFieldGet(_N, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_N, this, v);
+    }
+  }, {
+    key: "withAudio",
+    get: function get() {
+      return _classPrivateFieldGet(_O, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_O, this, v);
+    }
+  }, {
+    key: "currentShareAudioProcessingChannel",
+    get: function get() {
+      return _classPrivateFieldGet(_P, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_P, this, v);
+    }
+  }, {
+    key: "currentShareId",
+    get: function get() {
+      return _classPrivateFieldGet(_Q, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Q, this, v);
+    }
+  }, {
+    key: "sharerId",
+    get: function get() {
+      return _classPrivateFieldGet(_R, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_R, this, v);
+    }
+  }, {
+    key: "currentShareType",
+    get: function get() {
+      return _classPrivateFieldGet(_S, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_S, this, v);
+    }
+  }, {
+    key: "currentSelection",
+    get: function get() {
+      return _classPrivateFieldGet(_T, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_T, this, v);
+    }
+  }, {
+    key: "currentSelectionType",
+    get: function get() {
+      return _classPrivateFieldGet(_U, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_U, this, v);
+    }
+  }, {
+    key: "shareWithAudio",
+    get: function get() {
+      return _classPrivateFieldGet(_V, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_V, this, v);
+    }
+  }, {
+    key: "boardOwnerUser",
+    get: function get() {
+      return _classPrivateFieldGet(_W, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_W, this, v);
+    }
+  }, {
+    key: "localUser",
+    get: function get() {
+      return _classPrivateFieldGet(_X, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_X, this, v);
+    }
+  }, {
+    key: "localUserRole",
+    get: function get() {
+      return _classPrivateFieldGet(_Y, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Y, this, v);
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return _classPrivateFieldGet(_Z, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Z, this, v);
+    }
+  }, {
+    key: "localVideoState",
+    get: function get() {
+      var _this$_localUser;
+      return (_this$_localUser = this._localUser) === null || _this$_localUser === void 0 ? void 0 : _this$_localUser.hasVideo;
+    }
+  }, {
+    key: "localAudioState",
+    get: function get() {
+      var _this$_localUser2;
+      return (_this$_localUser2 = this._localUser) === null || _this$_localUser2 === void 0 ? void 0 : _this$_localUser2.hasAudio;
+    }
+  }, {
+    key: "localAudioVolume",
+    get: function get() {
+      var _this$_localUser3;
+      return (_this$_localUser3 = this._localUser) === null || _this$_localUser3 === void 0 ? void 0 : _this$_localUser3.hasAudio;
+    }
+  }, {
+    key: "setShareWithAudioState",
+    value: function setShareWithAudioState(withAudio) {
+      this.shareWithAudio = withAudio;
+    }
+  }, {
+    key: "setShareAudioProcessingChannel",
+    value: function setShareAudioProcessingChannel(currentShareAudioProcessingChannel) {
+      this.currentShareAudioProcessingChannel = currentShareAudioProcessingChannel;
+    }
+  }, {
+    key: "handlerBoardShareStop",
+    value: function handlerBoardShareStop() {
+      this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_WHITEBOARD);
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._closeCapture();
+      this._removeReactions();
+      this._removeEventListeners();
+    }
+  }, {
+    key: "handleCheckScreenCapturePermission",
+    value: function handleCheckScreenCapturePermission() {
+      this.hasScreenCapturePermission = this._mediaControl.hasScreenCapturePermission();
+      if (!this.hasScreenCapturePermission) {
+        this.showConfirm = true;
+      }
+    }
+    // TODO:
+  }, {
+    key: "handleToSetting",
+    value: function handleToSetting() {
+      this.showConfirm = false;
+    }
+  }, {
+    key: "setShareWithAudio",
+    value: function setShareWithAudio(withAudio) {
+      var _this2 = this;
+      var confirmAudioShareWhileMicOff = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      this.withAudio = withAudio;
+      if (confirmAudioShareWhileMicOff && withAudio && !this.localAudioState) {
+        var dialogKey = this._uiEventStore.openConfirmDialog({
+          title: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_micon'),
+          content: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_turnonmic'),
+          cancelText: (0, _i18n.transI18n)('fmt_screenshare_button_giveup_shareaudio'),
+          okText: (0, _i18n.transI18n)('fmt_screenshare_button_confirm_shareaudio'),
+          cancelButtonProps: {
+            type: 'gray',
+            shape: 'rounded'
+          },
+          okButtonProps: {
+            type: 'primary',
+            shape: 'rounded'
+          },
+          closeIcon: null,
+          closable: false,
+          onOk: function onOk() {
+            // 开启麦克风
+            _this2.muteLocalAudio(false);
+            _this2.setShareWithAudio(withAudio, false);
+            _this2._uiEventStore.closeDialog(dialogKey);
+          },
+          onCancel: function onCancel() {
+            (0, _rendererEvent.sendEvent)({
+              action: _constant.RendererEventAction.SET_SHARE_WITH_AUDIO_CONTROL_BAR,
+              payload: {
+                withAudio: false
+              }
+            });
+            _this2._uiEventStore.closeDialog(dialogKey);
+          }
+        });
+        return;
+      }
+      this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, this._currentShareStreamId, {
+        audioPrivilege: withAudio ? _type.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _type.FcrStreamPrivilegeOperation.NOPRIVILEGE,
+        videoPrivilege: _type.FcrStreamPrivilegeOperation.NOOPERATION
+      }));
+    }
+  }, {
+    key: "muteLocalAudio",
+    value: function () {
+      var _muteLocalAudio = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(mute, confirmAudioShareWhileMicOff) {
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              this._deviceStreamStore.enableMicrophoneWithStream(!mute, confirmAudioShareWhileMicOff);
+              this._refreshLocalUser();
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function muteLocalAudio(_x, _x2) {
+        return _muteLocalAudio.apply(this, arguments);
+      }
+      return muteLocalAudio;
+    }()
+  }, {
+    key: "muteLocalVideo",
+    value: function () {
+      var _muteLocalVideo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(mute) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              this._deviceStreamStore.enableCameraWithStream(!mute);
+              this._refreshLocalUser();
+            case 2:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function muteLocalVideo(_x3) {
+        return _muteLocalVideo.apply(this, arguments);
+      }
+      return muteLocalVideo;
+    }()
+  }, {
+    key: "onUiEvent",
+    value: function () {
+      var _onUiEvent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(event, params) {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.t0 = event;
+              _context3.next = _context3.t0 === _constant.UIAction.START_SHARE_SCREEN ? 3 : _context3.t0 === _constant.UIAction.STOP_SHARE_SCREEN ? 5 : _context3.t0 === _constant.UIAction.SHOW_TOAST ? 7 : _context3.t0 === _constant.UIAction.STOP_SCREEN_CAPTURE ? 9 : _context3.t0 === _constant.UIAction.ENGINE_RECONNECTED ? 11 : _context3.t0 === _constant.UIAction.WHITEBOARD_CHANGED ? 13 : 15;
+              break;
+            case 3:
+              this.handleShareScreenResource();
+              return _context3.abrupt("break", 15);
+            case 5:
+              this.handleStopShare();
+              return _context3.abrupt("break", 15);
+            case 7:
+              if ((0, _env.isElectron)() && this.shareControlBarActive) {
+                (0, _rendererEvent.sendEvent)({
+                  action: _constant.RendererEventAction.SHOW_TOAST,
+                  payload: params
+                });
+              }
+              return _context3.abrupt("break", 15);
+            case 9:
+              this._closeCapture();
+              return _context3.abrupt("break", 15);
+            case 11:
+              if (this._removeScreenStreamFailed) {
+                this._removeScreenStream();
+                this._removeScreenStreamFailed = false;
+              }
+              return _context3.abrupt("break", 15);
+            case 13:
+              if (params.action === _type7.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
+                this.boardOwnerUser = this._userControl.getUser(params.payload);
+              }
+              return _context3.abrupt("break", 15);
+            case 15:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function onUiEvent(_x4, _x5) {
+        return _onUiEvent.apply(this, arguments);
+      }
+      return onUiEvent;
+    }()
+  }, {
+    key: "handleShareScreenResource",
+    value: function () {
+      var _handleShareScreenResource = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        var windowList, displayList, NORMAL_HEIGHT, WINDOWS_HEIGHT, NORMAL_WIDTH, shareSelectionHeight, _window$runtime$brows, mainWidowX, mainWindowY, mainWidth, mainHeight, offsetForToast;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              this._removeReactions();
+              this.showConfirm = false;
+              if (!this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN)) {
+                _context4.next = 20;
+                break;
+              }
+              _context4.next = 5;
+              return this._mediaControl.getWindowList();
+            case 5:
+              windowList = _context4.sent.filter(function (item) {
+                return item.title !== 'AgoraHighLighter' || item.isCurrent;
+              });
+              _context4.next = 8;
+              return this._mediaControl.getDisplayList();
+            case 8:
+              displayList = _context4.sent;
+              this.applicationCaptureSources = windowList.filter(function (item) {
+                return !item.isCurrent;
+              });
+              this.screenCaptureSources = [{
+                title: this.title,
+                id: "whiteboard-".concat(displayList[0].id),
+                image: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                  type: _type6.FcrIconType.FCR_WHITEBOARD2,
+                  size: 48,
+                  colors: {
+                    iconPrimary: '#4262FF'
+                  }
+                })
+              }].concat((0, _toConsumableArray2["default"])(displayList));
+              NORMAL_HEIGHT = 550;
+              WINDOWS_HEIGHT = 24;
+              NORMAL_WIDTH = 790;
+              shareSelectionHeight = !(0, _platform.isWindows)() ? NORMAL_HEIGHT : NORMAL_HEIGHT + WINDOWS_HEIGHT;
+              _window$runtime$brows = window.runtime.browserWindow.getBounds(), mainWidowX = _window$runtime$brows.x, mainWindowY = _window$runtime$brows.y, mainWidth = _window$runtime$brows.width, mainHeight = _window$runtime$brows.height;
+              offsetForToast = 50;
+              this._addReactions();
+              this._shareSelectionDialogId = this._uiEventStore.openDialog(_constant.DialogKey.SHARE_SCREEN, 'screen-selection', {
+                frame: false,
+                titleBarStyle: 'hidden',
+                width: NORMAL_WIDTH,
+                fullscreen: false,
+                maximizable: false,
+                height: shareSelectionHeight,
+                x: mainWidowX + Math.floor(mainWidth / 2) - Math.floor(NORMAL_WIDTH / 2),
+                y: mainWindowY + Math.floor(mainHeight / 2) - Math.floor(shareSelectionHeight / 2) + offsetForToast,
+                controlBarDialogId: this._controlBarDialogId
+              });
+              return _context4.abrupt("return");
+            case 20:
+              this.handleStartShare();
+            case 21:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function handleShareScreenResource() {
+        return _handleShareScreenResource.apply(this, arguments);
+      }
+      return handleShareScreenResource;
+    }()
+  }, {
+    key: "handleStartShare",
+    value: function () {
+      var _handleStartShare = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        var _this3 = this;
+        var id,
+          type,
+          withAudio,
+          audioProcessingChannel,
+          _this$_localUser4,
+          _this$_localUser5,
+          res,
+          streamUuid,
+          screenTrack,
+          excludeWindows,
+          _args5 = arguments;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              id = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : 'default';
+              type = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : _type2.AgoraRtcScreenCaptureType.DISPLAY;
+              withAudio = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : false;
+              audioProcessingChannel = _args5.length > 3 && _args5[3] !== undefined ? _args5[3] : _shareAudio.AudioProcessingChannel.MONO;
+              this._uiEventStore.sendEvent(_constant.UIAction.SET_CURRENT_SHARE_SCREEN, {
+                id: id,
+                type: type
+              });
+              if (!(id.split('-')[0] === 'whiteboard')) {
+                _context5.next = 10;
+                break;
+              }
+              if (!(!this._securityStore.hasStartBoardPermission() && !((_this$_localUser4 = this._localUser) !== null && _this$_localUser4 !== void 0 && _this$_localUser4.isHost) && !((_this$_localUser5 = this._localUser) !== null && _this$_localUser5 !== void 0 && _this$_localUser5.isCoHost))) {
+                _context5.next = 8;
+                break;
+              }
+              return _context5.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
+            case 8:
+              this._uiEventStore.sendEvent(_constant.UIAction.OPEN_WHITEBOARD);
+              return _context5.abrupt("return");
+            case 10:
+              if ((0, _env.isElectron)()) {
+                this.closeShareScreenSelection();
+              }
+              _context5.t0 = this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN);
+              if (!_context5.t0) {
+                _context5.next = 16;
+                break;
+              }
+              _context5.next = 15;
+              return this._validateShareStart(id, type);
+            case 15:
+              _context5.t0 = !_context5.sent;
+            case 16:
+              if (!_context5.t0) {
+                _context5.next = 18;
+                break;
+              }
+              return _context5.abrupt("return");
+            case 18:
+              if (!this._shareLocked) {
+                _context5.next = 21;
+                break;
+              }
+              this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error');
+              return _context5.abrupt("return");
+            case 21:
+              this._setShareLock(true);
+              this.currentShareId = id;
+              this.currentShareType = type;
+              this.withAudio = withAudio;
+
+              // if (!this._hasScreenSharePermission() || !(await this._checkScreenSharingPreemption())) {
+              if (this._hasScreenSharePermission()) {
+                _context5.next = 28;
+                break;
+              }
+              this._setShareLock(false);
+              return _context5.abrupt("return");
+            case 28:
+              if (!(this.screenSharingState === _agoraEduCore.FcrMediaSourceState.STARTED)) {
+                _context5.next = 32;
+                break;
+              }
+              this.handleReplaceScreen(id, type, withAudio, audioProcessingChannel);
+              this._setShareLock(false);
+              return _context5.abrupt("return");
+            case 32:
+              this.logger.debug('performance: createScreenStream ', new Date().getTime());
+              _context5.next = 35;
+              return this._streamControl.createScreenStream({
+                streamType: withAudio ? _type3.AgoraRteMediaStreamType.BOTH : _type3.AgoraRteMediaStreamType.VIDEO
+              })["finally"](function () {
+                _this3._setShareLock(false);
+              });
+            case 35:
+              res = _context5.sent;
+              streamUuid = res.data.streamUuid;
+              this.logger.debug('performance: createScreenStream end ', new Date().getTime());
+              this._currentShareStreamId = streamUuid;
+              if (withAudio) {
+                this.handleShareStartWithAudio();
+              }
+              screenTrack = this._mediaControl.getScreenVideoTrack(id);
+              this._screenTrack = screenTrack;
+              excludeWindows = [];
+              if (!(0, _env.isElectron)()) {
+                _context5.next = 51;
+                break;
+              }
+              window.runtime.browserWindow.setFullScreen(false);
+              this.logger.debug('performance: open control bar ', new Date().getTime());
+              this.openControlBar();
+              this.openVideoWindowDialog();
+              _context5.next = 50;
+              return this._getExcludeWindows();
+            case 50:
+              excludeWindows = _context5.sent;
+            case 51:
+              screenTrack.addObserver(this._observer);
+              screenTrack.start(type, {
+                // preview: true,
+                withAudio: withAudio,
+                excludeWindows: excludeWindows
+              });
+            case 53:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function handleStartShare() {
+        return _handleStartShare.apply(this, arguments);
+      }
+      return handleStartShare;
+    }()
+  }, {
+    key: "handleShareStartWithAudio",
+    value: function handleShareStartWithAudio() {
+      var isMac = navigator.userAgent.indexOf('Mac') > -1;
+      this._shareAudioTrack = this._mediaControl.getLoopbackAudioTrack(isMac ? 'BlackHole 2ch' : '');
+      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
+        this._shareAudioTrack.start();
+      }
+    }
+  }, {
+    key: "handleShareStopWithAudio",
+    value: function handleShareStopWithAudio() {
+      if (!this._shareAudioTrack) {
+        return;
+      }
+      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
+        this._shareAudioTrack.stop();
+      }
+    }
+  }, {
+    key: "handleStopShare",
+    value: function handleStopShare() {
+      var _this$_screenTrack, _this$_screenTrack2;
+      this._closeCapture();
+      this._removeScreenStream();
+      (_this$_screenTrack = this._screenTrack) === null || _this$_screenTrack === void 0 || _this$_screenTrack.stopPreview();
+      (_this$_screenTrack2 = this._screenTrack) === null || _this$_screenTrack2 === void 0 || _this$_screenTrack2.stop();
+      this.currentShareId = '';
+      this._removeReactions();
+    }
+  }, {
+    key: "handleReplaceScreen",
+    value: function handleReplaceScreen() {
+      var _this4 = this;
+      var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type2.AgoraRtcScreenCaptureType.WINDOW;
+      var withAudio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var audioProcessingChannel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _shareAudio.AudioProcessingChannel.MONO;
+      if (this.withAudio && !withAudio) {
+        this.handleShareStopWithAudio();
+      }
+      this.withAudio = withAudio;
+      var screenTrack = this._screenTrack;
+      if (screenTrack) {
+        var observer = {
+          onScreenCaptureStateUpdated: function () {
+            var _onScreenCaptureStateUpdated = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(sourceId, state) {
+              var newScreenTrack, excludeWindows;
+              return _regenerator["default"].wrap(function _callee6$(_context6) {
+                while (1) switch (_context6.prev = _context6.next) {
+                  case 0:
+                    if (!(state === _agoraEduCore.FcrMediaSourceState.STOPPED)) {
+                      _context6.next = 17;
+                      break;
+                    }
+                    screenTrack.removeObserver(_this4._observer);
+                    screenTrack.removeObserver(observer);
+                    newScreenTrack = _this4._mediaControl.getScreenVideoTrack(id);
+                    if (withAudio) {
+                      _this4.handleShareStartWithAudio();
+                    }
+                    _this4._screenTrack = newScreenTrack;
+                    excludeWindows = [];
+                    if (!(0, _env.isElectron)()) {
+                      _context6.next = 11;
+                      break;
+                    }
+                    _context6.next = 10;
+                    return _this4._getExcludeWindows();
+                  case 10:
+                    excludeWindows = _context6.sent;
+                  case 11:
+                    newScreenTrack.addObserver(_this4._observer);
+                    newScreenTrack.start(type, {
+                      // preview: true,
+                      withAudio: withAudio,
+                      excludeWindows: excludeWindows
+                    });
+                    if (_this4._currentShareStreamId) {
+                      _this4._streamControl.bindLocalStreams([{
+                        streamId: _this4._currentShareStreamId,
+                        audioSourceId: 'default',
+                        videoSourceId: id
+                      }]);
+                    }
+                    _this4.currentShareId = id;
+                    _this4.currentShareType = type;
+                    (0, _rendererEvent.sendEvent)({
+                      action: _constant.RendererEventAction.START_SHARE_SCREEN,
+                      payload: {
+                        id: id,
+                        type: type,
+                        withAudio: withAudio
+                      }
+                    });
+                  case 17:
+                  case "end":
+                    return _context6.stop();
+                }
+              }, _callee6);
+            }));
+            function onScreenCaptureStateUpdated(_x6, _x7) {
+              return _onScreenCaptureStateUpdated.apply(this, arguments);
+            }
+            return onScreenCaptureStateUpdated;
+          }()
+        };
+        screenTrack.addObserver(observer);
+        screenTrack.stop();
+        screenTrack.stopPreview();
+      }
+    }
+  }, {
+    key: "startPreview",
+    value: function startPreview(dom) {
+      if (dom) {
+        var _this$_screenTrack3;
+        (_this$_screenTrack3 = this._screenTrack) === null || _this$_screenTrack3 === void 0 || _this$_screenTrack3.startPreview({
+          renderMode: 1,
+          isMirror: false
+        }, dom);
+      } else {
+        var _this$_screenTrack4;
+        (_this$_screenTrack4 = this._screenTrack) === null || _this$_screenTrack4 === void 0 || _this$_screenTrack4.stopPreview();
+      }
+    }
+  }, {
+    key: "setShareControlBarActive",
+    value: function setShareControlBarActive(active) {
+      this.shareControlBarActive = active;
+    }
+  }, {
+    key: "setCurrentCameraId",
+    value: function setCurrentCameraId(deviceId) {
+      this._deviceStore.setCameraId(deviceId);
+    }
+  }, {
+    key: "setCurrentSpeakerId",
+    value: function setCurrentSpeakerId(deviceId) {
+      this._deviceStore.setSpeakerId(deviceId);
+    }
+  }, {
+    key: "setCurrentMicrophoneId",
+    value: function setCurrentMicrophoneId(deviceId) {
+      this._deviceStore.setMicrophoneId(deviceId);
+    }
+
+    // security
+  }, {
+    key: "setAllowChangeSelfName",
+    value: function setAllowChangeSelfName(allow) {
+      this._securityStore.setAllowChangeSelfName();
+    }
+  }, {
+    key: "setAllowChat",
+    value: function setAllowChat(allow) {
+      this._securityStore.setAllowChat(allow);
+    }
+  }, {
+    key: "setAllowJoinWithMuteAudio",
+    value: function setAllowJoinWithMuteAudio(allow) {
+      this._securityStore.setAllowJoinWithMuteAudio(allow);
+    }
+  }, {
+    key: "setAllowShareScreen",
+    value: function setAllowShareScreen(allow) {
+      this._securityStore.setAllowShareScreen(allow);
+    }
+  }, {
+    key: "setAllowUnmuteSelfVideo",
+    value: function setAllowUnmuteSelfVideo(allow) {
+      this._securityStore.setAllowUnmuteSelfVideo(allow);
+    }
+  }, {
+    key: "setAllowUnmuteSelfAudio",
+    value: function setAllowUnmuteSelfAudio(allow) {
+      this._securityStore.setAllowUnmuteSelfAudio(allow);
+    }
+  }, {
+    key: "setLockRoomEnabled",
+    value: function setLockRoomEnabled(lock) {
+      this._securityStore.setLockRoomEnabled(lock);
+    }
+  }, {
+    key: "setWaitingRoomEnabled",
+    value: function setWaitingRoomEnabled(allow) {
+      this._securityStore.setWaitingRoomEnabled();
+    }
+  }, {
+    key: "openDialog",
+    value: function openDialog(item) {
+      this._uiEventStore.openDialog(item, '', {
+        controlBarWindowId: this._controlBarWindowId
+      });
+    }
+  }, {
+    key: "closeDialog",
+    value: function closeDialog(item) {
+      this._uiEventStore.closeDialog("".concat(item, "_").concat(item));
+    }
+  }, {
+    key: "openLiveStreamingDialog",
+    value: function openLiveStreamingDialog() {
+      this._uiEventStore.openLiveStreamingDialog();
+    }
+  }, {
+    key: "closeShareScreenSelection",
+    value: function closeShareScreenSelection() {
+      this._uiEventStore.closeDialog(this._shareSelectionDialogId);
+      this._shareSelectionDialogId = '';
+    }
+  }, {
+    key: "openControlBar",
+    value: function openControlBar() {
+      this._controlBarDialogId = this._uiEventStore.openDialog(_constant.DialogKey.CONTROL_BAR);
+    }
+  }, {
+    key: "setControlBarWindowId",
+    value: function setControlBarWindowId(id) {
+      this._controlBarWindowId = id;
+    }
+  }, {
+    key: "openVideoWindowDialog",
+    value: function openVideoWindowDialog() {
+      this._videoWindowDialogId = this._uiEventStore.openDialog(_constant.DialogKey.VIDEO_WINDOW);
+    }
+  }, {
+    key: "closeControlBar",
+    value: function closeControlBar() {
+      this.setControlBarWindowId(-1);
+      this._uiEventStore.closeDialog(this._controlBarDialogId);
+      this._controlBarDialogId = '';
+    }
+  }, {
+    key: "closeVideoWindowDialog",
+    value: function closeVideoWindowDialog() {
+      this._uiEventStore.closeDialog(this._videoWindowDialogId);
+      this._videoWindowDialogId = '';
+    }
+  }, {
+    key: "_handleScreenCaptureStateUpdated",
+    value: function () {
+      var _handleScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(sourceId, state) {
+        var _this$_screenTrack5, _this$_screenTrack6, _this$_screenTrack7;
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              if (state === _agoraEduCore.FcrMediaSourceState.STOPPED) {
+                (_this$_screenTrack5 = this._screenTrack) === null || _this$_screenTrack5 === void 0 || _this$_screenTrack5.stopPreview();
+                (_this$_screenTrack6 = this._screenTrack) === null || _this$_screenTrack6 === void 0 || _this$_screenTrack6.removeObserver(this._observer);
+                (_this$_screenTrack7 = this._screenTrack) === null || _this$_screenTrack7 === void 0 || _this$_screenTrack7.stop();
+              }
+              if (!(state === _agoraEduCore.FcrMediaSourceState.ERROR)) {
+                _context7.next = 5;
+                break;
+              }
+              this.handleStopShare();
+              this.screenSharingState = _agoraEduCore.FcrMediaSourceState.STOPPED;
+              return _context7.abrupt("return");
+            case 5:
+              this.screenSharingState = state;
+            case 6:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7, this);
+      }));
+      function _handleScreenCaptureStateUpdated(_x8, _x9) {
+        return _handleScreenCaptureStateUpdated2.apply(this, arguments);
+      }
+      return _handleScreenCaptureStateUpdated;
+    }()
+  }, {
+    key: "_updateCameraList",
+    value: function _updateCameraList() {
+      this._mediaControl.getCameraList().then(function (list) {
+        (0, _rendererEvent.sendEvent)({
+          action: _constant.RendererEventAction.UPDATE_CAMERA_LIST,
+          payload: {
+            list: list
+          }
+        });
+      });
+    }
+  }, {
+    key: "_updateMicrophoneList",
+    value: function _updateMicrophoneList(deviceList) {
+      (0, _rendererEvent.sendEvent)({
+        action: _constant.RendererEventAction.UPDATE_MICROPHONE_LIST,
+        payload: {
+          list: deviceList
+        }
+      });
+    }
+  }, {
+    key: "_updateSpeakerList",
+    value: function _updateSpeakerList(deviceList) {
+      this._mediaControl.getSpeakerList().then(function (list) {
+        (0, _rendererEvent.sendEvent)({
+          action: _constant.RendererEventAction.UPDATE_SPEAKER_LIST,
+          payload: {
+            list: deviceList
+          }
+        });
+      });
+    }
+  }, {
+    key: "_handleLiveStreamingStateUpdated",
+    value: function _handleLiveStreamingStateUpdated(_roomId, state) {
+      (0, _rendererEvent.sendEvent)({
+        action: _constant.RendererEventAction.CHANGE_LIVE_STREAMING_STATE,
+        payload: {
+          liveStreamingState: state
+        }
+      });
+      var liveStreamingConfig = this._roomControl.getLiveStreamingConfig();
+      (0, _rendererEvent.sendEvent)({
+        action: _constant.RendererEventAction.CHANGE_LIVE_STREAMING_INFO,
+        payload: {
+          videoSteamingUrl: liveStreamingConfig.pushStreamingUrl,
+          videoStreamingKey: liveStreamingConfig.pushStreamingKey,
+          playUrl: liveStreamingConfig.pullStreamingUrl
+        }
+      });
+    }
+  }, {
+    key: "_setShareLock",
+    value: function _setShareLock(lock) {
+      this._shareLocked = lock;
+    }
+  }, {
+    key: "_closeCapture",
+    value: function _closeCapture() {
+      if ((0, _env.isElectron)()) {
+        this.closeControlBar();
+        this.closeVideoWindowDialog();
+        window.runtime.browserWindow.show();
+      }
+    }
+  }, {
+    key: "_removeScreenStream",
+    value: function () {
+      var _removeScreenStream2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+        var streamId;
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              streamId = this._currentShareStreamId;
+              if (streamId) {
+                _context8.next = 3;
+                break;
+              }
+              return _context8.abrupt("return");
+            case 3:
+              _context8.prev = 3;
+              _context8.next = 6;
+              return this._streamControl.removeScreenStream();
+            case 6:
+              this._currentShareStreamId = '';
+              _context8.next = 13;
+              break;
+            case 9:
+              _context8.prev = 9;
+              _context8.t0 = _context8["catch"](3);
+              this._removeScreenStreamFailed = true;
+              this.logger.error('removeScreenStream error', _context8.t0);
+            case 13:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8, this, [[3, 9]]);
+      }));
+      function _removeScreenStream() {
+        return _removeScreenStream2.apply(this, arguments);
+      }
+      return _removeScreenStream;
+    }()
+  }, {
+    key: "_syncShareStreamState",
+    value: function _syncShareStreamState() {
+      var _this$_streamControl$2,
+        _this5 = this;
+      var currentShareStreamId = this._currentShareStreamId || ((_this$_streamControl$2 = this._streamControl.getStreamList().find(function (stream) {
+        var _this5$_localUser;
+        return stream.videoSourceType === _type4.AgoraRteVideoSourceType.SCREEN && stream.owner.userId === ((_this5$_localUser = _this5._localUser) === null || _this5$_localUser === void 0 ? void 0 : _this5$_localUser.userId);
+      })) === null || _this$_streamControl$2 === void 0 ? void 0 : _this$_streamControl$2.streamId);
+      if (this.screenSharingState !== _agoraEduCore.FcrMediaSourceState.STARTED && currentShareStreamId) {
+        this.handleStopShare();
+      }
+    }
+  }, {
+    key: "_refreshLocalUser",
+    value: function _refreshLocalUser(_, events) {
+      var _isReplaced$operatorU, _this$_localUser6, _userControl$getLocal, _userControl$getLocal2, _userControl$getLocal3, _userControl$getLocal4;
+      var isReplaced = events && events.find(function (event) {
+        var _event$cause;
+        return ((_event$cause = event.cause) === null || _event$cause === void 0 || (_event$cause = _event$cause.data) === null || _event$cause === void 0 ? void 0 : _event$cause.reason) === _enums.FcrBoardActiveInfoReason.REPLACE;
+      });
+      if (isReplaced && ((_isReplaced$operatorU = isReplaced.operatorUser) === null || _isReplaced$operatorU === void 0 ? void 0 : _isReplaced$operatorU.userId) !== ((_this$_localUser6 = this._localUser) === null || _this$_localUser6 === void 0 ? void 0 : _this$_localUser6.userId)) {
+        this._currentShareStreamId = '';
+      }
+      var userControl = this._roomControl.getUserControl();
+      var localUserUid = (_userControl$getLocal = userControl.getLocalUser()) === null || _userControl$getLocal === void 0 ? void 0 : _userControl$getLocal.userId;
+      var hasVideo = this._deviceStore.cameraEnabled;
+      var hasAudio = this._deviceStore.microphoneEnabled;
+      this.localUserRole = (_userControl$getLocal2 = userControl.getLocalUser()) === null || _userControl$getLocal2 === void 0 ? void 0 : _userControl$getLocal2.userRole;
+      this._localUser = {
+        userId: localUserUid,
+        hasVideo: hasVideo,
+        hasAudio: hasAudio,
+        isHost: ((_userControl$getLocal3 = userControl.getLocalUser()) === null || _userControl$getLocal3 === void 0 ? void 0 : _userControl$getLocal3.userRole) === _type.FcrUserRole.HOST,
+        isCoHost: ((_userControl$getLocal4 = userControl.getLocalUser()) === null || _userControl$getLocal4 === void 0 ? void 0 : _userControl$getLocal4.userRole) === _type.FcrUserRole.COHOST,
+        volume: this._deviceStore.microphoneVolumeLevel
+      };
+      var streams = this._streamControl.getStreamsByUserId(localUserUid);
+      var loopbackAudioStream = streams.find(function (stream) {
+        return stream.audioSourceType === _type4.AgoraRteAudioSourceType.LOOPBACK;
+      });
+      var noLoopbackAudioStream = !loopbackAudioStream;
+      var noPrivilege = (loopbackAudioStream === null || loopbackAudioStream === void 0 ? void 0 : loopbackAudioStream.streamType) === _type3.AgoraRteMediaStreamType.NONE || (loopbackAudioStream === null || loopbackAudioStream === void 0 ? void 0 : loopbackAudioStream.streamType) === _type3.AgoraRteMediaStreamType.VIDEO;
+
+      // if (noLoopbackAudioStream || noPrivilege) {
+      //   this.withAudio = false;
+      // }
+
+      var hasPstnStream = streams.some(function (_ref3) {
+        var connectorType = _ref3.connectorType;
+        return connectorType === _type.FcrRoomConnectorType.PSTN;
+      });
+      this._connectType = hasPstnStream ? _type5.ConnectType.PHONE : this._deviceStore.currentDeviceId ? _type5.ConnectType.COMPUTER : _type5.ConnectType.NONE;
+      (0, _rendererEvent.sendEvent)({
+        action: _constant.RendererEventAction.SET_CONTROL_BAR_CONNECT_TYPE,
+        payload: this._connectType
+      });
+    }
+  }, {
+    key: "_addEventListeners",
+    value: function _addEventListeners() {
+      window.addEventListener('online', this._syncShareStreamState);
+    }
+  }, {
+    key: "_removeEventListeners",
+    value: function _removeEventListeners() {
+      window.removeEventListener('online', this._syncShareStreamState);
+    }
+  }, {
+    key: "_addReactions",
+    value: function _addReactions() {
+      var _this6 = this;
+      this._disposers.push((0, _mobx.reaction)(function () {
+        return _this6._securityStore.hasStartScreenSharePermission();
+      }, function (screenSharePremission) {
+        if (!screenSharePremission) {
+          _this6.handleStopShare();
+          if (_this6._isHost) return;
+          _this6._uiEventStore.showToast({
+            type: 'error',
+            message: (0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibitssharing'),
+            duration: 3000
+          });
+        }
+      }));
+      this._disposers.push((0, _mobx.reaction)(function () {
+        return _this6.screenSharingState;
+      }, function (state) {
+        _this6._uiEventStore.sendEvent(_constant.UIAction.UPDATE_SHARE_STATE, {
+          isOpen: state === _agoraEduCore.FcrMediaSourceState.STARTED
+        });
+      }));
+      this._disposers.push((0, _mobx.reaction)(function () {
+        return _this6.shareControlBarActive;
+      }, /*#__PURE__*/function () {
+        var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9(active) {
+          var cameraList, microphoneList, speakerList, localUser, scheduleInfo, liveStreamingConfig;
+          return _regenerator["default"].wrap(function _callee9$(_context9) {
+            while (1) switch (_context9.prev = _context9.next) {
+              case 0:
+                if (!active) {
+                  _context9.next = 60;
+                  break;
+                }
+                _this6._deviceStore.addObserver(_this6._deviceStoreObserver);
+                cameraList = _this6._deviceStore.cameraList;
+                microphoneList = _this6._deviceStore.microphoneList;
+                speakerList = _this6._deviceStore.speakerList;
+                localUser = _this6._roomControl.getUserControl().getLocalUser();
+                scheduleInfo = _this6._roomControl.getScheduleInfo();
+                liveStreamingConfig = _this6._roomControl.getLiveStreamingConfig();
+                _context9.t0 = _rendererEvent.sendEvent;
+                _context9.t1 = _constant.RendererEventAction.INIT_CONTROL_BAR;
+                _context9.t2 = _shareAudio.AudioProcessingChannel.MONO;
+                _context9.t3 = _this6.currentShareId;
+                _context9.t4 = _this6.currentShareType;
+                _context9.t5 = _this6.withAudio;
+                _context9.t6 = cameraList;
+                _context9.t7 = _this6._deviceStore.cameraId;
+                _context9.t8 = !_this6.localVideoState;
+                _context9.t9 = microphoneList;
+                _context9.t10 = speakerList;
+                _context9.t11 = _this6._deviceStore.microphoneId;
+                _context9.t12 = _this6._deviceStore.speakerId;
+                _context9.t13 = !_this6.localAudioState;
+                _context9.t14 = _this6._deviceStore.microphoneVolumeLevel;
+                _context9.t15 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
+                _context9.t16 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || new Date().getTime();
+                _context9.t17 = localUser.userRole === _type.FcrUserRole.HOST;
+                _context9.t18 = localUser.userRole === _type.FcrUserRole.HOST;
+                _context9.t19 = _this6._securityStore.allowChangeSelfName();
+                _context9.t20 = _this6._securityStore.allowChat();
+                _context9.t21 = _this6._securityStore.allowJoinWithMuteAudio();
+                _context9.t22 = _this6._securityStore.allowScreenShareAndBoard();
+                _context9.t23 = _this6._securityStore.allowUnmuteSelfVideo();
+                _context9.t24 = _this6._securityStore.allowUnmuteSelfAudio();
+                _context9.t25 = _this6._securityStore.isLockRoomEnabled();
+                _context9.t26 = _this6._securityStore.isWaitingRoomEnabled();
+                _context9.t27 = liveStreamingConfig.pushStreamingUrl;
+                _context9.t28 = liveStreamingConfig.pushStreamingUrl;
+                _context9.t29 = liveStreamingConfig.pullStreamingUrl;
+                _context9.t30 = _this6._roomControl.getLiveStreamingState();
+                _context9.t31 = _this6._securityStore.hasStartCloudRecordingPermission();
+                _context9.t32 = _this6._securityStore.hasStartLiveStreamingPermission();
+                _context9.t33 = _this6._securityStore.hasStopLiveStreamingPermission();
+                _context9.t34 = _this6._securityStore.hasGetLiveStreamingLinkPermission();
+                _context9.next = 45;
+                return _this6._mediaControl.getWindowList();
+              case 45:
+                _context9.t35 = _context9.sent;
+                _context9.t36 = _this6._connectType;
+                _context9.t37 = _this6._securityStore.hasEnableStartScreenSharePermission();
+                _context9.t38 = _this6._securityStore.hasPermissionToControlAllowSendAll();
+                _context9.t39 = _this6._securityStore.hasEnableStartAudioPermission();
+                _context9.t40 = _this6._securityStore.hasEnableChangeNamePermission();
+                _context9.t41 = _this6._securityStore.hasEnableStartVideoPermission();
+                _context9.t42 = _this6._securityStore.hasLockRoomPermission();
+                _context9.t43 = {
+                  currentShareAudioProcessingChannel: _context9.t2,
+                  currentShareId: _context9.t3,
+                  currentShareType: _context9.t4,
+                  shareWithAudio: _context9.t5,
+                  cameraList: _context9.t6,
+                  currentCameraId: _context9.t7,
+                  isMuteVideo: _context9.t8,
+                  microphoneList: _context9.t9,
+                  speakerList: _context9.t10,
+                  currentMicrophoneId: _context9.t11,
+                  currentSpeakerId: _context9.t12,
+                  isMuteAudio: _context9.t13,
+                  localAudioVolume: _context9.t14,
+                  duration: _context9.t15,
+                  startTime: _context9.t16,
+                  isHost: _context9.t17,
+                  showSecurity: _context9.t18,
+                  allowChangeSelfName: _context9.t19,
+                  allowChat: _context9.t20,
+                  allowJoinWithMuteAudio: _context9.t21,
+                  allowShareScreen: _context9.t22,
+                  allowUnmuteSelfVideo: _context9.t23,
+                  allowUnmuteSelfAudio: _context9.t24,
+                  isLockRoomEnabled: _context9.t25,
+                  isWaitingRoomEnabled: _context9.t26,
+                  videoSteamingUrl: _context9.t27,
+                  videoStreamingKey: _context9.t28,
+                  playUrl: _context9.t29,
+                  liveStreamingState: _context9.t30,
+                  isStartError: false,
+                  hasStartCloudRecordingPermission: _context9.t31,
+                  hasStartLiveStreamingPermission: _context9.t32,
+                  hasStopLiveStreamingPermission: _context9.t33,
+                  hasGetLiveStreamingLinkPermission: _context9.t34,
+                  allApplicationWindows: _context9.t35,
+                  connectType: _context9.t36,
+                  hasEnableStartScreenSharePermission: _context9.t37,
+                  hasPermissionToControlAllowSendAll: _context9.t38,
+                  hasEnableStartAudioPermission: _context9.t39,
+                  hasEnableChangeNamePermission: _context9.t40,
+                  hasEnableStartVideoPermission: _context9.t41,
+                  hasLockRoomPermission: _context9.t42
+                };
+                _context9.t44 = {
+                  action: _context9.t1,
+                  payload: _context9.t43
+                };
+                (0, _context9.t0)(_context9.t44);
+                window.runtime.browserWindow.setFullScreen(false);
+                window.runtime.browserWindow.hide();
+                _context9.next = 61;
+                break;
+              case 60:
+                _this6._deviceStore.removeObserver(_this6._deviceStoreObserver);
+              case 61:
+              case "end":
+                return _context9.stop();
+            }
+          }, _callee9);
+        }));
+        return function (_x10) {
+          return _ref4.apply(this, arguments);
+        };
+      }()));
+      var deviceReactions = [{
+        observable: function observable() {
+          return _this6._deviceStore.cameraId;
+        },
+        action: _constant.RendererEventAction.SET_CAMERA_DEVICE,
+        payload: {
+          deviceId: this._deviceStore.cameraId
+        }
+      }, {
+        observable: function observable() {
+          return _this6._deviceStore.speakerId;
+        },
+        action: _constant.RendererEventAction.SET_SPEAKER_DEVICE,
+        payload: {
+          deviceId: this._deviceStore.speakerId
+        }
+      }, {
+        observable: function observable() {
+          return _this6._deviceStore.microphoneId;
+        },
+        action: _constant.RendererEventAction.SET_MICROPHONE_DEVICE,
+        payload: {
+          deviceId: this._deviceStore.microphoneId
+        }
+      }];
+      var localMediaStatusReactions = [{
+        observable: function observable() {
+          return _this6.localVideoState;
+        },
+        action: _constant.RendererEventAction.SET_CONTROL_BAR_LOCAL_VIDEO_STATE,
+        payload: {
+          status: this.localVideoState
+        }
+      }, {
+        observable: function observable() {
+          return _this6.localAudioState;
+        },
+        action: _constant.RendererEventAction.SET_CONTROL_BAR_LOCAL_AUDIO_STATE,
+        payload: {
+          status: this.localAudioState
+        }
+      }];
+      localMediaStatusReactions.forEach(function (_ref5) {
+        var observable = _ref5.observable,
+          action = _ref5.action,
+          payload = _ref5.payload;
+        return _this6._disposers.push((0, _mobx.reaction)(observable, function (value) {
+          (0, _rendererEvent.sendEvent)({
+            action: action,
+            payload: {
+              status: value
+            }
+          });
+        }));
+      });
+      this._disposers.push((0, _mobx.reaction)(function () {
+        return _this6._deviceStore.microphoneVolumeLevel;
+      }, function (value) {
+        (0, _rendererEvent.sendEvent)({
+          action: _constant.RendererEventAction.SET_CONTROL_BAR_LOCAL_AUDIO_VOLUME,
+          payload: {
+            volume: value
+          }
+        });
+      }));
+      deviceReactions.forEach(function (_ref6) {
+        var observable = _ref6.observable,
+          action = _ref6.action,
+          payload = _ref6.payload;
+        _this6._disposers.push((0, _mobx.reaction)(observable, function (value) {
+          (0, _rendererEvent.sendEvent)({
+            action: action,
+            payload: {
+              deviceId: value
+            }
+          });
+        }));
+      });
+    }
+  }, {
+    key: "_removeReactions",
+    value: function _removeReactions() {
+      this._disposers.forEach(function (disposer) {
+        return disposer();
+      });
+      this._disposers = [];
+    }
+  }, {
+    key: "_showToast",
+    value: function _showToast(message, type) {
+      var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3000;
+      this._uiEventStore.showToast({
+        type: type,
+        message: message,
+        duration: duration
+      });
+    }
+  }, {
+    key: "_validateWindow",
+    value: function () {
+      var _validateWindow2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10(id) {
+        var window;
+        return _regenerator["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              _context10.next = 2;
+              return this._mediaControl.getWindowList();
+            case 2:
+              window = _context10.sent.filter(function (item) {
+                return item.title !== 'AgoraHighLighter' && item.title !== 'Development HTML';
+              }).find(function (item) {
+                return item.id === id;
+              });
+              if (window) {
+                _context10.next = 6;
+                break;
+              }
+              this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_faild_reselect'), 'error');
+              return _context10.abrupt("return", false);
+            case 6:
+              return _context10.abrupt("return", true);
+            case 7:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee10, this);
+      }));
+      function _validateWindow(_x11) {
+        return _validateWindow2.apply(this, arguments);
+      }
+      return _validateWindow;
+    }()
+  }, {
+    key: "_validateDisplay",
+    value: function () {
+      var _validateDisplay2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11(id) {
+        var displayList;
+        return _regenerator["default"].wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              _context11.next = 2;
+              return this._mediaControl.getDisplayList();
+            case 2:
+              displayList = _context11.sent.find(function (item) {
+                return item.id === id;
+              });
+              if (displayList) {
+                _context11.next = 6;
+                break;
+              }
+              this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_faild_screenselect'), 'error');
+              return _context11.abrupt("return", false);
+            case 6:
+              return _context11.abrupt("return", true);
+            case 7:
+            case "end":
+              return _context11.stop();
+          }
+        }, _callee11, this);
+      }));
+      function _validateDisplay(_x12) {
+        return _validateDisplay2.apply(this, arguments);
+      }
+      return _validateDisplay;
+    }()
+  }, {
+    key: "_validateShareStart",
+    value: function () {
+      var _validateShareStart2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12(id, type) {
+        return _regenerator["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
+            case 0:
+              _context12.t0 = type === _type2.AgoraRtcScreenCaptureType.WINDOW;
+              if (!_context12.t0) {
+                _context12.next = 5;
+                break;
+              }
+              _context12.next = 4;
+              return this._validateWindow(id);
+            case 4:
+              _context12.t0 = !_context12.sent;
+            case 5:
+              if (!_context12.t0) {
+                _context12.next = 7;
+                break;
+              }
+              return _context12.abrupt("return", false);
+            case 7:
+              _context12.t1 = type === _type2.AgoraRtcScreenCaptureType.DISPLAY;
+              if (!_context12.t1) {
+                _context12.next = 12;
+                break;
+              }
+              _context12.next = 11;
+              return this._validateDisplay(id);
+            case 11:
+              _context12.t1 = !_context12.sent;
+            case 12:
+              if (!_context12.t1) {
+                _context12.next = 14;
+                break;
+              }
+              return _context12.abrupt("return", false);
+            case 14:
+              return _context12.abrupt("return", true);
+            case 15:
+            case "end":
+              return _context12.stop();
+          }
+        }, _callee12, this);
+      }));
+      function _validateShareStart(_x13, _x14) {
+        return _validateShareStart2.apply(this, arguments);
+      }
+      return _validateShareStart;
+    }()
+  }, {
+    key: "_hasScreenSharePermission",
+    value: function _hasScreenSharePermission() {
+      if (!this._securityStore.hasStartScreenSharePermission()) {
+        this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_faild_nopermission'), 'error');
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "_getExcludeWindows",
+    value: function () {
+      var _getExcludeWindows2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+        var excludeWindows, windowId, _windowId$split, _windowId$split2, videoWindowId, _windowId$split3, _windowId$split4, controlBarWindowId;
+        return _regenerator["default"].wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
+            case 0:
+              excludeWindows = [];
+              windowId = '';
+              _context13.next = 4;
+              return (0, _tools.waitUntil)(function () {
+                var _getControlBarMediaSo;
+                windowId = (_getControlBarMediaSo = (0, _rendererEvent.getControlBarMediaSourceId)()) !== null && _getControlBarMediaSo !== void 0 ? _getControlBarMediaSo : '';
+                return !!windowId;
+              }, 'control bar is open');
+            case 4:
+              _windowId$split = windowId.split(':'), _windowId$split2 = (0, _slicedToArray2["default"])(_windowId$split, 2), videoWindowId = _windowId$split2[1];
+              excludeWindows.push(videoWindowId);
+              _context13.next = 8;
+              return (0, _tools.waitUntil)(function () {
+                var _getVideoWindowMediaS;
+                windowId = (_getVideoWindowMediaS = (0, _rendererEvent.getVideoWindowMediaSourceId)()) !== null && _getVideoWindowMediaS !== void 0 ? _getVideoWindowMediaS : '';
+                return !!windowId;
+              }, 'video window is open');
+            case 8:
+              _windowId$split3 = windowId.split(':'), _windowId$split4 = (0, _slicedToArray2["default"])(_windowId$split3, 2), controlBarWindowId = _windowId$split4[1];
+              this.logger.info('exclude win:', videoWindowId, controlBarWindowId);
+              excludeWindows.push(controlBarWindowId);
+              return _context13.abrupt("return", excludeWindows);
+            case 12:
+            case "end":
+              return _context13.stop();
+          }
+        }, _callee13, this);
+      }));
+      function _getExcludeWindows() {
+        return _getExcludeWindows2.apply(this, arguments);
+      }
+      return _getExcludeWindows;
+    }()
+  }]);
+}();
+_ShareScreenStore = ShareScreenStore;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "_shareSelectionDialogId"], [_mobx.observable, 1, "_controlBarDialogId"], [_mobx.observable, 1, "_videoWindowDialogId"], [_mobx.observable, 1, "_isHost"], [_mobx.observable, 1, "_shareLocked"], [_mobx.observable, 1, "_screenTrack"], [_mobx.observable, 1, "_shareAudioTrack"], [_mobx.observable, 1, "_localUser"], [_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "hasScreenCapturePermission"], [_mobx.observable, 1, "showConfirm"], [_mobx.observable, 1, "shareControlBarActive"], [_mobx.observable, 1, "withAudio"], [_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "sharerId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentSelection"], [_mobx.observable, 1, "currentSelectionType"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "title"], [_mobx.computed, 3, "localVideoState"], [_mobx.computed, 3, "localAudioState"], [_mobx.computed, 3, "localAudioVolume"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_decorator.bound, 2, "release"], [_handleCheckScreenCapturePermissionDecs, 18, "handleCheckScreenCapturePermission"], [_handleToSettingDecs, 18, "handleToSetting"], [_setShareWithAudioDecs, 18, "setShareWithAudio"], [_muteLocalAudioDecs, 18, "muteLocalAudio"], [_muteLocalVideoDecs, 18, "muteLocalVideo"], [_handleShareScreenResourceDecs, 18, "handleShareScreenResource"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_handleStopShareDecs, 18, "handleStopShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_startPreviewDecs, 18, "startPreview"], [_setShareControlBarActiveDecs, 18, "setShareControlBarActive"], [_setCurrentCameraIdDecs, 18, "setCurrentCameraId"], [_setCurrentSpeakerIdDecs, 18, "setCurrentSpeakerId"], [_setCurrentMicrophoneIdDecs, 18, "setCurrentMicrophoneId"], [_setAllowChangeSelfNameDecs, 18, "setAllowChangeSelfName"], [_setAllowChatDecs, 18, "setAllowChat"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_setAllowShareScreenDecs, 18, "setAllowShareScreen"], [_setAllowUnmuteSelfVideoDecs, 18, "setAllowUnmuteSelfVideo"], [_setAllowUnmuteSelfAudioDecs, 18, "setAllowUnmuteSelfAudio"], [_setLockRoomEnabledDecs, 18, "setLockRoomEnabled"], [_setWaitingRoomEnabledDecs, 18, "setWaitingRoomEnabled"], [_openDialogDecs, 18, "openDialog"], [_decorator.bound, 2, "closeDialog"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_closeShareScreenSelectionDecs, 18, "closeShareScreenSelection"], [_openControlBarDecs, 18, "openControlBar"], [_setControlBarWindowIdDecs, 18, "setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "openVideoWindowDialog"], [_closeControlBarDecs, 18, "closeControlBar"], [_closeVideoWindowDialogDecs, 18, "closeVideoWindowDialog"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_updateCameraListDecs, 18, "_updateCameraList"], [_updateMicrophoneListDecs, 18, "_updateMicrophoneList"], [_updateSpeakerListDecs, 18, "_updateSpeakerList"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_refreshLocalUserDecs, 18, "_refreshLocalUser"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 28);
+_init__shareSelectionDialogId = _applyDecs$e[0];
+_init__controlBarDialogId = _applyDecs$e[1];
+_init__videoWindowDialogId = _applyDecs$e[2];
+_init__isHost = _applyDecs$e[3];
+_init__shareLocked = _applyDecs$e[4];
+_init__screenTrack = _applyDecs$e[5];
+_init__shareAudioTrack = _applyDecs$e[6];
+_init__localUser = _applyDecs$e[7];
+_init_screenSharingState = _applyDecs$e[8];
+_init_applicationCaptureSources = _applyDecs$e[9];
+_init_screenCaptureSources = _applyDecs$e[10];
+_init_hasScreenCapturePermission = _applyDecs$e[11];
+_init_showConfirm = _applyDecs$e[12];
+_init_shareControlBarActive = _applyDecs$e[13];
+_init_withAudio = _applyDecs$e[14];
+_init_currentShareAudioProcessingChannel = _applyDecs$e[15];
+_init_currentShareId = _applyDecs$e[16];
+_init_sharerId = _applyDecs$e[17];
+_init_currentShareType = _applyDecs$e[18];
+_init_currentSelection = _applyDecs$e[19];
+_init_currentSelectionType = _applyDecs$e[20];
+_init_shareWithAudio = _applyDecs$e[21];
+_init_boardOwnerUser = _applyDecs$e[22];
+_init_localUser = _applyDecs$e[23];
+_init_localUserRole = _applyDecs$e[24];
+_init_title = _applyDecs$e[25];
+_init_handleChooseScreen = _applyDecs$e[26];
+_initProto = _applyDecs$e[27];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);