fcr-ui-scene 3.3.1 → 3.4.0

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

@@ -44,9 +44,9 @@ 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.date.to-json.js");
 require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.json.stringify.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");
@@ -56,12 +56,10 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.async-iterator.find.js");
 require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
-require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -72,8 +70,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 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 _fcrCore = require("fcr-core");
+var _type = require("fcr-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");
@@ -86,15 +84,14 @@ var _rendererEvent = require("../../utilities/renderer-event");
 var _platform = require("../../utilities/platform");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 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 _types = require("agora-edu-core/lib/room-control/whiteboard-control/types");
-var _jsxRuntime = require("react/jsx-runtime");
+var _type5 = require("agora-ui-foundation/lib/components/icon/type");
+var _types = require("fcr-core/lib/room-control/whiteboard-control/types");
+var _renderer = require("../../utilities/renderer");
+var _screenCapturePermission = require("../../utilities/screen-capture-permission");
 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, _init_localMicrophoneMute, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setShareAudioProcessingChannelDecs, _sendLocalAudioStateEventDecs, _handleCheckScreenCapturePermissionDecs, _handleToSettingDecs, _muteLocalAudioDecs, _muteLocalVideoDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _startPreviewDecs, _setShareControlBarActiveDecs, _setCurrentCameraIdDecs, _setCurrentSpeakerIdDecs, _setCurrentMicrophoneIdDecs, _setAllowChangeSelfNameDecs, _setAllowChatDecs, _setAllowJoinWithMuteAudioDecs, _setAllowShareScreenDecs, _setAllowUnmuteSelfVideoDecs, _setAllowUnmuteSelfAudioDecs, _setLockRoomEnabledDecs, _openDialogDecs, _closeShareScreenSelectionDecs, _openControlBarDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _setShareWithAudioDecs, _setWithAudioStateDecs, _handleShareScreenResourceDecs, _handleStartShareDecs, _handleReplaceScreenDecs, _handleStopShareDecs, _handleScreenCaptureStateUpdatedDecs, _updateCameraListDecs, _updateMicrophoneListDecs, _updateSpeakerListDecs, _handleLiveStreamingStateUpdatedDecs, _setShareLockDecs, _refreshLocalUserDecs, _ref;
+var _initProto, _init__shareSelectionDialogId, _init__controlBarDialogId, _init__videoWindowDialogId, _init__isHost, _init__shareLocked, _init__screenTrack, _init__shareAudioTrack, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_hasScreenCapturePermission, _init_withAudio, _init_currentShareAudioProcessingChannel, _init_currentShareId, _init_sharerId, _init_currentShareType, _init_currentSelection, _init_currentSelectionType, _init_shareWithAudio, _init_boardOwnerUser, _init_localUser, _init_localUserRole, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _hasLoopbackDeviceDecs, _setShareAudioProcessingChannelDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _startPreviewDecs, _openDialogDecs, _openShareScreenSelectionDecs, _closeShareScreenSelectionDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _openRelaunchTipsDialogDecs, _setShareWithAudioDecs, _setWithAudioStateDecs, _handleStartShareDecs, _handleReplaceScreenDecs, _handleStopShareDecs, _handleScreenCaptureStateUpdatedDecs, _setShareLockDecs, _handleStreamUpdateDecs, _initControlbarDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -127,51 +124,33 @@ 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();
-var _a = /*#__PURE__*/new WeakMap();
-_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _sendLocalAudioStateEventDecs = [_mobx.action, _mobx.action.bound], _handleCheckScreenCapturePermissionDecs = [_mobx.action, _mobx.action.bound], _handleToSettingDecs = [_mobx.action, _mobx.action.bound], _muteLocalAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalVideoDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_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], _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], _setShareWithAudioDecs = [_mobx.action, _mobx.action.bound], _setWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _handleShareScreenResourceDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_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");
+_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _hasLoopbackDeviceDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _openDialogDecs = [_mobx.action, _mobx.action.bound], _openShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_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], _openRelaunchTipsDialogDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioDecs = [_mobx.action, _mobx.action.bound], _setWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _handleStreamUpdateDecs = [_mobx.action, _mobx.action.bound], _initControlbarDecs = [_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,
-      config = _ref2.config;
+      uiEventStore = _ref2.uiEventStore;
     (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, "_isReplaceScreen", false);
     (0, _defineProperty2["default"])(this, "_previewDom", null);
     (0, _defineProperty2["default"])(this, "_observer", {
       onScreenCaptureStateUpdated: (0, _env.isElectron)() ? this._handleScreenCaptureStateUpdated : this._handleWebScreenCaptureStateUpdated
     });
-    (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._onStreamRemoved.bind(this),
-      onStreamsUpdated: this._refreshLocalUser.bind(this)
+      onStreamsAdded: this._handleStreamUpdate.bind(this),
+      onStreamsRemoved: this._handleStreamUpdate.bind(this),
+      onStreamsUpdated: this._handleStreamUpdate.bind(this)
     });
     _classPrivateFieldInitSpec(this, _A, _init__shareSelectionDialogId(this, ''));
     _classPrivateFieldInitSpec(this, _B, _init__controlBarDialogId(this, ''));
@@ -180,57 +159,36 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     _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, undefined));
-    _classPrivateFieldInitSpec(this, _X, _init_localUser(this, null));
-    _classPrivateFieldInitSpec(this, _Y, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
-    _classPrivateFieldInitSpec(this, _Z, _init_title(this, 'Whiteboard'));
-    _classPrivateFieldInitSpec(this, _a, _init_localMicrophoneMute(this, false));
+    _classPrivateFieldInitSpec(this, _H, _init_screenSharingState(this, _fcrCore.FcrMediaSourceState.CLOSE));
+    _classPrivateFieldInitSpec(this, _I, _init_applicationCaptureSources(this, []));
+    _classPrivateFieldInitSpec(this, _J, _init_screenCaptureSources(this, []));
+    _classPrivateFieldInitSpec(this, _K, _init_hasScreenCapturePermission(this, true));
+    _classPrivateFieldInitSpec(this, _L, _init_withAudio(this, false));
+    _classPrivateFieldInitSpec(this, _M, _init_currentShareAudioProcessingChannel(this, _shareAudio.AudioProcessingChannel.MONO));
+    _classPrivateFieldInitSpec(this, _N, _init_currentShareId(this, ''));
+    _classPrivateFieldInitSpec(this, _O, _init_sharerId(this, ''));
+    _classPrivateFieldInitSpec(this, _P, _init_currentShareType(this, _type2.AgoraRtcScreenCaptureType.SCREEN));
+    _classPrivateFieldInitSpec(this, _Q, _init_currentSelection(this, ''));
+    _classPrivateFieldInitSpec(this, _R, _init_currentSelectionType(this, _type2.AgoraRtcScreenCaptureType.WINDOW));
+    _classPrivateFieldInitSpec(this, _S, _init_shareWithAudio(this, false));
+    _classPrivateFieldInitSpec(this, _T, _init_boardOwnerUser(this, undefined));
+    _classPrivateFieldInitSpec(this, _U, _init_localUser(this, null));
+    _classPrivateFieldInitSpec(this, _V, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
     (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._config = config;
     this._roomControl = roomControl;
     this._mediaControl = mediaControl;
     this._streamControl = roomControl.getStreamControl();
     this._userControl = roomControl.getUserControl();
-    this._deviceStore = deviceStore;
-    this._deviceStreamStore = deviceStreamStore;
     this._securityStore = securityStore;
     this._uiEventStore = uiEventStore;
+    this.localUser = this._userControl.getLocalUser();
+    this.localUserRole = (_this$localUser = this.localUser) === null || _this$localUser === void 0 ? void 0 : _this$localUser.userRole;
     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.getBoardControl().addObserver({
       onActive: function onActive(ownerId) {
         _this.handleStopShare();
@@ -242,12 +200,29 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         _this.boardOwnerUser = undefined;
       }
     });
-    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._isHost = [_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST].includes(this.localUserRole);
     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;
+    this._disposers.push((0, _mobx.reaction)(function () {
+      return _this._securityStore.hasStartScreenSharePermission();
+    }, function (screenSharePremission) {
+      if (!screenSharePremission) {
+        if (_this.screenSharingState === _fcrCore.FcrMediaSourceState.OPEN) _this.handleStopShare();
+        if (_this._isHost) return;
+        _this._uiEventStore.showToast({
+          type: 'error',
+          message: (0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibitssharing'),
+          duration: 3000
+        });
+      }
+    }));
+    this._disposers.push((0, _mobx.reaction)(function () {
+      return _this.screenSharingState;
+    }, function (state) {
+      _this._uiEventStore.sendEvent(_constant.UIAction.UPDATE_SHARE_STATE, {
+        isOpen: state === _fcrCore.FcrMediaSourceState.OPEN
+      });
+    }));
   }
   return (0, _createClass2["default"])(ShareScreenStore, [{
     key: "_shareSelectionDialogId",
@@ -306,7 +281,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "_localUser",
+    key: "screenSharingState",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -314,7 +289,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "screenSharingState",
+    key: "applicationCaptureSources",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -322,7 +297,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "applicationCaptureSources",
+    key: "screenCaptureSources",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -330,7 +305,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "screenCaptureSources",
+    key: "hasScreenCapturePermission",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -338,7 +313,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "hasScreenCapturePermission",
+    key: "withAudio",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -346,7 +321,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "showConfirm",
+    key: "currentShareAudioProcessingChannel",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -354,7 +329,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "shareControlBarActive",
+    key: "currentShareId",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -362,7 +337,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "withAudio",
+    key: "sharerId",
     get: function get() {
       return _classPrivateFieldGet(_O, this);
     },
@@ -370,7 +345,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_O, this, v);
     }
   }, {
-    key: "currentShareAudioProcessingChannel",
+    key: "currentShareType",
     get: function get() {
       return _classPrivateFieldGet(_P, this);
     },
@@ -378,7 +353,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_P, this, v);
     }
   }, {
-    key: "currentShareId",
+    key: "currentSelection",
     get: function get() {
       return _classPrivateFieldGet(_Q, this);
     },
@@ -386,7 +361,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Q, this, v);
     }
   }, {
-    key: "sharerId",
+    key: "currentSelectionType",
     get: function get() {
       return _classPrivateFieldGet(_R, this);
     },
@@ -394,7 +369,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_R, this, v);
     }
   }, {
-    key: "currentShareType",
+    key: "shareWithAudio",
     get: function get() {
       return _classPrivateFieldGet(_S, this);
     },
@@ -402,7 +377,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_S, this, v);
     }
   }, {
-    key: "currentSelection",
+    key: "boardOwnerUser",
     get: function get() {
       return _classPrivateFieldGet(_T, this);
     },
@@ -410,7 +385,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_T, this, v);
     }
   }, {
-    key: "currentSelectionType",
+    key: "localUser",
     get: function get() {
       return _classPrivateFieldGet(_U, this);
     },
@@ -418,76 +393,42 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_U, this, v);
     }
   }, {
-    key: "shareWithAudio",
+    key: "localUserRole",
     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: "localMicrophoneMute",
-    get: function get() {
-      return _classPrivateFieldGet(_a, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_a, 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: "hasLoopbackDevice",
+    value: function () {
+      var _hasLoopbackDevice = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var res;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return this._mediaControl.checkLoopbackDevice();
+            case 2:
+              res = _context.sent;
+              return _context.abrupt("return", res === 0);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function hasLoopbackDevice() {
+        return _hasLoopbackDevice.apply(this, arguments);
+      }
+      return hasLoopbackDevice;
+    }()
   }, {
     key: "setShareAudioProcessingChannel",
     value: function setShareAudioProcessingChannel(currentShareAudioProcessingChannel) {
@@ -498,79 +439,23 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     value: function handlerBoardShareStop() {
       this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_WHITEBOARD);
     }
-  }, {
-    key: "sendLocalAudioStateEvent",
-    value: function sendLocalAudioStateEvent() {
-      this.muteLocalAudio(false);
-      return;
-    }
   }, {
     key: "release",
     value: function release() {
+      this._disposers.forEach(function (disposer) {
+        return disposer();
+      });
+      this._disposers = [];
       this._closeCapture();
-      this._removeReactions();
       this._removeEventListeners();
+      this._uiEventStore.removeObserver(this._uiEventObserver);
     }
-  }, {
-    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: "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: "handleShareStartWithAudio",
     value: function handleShareStartWithAudio() {
       var isMac = navigator.userAgent.indexOf('Mac') > -1;
-      this._shareAudioTrack = this._mediaControl.getLoopbackTrack(isMac ? 'BlackHole 2ch' : '');
-      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
+      this._shareAudioTrack = this._mediaControl.getLoopbackTrack(isMac && (0, _env.isElectron)() ? 'AgoraALD' : (0, _env.isElectron)() ? '' : 'default');
+      if (this._mediaControl.isCapabilitySupported(_fcrCore.FcrCapability.LOOPBACK_CAPTURE)) {
         this._shareAudioTrack.start();
       }
     }
@@ -580,7 +465,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       if (!this._shareAudioTrack) {
         return;
       }
-      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
+      if (this._mediaControl.isCapabilitySupported(_fcrCore.FcrCapability.LOOPBACK_CAPTURE)) {
         this._shareAudioTrack.stop();
       }
     }
@@ -600,68 +485,6 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         this._previewDom = null;
       }
     }
-  }, {
-    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);
-    }
-
-    // @action.bound
-    // setWaitingRoomEnabled(allow: boolean) {
-    //   this._securityStore.setWaitingRoomEnabled();
-    // }
   }, {
     key: "openDialog",
     value: function openDialog(item) {
@@ -675,21 +498,69 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       this._uiEventStore.closeDialog("".concat(item, "_").concat(item));
     }
   }, {
-    key: "openLiveStreamingDialog",
-    value: function openLiveStreamingDialog() {
-      this._uiEventStore.openLiveStreamingDialog();
-    }
+    key: "openShareScreenSelection",
+    value: function () {
+      var _openShareScreenSelection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var _this2 = this;
+        var NORMAL_HEIGHT, WINDOWS_HEIGHT, NORMAL_WIDTH, shareSelectionHeight, _window$runtime$brows, mainWidowX, mainWindowY, mainWidth, mainHeight, offsetForToast, windowList, displayList;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              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._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,
+                transparent: true
+              });
+              _context2.next = 9;
+              return this._mediaControl.getWindowList();
+            case 9:
+              windowList = _context2.sent.filter(function (item) {
+                return !['AgoraHighLighter', 'Toast', 'Confirm'].includes(item.title) || item.isCurrent;
+              });
+              _context2.next = 12;
+              return this._mediaControl.getDisplayList();
+            case 12:
+              displayList = _context2.sent;
+              (0, _mobx.runInAction)(function () {
+                _this2.applicationCaptureSources = windowList.filter(function (item) {
+                  return !item.isCurrent;
+                });
+                _this2.screenCaptureSources = [{
+                  title: (0, _i18n.transI18n)('fmt_share_options_whiteboard'),
+                  id: "whiteboard-".concat(displayList[0].id),
+                  image: _type5.FcrIconType.FCR_WHITEBOARD2
+                }].concat((0, _toConsumableArray2["default"])(displayList));
+              });
+            case 14:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function openShareScreenSelection() {
+        return _openShareScreenSelection.apply(this, arguments);
+      }
+      return openShareScreenSelection;
+    }()
   }, {
     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) {
@@ -713,214 +584,215 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     value: function closeVideoWindowDialog() {
       this._uiEventStore.closeDialog(this._videoWindowDialogId);
       this._videoWindowDialogId = '';
+      this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_VIDEO_WINDOW);
     }
   }, {
-    key: "setShareWithAudio",
-    value: function setShareWithAudio(withAudio) {
-      var _this2 = this;
-      var confirmAudioShareWhileMicOff = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var dialogKey = !this.localAudioState && withAudio && this._uiEventStore.openConfirmDialog({
-        title: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_micon'),
-        content: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_turnonmic'),
+    key: "openRelaunchTipsDialog",
+    value: function openRelaunchTipsDialog() {
+      var _this3 = this;
+      var dialogId = this._uiEventStore.openConfirmDialog({
+        content: (0, _i18n.transI18n)('fmt_driver_installation_v_sound_card'),
         onOk: function onOk() {
-          _this2._deviceStore.setMicrophoneEnabled(true);
-          _this2._setWithAudioState(withAudio);
-          if (withAudio) {
-            _this2.handleShareStartWithAudio();
-          } else {
-            _this2.handleShareStopWithAudio();
-          }
-          dialogKey && _this2._uiEventStore.closeDialog(dialogKey);
+          dialogId && _this3._uiEventStore.closeConfirm(dialogId);
+          (0, _renderer.restartApp)();
         },
         onCancel: function onCancel() {
-          dialogKey && _this2._uiEventStore.closeDialog(dialogKey);
+          dialogId && _this3._uiEventStore.closeConfirm(dialogId);
         },
-        okText: (0, _i18n.transI18n)('fmt_screenshare_continue_share')
+        okText: (0, _i18n.transI18n)('fmt_premeeting_setting_mobile_popup_button_restart'),
+        cancelText: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+        title: ''
       });
-      if (dialogKey) return;
-      this._setWithAudioState(withAudio);
-      if (withAudio) {
-        this.handleShareStartWithAudio();
-      } else {
-        this.handleShareStopWithAudio();
-      }
     }
+  }, {
+    key: "setShareWithAudio",
+    value: function () {
+      var _setShareWithAudio = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(withAudio) {
+        var isMac, hideTip;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              isMac = (0, _env.getPlatform)() === _env.FcrApplicationPlatform.MACOS;
+              if (!(withAudio && isMac)) {
+                _context3.next = 6;
+                break;
+              }
+              _context3.next = 4;
+              return this.hasLoopbackDevice();
+            case 4:
+              hideTip = _context3.sent;
+              if (!hideTip) {
+                this.openRelaunchTipsDialog();
+              }
+            case 6:
+              this._setWithAudioState(withAudio);
+              if (withAudio) {
+                this.handleShareStartWithAudio();
+              } else {
+                this.handleShareStopWithAudio();
+              }
+            case 8:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function setShareWithAudio(_x) {
+        return _setShareWithAudio.apply(this, arguments);
+      }
+      return setShareWithAudio;
+    }()
   }, {
     key: "_setWithAudioState",
     value: function _setWithAudioState(withAudio) {
       this.withAudio = withAudio;
       this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, this._currentShareStreamId, {
-        audioPrivilege: withAudio ? _agoraEduCore.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _agoraEduCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
-        videoPrivilege: _agoraEduCore.FcrStreamPrivilegeOperation.NOOPERATION
+        audioPrivilege: withAudio ? _fcrCore.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
+        videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION
       }));
     }
   }, {
-    key: "handleShareScreenResource",
+    key: "prepareShareScreen",
     value: function () {
-      var _handleShareScreenResource = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-        var windowList, displayList, NORMAL_HEIGHT, WINDOWS_HEIGHT, NORMAL_WIDTH, shareSelectionHeight, _window$runtime$brows, mainWidowX, mainWindowY, mainWidth, mainHeight, offsetForToast;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _prepareShareScreen = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        var _this4 = this;
+        var dialogId;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              this._removeReactions();
-              this.showConfirm = false;
-              this._addReactions();
-              if (!(this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN) && (0, _env.isElectron)())) {
-                _context3.next = 20;
+              this.hasScreenCapturePermission = (0, _screenCapturePermission.hasScreenCapturePermission)();
+              if (this.hasScreenCapturePermission) {
+                _context4.next = 4;
                 break;
               }
-              _context3.next = 6;
-              return this._mediaControl.getWindowList();
-            case 6:
-              windowList = _context3.sent.filter(function (item) {
-                return item.title !== 'AgoraHighLighter' || item.isCurrent;
-              });
-              _context3.next = 9;
-              return this._mediaControl.getDisplayList();
-            case 9:
-              displayList = _context3.sent;
-              this.applicationCaptureSources = windowList.filter(function (item) {
-                return !item.isCurrent;
+              dialogId = this._uiEventStore.openConfirmDialog({
+                title: (0, _i18n.transI18n)('fmt_screenshare_options_allowshare'),
+                content: (0, _i18n.transI18n)('fmt_screenshare_tips_notavailable'),
+                okText: (0, _i18n.transI18n)('fmt_group_popup_creat_next_sidpop_label_setting'),
+                cancelText: (0, _i18n.transI18n)('fmt_group_popup_creat_next_sidpop_button_help_ignore'),
+                onCancel: function onCancel() {
+                  _this4._uiEventStore.closeConfirm(dialogId);
+                },
+                onOk: function onOk() {
+                  window.runtime.openSystemPreferences('sharing');
+                  _this4._uiEventStore.closeConfirm(dialogId);
+                },
+                closable: false
               });
-              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._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,
-                transparent: true
-              });
-              return _context3.abrupt("return");
-            case 20:
-              this.handleStartShare();
-            case 21:
+              return _context4.abrupt("return");
+            case 4:
+              if (this._mediaControl.isCapabilitySupported(_fcrCore.FcrCapability.SCREEN_ENUMERATE)) {
+                this.openShareScreenSelection();
+              } else {
+                this.handleStartShare();
+              }
+            case 5:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
-      function handleShareScreenResource() {
-        return _handleShareScreenResource.apply(this, arguments);
+      function prepareShareScreen() {
+        return _prepareShareScreen.apply(this, arguments);
       }
-      return handleShareScreenResource;
+      return prepareShareScreen;
     }()
   }, {
     key: "handleStartShare",
     value: function () {
-      var _handleStartShare = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+      var _handleStartShare = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
         var id,
           type,
           withAudio,
           audioProcessingChannel,
           excludeWindows,
-          _this$_localUser4,
-          _this$_localUser5,
+          _this$localUser2,
+          _this$localUser3,
           screenTrack,
-          _args4 = arguments;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+          _args5 = arguments;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              id = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : 'default';
-              type = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : _type2.AgoraRtcScreenCaptureType.DISPLAY;
-              withAudio = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : false;
-              audioProcessingChannel = _args4.length > 3 && _args4[3] !== undefined ? _args4[3] : _shareAudio.AudioProcessingChannel.MONO;
+              id = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : 'default';
+              type = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : _type2.AgoraRtcScreenCaptureType.SCREEN;
+              withAudio = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : false;
+              audioProcessingChannel = _args5.length > 3 && _args5[3] !== undefined ? _args5[3] : _shareAudio.AudioProcessingChannel.MONO;
+              console.log('window id:', id, type);
               excludeWindows = [];
               withAudio = (0, _env.isElectron)() ? withAudio : true; // electron 取 withAudio，web 默认为 true
               if ((0, _env.isElectron)()) this.closeShareScreenSelection();
               if (!(id.split('-')[0] === 'whiteboard')) {
-                _context4.next = 12;
+                _context5.next = 13;
                 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))) {
-                _context4.next = 10;
+              if (!(!this._securityStore.hasStartBoardPermission() && !(((_this$localUser2 = this.localUser) === null || _this$localUser2 === void 0 ? void 0 : _this$localUser2.userRole) === _type.FcrUserRole.HOST) && !(((_this$localUser3 = this.localUser) === null || _this$localUser3 === void 0 ? void 0 : _this$localUser3.userRole) === _type.FcrUserRole.COHOST))) {
+                _context5.next = 11;
                 break;
               }
-              return _context4.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
-            case 10:
+              return _context5.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
+            case 11:
               this._uiEventStore.sendEvent(_constant.UIAction.OPEN_WHITEBOARD);
-              return _context4.abrupt("return");
-            case 12:
-              if (!(this.screenSharingState === _agoraEduCore.FcrMediaSourceState.STARTED)) {
-                _context4.next = 16;
+              return _context5.abrupt("return");
+            case 13:
+              if (!(this.screenSharingState === _fcrCore.FcrMediaSourceState.OPEN)) {
+                _context5.next = 17;
                 break;
               }
               this.handleReplaceScreen(id, type, withAudio, audioProcessingChannel);
               this._setShareLock(false);
-              return _context4.abrupt("return");
-            case 16:
+              return _context5.abrupt("return");
+            case 17:
               this._uiEventStore.sendEvent(_constant.UIAction.SET_CURRENT_SHARE_SCREEN, {
                 id: id,
                 type: type
               });
-              _context4.t0 = this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN);
-              if (!_context4.t0) {
-                _context4.next = 22;
+              _context5.t0 = this._mediaControl.isCapabilitySupported(_fcrCore.FcrCapability.SCREEN_ENUMERATE);
+              if (!_context5.t0) {
+                _context5.next = 23;
                 break;
               }
-              _context4.next = 21;
+              _context5.next = 22;
               return this._validateShareStart(id, type);
-            case 21:
-              _context4.t0 = !_context4.sent;
             case 22:
-              if (!_context4.t0) {
-                _context4.next = 24;
+              _context5.t0 = !_context5.sent;
+            case 23:
+              if (!_context5.t0) {
+                _context5.next = 25;
                 break;
               }
-              return _context4.abrupt("return");
-            case 24:
+              return _context5.abrupt("return");
+            case 25:
               if (!this._shareLocked) {
-                _context4.next = 26;
+                _context5.next = 27;
                 break;
               }
-              return _context4.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error'));
-            case 26:
+              return _context5.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error'));
+            case 27:
               this._setShareLock(true);
               this.currentShareId = id;
               this.currentShareType = type;
               this.withAudio = withAudio;
               if (withAudio) this.handleShareStartWithAudio();
               if (this._hasScreenSharePermission()) {
-                _context4.next = 34;
+                _context5.next = 35;
                 break;
               }
               this._setShareLock(false);
-              return _context4.abrupt("return");
-            case 34:
-              this.openControlBar();
+              return _context5.abrupt("return");
+            case 35:
               if (!(0, _env.isElectron)()) {
-                _context4.next = 43;
+                _context5.next = 43;
                 break;
               }
-              _context4.next = 38;
-              return this._createScreenStream();
+              _context5.next = 38;
+              return this._createScreenStream(id);
             case 38:
-              window.runtime.browserWindow.setFullScreen(false);
+              this._initControlbar();
               this.openVideoWindowDialog();
-              _context4.next = 42;
+              _context5.next = 42;
               return this._getExcludeWindows();
             case 42:
-              excludeWindows = _context4.sent;
+              excludeWindows = _context5.sent;
             case 43:
               screenTrack = this._mediaControl.getScreenTrack(id);
               this._screenTrack = screenTrack;
@@ -932,9 +804,9 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               });
             case 47:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
       function handleStartShare() {
         return _handleStartShare.apply(this, arguments);
@@ -944,7 +816,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleReplaceScreen",
     value: function handleReplaceScreen() {
-      var _this3 = this;
+      var _this5 = 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;
@@ -959,63 +831,61 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       if (screenTrack) {
         var observer = {
           onScreenCaptureStateUpdated: function () {
-            var _onScreenCaptureStateUpdated = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(sourceId, state) {
+            var _onScreenCaptureStateUpdated = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(sourceId, state) {
               var newScreenTrack, excludeWindows;
-              return _regenerator["default"].wrap(function _callee5$(_context5) {
-                while (1) switch (_context5.prev = _context5.next) {
+              return _regenerator["default"].wrap(function _callee6$(_context6) {
+                while (1) switch (_context6.prev = _context6.next) {
                   case 0:
-                    if (!(state === _agoraEduCore.FcrMediaSourceState.STOPPED)) {
-                      _context5.next = 18;
+                    if (!(state === _fcrCore.FcrMediaSourceState.CLOSE)) {
+                      _context6.next = 18;
                       break;
                     }
-                    _this3._initToolbar();
-                    screenTrack.removeObserver(_this3._observer);
+                    if ((0, _env.isElectron)()) {
+                      _this5._initControlbar();
+                    }
+                    _this5._uiEventStore.sendEvent(_constant.UIAction.SET_CURRENT_SHARE_SCREEN, {
+                      id: id,
+                      type: type
+                    });
+                    screenTrack.removeObserver(_this5._observer);
                     screenTrack.removeObserver(observer);
-                    newScreenTrack = _this3._mediaControl.getScreenTrack(id);
+                    newScreenTrack = _this5._mediaControl.getScreenTrack(id);
                     if (withAudio) {
-                      _this3.handleShareStartWithAudio();
+                      _this5.handleShareStartWithAudio();
                     }
-                    _this3._screenTrack = newScreenTrack;
+                    _this5._screenTrack = newScreenTrack;
                     excludeWindows = [];
                     if (!(0, _env.isElectron)()) {
-                      _context5.next = 12;
+                      _context6.next = 13;
                       break;
                     }
-                    _context5.next = 11;
-                    return _this3._getExcludeWindows();
-                  case 11:
-                    excludeWindows = _context5.sent;
+                    _context6.next = 12;
+                    return _this5._getExcludeWindows();
                   case 12:
-                    newScreenTrack.addObserver(_this3._observer);
+                    excludeWindows = _context6.sent;
+                  case 13:
+                    newScreenTrack.addObserver(_this5._observer);
                     newScreenTrack.start(type, {
                       // preview: true,
                       withAudio: withAudio,
                       excludeWindows: excludeWindows
                     });
-                    if (_this3._currentShareStreamId) {
-                      _this3._streamControl.bindLocalStreams([{
-                        streamId: _this3._currentShareStreamId,
+                    if (_this5._currentShareStreamId) {
+                      _this5._streamControl.bindLocalStreams([{
+                        streamId: _this5._currentShareStreamId,
                         audioSourceId: 'default',
                         videoSourceId: id
                       }]);
                     }
-                    _this3.currentShareId = id;
-                    _this3.currentShareType = type;
-                    (0, _rendererEvent.sendEvent)({
-                      action: _constant.RendererEventAction.START_SHARE_SCREEN,
-                      payload: {
-                        id: id,
-                        type: type,
-                        withAudio: withAudio
-                      }
-                    });
+                    _this5.currentShareId = id;
+                    _this5.currentShareType = type;
                   case 18:
                   case "end":
-                    return _context5.stop();
+                    return _context6.stop();
                 }
-              }, _callee5);
+              }, _callee6);
             }));
-            function onScreenCaptureStateUpdated(_x4, _x5) {
+            function onScreenCaptureStateUpdated(_x2, _x3) {
               return _onScreenCaptureStateUpdated.apply(this, arguments);
             }
             return onScreenCaptureStateUpdated;
@@ -1035,36 +905,38 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       this._previewDom && ((_this$_screenTrack3 = this._screenTrack) === null || _this$_screenTrack3 === void 0 ? void 0 : _this$_screenTrack3.stopPreview(this._previewDom));
       (_this$_screenTrack4 = this._screenTrack) === null || _this$_screenTrack4 === void 0 || _this$_screenTrack4.stop();
       this.currentShareId = '';
-      this._removeReactions();
     }
   }, {
     key: "_createScreenStream",
     value: function () {
-      var _createScreenStream2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-        var _this4 = this;
+      var _createScreenStream2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(videoSourceId) {
+        var _this6 = this;
         var streamType, streamId;
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              this.logger.debug('performance: createScreenStream ', new Date().getTime());
               streamType = this.withAudio ? _type3.AgoraRteMediaStreamType.BOTH : _type3.AgoraRteMediaStreamType.VIDEO;
-              _context6.next = 4;
+              _context7.next = 3;
               return this._streamControl.addLocalScreenStream({
                 streamType: streamType
               })["finally"](function () {
-                _this4._setShareLock(false);
+                _this6._setShareLock(false);
               });
-            case 4:
-              streamId = _context6.sent;
-              this.logger.debug('performance: createScreenStream end ', new Date().getTime());
+            case 3:
+              streamId = _context7.sent;
+              this._streamControl.bindLocalStreams([{
+                streamId: streamId,
+                audioSourceId: 'default',
+                videoSourceId: videoSourceId
+              }]);
               this._currentShareStreamId = streamId;
-            case 7:
+            case 6:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
-      function _createScreenStream() {
+      function _createScreenStream(_x4) {
         return _createScreenStream2.apply(this, arguments);
       }
       return _createScreenStream;
@@ -1072,32 +944,32 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleWebScreenCaptureStateUpdated",
     value: function () {
-      var _handleWebScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(sourceId, state) {
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+      var _handleWebScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(sourceId, state) {
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               this.screenSharingState = state;
-              if (state === _agoraEduCore.FcrMediaSourceState.STARTED) {
+              if (state === _fcrCore.FcrMediaSourceState.OPEN) {
                 this._setShareLock(true);
-                this._createScreenStream();
+                this._createScreenStream(this.currentShareId);
                 this._isReplaceScreen = false;
               }
-              if (state === _agoraEduCore.FcrMediaSourceState.STOPPED) {
+              if (state === _fcrCore.FcrMediaSourceState.CLOSE) {
                 this._setShareLock(false);
                 !this._isReplaceScreen && this.handleStopShare();
                 this._isReplaceScreen = false;
               }
-              if (state === _agoraEduCore.FcrMediaSourceState.ERROR) {
+              if (state === _fcrCore.FcrMediaSourceState.ERROR) {
                 this._setShareLock(false);
                 this._isReplaceScreen = false;
               }
             case 4:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this);
+        }, _callee8, this);
       }));
-      function _handleWebScreenCaptureStateUpdated(_x6, _x7) {
+      function _handleWebScreenCaptureStateUpdated(_x5, _x6) {
         return _handleWebScreenCaptureStateUpdated2.apply(this, arguments);
       }
       return _handleWebScreenCaptureStateUpdated;
@@ -1105,89 +977,36 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleScreenCaptureStateUpdated",
     value: function () {
-      var _handleScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(sourceId, state) {
+      var _handleScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(sourceId, state) {
         var _this$_screenTrack5, _this$_screenTrack6, _this$_screenTrack7;
-        return _regenerator["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regenerator["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              if (state === _agoraEduCore.FcrMediaSourceState.STOPPED) {
+              if (state === _fcrCore.FcrMediaSourceState.CLOSE) {
                 this._previewDom && ((_this$_screenTrack5 = this._screenTrack) === null || _this$_screenTrack5 === void 0 ? void 0 : _this$_screenTrack5.stopPreview(this._previewDom));
                 (_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)) {
-                _context8.next = 5;
+              if (!(state === _fcrCore.FcrMediaSourceState.ERROR)) {
+                _context9.next = 5;
                 break;
               }
               this.handleStopShare();
-              this.screenSharingState = _agoraEduCore.FcrMediaSourceState.STOPPED;
-              return _context8.abrupt("return");
+              this.screenSharingState = _fcrCore.FcrMediaSourceState.CLOSE;
+              return _context9.abrupt("return");
             case 5:
               this.screenSharingState = state;
             case 6:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
-      function _handleScreenCaptureStateUpdated(_x8, _x9) {
+      function _handleScreenCaptureStateUpdated(_x7, _x8) {
         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 === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl,
-          videoStreamingKey: liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingKey,
-          playUrl: liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pullStreamingUrl
-        }
-      });
-    }
   }, {
     key: "_setShareLock",
     value: function _setShareLock(lock) {
@@ -1205,35 +1024,35 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_removeScreenStream",
     value: function () {
-      var _removeScreenStream2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+      var _removeScreenStream2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
         var streamId, _this$_streamControl;
-        return _regenerator["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regenerator["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               streamId = this._currentShareStreamId;
               if (streamId) {
-                _context9.next = 3;
+                _context10.next = 3;
                 break;
               }
-              return _context9.abrupt("return");
+              return _context10.abrupt("return");
             case 3:
-              _context9.prev = 3;
-              _context9.next = 6;
+              _context10.prev = 3;
+              _context10.next = 6;
               return (_this$_streamControl = this._streamControl) === null || _this$_streamControl === void 0 ? void 0 : _this$_streamControl.removeScreenStream();
             case 6:
               this._currentShareStreamId = '';
-              _context9.next = 13;
+              _context10.next = 13;
               break;
             case 9:
-              _context9.prev = 9;
-              _context9.t0 = _context9["catch"](3);
+              _context10.prev = 9;
+              _context10.t0 = _context10["catch"](3);
               this._removeScreenStreamFailed = true;
-              this.logger.error('removeScreenStream error', _context9.t0);
+              this.logger.error('removeScreenStream error', _context10.t0);
             case 13:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, this, [[3, 9]]);
+        }, _callee10, this, [[3, 9]]);
       }));
       function _removeScreenStream() {
         return _removeScreenStream2.apply(this, arguments);
@@ -1244,67 +1063,38 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     key: "_syncShareStreamState",
     value: function _syncShareStreamState() {
       var _this$_streamControl$2,
-        _this5 = this;
+        _this7 = 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);
+        var _this7$localUser;
+        return stream.videoSourceType === _type4.AgoraRteVideoSourceType.SCREEN && stream.owner.userId === ((_this7$localUser = _this7.localUser) === null || _this7$localUser === void 0 ? void 0 : _this7$localUser.userId);
       })) === null || _this$_streamControl$2 === void 0 ? void 0 : _this$_streamControl$2.streamId);
-      if (this.screenSharingState !== _agoraEduCore.FcrMediaSourceState.STARTED && currentShareStreamId) {
+      if (this.screenSharingState !== _fcrCore.FcrMediaSourceState.OPEN && currentShareStreamId) {
         this.handleStopShare();
       }
     }
   }, {
-    key: "_refreshLocalUser",
-    value: function _refreshLocalUser(_, events) {
-      var _isReplaced$operatorU, _this$_localUser6;
-      var isReplaced = events && events.find(function (event) {
+    key: "_isStoppedFor",
+    value: function _isStoppedFor(events, reason) {
+      return 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) === _types.FcrBoardInactiveReason.SEIZE;
-      });
-      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 _this$_roomControl$ge = this._roomControl.getUserControl().getLocalUser(),
-        userId = _this$_roomControl$ge.userId,
-        userRole = _this$_roomControl$ge.userRole;
-      var hasVideo = this._deviceStore.cameraEnabled;
-      var hasAudio = this._deviceStore.microphoneEnabled;
-      var isHost = userRole === _type.FcrUserRole.HOST;
-      var isCoHost = userRole === _type.FcrUserRole.COHOST;
-      this.localMicrophoneMute = !hasAudio;
-      this._localUser = {
-        userId: userId,
-        hasVideo: hasVideo,
-        hasAudio: hasAudio,
-        isHost: isHost,
-        isCoHost: isCoHost,
-        volume: this._deviceStore.microphoneVolumeLevel
-      };
-      var streams = this._streamControl.getStreamsByUserId(userId);
-      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 === _agoraEduCore.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
+        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) === reason;
       });
     }
   }, {
-    key: "_onStreamRemoved",
-    value: function _onStreamRemoved(roomId, events) {
-      this._refreshLocalUser(roomId, events);
+    key: "_handleStreamUpdate",
+    value: function _handleStreamUpdate(_, events) {
+      var _this$localUser4, _this$localUser5;
+      var isClosedByOther = this._isStoppedFor(events, _types.FcrBoardInactiveReason.CLOSE);
+      var isSeizedByOther = this._isStoppedFor(events, _types.FcrBoardInactiveReason.SEIZE);
+      var operatorUser = (isSeizedByOther === null || isSeizedByOther === void 0 ? void 0 : isSeizedByOther.operatorUser) || (isClosedByOther === null || isClosedByOther === void 0 ? void 0 : isClosedByOther.operatorUser);
+      var ownerUser = (isSeizedByOther === null || isSeizedByOther === void 0 ? void 0 : isSeizedByOther.modifiedStream.owner) || (isClosedByOther === null || isClosedByOther === void 0 ? void 0 : isClosedByOther.modifiedStream.owner);
+      var selfOperated = (operatorUser === null || operatorUser === void 0 ? void 0 : operatorUser.userId) === ((_this$localUser4 = this.localUser) === null || _this$localUser4 === void 0 ? void 0 : _this$localUser4.userId);
+      var isMyOwnShare = ((_this$localUser5 = this.localUser) === null || _this$localUser5 === void 0 ? void 0 : _this$localUser5.userId) === (ownerUser === null || ownerUser === void 0 ? void 0 : ownerUser.userId);
+      (isSeizedByOther || isClosedByOther) && !selfOperated && this.handleStopShare();
+      isClosedByOther && !selfOperated && isMyOwnShare && this._uiEventStore.sendEvent(_constant.UIAction.SHOW_TOAST, {
+        type: 'info',
+        message: (0, _i18n.transI18n)('fmt_share_tips_sharingdisabled')
+      });
     }
   }, {
     key: "_addEventListeners",
@@ -1316,131 +1106,6 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     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 _callee10(active) {
-          return _regenerator["default"].wrap(function _callee10$(_context10) {
-            while (1) switch (_context10.prev = _context10.next) {
-              case 0:
-                if (active) {
-                  _this6._initToolbar();
-                } else {
-                  _this6._deviceStore.removeObserver(_this6._deviceStoreObserver);
-                }
-              case 1:
-              case "end":
-                return _context10.stop();
-            }
-          }, _callee10);
-        }));
-        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: "_onUiEvent",
     value: function () {
@@ -1449,48 +1114,39 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
               _context11.t0 = event;
-              _context11.next = _context11.t0 === _constant.UIAction.START_SHARE_SCREEN ? 3 : _context11.t0 === _constant.UIAction.SHOW_TOAST ? 5 : _context11.t0 === _constant.UIAction.STOP_SCREEN_CAPTURE ? 7 : _context11.t0 === _constant.UIAction.ENGINE_RECONNECTED ? 9 : 11;
+              _context11.next = _context11.t0 === _constant.UIAction.START_SHARE_SCREEN ? 3 : _context11.t0 === _constant.UIAction.STOP_SCREEN_CAPTURE ? 5 : _context11.t0 === _constant.UIAction.ENGINE_RECONNECTED ? 7 : _context11.t0 === _constant.UIAction.STOP_SHARE_SCREEN ? 9 : _context11.t0 === _constant.UIAction.SET_SHARE_WITH_AUDIO ? 12 : 14;
               break;
             case 3:
-              this.handleShareScreenResource();
-              return _context11.abrupt("break", 11);
+              this.prepareShareScreen();
+              return _context11.abrupt("break", 14);
             case 5:
-              if ((0, _env.isElectron)() && this.shareControlBarActive) {
-                (0, _rendererEvent.sendEvent)({
-                  action: _constant.RendererEventAction.SHOW_TOAST,
-                  payload: params
-                });
-              }
-              return _context11.abrupt("break", 11);
-            case 7:
               this._closeCapture();
               // this.handleStopShare();
-              return _context11.abrupt("break", 11);
-            case 9:
+              return _context11.abrupt("break", 14);
+            case 7:
               if (this._removeScreenStreamFailed) {
                 this._removeScreenStream();
                 this._removeScreenStreamFailed = false;
               }
-              return _context11.abrupt("break", 11);
-            case 11:
+              return _context11.abrupt("break", 14);
+            case 9:
+              this.handleStopShare();
+              this.closeDialog(_constant.DialogKey.PARTICIPANT);
+              return _context11.abrupt("break", 14);
+            case 12:
+              this.setShareWithAudio(params.withAudio);
+              return _context11.abrupt("break", 14);
+            case 14:
             case "end":
               return _context11.stop();
           }
         }, _callee11, this);
       }));
-      function _onUiEvent(_x11, _x12) {
+      function _onUiEvent(_x9, _x10) {
         return _onUiEvent2.apply(this, arguments);
       }
       return _onUiEvent;
     }()
-  }, {
-    key: "_removeReactions",
-    value: function _removeReactions() {
-      this._disposers.forEach(function (disposer) {
-        return disposer();
-      });
-      this._disposers = [];
-    }
   }, {
     key: "_showToast",
     value: function _showToast(message, type) {
@@ -1505,33 +1161,34 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     key: "_validateWindow",
     value: function () {
       var _validateWindow2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12(id) {
-        var window;
+        var windows, window;
         return _regenerator["default"].wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
             case 0:
               _context12.next = 2;
               return this._mediaControl.getWindowList();
             case 2:
-              window = _context12.sent.filter(function (item) {
+              windows = _context12.sent;
+              window = windows.filter(function (item) {
                 return item.title !== 'AgoraHighLighter' && item.title !== 'Development HTML';
               }).find(function (item) {
                 return item.id === id;
               });
               if (window) {
-                _context12.next = 6;
+                _context12.next = 7;
                 break;
               }
               this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_faild_reselect'), 'error');
               return _context12.abrupt("return", false);
-            case 6:
-              return _context12.abrupt("return", true);
             case 7:
+              return _context12.abrupt("return", true);
+            case 8:
             case "end":
               return _context12.stop();
           }
         }, _callee12, this);
       }));
-      function _validateWindow(_x13) {
+      function _validateWindow(_x11) {
         return _validateWindow2.apply(this, arguments);
       }
       return _validateWindow;
@@ -1564,7 +1221,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
           }
         }, _callee13, this);
       }));
-      function _validateDisplay(_x14) {
+      function _validateDisplay(_x12) {
         return _validateDisplay2.apply(this, arguments);
       }
       return _validateDisplay;
@@ -1592,7 +1249,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               }
               return _context14.abrupt("return", false);
             case 7:
-              _context14.t1 = type === _type2.AgoraRtcScreenCaptureType.DISPLAY;
+              _context14.t1 = type === _type2.AgoraRtcScreenCaptureType.SCREEN;
               if (!_context14.t1) {
                 _context14.next = 12;
                 break;
@@ -1615,7 +1272,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
           }
         }, _callee14, this);
       }));
-      function _validateShareStart(_x15, _x16) {
+      function _validateShareStart(_x13, _x14) {
         return _validateShareStart2.apply(this, arguments);
       }
       return _validateShareStart;
@@ -1633,33 +1290,34 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     key: "_getExcludeWindows",
     value: function () {
       var _getExcludeWindows2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
-        var excludeWindows, windowId, _windowId$split, _windowId$split2, videoWindowId, _windowId$split3, _windowId$split4, controlBarWindowId;
+        var excludeWindows;
         return _regenerator["default"].wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
             case 0:
               excludeWindows = [];
-              windowId = '';
-              _context15.next = 4;
+              _context15.next = 3;
               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);
-              _context15.next = 8;
-              return (0, _tools.waitUntil)(function () {
-                var _getVideoWindowMediaS;
+                var _getControlBarMediaSo, _getVideoWindowMediaS;
+                var windowId = (_getControlBarMediaSo = (0, _rendererEvent.getControlBarMediaSourceId)()) !== null && _getControlBarMediaSo !== void 0 ? _getControlBarMediaSo : '';
+                var _windowId$split = windowId.split(':'),
+                  _windowId$split2 = (0, _slicedToArray2["default"])(_windowId$split, 2),
+                  videoWindowId = _windowId$split2[1];
+                if (videoWindowId && !excludeWindows.includes(videoWindowId)) {
+                  excludeWindows.push(videoWindowId);
+                }
                 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);
+                var _windowId$split3 = windowId.split(':'),
+                  _windowId$split4 = (0, _slicedToArray2["default"])(_windowId$split3, 2),
+                  controlBarWindowId = _windowId$split4[1];
+                if (controlBarWindowId && !excludeWindows.includes(controlBarWindowId)) {
+                  excludeWindows.push(controlBarWindowId);
+                }
+                return !!videoWindowId && !!controlBarWindowId;
+              }, 'control bar is open');
+            case 3:
+              this.logger.info('exclude win:', JSON.stringify(excludeWindows));
               return _context15.abrupt("return", excludeWindows);
-            case 12:
+            case 5:
             case "end":
               return _context15.stop();
           }
@@ -1671,144 +1329,37 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       return _getExcludeWindows;
     }()
   }, {
-    key: "_initToolbar",
+    key: "_initControlbar",
     value: function () {
-      var _initToolbar2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
-        var cameraList, microphoneList, speakerList, localUser, scheduleInfo, liveStreamingConfig;
+      var _initControlbar2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
+        var params;
         return _regenerator["default"].wrap(function _callee16$(_context16) {
           while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              this._deviceStore.addObserver(this._deviceStoreObserver);
-              cameraList = this._deviceStore.cameraList;
-              microphoneList = this._deviceStore.microphoneList;
-              speakerList = this._deviceStore.speakerList;
-              localUser = this._roomControl.getUserControl().getLocalUser();
-              scheduleInfo = this._roomControl.getRoomSchedule();
-              liveStreamingConfig = this._roomControl.getLiveStreamingConfig();
-              _context16.t0 = _rendererEvent.sendEvent;
-              _context16.t1 = _constant.RendererEventAction.INIT_CONTROL_BAR;
-              _context16.t2 = _shareAudio.AudioProcessingChannel.MONO;
-              _context16.t3 = this.currentShareId;
-              _context16.t4 = this.currentShareType;
-              _context16.t5 = this.withAudio;
-              _context16.t6 = cameraList;
-              _context16.t7 = this._deviceStore.cameraId;
-              _context16.t8 = !this.localVideoState;
-              _context16.t9 = microphoneList;
-              _context16.t10 = speakerList;
-              _context16.t11 = this._deviceStore.microphoneId;
-              _context16.t12 = this._deviceStore.speakerId;
-              _context16.t13 = !this.localAudioState;
-              _context16.t14 = this._deviceStore.microphoneVolumeLevel;
-              _context16.t15 = localUser.userName;
-              _context16.t16 = this._config.inviteLink;
-              _context16.t17 = this._roomControl.getRoomInfo();
-              _context16.t18 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
-              _context16.t19 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || new Date().getTime();
-              _context16.t20 = localUser.userRole === _type.FcrUserRole.HOST;
-              _context16.t21 = localUser.userRole === _type.FcrUserRole.HOST;
-              _context16.t22 = this._securityStore.allowChangeSelfName();
-              _context16.t23 = this._securityStore.allowChat();
-              _context16.t24 = this._securityStore.allowJoinWithMuteAudio();
-              _context16.t25 = this._securityStore.allowScreenShareAndBoard();
-              _context16.t26 = this._securityStore.allowBoardWrite();
-              _context16.t27 = this._securityStore.allowUnmuteSelfVideo();
-              _context16.t28 = this._securityStore.allowUnmuteSelfAudio();
-              _context16.t29 = this._securityStore.isLockRoomEnabled();
-              _context16.t30 = this._securityStore.isWaitingRoomEnabled();
-              _context16.t31 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
-              _context16.t32 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
-              _context16.t33 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pullStreamingUrl;
-              _context16.t34 = this._roomControl.getLiveStreamingState();
-              _context16.t35 = this._securityStore.hasStartCloudRecordingPermission();
-              _context16.t36 = this._securityStore.hasStartLiveStreamingPermission();
-              _context16.t37 = this._securityStore.hasStopLiveStreamingPermission();
-              _context16.t38 = this._securityStore.hasGetLiveStreamingLinkPermission();
-              _context16.next = 48;
-              return this._mediaControl.getWindowList();
-            case 48:
-              _context16.t39 = _context16.sent;
-              _context16.t40 = this._connectType;
-              _context16.t41 = this._securityStore.hasEnableStartScreenSharePermission();
-              _context16.t42 = this._securityStore.hasPermissionToControlAllowSendAll();
-              _context16.t43 = this._securityStore.hasEnableStartAudioPermission();
-              _context16.t44 = this._securityStore.hasEnableChangeNamePermission();
-              _context16.t45 = this._securityStore.hasEnableStartVideoPermission();
-              _context16.t46 = this._securityStore.hasLockRoomPermission();
-              _context16.t47 = this._securityStore.hasAllowWriteBoardPermission();
-              _context16.t48 = this._securityStore.hasWaitingRoomPermission();
-              _context16.t49 = {
-                currentShareAudioProcessingChannel: _context16.t2,
-                currentShareId: _context16.t3,
-                currentShareType: _context16.t4,
-                shareWithAudio: _context16.t5,
-                cameraList: _context16.t6,
-                currentCameraId: _context16.t7,
-                isMuteVideo: _context16.t8,
-                microphoneList: _context16.t9,
-                speakerList: _context16.t10,
-                currentMicrophoneId: _context16.t11,
-                currentSpeakerId: _context16.t12,
-                isMuteAudio: _context16.t13,
-                localAudioVolume: _context16.t14,
-                userName: _context16.t15,
-                inviteLink: _context16.t16,
-                roomInfo: _context16.t17,
-                duration: _context16.t18,
-                startTime: _context16.t19,
-                isHost: _context16.t20,
-                showSecurity: _context16.t21,
-                allowChangeSelfName: _context16.t22,
-                allowChat: _context16.t23,
-                allowJoinWithMuteAudio: _context16.t24,
-                allowShareScreen: _context16.t25,
-                allowBoardWrite: _context16.t26,
-                allowUnmuteSelfVideo: _context16.t27,
-                allowUnmuteSelfAudio: _context16.t28,
-                isLockRoomEnabled: _context16.t29,
-                isWaitingRoomEnabled: _context16.t30,
-                videoSteamingUrl: _context16.t31,
-                videoStreamingKey: _context16.t32,
-                playUrl: _context16.t33,
-                liveStreamingState: _context16.t34,
-                isStartError: false,
-                hasStartCloudRecordingPermission: _context16.t35,
-                hasStartLiveStreamingPermission: _context16.t36,
-                hasStopLiveStreamingPermission: _context16.t37,
-                hasGetLiveStreamingLinkPermission: _context16.t38,
-                allApplicationWindows: _context16.t39,
-                connectType: _context16.t40,
-                hasEnableStartScreenSharePermission: _context16.t41,
-                hasPermissionToControlAllowSendAll: _context16.t42,
-                hasEnableStartAudioPermission: _context16.t43,
-                hasEnableChangeNamePermission: _context16.t44,
-                hasEnableStartVideoPermission: _context16.t45,
-                hasLockRoomPermission: _context16.t46,
-                hasAllowWriteBoardPermission: _context16.t47,
-                hasWaitingRoomPermission: _context16.t48
+              params = {
+                currentShareAudioProcessingChannel: _shareAudio.AudioProcessingChannel.MONO,
+                currentShareId: this.currentShareId,
+                currentShareType: this.currentShareType,
+                shareWithAudio: this.withAudio
               };
-              _context16.t50 = {
-                action: _context16.t1,
-                payload: _context16.t49
-              };
-              (0, _context16.t0)(_context16.t50);
+              this._controlBarDialogId = this._uiEventStore.openDialog(_constant.DialogKey.CONTROL_BAR, _constant.DialogKey.CONTROL_BAR, params);
               window.runtime.browserWindow.setFullScreen(false);
               window.runtime.browserWindow.hide();
-            case 63:
+            case 4:
             case "end":
               return _context16.stop();
           }
         }, _callee16, this);
       }));
-      function _initToolbar() {
-        return _initToolbar2.apply(this, arguments);
+      function _initControlbar() {
+        return _initControlbar2.apply(this, arguments);
       }
-      return _initToolbar;
+      return _initControlbar;
     }()
   }]);
 }();
 _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.observable, 1, "localMicrophoneMute"], [_mobx.computed, 3, "localVideoState"], [_mobx.computed, 3, "localAudioState"], [_mobx.computed, 3, "localAudioVolume"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_sendLocalAudioStateEventDecs, 18, "sendLocalAudioStateEvent"], [_decorator.bound, 2, "release"], [_handleCheckScreenCapturePermissionDecs, 18, "handleCheckScreenCapturePermission"], [_handleToSettingDecs, 18, "handleToSetting"], [_muteLocalAudioDecs, 18, "muteLocalAudio"], [_muteLocalVideoDecs, 18, "muteLocalVideo"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_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"], [_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"], [_setShareWithAudioDecs, 18, "setShareWithAudio"], [_setWithAudioStateDecs, 18, "_setWithAudioState"], [_handleShareScreenResourceDecs, 18, "handleShareScreenResource"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_handleStopShareDecs, 18, "handleStopShare"], [_decorator.bound, 2, "_handleWebScreenCaptureStateUpdated"], [_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, 29);
+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, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "hasScreenCapturePermission"], [_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"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_hasLoopbackDeviceDecs, 18, "hasLoopbackDevice"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_decorator.bound, 2, "release"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_startPreviewDecs, 18, "startPreview"], [_openDialogDecs, 18, "openDialog"], [_decorator.bound, 2, "closeDialog"], [_openShareScreenSelectionDecs, 18, "openShareScreenSelection"], [_closeShareScreenSelectionDecs, 18, "closeShareScreenSelection"], [_setControlBarWindowIdDecs, 18, "setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "openVideoWindowDialog"], [_closeControlBarDecs, 18, "closeControlBar"], [_closeVideoWindowDialogDecs, 18, "closeVideoWindowDialog"], [_openRelaunchTipsDialogDecs, 18, "openRelaunchTipsDialog"], [_setShareWithAudioDecs, 18, "setShareWithAudio"], [_setWithAudioStateDecs, 18, "_setWithAudioState"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_handleStopShareDecs, 18, "handleStopShare"], [_decorator.bound, 2, "_handleWebScreenCaptureStateUpdated"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_handleStreamUpdateDecs, 18, "_handleStreamUpdate"], [_initControlbarDecs, 18, "_initControlbar"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 24);
 _init__shareSelectionDialogId = _applyDecs$e[0];
 _init__controlBarDialogId = _applyDecs$e[1];
 _init__videoWindowDialogId = _applyDecs$e[2];
@@ -1816,26 +1367,21 @@ _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_localMicrophoneMute = _applyDecs$e[26];
-_init_handleChooseScreen = _applyDecs$e[27];
-_initProto = _applyDecs$e[28];
+_init_screenSharingState = _applyDecs$e[7];
+_init_applicationCaptureSources = _applyDecs$e[8];
+_init_screenCaptureSources = _applyDecs$e[9];
+_init_hasScreenCapturePermission = _applyDecs$e[10];
+_init_withAudio = _applyDecs$e[11];
+_init_currentShareAudioProcessingChannel = _applyDecs$e[12];
+_init_currentShareId = _applyDecs$e[13];
+_init_sharerId = _applyDecs$e[14];
+_init_currentShareType = _applyDecs$e[15];
+_init_currentSelection = _applyDecs$e[16];
+_init_currentSelectionType = _applyDecs$e[17];
+_init_shareWithAudio = _applyDecs$e[18];
+_init_boardOwnerUser = _applyDecs$e[19];
+_init_localUser = _applyDecs$e[20];
+_init_localUserRole = _applyDecs$e[21];
+_init_handleChooseScreen = _applyDecs$e[22];
+_initProto = _applyDecs$e[23];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);