fcr-ui-scene 3.4.4 → 3.5.0

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

@@ -6,29 +6,15 @@ require("core-js/modules/es.symbol.to-primitive.js");
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.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");
@@ -37,34 +23,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.StoreContext = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.array.find-index.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.array.splice.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.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.filter.js");
-require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
-require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.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");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -72,7 +59,6 @@ var _mobx = require("mobx");
 var _type = require("agora-rte-sdk/lib/core/rtc/type");
 var _shareAudio = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio");
 var _decorator = require("agora-foundation/lib/decorator");
-var _logger = require("agora-foundation/lib/logger");
 var _type2 = require("fcr-core/lib/room-control/type");
 var _fcrCore = require("fcr-core");
 var _type3 = require("fcr-core/lib/type");
@@ -81,9 +67,12 @@ var _stopButton = _interopRequireDefault(require("./components/stop-live-streami
 var _constant = require("../../utilities/constant");
 var _enums = require("./enums");
 var _leaveMeeting = require("../components/leave-meeting");
+var _type4 = require("../../type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _logger = require("../../utilities/logger");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ControlBarStore;
-var _initProto, _leaveConfirmRefDecs, _init_leaveConfirmRef, _init_shareWithAudio, _init_shareAudioProcessingChannel, _init_currentShareId, _init_currentShareType, _init_currentShareBounds, _init_cloudRecordingState, _init_localUserRole, _init_isHost, _init_roomDuration, _init_startTime, _init_playUrl, _init_liveStreamingState, _init_allApplicationWindows, _init_roomInfo, _init_isShowMeetingDetailPortal, _init_users, _init_isPstnUser, _init_hiddenShareActionNav, _init_boardOwnerUser, _init_meetingId, _init_currentShareDisplayId, _initControlBarDecs, _updateCurrentShareContentDecs, _setLocalUserRoleDecs, _setShareWithAudioStateDecs, _createNewShareDecs, _handlerStopShareDecs, _setShareAudioProcessingChannelDecs, _handleMoreClickDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showToastDecs, _setShowMeetingDetailPortalDecs, _setEnableWaitingRoomDecs, _handleLeaveRoomDecs, _resetMessageCountDecs, _handleRemoteUsersJoinedDecs, _handleRemoteUsersLeftDecs, _handleUserInfoUpdatedDecs, _ref;
+var _initProto, _leaveConfirmRefDecs, _init_leaveConfirmRef, _init_shareWithAudio, _init_shareAudioProcessingChannel, _init_currentShareId, _init_currentShareType, _init_currentShareBounds, _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_currentShareDisplayId, _setCheckedStateMapDecs, _initControlBarDecs, _updateCurrentShareContentDecs, _setShareWithAudioStateDecs, _showLockedRoomToastDecs, _createNewShareDecs, _handlerStopShareDecs, _setShareAudioProcessingChannelDecs, _handleMoreClickDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showToastDecs, _setShowMeetingDetailPortalDecs, _setEnableWaitingRoomDecs, _handleLeaveRoomDecs, _resetMessageCountDecs, _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; }
@@ -113,16 +102,13 @@ var _P = /*#__PURE__*/new WeakMap();
 var _Q = /*#__PURE__*/new WeakMap();
 var _R = /*#__PURE__*/new WeakMap();
 var _S = /*#__PURE__*/new WeakMap();
-var _T = /*#__PURE__*/new WeakMap();
-var _U = /*#__PURE__*/new WeakMap();
-var _V = /*#__PURE__*/new WeakMap();
-_ref = (_leaveConfirmRefDecs = [_mobx.observable, _mobx.observable.ref], _initControlBarDecs = [_mobx.action, _mobx.action.bound], _updateCurrentShareContentDecs = [_mobx.action, _mobx.action.bound], _setLocalUserRoleDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _createNewShareDecs = [_mobx.action, _mobx.action.bound], _handlerStopShareDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _handleMoreClickDecs = [_mobx.action, _mobx.action.bound], _pauseCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
+_ref = (_leaveConfirmRefDecs = [_mobx.observable, _mobx.observable.ref], _setCheckedStateMapDecs = [_mobx.action, _mobx.action.bound], _initControlBarDecs = [_mobx.action, _mobx.action.bound], _updateCurrentShareContentDecs = [_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], _handleMoreClickDecs = [_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], _resetMessageCountDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersLeftDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
+})], _showToastDecs = [_mobx.action, _mobx.action.bound], _setShowMeetingDetailPortalDecs = [_mobx.action, _mobx.action.bound], _setEnableWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _handleLeaveRoomDecs = [_mobx.action, _mobx.action.bound], _resetMessageCountDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   function ControlBarStore(_ref2) {
     var _roomControl$getRoomS,
@@ -136,10 +122,17 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       deviceProvider = _ref2.deviceProvider,
       sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
       roomProvider = _ref2.roomProvider,
-      screenShareProvider = _ref2.screenShareProvider,
-      sharedChatDataSource = _ref2.sharedChatDataSource;
+      sharedChatDataSource = _ref2.sharedChatDataSource,
+      sharedMemberDataSource = _ref2.sharedMemberDataSource,
+      localStorageProvider = _ref2.localStorageProvider,
+      abilityProvider = _ref2.abilityProvider,
+      sharedMeetingTimeDataSource = _ref2.sharedMeetingTimeDataSource,
+      messageProvider = _ref2.messageProvider,
+      sharedSecuritySharedDataSource = _ref2.sharedSecuritySharedDataSource;
     (0, _classCallCheck2["default"])(this, ControlBarStore);
-    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'ControlBarStore'
+    })));
     (0, _defineProperty2["default"])(this, "_screenBounds", {
       width: 0,
       height: 0,
@@ -160,8 +153,8 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       x: 0,
       y: 0
     }));
-    _classPrivateFieldInitSpec(this, _G, _init_cloudRecordingState(this, _type3.FcrRecordingState.Stopped));
-    _classPrivateFieldInitSpec(this, _H, _init_localUserRole(this, _type3.FcrUserRole.PARTICIPANT));
+    _classPrivateFieldInitSpec(this, _G, _init_recordShareBounds(this, new Map()));
+    _classPrivateFieldInitSpec(this, _H, _init_cloudRecordingState(this, _type3.FcrRecordingState.Stopped));
     _classPrivateFieldInitSpec(this, _I, _init_isHost(this, false));
     _classPrivateFieldInitSpec(this, _J, _init_roomDuration(this, 0));
     _classPrivateFieldInitSpec(this, _K, _init_startTime(this, new Date().getTime()));
@@ -176,38 +169,26 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       inviteLink: ''
     }));
     _classPrivateFieldInitSpec(this, _P, _init_isShowMeetingDetailPortal(this, false));
-    _classPrivateFieldInitSpec(this, _Q, _init_users(this, []));
-    _classPrivateFieldInitSpec(this, _R, _init_isPstnUser(this, false));
-    _classPrivateFieldInitSpec(this, _S, _init_hiddenShareActionNav(this, false));
-    _classPrivateFieldInitSpec(this, _T, _init_boardOwnerUser(this, ''));
-    _classPrivateFieldInitSpec(this, _U, _init_meetingId(this, undefined));
-    _classPrivateFieldInitSpec(this, _V, _init_currentShareDisplayId(this, 0));
+    _classPrivateFieldInitSpec(this, _Q, _init_hiddenShareActionNav(this, false));
+    _classPrivateFieldInitSpec(this, _R, _init_boardOwnerUser(this, ''));
+    _classPrivateFieldInitSpec(this, _S, _init_currentShareDisplayId(this, 0));
     this._uiEventStore = uiEventStore;
     this._roomControl = roomControl;
     this._securityStore = securityStore;
     this._roomProvider = roomProvider;
-    this._userControl = roomControl.getUserControl();
-    this._streamControl = roomControl.getStreamControl();
     this._sharedLayoutDataSource = sharedLayoutDataSource;
-    this._screenShareProvider = screenShareProvider;
     this._sharedChatDataSource = sharedChatDataSource;
+    this._sharedMemberDataSource = sharedMemberDataSource;
+    this._localStorageProvider = localStorageProvider;
+    this._sharedMeetingTimeDataSource = sharedMeetingTimeDataSource;
+    this._messageProvider = messageProvider;
+    this._sharedSecuritySharedDataSource = sharedSecuritySharedDataSource;
     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.users = (0, _toConsumableArray2["default"])(this._userControl.getUserList());
-    this.meetingId = roomControl.getRoomPropertiesByKeyPath('meetingId');
-    this._streamObserver = {
-      onStreamsAdded: this._handleStreamUpdate,
-      onStreamsUpdated: this._handleStreamUpdate,
-      onStreamsRemoved: this._handleStreamUpdate
-    };
-    this._userObserver = {
-      onRemoteUsersJoined: this._handleRemoteUsersJoined,
-      onRemoteUsersLeft: this._handleRemoteUsersLeft,
-      onUserInfoUpdated: this._handleUserInfoUpdated
-    };
+    this._abilityProvider = abilityProvider;
     this._roomObserver = {
       onLiveStreamingStateUpdated: function onLiveStreamingStateUpdated(roomId, state, url) {
         _this.liveStreamingState = state;
@@ -241,11 +222,6 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
     }))();
     roomControl.addObserver(this._roomObserver);
     roomControl.getBoardControl().addObserver(this._boardObserver);
-    this._streamControl.addObserver(this._streamObserver);
-    this._userControl.addObserver(this._userObserver);
-    this._disposers.push((0, _mobx.reaction)(function () {
-      return _this.localUser.userRole;
-    }, this.setLocalUserRole));
   }
   return (0, _createClass2["default"])(ControlBarStore, [{
     key: "leaveConfirmRef",
@@ -296,7 +272,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "cloudRecordingState",
+    key: "recordShareBounds",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -304,7 +280,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "localUserRole",
+    key: "cloudRecordingState",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -376,7 +352,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_P, this, v);
     }
   }, {
-    key: "users",
+    key: "hiddenShareActionNav",
     get: function get() {
       return _classPrivateFieldGet(_Q, this);
     },
@@ -384,7 +360,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Q, this, v);
     }
   }, {
-    key: "isPstnUser",
+    key: "boardOwnerUser",
     get: function get() {
       return _classPrivateFieldGet(_R, this);
     },
@@ -392,37 +368,13 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_R, this, v);
     }
   }, {
-    key: "hiddenShareActionNav",
+    key: "currentShareDisplayId",
     get: function get() {
       return _classPrivateFieldGet(_S, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_S, this, v);
     }
-  }, {
-    key: "boardOwnerUser",
-    get: function get() {
-      return _classPrivateFieldGet(_T, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_T, this, v);
-    }
-  }, {
-    key: "meetingId",
-    get: function get() {
-      return _classPrivateFieldGet(_U, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_U, this, v);
-    }
-  }, {
-    key: "currentShareDisplayId",
-    get: function get() {
-      return _classPrivateFieldGet(_V, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_V, this, v);
-    }
   }, {
     key: "privilegeProvider",
     get: function get() {
@@ -431,15 +383,12 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "localUser",
     get: function get() {
-      return this._userControl.getLocalUser();
+      return this._sharedMemberDataSource.localUser;
     }
   }, {
     key: "remoteUsers",
     get: function get() {
-      var _this2 = this;
-      return this.users.filter(function (user) {
-        return user.userId !== _this2.localUser.userId;
-      });
+      return this._sharedMemberDataSource.remoteMembersUserInfosList;
     }
   }, {
     key: "screenBounds",
@@ -481,6 +430,26 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._securityStore.hasEndRoomPermission();
     }
+  }, {
+    key: "totalHourText",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.totalHourText;
+    }
+  }, {
+    key: "totalMinuteText",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.totalMinuteText;
+    }
+  }, {
+    key: "meetingTimeStatus",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.status;
+    }
+  }, {
+    key: "meetingTime",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.meetingTime;
+    }
   }, {
     key: "isMuteAudio",
     get: function get() {
@@ -494,6 +463,59 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(value) {
       this._sharedChatDataSource.newMessageCount = value;
     }
+  }, {
+    key: "isRoomDetailSupported",
+    get: function get() {
+      return this._abilityProvider.isRoomDetailSupported();
+    }
+  }, {
+    key: "meetingTimeKey",
+    get: function get() {
+      return "enter-room-".concat(this.roomId);
+    }
+  }, {
+    key: "roomId",
+    get: function get() {
+      var _this$_roomProvider$c;
+      return (_this$_roomProvider$c = this._roomProvider.currentRoomControl) === null || _this$_roomProvider$c === void 0 || (_this$_roomProvider$c = _this$_roomProvider$c.getRoomInfo()) === null || _this$_roomProvider$c === void 0 ? void 0 : _this$_roomProvider$c.roomId;
+    }
+  }, {
+    key: "meetingId",
+    get: function get() {
+      var _ref4;
+      var mainRoomControl = this._roomProvider.currentRoomControl;
+      return (_ref4 = mainRoomControl === null || mainRoomControl === void 0 ? void 0 : mainRoomControl.getRoomPropertiesByKeyPath('meetingId')) !== null && _ref4 !== void 0 ? _ref4 : this.roomId;
+    }
+  }, {
+    key: "scheduleInfo",
+    get: function get() {
+      return this._roomControl.getRoomSchedule();
+    }
+  }, {
+    key: "isPstnUser",
+    get: function get() {
+      return this._sharedMemberDataSource.hasOwnPstnStream;
+    }
+  }, {
+    key: "localUserRole",
+    get: function get() {
+      return this._sharedMemberDataSource.localUserRole;
+    }
+  }, {
+    key: "users",
+    get: function get() {
+      return this._sharedMemberDataSource.memberUserInfoList;
+    }
+  }, {
+    key: "checkedStateMap",
+    get: function get() {
+      return this._sharedSecuritySharedDataSource.checkedStateMap;
+    }
+  }, {
+    key: "setCheckedStateMap",
+    value: function setCheckedStateMap(val) {
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(val);
+    }
   }, {
     key: "initControlBar",
     value: function initControlBar(payload, browserWindow) {
@@ -514,12 +536,6 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       this.currentShareBounds = bounds;
       // this.setControlBarWindowBounds();
     }
-  }, {
-    key: "setLocalUserRole",
-    value: function setLocalUserRole(role) {
-      this.localUserRole = role;
-      // this.setShowSecurity(role === FcrUserRole.HOST);
-    }
   }, {
     key: "setShareWithAudioState",
     value: function setShareWithAudioState(withAudio) {
@@ -528,6 +544,14 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         withAudio: withAudio
       });
     }
+  }, {
+    key: "showLockedRoomToast",
+    value: function showLockedRoomToast(enable) {
+      this._messageProvider.showToast({
+        type: 'info',
+        message: enable ? (0, _i18n.transI18n)('fmt_security_tips_lock_meeting_on') : (0, _i18n.transI18n)('fmt_uimanager_tips_meetingunlocked')
+      });
+    }
   }, {
     key: "createNewShare",
     value: function createNewShare() {
@@ -548,7 +572,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleMoreClick",
     value: function handleMoreClick(actionKey) {
-      var _this3 = this;
+      var _this2 = this;
       switch (actionKey) {
         case _enums.MoreAction.OPEN_PARTICIPANTS:
           this._uiEventStore.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
@@ -578,10 +602,10 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         case _enums.MoreAction.STOP_LIVE_STREAMING:
           this._roomProvider.stopLiveStreaming();
           var dispose = (0, _mobx.reaction)(function () {
-            return _this3.liveStreamingState;
+            return _this2.liveStreamingState;
           }, function (liveStreamingState) {
             if (liveStreamingState === _type3.FcrLiveStreamingState.STOPPED) {
-              _this3._liveStreamingDialogKey && _this3._uiEventStore.closeDialog(_this3._liveStreamingDialogKey);
+              _this2._liveStreamingDialogKey && _this2._uiEventStore.closeDialog(_this2._liveStreamingDialogKey);
               dispose();
             }
           });
@@ -593,16 +617,16 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "openLiveStreamingDialog",
     value: function openLiveStreamingDialog() {
-      var _this4 = this;
+      var _this3 = this;
       var dialogKey = this._uiEventStore.openConfirmDialog({
         width: 256,
         content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_stopButton["default"], {
           onCancel: function onCancel() {
-            _this4._uiEventStore.closeConfirm(dialogKey);
+            _this3._uiEventStore.closeConfirm(dialogKey);
           },
           handleMoreClick: function handleMoreClick(type) {
-            _this4.handleMoreClick(type);
-            _this4._uiEventStore.closeConfirm(dialogKey);
+            _this3.handleMoreClick(type);
+            _this3._uiEventStore.closeConfirm(dialogKey);
           }
         }),
         showCancel: false,
@@ -663,23 +687,29 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleLeaveRoom",
     value: function handleLeaveRoom() {
-      var _this5 = this;
+      var _this4 = this;
       var dailogKey = this._uiEventStore.openConfirmDialog({
         width: 300,
         content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leaveMeeting.LeaveMeeting, {
           setPopoverOpened: function setPopoverOpened(value) {
             if (!value) {
-              _this5._uiEventStore.closeConfirm(dailogKey);
+              _this4._uiEventStore.closeConfirm(dailogKey);
             }
           }
         }),
         onCancel: function onCancel() {
-          _this5._uiEventStore.closeConfirm(dailogKey);
+          _this4._uiEventStore.closeConfirm(dailogKey);
         },
         showCancel: false,
         showOk: false
       });
     }
+  }, {
+    key: "getLocalMeetingTime",
+    value: function getLocalMeetingTime() {
+      var _this$_localStoragePr;
+      return (_this$_localStoragePr = this._localStorageProvider) === null || _this$_localStoragePr === void 0 ? void 0 : _this$_localStoragePr.read(this.meetingTimeKey);
+    }
   }, {
     key: "release",
     value: function release() {
@@ -687,90 +717,27 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         return disposer();
       });
       this._disposers = [];
-      this._streamControl.removeObserver(this._streamObserver);
-      this._userControl.removeObserver(this._userObserver);
       this._roomControl.getBoardControl().removeObserver(this._boardObserver);
       this._roomControl.removeObserver(this._roomObserver);
+      this.recordShareBounds.clear();
     }
   }, {
     key: "_resetMessageCount",
     value: function _resetMessageCount() {
-      this.newMessageCount = (0, _defineProperty2["default"])({}, _type2.FcrRoomType.Mainroom, 0);
-    }
-  }, {
-    key: "_handleStreamUpdate",
-    value: function _handleStreamUpdate() {
-      var streams = this._streamControl.getStreamsByUserId(this.localUser.userId);
-      var pstnStream = streams.find(function (_ref4) {
-        var connectorType = _ref4.connectorType;
-        return connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
-      });
-      this.isPstnUser = !!pstnStream;
-    }
-  }, {
-    key: "_handleRemoteUsersJoined",
-    value: function _handleRemoteUsersJoined(roomId, events) {
-      var _this6 = this;
-      var modifiedUsers = events.map(function (e) {
-        return e.modifiedUser;
-      });
-      var users = (0, _toConsumableArray2["default"])(this.users);
-      modifiedUsers.forEach(function (user) {
-        var userIndex = _this6.users.findIndex(function (u) {
-          return u.userId === user.userId;
-        });
-        if (userIndex !== -1) {
-          users[userIndex] = user;
-        } else {
-          users.push(user);
-        }
-      });
-      this.users = users;
-    }
-  }, {
-    key: "_handleRemoteUsersLeft",
-    value: function _handleRemoteUsersLeft(roomId, events) {
-      var _this7 = this;
-      var modifiedUsers = events.map(function (e) {
-        return e.modifiedUser;
-      });
-      var users = (0, _toConsumableArray2["default"])(this.users);
-      modifiedUsers.forEach(function (user) {
-        var userIndex = _this7.users.findIndex(function (u) {
-          return u.userId === user.userId;
-        });
-        if (userIndex !== -1) {
-          users.splice(userIndex, 1);
-        }
-      });
-      this.users = users;
-    }
-  }, {
-    key: "_handleUserInfoUpdated",
-    value: function _handleUserInfoUpdated(_roomId, event) {
-      var modifiedUser = event.modifiedUser;
-      var index = this.users.findIndex(function (u) {
-        return u.userId === modifiedUser.userId;
-      });
-      if (index === -1) {
-        return;
-      }
-      this.users[index] = modifiedUser;
-      this.users = (0, _toConsumableArray2["default"])(this.users);
-      this.localUserRole = this._userControl.getLocalUser().userRole;
+      this.newMessageCount = (0, _defineProperty2["default"])({}, _type4.FcrUIRoomType.MAIN_ROOM, 0);
     }
   }]);
 }();
 _ControlBarStore = ControlBarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ControlBarStore, [[_leaveConfirmRefDecs, 17, "leaveConfirmRef"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "shareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentShareBounds"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "localUserRole"], [_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, "users"], [_mobx.observable, 1, "isPstnUser"], [_mobx.observable, 1, "hiddenShareActionNav"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "meetingId"], [_mobx.observable, 1, "currentShareDisplayId"], [_mobx.computed, 3, "hasSecurityPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStopLiveStreamingPermission"], [_mobx.computed, 3, "hasGetLiveStreamingUrlPermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_initControlBarDecs, 18, "initControlBar"], [_updateCurrentShareContentDecs, 18, "updateCurrentShareContent"], [_setLocalUserRoleDecs, 18, "setLocalUserRole"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_createNewShareDecs, 18, "createNewShare"], [_handlerStopShareDecs, 18, "handlerStopShare"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_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"], [_resetMessageCountDecs, 18, "_resetMessageCount"], [_decorator.bound, 2, "_handleStreamUpdate"], [_handleRemoteUsersJoinedDecs, 18, "_handleRemoteUsersJoined"], [_handleRemoteUsersLeftDecs, 18, "_handleRemoteUsersLeft"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"]], []).e, 23);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ControlBarStore, [[_leaveConfirmRefDecs, 17, "leaveConfirmRef"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "shareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentShareBounds"], [_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, "currentShareDisplayId"], [_mobx.computed, 3, "hasSecurityPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStopLiveStreamingPermission"], [_mobx.computed, 3, "hasGetLiveStreamingUrlPermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_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, "scheduleInfo"], [_mobx.computed, 3, "checkedStateMap"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_initControlBarDecs, 18, "initControlBar"], [_updateCurrentShareContentDecs, 18, "updateCurrentShareContent"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_createNewShareDecs, 18, "createNewShare"], [_handlerStopShareDecs, 18, "handlerStopShare"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_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"], [_resetMessageCountDecs, 18, "_resetMessageCount"]], []).e, 20);
 _init_leaveConfirmRef = _applyDecs$e[0];
 _init_shareWithAudio = _applyDecs$e[1];
 _init_shareAudioProcessingChannel = _applyDecs$e[2];
 _init_currentShareId = _applyDecs$e[3];
 _init_currentShareType = _applyDecs$e[4];
 _init_currentShareBounds = _applyDecs$e[5];
-_init_cloudRecordingState = _applyDecs$e[6];
-_init_localUserRole = _applyDecs$e[7];
+_init_recordShareBounds = _applyDecs$e[6];
+_init_cloudRecordingState = _applyDecs$e[7];
 _init_isHost = _applyDecs$e[8];
 _init_roomDuration = _applyDecs$e[9];
 _init_startTime = _applyDecs$e[10];
@@ -779,11 +746,8 @@ _init_liveStreamingState = _applyDecs$e[12];
 _init_allApplicationWindows = _applyDecs$e[13];
 _init_roomInfo = _applyDecs$e[14];
 _init_isShowMeetingDetailPortal = _applyDecs$e[15];
-_init_users = _applyDecs$e[16];
-_init_isPstnUser = _applyDecs$e[17];
-_init_hiddenShareActionNav = _applyDecs$e[18];
-_init_boardOwnerUser = _applyDecs$e[19];
-_init_meetingId = _applyDecs$e[20];
-_init_currentShareDisplayId = _applyDecs$e[21];
-_initProto = _applyDecs$e[22];
+_init_hiddenShareActionNav = _applyDecs$e[16];
+_init_boardOwnerUser = _applyDecs$e[17];
+_init_currentShareDisplayId = _applyDecs$e[18];
+_initProto = _applyDecs$e[19];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);