fcr-ui-scene 3.7.4 → 3.7.5

package/lib/modules/control-bar/store.js

@@ -10,11 +10,26 @@ require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.map.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/esnext.function.metadata.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -22,30 +37,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StoreContext = void 0;
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.date.to-string.js");
-require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
-require("core-js/modules/esnext.map.delete-all.js");
-require("core-js/modules/esnext.map.emplace.js");
-require("core-js/modules/esnext.map.every.js");
-require("core-js/modules/esnext.map.filter.js");
-require("core-js/modules/esnext.map.find.js");
-require("core-js/modules/esnext.map.find-key.js");
-require("core-js/modules/esnext.map.includes.js");
-require("core-js/modules/esnext.map.key-of.js");
-require("core-js/modules/esnext.map.map-keys.js");
-require("core-js/modules/esnext.map.map-values.js");
-require("core-js/modules/esnext.map.merge.js");
-require("core-js/modules/esnext.map.reduce.js");
-require("core-js/modules/esnext.map.some.js");
-require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -55,22 +55,24 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobx = require("mobx");
+var _type = require("fcr-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
-var _type = require("fcr-core/lib/room-control/type");
-var _fcrCore = require("fcr-core");
-var _type2 = require("fcr-core/lib/type");
 var _react = require("react");
-var _stopButton = _interopRequireDefault(require("./components/stop-live-streaming/stop-button"));
 var _constant = require("../../utilities/constant");
-var _enums = require("./enums");
-var _leaveMeeting = require("../components/leave-meeting");
-var _type3 = require("../../type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _logger = require("../../utilities/logger");
-var _sharedStorage = require("../../utilities/shared-storage");
-var _jsxRuntime = require("react/jsx-runtime");
+var _objectManager = require("../../object-manager");
+var _meetingDetail = require("../../utilities/meeting-detail");
+var _shareAudio = require("./components/share-audio");
+var _type2 = require("../../type");
+var _enums = require("./enums");
+var _defaultConfig = require("../../utilities/default-config");
+var _browserApi = require("../../utilities/browser-api");
+var _controlBar = require("../dialog/dialogs/control-bar");
+var _platform = require("../../utilities/platform");
+var _struct = require("../../providers/mouse-detect/struct");
 var _ControlBarStore;
-var _initProto, _leaveConfirmRefDecs, _init_leaveConfirmRef, _init_recordShareBounds, _init_cloudRecordingState, _init_isHost, _init_roomDuration, _init_startTime, _init_playUrl, _init_liveStreamingState, _init_allApplicationWindows, _init_roomInfo, _init_isShowMeetingDetailPortal, _init_hiddenShareActionNav, _init_boardOwnerUser, _init_fragmentEngineState, _init_controlBarMouseOver, _setCheckedStateMapDecs, _setShareWithAudioStateDecs, _showLockedRoomToastDecs, _createNewShareDecs, _handlerStopShareDecs, _setShareAudioProcessingChannelDecs, _setFragmentEngineStateDecs, _handleMoreClickDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showToastDecs, _setShowMeetingDetailPortalDecs, _setEnableWaitingRoomDecs, _handleLeaveRoomDecs, _removeObserverWindowBoundsDecs, _setObserverWindowBoundsDecs, _resetMessageCountDecs, _handleMousePositionObserverMouseOverDecs, _handleMousePositionObserverMouseOutDecs, _ref;
+var _initProto, _init_roomDuration, _init_startTime, _init_cloudRecordingState, _init_playUrl, _init_liveStreamingState, _init_allApplicationWindows, _init_boardOwnerUser, _init_currentShareDisplayId, _init_position, _setCheckedStateMapDecs, _showLockedRoomToastDecs, _handleNewShareDecs, _handlerStopShareDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showToastDecs, _handleLeaveRoomDecs, _closeLeaveMeetingDialogDecs, _handleMoreClickDecs, _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; }
@@ -81,11 +83,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
-var _A = /*#__PURE__*/new WeakMap();
-var _B = /*#__PURE__*/new WeakMap();
-var _C = /*#__PURE__*/new WeakMap();
-var _D = /*#__PURE__*/new WeakMap();
-var _E = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
 var _G = /*#__PURE__*/new WeakMap();
 var _H = /*#__PURE__*/new WeakMap();
@@ -95,120 +92,135 @@ var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
-var _O = /*#__PURE__*/new WeakMap();
-_ref = (_leaveConfirmRefDecs = [_mobx.observable, _mobx.observable.ref], _setCheckedStateMapDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _showLockedRoomToastDecs = [_mobx.action, _mobx.action.bound], _createNewShareDecs = [_mobx.action, _mobx.action.bound], _handlerStopShareDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _setFragmentEngineStateDecs = [_mobx.action, _mobx.action.bound], _handleMoreClickDecs = [_mobx.action, _mobx.action.bound], _pauseCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
+var _A = /*#__PURE__*/new WeakMap();
+var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
+var _D = /*#__PURE__*/new WeakMap();
+var _E = /*#__PURE__*/new WeakMap();
+_ref = (_setCheckedStateMapDecs = [_mobx.action, _mobx.action.bound], _showLockedRoomToastDecs = [_mobx.action, _mobx.action.bound], _handleNewShareDecs = [_mobx.action, _mobx.action.bound], _handlerStopShareDecs = [_mobx.action, _mobx.action.bound], _pauseCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
   leading: true
 })], _resumeCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
   leading: true
 })], _stopCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
   leading: true
-})], _showToastDecs = [_mobx.action, _mobx.action.bound], _setShowMeetingDetailPortalDecs = [_mobx.action, _mobx.action.bound], _setEnableWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _handleLeaveRoomDecs = [_mobx.action, _mobx.action.bound], _removeObserverWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _setObserverWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _resetMessageCountDecs = [_mobx.action, _mobx.action.bound], _handleMousePositionObserverMouseOverDecs = [_mobx.action, _mobx.action.bound], _handleMousePositionObserverMouseOutDecs = [_mobx.action, _mobx.action.bound], "logger");
+})], _showToastDecs = [_mobx.action, _mobx.action.bound], _handleLeaveRoomDecs = [_mobx.action, _mobx.action.bound], _closeLeaveMeetingDialogDecs = [_mobx.action, _mobx.action.bound], _handleMoreClickDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   function ControlBarStore(_ref2) {
     var _this = this,
-      _roomControl$getRoomS,
-      _roomControl$getRoomS2,
-      _roomControl$getRoomS3,
-      _roomControl$getRoomS4;
-    var uiEventStore = _ref2.uiEventStore,
-      securityStore = _ref2.securityStore,
-      roomControl = _ref2.roomControl,
-      deviceProvider = _ref2.deviceProvider,
-      sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
-      roomProvider = _ref2.roomProvider,
-      sharedChatDataSource = _ref2.sharedChatDataSource,
-      sharedMemberDataSource = _ref2.sharedMemberDataSource,
-      localStorageProvider = _ref2.localStorageProvider,
-      abilityProvider = _ref2.abilityProvider,
-      sharedMeetingTimeDataSource = _ref2.sharedMeetingTimeDataSource,
-      messageProvider = _ref2.messageProvider,
-      sharedSecuritySharedDataSource = _ref2.sharedSecuritySharedDataSource,
-      annotationProvider = _ref2.annotationProvider,
-      sharingProvider = _ref2.sharingProvider,
-      screenShareProvider = _ref2.screenShareProvider,
-      sharedScreenShareSharedDataSource = _ref2.sharedScreenShareSharedDataSource,
-      dialogProvider = _ref2.dialogProvider,
-      sharedConfirmDataSource = _ref2.sharedConfirmDataSource;
+      _this$_mainRoomContro,
+      _this$_mainRoomContro2,
+      _this$_mainRoomContro3,
+      _this$_mainRoomContro4,
+      _ref3;
+    var objectManager = _ref2.objectManager;
     (0, _classCallCheck2["default"])(this, ControlBarStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'ControlBarStore'
     })));
-    (0, _defineProperty2["default"])(this, "_screenBounds", {
-      width: 0,
-      height: 0,
-      availTop: 0,
-      x: 0,
-      y: 0
-    });
     (0, _defineProperty2["default"])(this, "_disposers", []);
-    (0, _defineProperty2["default"])(this, "_liveStreamingDialogKey", null);
-    (0, _defineProperty2["default"])(this, "_handleMousePositionObserver", {
-      onMouseOver: this._handleMousePositionObserverMouseOver,
-      onMouseOut: this._handleMousePositionObserverMouseOut
+    (0, _defineProperty2["default"])(this, "_screenShareObserver", {
+      onPrepreScreenCapture: function onPrepreScreenCapture() {
+        var display = _this._renderer.getDisplayNearestPoint(_this.draggableArea);
+        var y = display.bounds.y,
+          workAreaY = display.workArea.y;
+        var topOffset = workAreaY - y;
+        _this.titleHeight = (0, _platform.isWindows)() ? 0 : topOffset !== null && topOffset !== void 0 ? topOffset : 0;
+        (0, _mobx.runInAction)(function () {
+          _this.currentShareDisplayId = _this._renderer.getDisplayNearestPoint(_this.draggableArea).id;
+        });
+        _this._mouseDetectProvider.setDetectionPositionOffset(display.bounds);
+      },
+      onShareSourceReplaced: function onShareSourceReplaced() {
+        var display = _this._renderer.getDisplayNearestPoint(_this.draggableArea);
+        var y = display.bounds.y,
+          workAreaY = display.workArea.y;
+        var topOffset = workAreaY - y;
+        _this.titleHeight = (0, _platform.isWindows)() ? 0 : topOffset !== null && topOffset !== void 0 ? topOffset : 0;
+        (0, _mobx.runInAction)(function () {
+          _this.currentShareDisplayId = _this._renderer.getDisplayNearestPoint(_this.draggableArea).id;
+        });
+        _this._mouseDetectProvider.setDetectionPositionOffset(display.bounds);
+      },
+      onScreenShareStopped: function onScreenShareStopped() {
+        _this._mouseDetectProvider.deleteDetectArea(_struct.FcrUIDetectAreaID.ControlBar);
+      }
     });
-    (0, _defineProperty2["default"])(this, "_dialogObsever", {
-      onDialogOpened: function onDialogOpened(dialogKey, dialogId) {
-        if (dialogKey === _constant.FcrUIDialogKey.PARTICIPANT) {
-          _this._participantDialogId = dialogId;
-        }
+    (0, _defineProperty2["default"])(this, "_mouseDetectObserver", {
+      onMouseEnterDetectArea: function onMouseEnterDetectArea() {
+        _this._controlBarWindow.setIgnoreMouseEvents(false);
       },
-      onDialogClosed: function onDialogClosed(dialogId) {
-        if (dialogId === _this._participantDialogId) {
-          _this._participantDialogId = '';
-        }
+      onMouseLeaveDetectArea: function onMouseLeaveDetectArea() {
+        _this._controlBarWindow.setIgnoreMouseEvents(true, {
+          forward: true
+        });
       }
     });
-    (0, _defineProperty2["default"])(this, "_participantDialogId", '');
-    _classPrivateFieldInitSpec(this, _A, _init_leaveConfirmRef(this, undefined));
-    _classPrivateFieldInitSpec(this, _B, _init_recordShareBounds(this, new Map()));
-    _classPrivateFieldInitSpec(this, _C, _init_cloudRecordingState(this, _type2.FcrRecordingState.Stopped));
-    _classPrivateFieldInitSpec(this, _D, _init_isHost(this, false));
-    _classPrivateFieldInitSpec(this, _E, _init_roomDuration(this, 0));
-    _classPrivateFieldInitSpec(this, _F, _init_startTime(this, new Date().getTime()));
-    _classPrivateFieldInitSpec(this, _G, _init_playUrl(this, ''));
-    _classPrivateFieldInitSpec(this, _H, _init_liveStreamingState(this, _type2.FcrLiveStreamingState.STOPPED));
-    _classPrivateFieldInitSpec(this, _I, _init_allApplicationWindows(this, []));
-    _classPrivateFieldInitSpec(this, _J, _init_roomInfo(this, {
-      roomId: '',
-      roomName: '',
-      roomType: _type.FcrRoomType.Mainroom,
-      password: '',
-      inviteLink: ''
+    (0, _defineProperty2["default"])(this, "_stateNavArea", {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    (0, _defineProperty2["default"])(this, "_contentArea", {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    (0, _defineProperty2["default"])(this, "_popoverArea", {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    _classPrivateFieldInitSpec(this, _F, _init_roomDuration(this));
+    _classPrivateFieldInitSpec(this, _G, _init_startTime(this));
+    _classPrivateFieldInitSpec(this, _H, _init_cloudRecordingState(this, _type.FcrRecordingState.Stopped));
+    _classPrivateFieldInitSpec(this, _I, _init_playUrl(this, ''));
+    _classPrivateFieldInitSpec(this, _J, _init_liveStreamingState(this, _type.FcrLiveStreamingState.STOPPED));
+    _classPrivateFieldInitSpec(this, _K, _init_allApplicationWindows(this, []));
+    _classPrivateFieldInitSpec(this, _L, _init_boardOwnerUser(this, ''));
+    _classPrivateFieldInitSpec(this, _M, _init_currentShareDisplayId(this, 0));
+    _classPrivateFieldInitSpec(this, _N, _init_position(this, {
+      x: 0,
+      y: 0
     }));
-    _classPrivateFieldInitSpec(this, _K, _init_isShowMeetingDetailPortal(this, false));
-    _classPrivateFieldInitSpec(this, _L, _init_hiddenShareActionNav(this, false));
-    _classPrivateFieldInitSpec(this, _M, _init_boardOwnerUser(this, ''));
-    _classPrivateFieldInitSpec(this, _N, _init_fragmentEngineState(this));
-    _classPrivateFieldInitSpec(this, _O, _init_controlBarMouseOver(this, false));
-    this._uiEventStore = uiEventStore;
-    this._roomControl = roomControl;
-    this._securityStore = securityStore;
-    this._roomProvider = roomProvider;
-    this._sharedLayoutDataSource = sharedLayoutDataSource;
-    this._sharedChatDataSource = sharedChatDataSource;
-    this._sharedMemberDataSource = sharedMemberDataSource;
-    this._sharedConfirmDataSource = sharedConfirmDataSource;
-    this._localStorageProvider = localStorageProvider;
-    this._sharedMeetingTimeDataSource = sharedMeetingTimeDataSource;
-    this._messageProvider = messageProvider;
-    this._sharedSecuritySharedDataSource = sharedSecuritySharedDataSource;
-    this._annotationProvider = annotationProvider;
-    this._sharingProvider = sharingProvider;
-    this.startTime = (_roomControl$getRoomS = (_roomControl$getRoomS2 = roomControl.getRoomSchedule()) === null || _roomControl$getRoomS2 === void 0 ? void 0 : _roomControl$getRoomS2.startTime) !== null && _roomControl$getRoomS !== void 0 ? _roomControl$getRoomS : new Date().getTime();
-    this.roomInfo = roomControl.getRoomInfo();
-    this.roomDuration = (_roomControl$getRoomS3 = (_roomControl$getRoomS4 = roomControl.getRoomSchedule()) === null || _roomControl$getRoomS4 === void 0 ? void 0 : _roomControl$getRoomS4.duration) !== null && _roomControl$getRoomS3 !== void 0 ? _roomControl$getRoomS3 : 0;
-    this.liveStreamingState = roomControl.getLiveStreamingState();
-    this._deviceProvider = deviceProvider;
-    this._abilityProvider = abilityProvider;
-    this._screenShareProvider = screenShareProvider;
-    this._sharedScreenShareSharedDataSource = sharedScreenShareSharedDataSource;
-    this._dialogProvider = dialogProvider;
-    this._sharedConfirmDataSource.addObserver(this._handleMousePositionObserver);
-    this._dialogProvider.addObserver(this._dialogObsever);
+    _classPrivateFieldInitSpec(this, _A, void 0);
+    _classPrivateFieldInitSpec(this, _B, void 0);
+    _classPrivateFieldInitSpec(this, _C, '');
+    _classPrivateFieldInitSpec(this, _D, '');
+    _classPrivateFieldInitSpec(this, _E, 0);
+    this._privilegeProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_PRIVILEGE_PROVIDER);
+    this._facilityProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_FACILITY_PROVIDER);
+    this._sharedChatDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_CHAT_DATA_SOURCE);
+    this._mainRoomControl = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MAIN_ROOM_CONTROL_PROVIDER).mainRoomControl;
+    this._screenShareProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_SCREEN_SHARE_PROVIDER);
+    this._localStorageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_LOCAL_STORAGE_PROVIDER);
+    this._sharedMeetingTimeDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_MEETING_TIME_DATA_SOURCE);
+    this._messageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+    this._sharedSecurityDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_SECURITY_DATA_SOURCE);
+    this._deviceProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
+    this._abilityProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ABILITY_PROVIDER);
+    this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    this._sharedLayoutDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
+    this._mouseDetectProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MOUSE_DETECT_PROVIDER);
+    this._renderer = objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
+    var windowProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    windowProvider.setWindowOptions(_constant.FcrUIDialogKey.SHARE_SCREEN_CONTROL_BAR, _controlBar.windowConfig);
+    this._controlBarWindow = windowProvider.getWindowById(_constant.FcrUIDialogKey.SHARE_SCREEN_CONTROL_BAR);
+    this.startTime = (_this$_mainRoomContro = (_this$_mainRoomContro2 = this._mainRoomControl.getRoomSchedule()) === null || _this$_mainRoomContro2 === void 0 ? void 0 : _this$_mainRoomContro2.startTime) !== null && _this$_mainRoomContro !== void 0 ? _this$_mainRoomContro : new Date().getTime();
+    this.roomInfo = this._mainRoomControl.getRoomInfo();
+    this.roomDuration = (_this$_mainRoomContro3 = (_this$_mainRoomContro4 = this._mainRoomControl.getRoomSchedule()) === null || _this$_mainRoomContro4 === void 0 ? void 0 : _this$_mainRoomContro4.duration) !== null && _this$_mainRoomContro3 !== void 0 ? _this$_mainRoomContro3 : 0;
+    this.liveStreamingState = this._mainRoomControl.getLiveStreamingState();
     this._roomObserver = {
       onLiveStreamingStateUpdated: function onLiveStreamingStateUpdated(_roomId, state, url) {
-        _this.liveStreamingState = state;
-        _this.playUrl = url;
+        (0, _mobx.runInAction)(function () {
+          _this.liveStreamingState = state;
+          _this.playUrl = url;
+        });
+        if (state === _type.FcrLiveStreamingState.STOPPED) {
+          _this._dialogProvider.closeDialog(_constant.FcrUIDialogKey.LIVE_STREAMING);
+        }
       },
       onCloudRecordingStateUpdated: function onCloudRecordingStateUpdated(_roomId, state) {
         return _this.cloudRecordingState = state;
@@ -222,52 +234,17 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         _this.boardOwnerUser = '';
       }
     };
-    roomControl.addObserver(this._roomObserver);
-    roomControl.getSharingControl().getBoardControl().addObserver(this._boardObserver);
-    this.fragmentEngineState = (0, _sharedStorage.getAnnotationEngineState)();
+    this._mouseDetectProvider.addObserver(this._mouseDetectObserver);
+    this._screenShareProvider.addObserver(this._screenShareObserver);
+    this._mainRoomControl.addObserver(this._roomObserver);
+    this._mainRoomControl.getSharingControl().getBoardControl().addObserver(this._boardObserver);
+    this.roomInfo = this._mainRoomControl.getRoomInfo();
+    this.roomSchedule = this._mainRoomControl.getRoomSchedule();
+    this.meetingId = (_ref3 = this._mainRoomControl.getRoomPropertiesByKeyPath('meetingId')) !== null && _ref3 !== void 0 ? _ref3 : this.roomId;
+    this.localUserName = this._mainRoomControl.getUserControl().getLocalUser().userName;
   }
   return (0, _createClass2["default"])(ControlBarStore, [{
-    key: "leaveConfirmRef",
-    get: function get() {
-      return _classPrivateFieldGet(_A, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_A, this, v);
-    }
-  }, {
-    key: "recordShareBounds",
-    get: function get() {
-      return _classPrivateFieldGet(_B, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_B, this, v);
-    }
-  }, {
-    key: "cloudRecordingState",
-    get: function get() {
-      return _classPrivateFieldGet(_C, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_C, this, v);
-    }
-  }, {
-    key: "isHost",
-    get: function get() {
-      return _classPrivateFieldGet(_D, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_D, this, v);
-    }
-  }, {
     key: "roomDuration",
-    get: function get() {
-      return _classPrivateFieldGet(_E, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_E, this, v);
-    }
-  }, {
-    key: "startTime",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -275,7 +252,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "playUrl",
+    key: "startTime",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -283,7 +260,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "liveStreamingState",
+    key: "cloudRecordingState",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -291,7 +268,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "allApplicationWindows",
+    key: "playUrl",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -299,7 +276,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "roomInfo",
+    key: "liveStreamingState",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -307,7 +284,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "isShowMeetingDetailPortal",
+    key: "allApplicationWindows",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -315,7 +292,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "hiddenShareActionNav",
+    key: "boardOwnerUser",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -323,7 +300,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "boardOwnerUser",
+    key: "currentShareDisplayId",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -331,7 +308,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "fragmentEngineState",
+    key: "position",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -339,102 +316,84 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "controlBarMouseOver",
+    key: "roomInfo",
     get: function get() {
-      return _classPrivateFieldGet(_O, this);
+      return _classPrivateFieldGet(_A, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_O, this, v);
-    }
-  }, {
-    key: "currentShareDisplayId",
-    get: function get() {
-      return +this._sharedScreenShareSharedDataSource.currentShareId;
-    }
-  }, {
-    key: "shareWithAudio",
-    get: function get() {
-      return this._sharedScreenShareSharedDataSource.shareWithAudio;
+      _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "currentShareId",
+    key: "roomSchedule",
     get: function get() {
-      return this._sharedScreenShareSharedDataSource.currentShareId;
+      return _classPrivateFieldGet(_B, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "currentShareType",
+    key: "meetingId",
     get: function get() {
-      return this._sharedScreenShareSharedDataSource.currentShareType;
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "currentShareBounds",
+    key: "localUserName",
     get: function get() {
-      return this._sharedScreenShareSharedDataSource.currentSelectionBounds;
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "privilegeProvider",
+    key: "titleHeight",
     get: function get() {
-      return this._securityStore;
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "localUser",
+    key: "isSharingWithAudio",
     get: function get() {
-      return this._sharedMemberDataSource.localUser;
+      return this._screenShareProvider.isSharingWithAudio;
     }
   }, {
-    key: "remoteUsers",
+    key: "isInSmoothMode",
     get: function get() {
-      return this._sharedMemberDataSource.remoteMembersUserInfosList;
+      return this._screenShareProvider.isSharingInSmoothMode;
     }
   }, {
-    key: "screenBounds",
+    key: "hasSecurityPermission",
     get: function get() {
-      return this._screenBounds;
+      return this._privilegeProvider.hasSecurityPermission;
     }
   }, {
-    key: "hasSecurityPermission",
+    key: "hasEndRoomPermission",
     get: function get() {
-      return this._securityStore.hasSecurityPermission;
+      return this._privilegeProvider.hasEndRoomPermission();
     }
   }, {
     key: "hasGetLiveStreamingUrlPermission",
     get: function get() {
-      return this._securityStore.hasGetLiveStreamingLinkPermission();
+      return this._privilegeProvider.hasGetLiveStreamingLinkPermission();
     }
   }, {
     key: "hasStartCloudRecordingPermission",
     get: function get() {
-      return this._securityStore.hasStartCloudRecordingPermission();
+      return this._privilegeProvider.hasStartCloudRecordingPermission();
     }
   }, {
     key: "hasStartLiveStreamingPermission",
     get: function get() {
-      return this._securityStore.hasStartLiveStreamingPermission();
-    }
-  }, {
-    key: "hasAssignHostBeforeLeavingPermission",
-    get: function get() {
-      return this._securityStore.hasAssignHostBeforeLeavingPermission(_fcrCore.FcrPrivilegeUserRole.HOST);
-    }
-  }, {
-    key: "isEngineConnected",
-    get: function get() {
-      return this._sharedScreenShareSharedDataSource.isEngineConnected;
-    }
-  }, {
-    key: "hasEndRoomPermission",
-    get: function get() {
-      return this._securityStore.hasEndRoomPermission();
+      return this._privilegeProvider.hasStartLiveStreamingPermission();
     }
   }, {
-    key: "hasAnnotationAllowWritePermission",
+    key: "hasChatPermission",
     get: function get() {
-      return this._securityStore.hasAnnotationAllowWritePermission();
-    }
-  }, {
-    key: "allowAnnotationWriteState",
-    get: function get() {
-      return this._securityStore.allowAnnotationWriteState();
+      return this._privilegeProvider.hasChatSendPublicPermission();
     }
   }, {
     key: "totalHourText",
@@ -461,14 +420,6 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return !this._deviceProvider.microphoneEnabled;
     }
-  }, {
-    key: "newMessageCount",
-    get: function get() {
-      return this._sharedChatDataSource.newMessageCount;
-    },
-    set: function set(value) {
-      this._sharedChatDataSource.newMessageCount = value;
-    }
   }, {
     key: "isRoomDetailSupported",
     get: function get() {
@@ -482,80 +433,76 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "roomId",
     get: function get() {
-      var _this$roomInfo;
-      return (_this$roomInfo = this.roomInfo) === null || _this$roomInfo === void 0 ? void 0 : _this$roomInfo.roomId;
-    }
-  }, {
-    key: "meetingId",
-    get: function get() {
-      var _ref3;
-      var mainRoomControl = this._roomProvider.currentRoomControl;
-      return (_ref3 = mainRoomControl === null || mainRoomControl === void 0 ? void 0 : mainRoomControl.getRoomPropertiesByKeyPath('meetingId')) !== null && _ref3 !== void 0 ? _ref3 : this.roomId;
-    }
-  }, {
-    key: "isCurrentScreenShareInSmoothType",
-    get: function get() {
-      return this._sharedScreenShareSharedDataSource.isCurrentScreenShareInSmoothType;
+      return this.roomInfo.roomId;
     }
   }, {
-    key: "scheduleInfo",
-    get: function get() {
-      return this._roomControl.getRoomSchedule();
-    }
-  }, {
-    key: "isPstnUser",
+    key: "checkedStateMap",
     get: function get() {
-      return this._sharedMemberDataSource.hasOwnPstnStream;
+      return this._sharedSecurityDataSource.checkedStateMap;
     }
   }, {
-    key: "localUserRole",
+    key: "annotationButtonVisible",
     get: function get() {
-      return this._sharedMemberDataSource.localUserRole;
+      return false;
     }
   }, {
-    key: "users",
+    key: "liveStreamingButtonVisible",
     get: function get() {
-      return this._sharedMemberDataSource.memberUserInfoList;
+      return this._privilegeProvider.hasStopLiveStreamingPermission() && this.liveStreamingState === _type.FcrLiveStreamingState.STARTED;
     }
   }, {
-    key: "shareAudioProcessingChannel",
+    key: "recordingButtonVisible",
     get: function get() {
-      return this._sharedScreenShareSharedDataSource.currentShareAudioProcessingChannel;
+      return this._privilegeProvider.hasStartCloudRecordingPermission() && this.cloudRecordingState !== _type.FcrRecordingState.Stopped;
     }
   }, {
-    key: "checkedStateMap",
+    key: "draggableArea",
     get: function get() {
-      return this._sharedSecuritySharedDataSource.checkedStateMap;
+      return this._screenShareProvider.sharingDisplayBounds;
     }
   }, {
-    key: "isSharingScreen",
+    key: "isConnecting",
     get: function get() {
-      return this._sharedScreenShareSharedDataSource.isSharingScreen;
+      return [_type.FcrConnectionState.CONNECTING, _type.FcrConnectionState.RECONNECTING].includes(this._facilityProvider.connectionState);
     }
   }, {
-    key: "annotationButtonVisible",
+    key: "roomDetailCopyText",
     get: function get() {
-      return this._securityStore.hasAnnotationWritePermission() && this._abilityProvider.isAnnotationSupported() && this.fragmentEngineState === _type2.FcrConnectionState.CONNECTED;
+      return (0, _meetingDetail.getInvitationInfoByRoomInfo)(this.roomInfo, this.roomSchedule, this.meetingId, this.localUserName);
     }
   }, {
-    key: "liveStreamingButtonVisible",
+    key: "audioShareMode",
     get: function get() {
-      return this._securityStore.hasStopLiveStreamingPermission() && this.liveStreamingState === _type2.FcrLiveStreamingState.STARTED;
+      return this._screenShareProvider.isSharingInStereoAudioMode ? _shareAudio.AudioProcessingChannel.STEREO : _shareAudio.AudioProcessingChannel.MONO;
     }
   }, {
-    key: "recordingButtonVisible",
+    key: "newMessageCount",
     get: function get() {
-      return this._securityStore.hasStartCloudRecordingPermission() && this.cloudRecordingState !== _type2.FcrRecordingState.Stopped;
+      var _this$_sharedChatData;
+      return (_this$_sharedChatData = this._sharedChatDataSource.newMessageCount[_type2.FcrUIRoomType.MAIN_ROOM]) !== null && _this$_sharedChatData !== void 0 ? _this$_sharedChatData : 0;
     }
   }, {
     key: "setCheckedStateMap",
     value: function setCheckedStateMap(val) {
-      this._sharedSecuritySharedDataSource.setCheckedStateMap(val);
+      this._sharedSecurityDataSource.setCheckedStateMap(val);
     }
   }, {
     key: "setShareWithAudioState",
     value: function setShareWithAudioState(withAudio) {
-      this._screenShareProvider.toggleScreenshareWithAudio(withAudio);
+      if (withAudio) {
+        this._screenShareProvider.enableScreenShareAudio();
+      } else {
+        this._screenShareProvider.disableScreenShareAudio();
+      }
+    }
+  }, {
+    key: "setShareInSmoothMode",
+    value: function setShareInSmoothMode(enable) {
+      if (enable) {
+        this._screenShareProvider.enableSmoothMode();
+      } else {
+        this._screenShareProvider.disableSmoothMode();
+      }
     }
   }, {
     key: "showLockedRoomToast",
@@ -566,133 +513,71 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       });
     }
   }, {
-    key: "createNewShare",
-    value: function createNewShare() {
-      this._screenShareProvider.bootstrap();
+    key: "handleNewShare",
+    value: function handleNewShare() {
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SHARE_SCREEN_SELECTION);
     }
   }, {
     key: "handlerStopShare",
     value: function handlerStopShare() {
-      if (this.isSharingScreen) {
-        this._screenShareProvider.stop();
-      } else {
-        this.log('handlerStopShare: share screen is starting, please wait a moment to operate');
-      }
+      this._screenShareProvider.stopShare();
     }
   }, {
-    key: "setShareAudioProcessingChannel",
-    value: function setShareAudioProcessingChannel(target) {
-      this._sharedScreenShareSharedDataSource.setCurrentShareAudioProcessingChannel(target);
-    }
-  }, {
-    key: "setFragmentEngineState",
-    value: function setFragmentEngineState(state) {
-      this.log("setFragmentEngineState: ".concat(state));
-      this.fragmentEngineState = state;
+    key: "handleMouseEnter",
+    value: function handleMouseEnter() {
+      if ((0, _platform.isMac)()) {
+        this._controlBarWindow.setIgnoreMouseEvents(false);
+      }
     }
-
-    // more
   }, {
-    key: "handleMoreClick",
-    value: function handleMoreClick(actionKey) {
-      var _this2 = this;
-      switch (actionKey) {
-        case _enums.MoreAction.OPEN_PARTICIPANTS:
-          if (this._participantDialogId === '') {
-            this._dialogProvider.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
-          } else {
-            this._dialogProvider.closeDialog(this._participantDialogId);
-          }
-          this._sharedLayoutDataSource.setAsideLayout({
-            participant: false
-          });
-          break;
-        case _enums.MoreAction.OPEN_CHAT:
-          this._dialogProvider.openDialog(_constant.FcrUIDialogKey.CHAT);
-          this._sharedLayoutDataSource.setAsideLayout({
-            chat: false
-          });
-          this._resetMessageCount();
-          break;
-        case _enums.MoreAction.OPEN_LIVE_STEAMING_DIALOG:
-          this._dialogProvider.openDialog(_constant.FcrUIDialogKey.LIVE_STREAMING);
-          break;
-        case _enums.MoreAction.OPEN_SETTING:
-          this._dialogProvider.openDeviceSettingDialog({});
-          break;
-        case _enums.MoreAction.CLOUD_RECORDING_START:
-          this.startCloudRecording();
-          break;
-        case _enums.MoreAction.CLOUD_RECORDING_STOP:
-          this.stopCloudRecording();
-          break;
-        case _enums.MoreAction.STOP_LIVE_STREAMING:
-          this._roomProvider.stopLiveStreaming();
-          var dispose = (0, _mobx.reaction)(function () {
-            return _this2.liveStreamingState;
-          }, function (liveStreamingState) {
-            if (liveStreamingState === _type2.FcrLiveStreamingState.STOPPED) {
-              _this2._liveStreamingDialogKey && _this2._uiEventStore.closeDialog(_this2._liveStreamingDialogKey);
-              dispose();
-            }
-          });
-          break;
-        default:
-          break;
+    key: "handleMouseLeave",
+    value: function handleMouseLeave() {
+      if ((0, _platform.isMac)()) {
+        this._controlBarWindow.setIgnoreMouseEvents(true, {
+          forward: true
+        });
       }
     }
   }, {
     key: "openLiveStreamingDialog",
     value: function openLiveStreamingDialog() {
-      var _this3 = this;
-      var dialogKey = this._dialogProvider.openConfirmDialog({
-        width: 256,
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_stopButton["default"], {
-          onCancel: function onCancel() {
-            _this3._dialogProvider.closeConfirm(dialogKey);
-          },
-          handleMoreClick: function handleMoreClick(type) {
-            _this3.handleMoreClick(type);
-            _this3._dialogProvider.closeConfirm(dialogKey);
-          }
-        }),
-        showCancel: false,
-        showOk: false
-      });
-      this._liveStreamingDialogKey = dialogKey;
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.LIVE_STREAMING);
+    }
+  }, {
+    key: "setShareAudioMode",
+    value: function setShareAudioMode(mode) {
+      if (mode === _shareAudio.AudioProcessingChannel.MONO) {
+        this._screenShareProvider.disableStereoAudioMode();
+      } else {
+        this._screenShareProvider.enableStereoAudioMode();
+      }
     }
   }, {
     key: "pauseCloudRecording",
     value: function pauseCloudRecording() {
-      this._roomControl.pauseCloudRecording();
+      this._mainRoomControl.pauseCloudRecording();
     }
   }, {
     key: "resumeCloudRecording",
     value: function resumeCloudRecording() {
-      this._roomControl.resumeCloudRecording();
+      this._mainRoomControl.resumeCloudRecording();
     }
   }, {
     key: "stopCloudRecording",
     value: function stopCloudRecording() {
-      this._roomControl.stopCloudRecording();
+      this._mainRoomControl.stopCloudRecording();
     }
   }, {
     key: "startCloudRecording",
     value: function startCloudRecording() {
-      this._roomControl.startCloudRecording({
-        audioProfile: _type2.FcrCloudRecordingAudioProfile.DEFAULT,
-        videoEncoderConfig: {
-          dimensions: {
-            width: 1280,
-            height: 720
-          },
-          bitrate: 1200,
-          frameRate: 15,
-          isMirror: false
-        },
-        retryTimeout: 60
-      });
+      this._mainRoomControl.startCloudRecording(_defaultConfig.cloudRecordingConfig);
     }
+  }, {
+    key: "startLiveStreaming",
+    value: function startLiveStreaming(url) {}
+  }, {
+    key: "stopLiveStreaming",
+    value: function stopLiveStreaming() {}
   }, {
     key: "showToast",
     value: function showToast(params) {
@@ -703,40 +588,19 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       });
     }
   }, {
-    key: "roomDetailCopyText",
-    get: function get() {
-      return this._roomProvider.getRoomDetailCopyText();
+    key: "handleOpenParticipant",
+    value: function handleOpenParticipant() {
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
     }
   }, {
-    key: "setShowMeetingDetailPortal",
-    value: function setShowMeetingDetailPortal(show) {
-      this.isShowMeetingDetailPortal = show;
+    key: "handleOpenLiveStreaming",
+    value: function handleOpenLiveStreaming() {
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.LIVE_STREAMING);
     }
   }, {
     key: "setEnableWaitingRoom",
     value: function setEnableWaitingRoom(enable) {
-      this._uiEventStore.sendEvent(_constant.FcrUIAction.ENABLE_WAITING_ROOM, enable);
-    }
-  }, {
-    key: "handleLeaveRoom",
-    value: function handleLeaveRoom() {
-      var _this4 = this;
-      var dailogKey = this._dialogProvider.openConfirmDialog({
-        className: 'leave-meeting-dialog',
-        width: 300,
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leaveMeeting.LeaveMeeting, {
-          setPopoverOpened: function setPopoverOpened(value) {
-            if (!value) {
-              _this4._dialogProvider.closeConfirm(dailogKey);
-            }
-          }
-        }),
-        onCancel: function onCancel() {
-          _this4._dialogProvider.closeConfirm(dailogKey);
-        },
-        showCancel: false,
-        showOk: false
-      });
+      this._mainRoomControl.enableWaitingRoom(enable);
     }
   }, {
     key: "getLocalMeetingTime",
@@ -744,17 +608,6 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       var _this$_localStoragePr;
       return (_this$_localStoragePr = this._localStorageProvider) === null || _this$_localStoragePr === void 0 ? void 0 : _this$_localStoragePr.read(this.meetingTimeKey);
     }
-  }, {
-    key: "toggleAnnotation",
-    value: function toggleAnnotation() {
-      this.logger.info("[toggleAnnotation] hasAnnotationAllowWritePermission: ".concat(this.hasAnnotationAllowWritePermission, ", allowAnnotationWriteState: ").concat(this.allowAnnotationWriteState));
-      this._annotationProvider.toggleAnnotation();
-    }
-  }, {
-    key: "setAllAnnotationWrite",
-    value: function setAllAnnotationWrite(allow) {
-      this._securityStore.setAllowAnnotation(allow);
-    }
   }, {
     key: "release",
     value: function release() {
@@ -762,65 +615,107 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         return disposer();
       });
       this._disposers = [];
-      this._roomControl.getSharingControl().getBoardControl().removeObserver(this._boardObserver);
-      this._dialogProvider.removeObserver(this._dialogObsever);
-      this._roomControl.removeObserver(this._roomObserver);
-      this._sharedConfirmDataSource.removeObserver(this._handleMousePositionObserver);
-      this.recordShareBounds.clear();
-      this.removeObserverWindowBounds();
+      this._mainRoomControl.getSharingControl().getBoardControl().removeObserver(this._boardObserver);
+      this._mainRoomControl.removeObserver(this._roomObserver);
+      this._screenShareProvider.removeObserver(this._screenShareObserver);
+      this._mouseDetectProvider.removeObserver(this._mouseDetectObserver);
     }
   }, {
-    key: "log",
-    value: function log(info) {
-      this.logger.info(info);
+    key: "setStateNavArea",
+    value: function setStateNavArea(area) {
+      this._stateNavArea = area;
+      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, [this._stateNavArea, this._contentArea, this._popoverArea]);
     }
   }, {
-    key: "removeObserverWindowBounds",
-    value: function removeObserverWindowBounds() {
-      this._sharedConfirmDataSource.removeWindowBounds(_constant.FcrUIDialogKey.CONTROL_BAR);
+    key: "setControlBarContentArea",
+    value: function setControlBarContentArea(area) {
+      this._contentArea = area;
+      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, [this._stateNavArea, this._contentArea, this._popoverArea]);
     }
   }, {
-    key: "setObserverWindowBounds",
-    value: function setObserverWindowBounds(window) {
-      this._sharedConfirmDataSource.setWindowBounds(_constant.FcrUIDialogKey.CONTROL_BAR, window);
+    key: "setPopoverArea",
+    value: function setPopoverArea(area) {
+      this._popoverArea = area;
+      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, [this._stateNavArea, this._contentArea, this._popoverArea]);
     }
   }, {
-    key: "_resetMessageCount",
-    value: function _resetMessageCount() {
-      this.newMessageCount = (0, _defineProperty2["default"])({}, _type3.FcrUIRoomType.MAIN_ROOM, 0);
+    key: "handleLeaveRoom",
+    value: function handleLeaveRoom() {
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.CONTROL_BAR_LEAVE_MEETING);
     }
   }, {
-    key: "_handleMousePositionObserverMouseOver",
-    value: function _handleMousePositionObserverMouseOver(key) {
-      if (key === _constant.FcrUIDialogKey.CONTROL_BAR) {
-        this.controlBarMouseOver = true;
-      }
+    key: "closeLeaveMeetingDialog",
+    value: function closeLeaveMeetingDialog() {
+      this._dialogProvider.closeDialog(_constant.FcrUIDialogKey.CONTROL_BAR_LEAVE_MEETING);
     }
   }, {
-    key: "_handleMousePositionObserverMouseOut",
-    value: function _handleMousePositionObserverMouseOut(key) {
-      if (key === _constant.FcrUIDialogKey.CONTROL_BAR) {
-        this.controlBarMouseOver = false;
+    key: "handleMoreClick",
+    value: function handleMoreClick(actionKey) {
+      var _this2 = this;
+      switch (actionKey) {
+        case _enums.MoreAction.OPEN_PARTICIPANTS:
+          this._dialogProvider.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
+          this._sharedLayoutDataSource.setAsideLayout({
+            participant: false
+          });
+          break;
+        case _enums.MoreAction.OPEN_CHAT:
+          this._dialogProvider.openDialog(_constant.FcrUIDialogKey.CHAT);
+          this._sharedLayoutDataSource.setAsideLayout({
+            chat: false
+          });
+          this._sharedChatDataSource.newMessageCount = (0, _defineProperty2["default"])({}, _type2.FcrUIRoomType.MAIN_ROOM, 0);
+          break;
+        case _enums.MoreAction.OPEN_LIVE_STEAMING_DIALOG:
+          this._dialogProvider.openDialog(_constant.FcrUIDialogKey.LIVE_STREAMING);
+          break;
+        case _enums.MoreAction.OPEN_SETTING:
+          this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SETTINGS);
+          break;
+        case _enums.MoreAction.CLOUD_RECORDING_START:
+          this.startCloudRecording();
+          break;
+        case _enums.MoreAction.CLOUD_RECORDING_STOP:
+          this.stopCloudRecording();
+          break;
+        case _enums.MoreAction.STOP_LIVE_STREAMING:
+          this.stopLiveStreaming();
+          break;
+        case _enums.MoreAction.LEAVE_ROOM:
+          this.handleLeaveRoom();
+          break;
+        case _enums.MoreAction.COPY_INVITE_LINK:
+          (0, _browserApi.copyText)(this.playUrl).then(function () {
+            _this2.showToast({
+              type: 'info',
+              content: (0, _i18n.transI18n)('fmt_statusbar_status_coppied')
+            });
+          });
+          break;
+        case _enums.MoreAction.COPY_MEETING_INFO:
+          (0, _browserApi.copyText)(this.roomDetailCopyText).then(function () {
+            _this2.showToast({
+              type: 'info',
+              content: (0, _i18n.transI18n)('fmt_meeting_mainwindow_topbar_left_popup_toast_copy_done')
+            });
+          });
+          break;
+        default:
+          break;
       }
     }
   }]);
 }();
 _ControlBarStore = ControlBarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ControlBarStore, [[_leaveConfirmRefDecs, 17, "leaveConfirmRef"], [_mobx.observable, 1, "recordShareBounds"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "isHost"], [_mobx.observable, 1, "roomDuration"], [_mobx.observable, 1, "startTime"], [_mobx.observable, 1, "playUrl"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "allApplicationWindows"], [_mobx.observable, 1, "roomInfo"], [_mobx.observable, 1, "isShowMeetingDetailPortal"], [_mobx.observable, 1, "hiddenShareActionNav"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "fragmentEngineState"], [_mobx.observable, 1, "controlBarMouseOver"], [_mobx.computed, 3, "hasSecurityPermission"], [_mobx.computed, 3, "hasGetLiveStreamingUrlPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "isEngineConnected"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "hasAnnotationAllowWritePermission"], [_mobx.computed, 3, "allowAnnotationWriteState"], [_mobx.computed, 3, "totalHourText"], [_mobx.computed, 3, "totalMinuteText"], [_mobx.computed, 3, "meetingTimeStatus"], [_mobx.computed, 3, "meetingTime"], [_mobx.computed, 3, "meetingTimeKey"], [_mobx.computed, 3, "roomId"], [_mobx.computed, 3, "meetingId"], [_mobx.computed, 3, "checkedStateMap"], [_mobx.computed, 3, "annotationButtonVisible"], [_mobx.computed, 3, "liveStreamingButtonVisible"], [_mobx.computed, 3, "recordingButtonVisible"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_createNewShareDecs, 18, "createNewShare"], [_handlerStopShareDecs, 18, "handlerStopShare"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_setFragmentEngineStateDecs, 18, "setFragmentEngineState"], [_handleMoreClickDecs, 18, "handleMoreClick"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_showToastDecs, 18, "showToast"], [_setShowMeetingDetailPortalDecs, 18, "setShowMeetingDetailPortal"], [_setEnableWaitingRoomDecs, 18, "setEnableWaitingRoom"], [_handleLeaveRoomDecs, 18, "handleLeaveRoom"], [_decorator.bound, 2, "getLocalMeetingTime"], [_decorator.bound, 2, "toggleAnnotation"], [_decorator.bound, 2, "setAllAnnotationWrite"], [_decorator.bound, 2, "log"], [_removeObserverWindowBoundsDecs, 18, "removeObserverWindowBounds"], [_setObserverWindowBoundsDecs, 18, "setObserverWindowBounds"], [_resetMessageCountDecs, 18, "_resetMessageCount"], [_handleMousePositionObserverMouseOverDecs, 18, "_handleMousePositionObserverMouseOver"], [_handleMousePositionObserverMouseOutDecs, 18, "_handleMousePositionObserverMouseOut"]], []).e, 16);
-_init_leaveConfirmRef = _applyDecs$e[0];
-_init_recordShareBounds = _applyDecs$e[1];
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ControlBarStore, [[_mobx.observable, 1, "roomDuration"], [_mobx.observable, 1, "startTime"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "playUrl"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "allApplicationWindows"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "currentShareDisplayId"], [_mobx.observable, 1, "position"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "hasGetLiveStreamingUrlPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasChatPermission"], [_mobx.computed, 3, "liveStreamingButtonVisible"], [_mobx.computed, 3, "recordingButtonVisible"], [_mobx.computed, 3, "isConnecting"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_decorator.bound, 2, "setShareWithAudioState"], [_decorator.bound, 2, "setShareInSmoothMode"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_handleNewShareDecs, 18, "handleNewShare"], [_handlerStopShareDecs, 18, "handlerStopShare"], [_decorator.bound, 2, "handleMouseEnter"], [_decorator.bound, 2, "handleMouseLeave"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "setShareAudioMode"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_decorator.bound, 2, "startLiveStreaming"], [_decorator.bound, 2, "stopLiveStreaming"], [_showToastDecs, 18, "showToast"], [_decorator.bound, 2, "handleOpenParticipant"], [_decorator.bound, 2, "handleOpenLiveStreaming"], [_decorator.bound, 2, "setEnableWaitingRoom"], [_decorator.bound, 2, "getLocalMeetingTime"], [[_decorator.bound, _decorator.trace], 2, "setStateNavArea"], [[_decorator.bound, _decorator.trace], 2, "setControlBarContentArea"], [[_decorator.bound, _decorator.trace], 2, "setPopoverArea"], [_handleLeaveRoomDecs, 18, "handleLeaveRoom"], [_closeLeaveMeetingDialogDecs, 18, "closeLeaveMeetingDialog"], [_handleMoreClickDecs, 18, "handleMoreClick"]], []).e, 10);
+_init_roomDuration = _applyDecs$e[0];
+_init_startTime = _applyDecs$e[1];
 _init_cloudRecordingState = _applyDecs$e[2];
-_init_isHost = _applyDecs$e[3];
-_init_roomDuration = _applyDecs$e[4];
-_init_startTime = _applyDecs$e[5];
-_init_playUrl = _applyDecs$e[6];
-_init_liveStreamingState = _applyDecs$e[7];
-_init_allApplicationWindows = _applyDecs$e[8];
-_init_roomInfo = _applyDecs$e[9];
-_init_isShowMeetingDetailPortal = _applyDecs$e[10];
-_init_hiddenShareActionNav = _applyDecs$e[11];
-_init_boardOwnerUser = _applyDecs$e[12];
-_init_fragmentEngineState = _applyDecs$e[13];
-_init_controlBarMouseOver = _applyDecs$e[14];
-_initProto = _applyDecs$e[15];
+_init_playUrl = _applyDecs$e[3];
+_init_liveStreamingState = _applyDecs$e[4];
+_init_allApplicationWindows = _applyDecs$e[5];
+_init_boardOwnerUser = _applyDecs$e[6];
+_init_currentShareDisplayId = _applyDecs$e[7];
+_init_position = _applyDecs$e[8];
+_initProto = _applyDecs$e[9];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);