fcr-ui-scene 3.7.4 → 3.7.5

package/lib/modules/state-bar/{store.js → store.base.js}

@@ -34,13 +34,12 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.StoreContext = exports.GALLERY_MIN_SIZE = void 0;
+exports.StoreContext = exports.StateBarStoreBase = void 0;
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.number.to-fixed.js");
-require("core-js/modules/es.object.assign.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
@@ -80,17 +79,21 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _type = require("fcr-core/lib/type");
 var _mobx = require("mobx");
-var _store = require("../setting/store");
 var _decorator = require("agora-foundation/lib/decorator");
 var _constant = require("../../utilities/constant");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _type2 = require("fcr-core/lib/room-control/type");
-var _react = require("react");
 var _view = require("../layout/view");
 var _logger = require("../../utilities/logger");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _StateBarStore;
-var _initProto, _init_networkStatus, _init_roomInfo, _init_isLiveStreaming, _init_liveStreamingPlayUrl, _init_galleryWidth, _init_browserWidth, _init_networkStats, _init_attendeeCount, _init_asideOpenedItem, _init_cloudRecordingState, _setNetworkStatusDecs, _setRoomInfoDecs, _stopLiveStreamingDialogDecs, _uiEventsDecs, _setBrowserWidthDecs, _onNetworkStatsUpdatedDecs, _onLiveStreamingStateUpdatedDecs, _ref;
+var _objectManager = require("../../object-manager");
+var _type3 = require("../setting/type");
+var _react = require("react");
+var _meetingDetail = require("../../utilities/meeting-detail");
+var _defaultConfig = require("../../utilities/default-config");
+var _browserApi = require("../../utilities/browser-api");
+var _StateBarStoreBase;
+var _initProto, _init_networkStatus, _init_isLiveStreaming, _init_liveStreamingPlayUrl, _init_galleryWidth, _init_browserWidth, _init_networkStats, _init_attendeeCount, _init_asideOpenedItem, _init_cloudRecordingState, _setNetworkStatusDecs, _setBrowserWidthDecs, _onNetworkStatsUpdatedDecs, _onLiveStreamingStateUpdatedDecs, _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; }
@@ -101,7 +104,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 GALLERY_MIN_SIZE = exports.GALLERY_MIN_SIZE = 825;
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -112,28 +114,17 @@ var _G = /*#__PURE__*/new WeakMap();
 var _H = /*#__PURE__*/new WeakMap();
 var _I = /*#__PURE__*/new WeakMap();
 var _J = /*#__PURE__*/new WeakMap();
-_ref = (_setNetworkStatusDecs = [_mobx.action, _mobx.action.bound], _setRoomInfoDecs = [_mobx.action, _mobx.action.bound], _stopLiveStreamingDialogDecs = [_mobx.action, _mobx.action.bound], _uiEventsDecs = [_mobx.action, _mobx.action.bound], _setBrowserWidthDecs = [_mobx.action, _mobx.action.bound], _onNetworkStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
-var StateBarStore = exports["default"] = /*#__PURE__*/function () {
-  function StateBarStore(_ref2) {
+var _K = /*#__PURE__*/new WeakMap();
+var _L = /*#__PURE__*/new WeakMap();
+var _M = /*#__PURE__*/new WeakMap();
+_ref = (_setNetworkStatusDecs = [_mobx.action, _mobx.action.bound], _setBrowserWidthDecs = [_mobx.action, _mobx.action.bound], _onNetworkStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
+var StateBarStoreBase = exports.StateBarStoreBase = /*#__PURE__*/function () {
+  function StateBarStoreBase(_ref2) {
     var _this$_roomControl$ge,
-      _this = this;
-    var roomControl = _ref2.roomControl,
-      uiEventStore = _ref2.uiEventStore,
-      securityStore = _ref2.securityStore,
-      parameters = _ref2.parameters,
-      sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
-      roomProvider = _ref2.roomProvider,
-      sharedVideoWindowDataSource = _ref2.sharedVideoWindowDataSource,
-      messageProvider = _ref2.messageProvider,
-      sharedMemberDataSource = _ref2.sharedMemberDataSource,
-      localStorageProvider = _ref2.localStorageProvider,
-      abilityProvider = _ref2.abilityProvider,
-      sharedMeetingTimeDataSource = _ref2.sharedMeetingTimeDataSource,
-      annotationProvider = _ref2.annotationProvider,
-      dialogProvider = _ref2.dialogProvider,
-      sharedScreenShareSharedDataSource = _ref2.sharedScreenShareSharedDataSource,
-      multiDisplayProvider = _ref2.multiDisplayProvider;
-    (0, _classCallCheck2["default"])(this, StateBarStore);
+      _this = this,
+      _ref3;
+    var objectManager = _ref2.objectManager;
+    (0, _classCallCheck2["default"])(this, StateBarStoreBase);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'StateBarStore'
     })));
@@ -144,57 +135,43 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       onLiveStreamingStateUpdated: this._onLiveStreamingStateUpdated.bind(this),
       onCloudRecordingStateUpdated: this._onCloudRecordingStateUpdated.bind(this)
     });
-    _classPrivateFieldInitSpec(this, _A, _init_networkStatus(this, 'unknown'));
-    _classPrivateFieldInitSpec(this, _B, _init_roomInfo(this, undefined));
-    _classPrivateFieldInitSpec(this, _C, _init_isLiveStreaming(this, false));
-    _classPrivateFieldInitSpec(this, _D, _init_liveStreamingPlayUrl(this, ''));
-    _classPrivateFieldInitSpec(this, _E, _init_galleryWidth(this, window.innerWidth));
-    _classPrivateFieldInitSpec(this, _F, _init_browserWidth(this, window.innerWidth));
-    _classPrivateFieldInitSpec(this, _G, _init_networkStats(this, {
+    _classPrivateFieldInitSpec(this, _A, void 0);
+    _classPrivateFieldInitSpec(this, _B, void 0);
+    _classPrivateFieldInitSpec(this, _C, '');
+    _classPrivateFieldInitSpec(this, _D, '');
+    _classPrivateFieldInitSpec(this, _E, _init_networkStatus(this, 'unknown'));
+    _classPrivateFieldInitSpec(this, _F, _init_isLiveStreaming(this, false));
+    _classPrivateFieldInitSpec(this, _G, _init_liveStreamingPlayUrl(this, ''));
+    _classPrivateFieldInitSpec(this, _H, _init_galleryWidth(this, window.innerWidth));
+    _classPrivateFieldInitSpec(this, _I, _init_browserWidth(this, window.innerWidth));
+    _classPrivateFieldInitSpec(this, _J, _init_networkStats(this, {
       uplinkPacketLossRate: '-',
       downlinkPacketLossRate: '-',
       networkDelay: '-'
     }));
-    _classPrivateFieldInitSpec(this, _H, _init_attendeeCount(this));
-    _classPrivateFieldInitSpec(this, _I, _init_asideOpenedItem(this, new Set()));
-    // @observable accessor layoutSize: number;
-    // @observable accessor layoutView: 'speaker' | 'gallery' = 'gallery';
-    _classPrivateFieldInitSpec(this, _J, _init_cloudRecordingState(this, _type.FcrRecordingState.Stopped));
-    this._roomControl = roomControl;
-    this._uiEventStore = uiEventStore;
-    this._securityStore = securityStore;
-    this._roomProvider = roomProvider;
-    this._dialogProvider = dialogProvider;
+    _classPrivateFieldInitSpec(this, _K, _init_attendeeCount(this));
+    _classPrivateFieldInitSpec(this, _L, _init_asideOpenedItem(this, new Set()));
+    _classPrivateFieldInitSpec(this, _M, _init_cloudRecordingState(this, _type.FcrRecordingState.Stopped));
+    this._roomControl = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_CURRENT_ROOM_CONTROL_PROVIDER).currentRoomControl;
+    this._privilegeProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_PRIVILEGE_PROVIDER);
+    this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    this._messageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+    this._sharedLayoutDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
+    this._localStorageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_LOCAL_STORAGE_PROVIDER);
+    this._eventProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
     this.attendeeCount = 0;
     this.isLiveStreaming = this._roomControl.getLiveStreamingState() === _type.FcrLiveStreamingState.STARTED;
     if (this.isLiveStreaming) {
       this.liveStreamingPlayUrl = this._roomControl.getLiveStreamingConfig().pullStreamingUrl;
     }
     this._isMainRoom = ((_this$_roomControl$ge = this._roomControl.getRoomInfo()) === null || _this$_roomControl$ge === void 0 ? void 0 : _this$_roomControl$ge.roomType) === _type2.FcrRoomType.Mainroom;
-    this._sharedLayoutDataSource = sharedLayoutDataSource;
-    this._sharedVideoWindowDataSource = sharedVideoWindowDataSource;
-    this._sharedMeetingTimeDataSource = sharedMeetingTimeDataSource;
-    this._messageProvider = messageProvider;
-    this._sharedMemberDataSource = sharedMemberDataSource;
-    this._sharedScreenShareSharedDataSource = sharedScreenShareSharedDataSource;
-    this._localStorageProvider = localStorageProvider;
     this._roomControl.addObserver(this._roomObserver);
-    this._abilityProvider = abilityProvider;
-    this._annotationProvider = annotationProvider;
-    this._multiDisplayProvider = multiDisplayProvider;
-    this._uiEventStore.addObserver({
-      onEvent: this._uiEvents.bind(this)
-    });
-    this._onNetworkQualityUpdated = this._onNetworkQualityUpdated.bind(this);
-    this.toggleLayout = this.toggleLayout.bind(this);
-    this.toggleLayoutBarLock = this.toggleLayoutBarLock.bind(this);
     this.cloudRecordingState = this._roomControl.getCloudRecordingState();
-    this._initRoomInfo();
+    this._eventProvider.addObserver({
+      onEvent: this._handleEvent
+    });
     var resizeHandler = this._setBrowserWidth();
     window.addEventListener('resize', resizeHandler);
-    var resizeDispose = function resizeDispose() {
-      window.removeEventListener('resize', resizeHandler);
-    };
     this._disposer.push((0, _mobx.reaction)(function () {
       return _this.isLiveStreaming;
     }, this._setBrowserWidth()), (0, _mobx.reaction)(function () {
@@ -215,10 +192,16 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
         _this.asideOpenedItem["delete"]('chat');
       }
       _this._setBrowserWidth(window.innerWidth)(); // 打开或关闭边栏
-    }), resizeDispose);
+    }), function () {
+      window.removeEventListener('resize', resizeHandler);
+    });
+    this.roomInfo = this._roomControl.getRoomInfo();
+    this.roomSchedule = this._roomControl.getRoomSchedule();
+    this.meetingId = (_ref3 = this._roomControl.getRoomPropertiesByKeyPath('meetingId')) !== null && _ref3 !== void 0 ? _ref3 : this.roomId;
+    this.localUserName = this._roomControl.getUserControl().getLocalUser().userName;
   }
-  return (0, _createClass2["default"])(StateBarStore, [{
-    key: "networkStatus",
+  return (0, _createClass2["default"])(StateBarStoreBase, [{
+    key: "roomInfo",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
     },
@@ -226,7 +209,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "roomInfo",
+    key: "roomSchedule",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -234,7 +217,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "isLiveStreaming",
+    key: "meetingId",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -242,7 +225,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "liveStreamingPlayUrl",
+    key: "localUserName",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -250,7 +233,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "galleryWidth",
+    key: "networkStatus",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -258,7 +241,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "browserWidth",
+    key: "isLiveStreaming",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -266,7 +249,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "networkStats",
+    key: "liveStreamingPlayUrl",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -274,7 +257,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "attendeeCount",
+    key: "galleryWidth",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -282,7 +265,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "asideOpenedItem",
+    key: "browserWidth",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -290,7 +273,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "cloudRecordingState",
+    key: "networkStats",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -298,25 +281,38 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "annotationHasStart",
+    key: "attendeeCount",
     get: function get() {
-      //return !!this._annotationProvider?.annotationHasStart;
-      return false;
+      return _classPrivateFieldGet(_K, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "localUser",
+    key: "asideOpenedItem",
     get: function get() {
-      return this._sharedMemberDataSource.localUser;
+      return _classPrivateFieldGet(_L, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "isUserHost",
+    key: "cloudRecordingState",
+    get: function get() {
+      return _classPrivateFieldGet(_M, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_M, this, v);
+    }
+  }, {
+    key: "annotationHasStart",
     get: function get() {
-      return this._sharedMemberDataSource.isLocalUserHost;
+      return false;
     }
   }, {
     key: "shouldShowMeetingTime",
     get: function get() {
-      return Boolean(this.scheduleInfo && this.scheduleInfo.duration > 0);
+      return Boolean(this.roomSchedule && this.roomSchedule.duration > 0);
     }
   }, {
     key: "isMainRoom",
@@ -326,37 +322,17 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "hasStartCloudRecordingPermission",
     get: function get() {
-      return this._securityStore.hasStartCloudRecordingPermission();
+      return this._privilegeProvider.hasStartCloudRecordingPermission();
     }
   }, {
     key: "hasStopLiveStreamingPermission",
     get: function get() {
-      return this._securityStore.hasStopLiveStreamingPermission();
+      return this._privilegeProvider.hasStopLiveStreamingPermission();
     }
   }, {
     key: "hasGetLiveStreamingLinkPermission",
     get: function get() {
-      return this._securityStore.hasGetLiveStreamingLinkPermission();
-    }
-  }, {
-    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;
+      return this._privilegeProvider.hasGetLiveStreamingLinkPermission();
     }
   }, {
     key: "password",
@@ -367,18 +343,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "isSharingScreen",
     get: function get() {
-      return this._sharedScreenShareSharedDataSource.isSharingScreen;
-    }
-  }, {
-    key: "isLayoutSwitchDisabled",
-    get: function get() {
-      // 如果多屏幕功能开启，则始终不禁用布局切换
-      if (this.isMainRoom && this._multiDisplayProvider.isActive) {
-        return false;
-      }
-
-      // 如果正在共享屏幕，则切禁用布局切换
-      return this.isSharingScreen;
+      return false;
     }
   }, {
     key: "layoutSize",
@@ -386,12 +351,6 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       var _this$_sharedLayoutDa;
       return (_this$_sharedLayoutDa = this._sharedLayoutDataSource) === null || _this$_sharedLayoutDa === void 0 ? void 0 : _this$_sharedLayoutDa.layoutSize;
     }
-  }, {
-    key: "layoutView",
-    get: function get() {
-      var _this$_sharedVideoWin;
-      return (_this$_sharedVideoWin = this._sharedVideoWindowDataSource) === null || _this$_sharedVideoWin === void 0 ? void 0 : _this$_sharedVideoWin.layoutType;
-    }
   }, {
     key: "asideLayout",
     get: function get() {
@@ -399,65 +358,63 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       return (_this$_sharedLayoutDa2 = this._sharedLayoutDataSource) === null || _this$_sharedLayoutDa2 === void 0 ? void 0 : _this$_sharedLayoutDa2.asideLayout;
     }
   }, {
-    key: "isRoomDetailSupported",
+    key: "roomId",
     get: function get() {
-      return this._abilityProvider.isRoomDetailSupported();
+      return this.roomInfo.roomId;
     }
   }, {
     key: "roomDetailCopyText",
     get: function get() {
-      return this._roomProvider.getRoomDetailCopyText();
+      return (0, _meetingDetail.getInvitationInfoByRoomInfo)(this.roomInfo, this.roomSchedule, this.meetingId, this.localUserName);
     }
   }, {
-    key: "roomId",
-    get: function get() {
-      var _this$_roomControl;
-      return (_this$_roomControl = this._roomControl) === null || _this$_roomControl === void 0 || (_this$_roomControl = _this$_roomControl.getRoomInfo()) === null || _this$_roomControl === void 0 ? void 0 : _this$_roomControl.roomId;
+    key: "getIsFullScreen",
+    value: function getIsFullScreen() {
+      return (0, _browserApi.isFullScreen)();
     }
   }, {
-    key: "meetingId",
-    get: function get() {
-      var _ref3;
-      var mainRoomControl = this._roomControl;
-      return (_ref3 = mainRoomControl === null || mainRoomControl === void 0 ? void 0 : mainRoomControl.getRoomPropertiesByKeyPath('meetingId')) !== null && _ref3 !== void 0 ? _ref3 : this.roomId;
+    key: "enterFullScreen",
+    value: function enterFullScreen() {
+      (0, _browserApi.enterFullScreen)();
     }
   }, {
-    key: "scheduleInfo",
-    get: function get() {
-      return this._roomControl.getRoomSchedule();
+    key: "exitFullScreen",
+    value: function exitFullScreen() {
+      (0, _browserApi.exitFullScreen)();
+    }
+  }, {
+    key: "addFullScreenChangeEventListener",
+    value: function addFullScreenChangeEventListener(handle) {
+      document.addEventListener('fullscreenchange', handle);
+    }
+  }, {
+    key: "removeFullScreenChangeEventListener",
+    value: function removeFullScreenChangeEventListener(handle) {
+      document.removeEventListener('fullscreenchange', handle);
     }
   }, {
     key: "isLockRoomEnabled",
     value: function isLockRoomEnabled() {
-      return this._securityStore.isLockRoomEnabled();
+      return this._privilegeProvider.isLockRoomEnabled();
     }
   }, {
     key: "setNetworkStatus",
     value: function setNetworkStatus(networkStatus) {
       this.networkStatus = networkStatus;
     }
-  }, {
-    key: "setRoomInfo",
-    value: function setRoomInfo(roomInfo) {
-      if (!this.roomInfo) {
-        this.roomInfo = roomInfo;
-      } else {
-        Object.assign(this.roomInfo, roomInfo);
-      }
-    }
-  }, {
-    key: "toggleLayout",
-    value: function toggleLayout(layout) {
-      this._sharedVideoWindowDataSource.setLayout(layout, true);
-    }
   }, {
     key: "toggleLayoutBarLock",
     value: function toggleLayoutBarLock(state) {
-      this._uiEventStore.sendEvent(_constant.FcrUIAction.TOGGLE_LAYOUT_BAR_LOCK, state);
+      // TODO:
+      // this._eventProvider.sendEvent(FcrUIAction.TOGGLE_LAYOUT_BAR_LOCK, state);
     }
   }, {
     key: "release",
     value: function release() {
+      this._roomControl.removeObserver(this._roomObserver);
+      this._eventProvider.removeObserver({
+        onEvent: this._handleEvent
+      });
       this._disposer.forEach(function (dispose) {
         return dispose();
       });
@@ -465,9 +422,9 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "openDeviceSettingDialog",
     value: function openDeviceSettingDialog(arg) {
-      var activeTab = (arg === null || arg === void 0 ? void 0 : arg.activeTab) || _store.DeviceSettingTab.VIDEO;
+      var activeTab = (arg === null || arg === void 0 ? void 0 : arg.activeTab) || _type3.DeviceSettingTab.VIDEO;
       var highlightSelector = (arg === null || arg === void 0 ? void 0 : arg.highlightSelector) || _constant.FcrUIHighlightElement.VIDEO_MAX_PERSON;
-      this._dialogProvider.openDeviceSettingDialog({
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SETTINGS, {
         activeTab: activeTab,
         highlightSelector: highlightSelector
       });
@@ -475,27 +432,27 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "stopLiveStreamingDialog",
     value: function stopLiveStreamingDialog() {
-      this._roomProvider.stopLiveStreaming();
+      this._roomControl.stopLiveStreaming();
     }
   }, {
     key: "startCloudRecording",
     value: function startCloudRecording() {
-      this._roomProvider.startCloudRecording();
+      this._roomControl.startCloudRecording(_defaultConfig.cloudRecordingConfig);
     }
   }, {
     key: "pauseCloudRecording",
     value: function pauseCloudRecording() {
-      this._roomProvider.pauseCloudRecording();
+      this._roomControl.pauseCloudRecording();
     }
   }, {
     key: "resumeCloudRecording",
     value: function resumeCloudRecording() {
-      this._roomProvider.resumeCloudRecording();
+      this._roomControl.resumeCloudRecording();
     }
   }, {
     key: "stopCloudRecording",
     value: function stopCloudRecording() {
-      this._roomProvider.stopCloudRecording();
+      this._roomControl.stopCloudRecording();
     }
   }, {
     key: "getShareLink",
@@ -507,7 +464,7 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "showToast",
     value: function showToast(params) {
-      this._uiEventStore.showToast(params);
+      this._messageProvider.showToast(params);
     }
   }, {
     key: "showNotification",
@@ -548,33 +505,6 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
           this.setNetworkStatus('excellent');
       }
     }
-  }, {
-    key: "_uiEvents",
-    value: function _uiEvents(action, payload) {
-      if (action === _constant.FcrUIAction.ASIDE_WIDTH_CHANGED) {
-        this._setBrowserWidth(window.innerWidth, payload)(); // 拖动边栏
-      }
-
-      // if (action === FcrUIAction.UPDATE_ASIDE) {
-      //   if (payload.participant) {
-      //     this.asideOpenedItem.add('participant');
-      //   }
-      //   if (payload.participant === false) {
-      //     this.asideOpenedItem.delete('participant');
-      //   }
-      //   if (payload.chat) {
-      //     this.asideOpenedItem.add('chat');
-      //   }
-      //   if (payload.chat === false) {
-      //     this.asideOpenedItem.delete('chat');
-      //   }
-      //   this._setBrowserWidth(window.innerWidth)(); // 打开或关闭边栏
-      // }
-
-      if (action === _constant.FcrUIAction.MAIN_LIST_LENGTH_CHANGED) {
-        this.attendeeCount = payload;
-      }
-    }
   }, {
     key: "_setBrowserWidth",
     value: function _setBrowserWidth(width, minus) {
@@ -631,10 +561,13 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       this.cloudRecordingState = state;
     }
   }, {
-    key: "_initRoomInfo",
-    value: function _initRoomInfo() {
-      var info = this._roomControl.getRoomInfo();
-      this.setRoomInfo(info);
+    key: "_handleEvent",
+    value: function _handleEvent(event, payload) {
+      switch (event) {
+        case _constant.FcrUIAction.MAIN_LIST_LENGTH_CHANGED:
+          this.attendeeCount = payload;
+          break;
+      }
     }
   }, {
     key: "meetingTimeKey",
@@ -648,17 +581,16 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
     }
   }]);
 }();
-_StateBarStore = StateBarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_StateBarStore, [[_mobx.observable, 1, "networkStatus"], [_mobx.observable, 1, "roomInfo"], [_mobx.observable, 1, "isLiveStreaming"], [_mobx.observable, 1, "liveStreamingPlayUrl"], [_mobx.observable, 1, "galleryWidth"], [_mobx.observable, 1, "browserWidth"], [_mobx.observable, 1, "networkStats"], [_mobx.observable, 1, "attendeeCount"], [_mobx.observable, 1, "asideOpenedItem"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.computed, 3, "localUser"], [_mobx.computed, 3, "shouldShowMeetingTime"], [_mobx.computed, 3, "isMainRoom"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStopLiveStreamingPermission"], [_mobx.computed, 3, "hasGetLiveStreamingLinkPermission"], [_mobx.computed, 3, "totalHourText"], [_mobx.computed, 3, "totalMinuteText"], [_mobx.computed, 3, "meetingTimeStatus"], [_mobx.computed, 3, "meetingTime"], [_mobx.computed, 3, "password"], [_mobx.computed, 3, "roomId"], [_mobx.computed, 3, "meetingId"], [_mobx.computed, 3, "scheduleInfo"], [_decorator.bound, 2, "isLockRoomEnabled"], [_setNetworkStatusDecs, 18, "setNetworkStatus"], [_setRoomInfoDecs, 18, "setRoomInfo"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_stopLiveStreamingDialogDecs, 18, "stopLiveStreamingDialog"], [_decorator.bound, 2, "startCloudRecording"], [_decorator.bound, 2, "pauseCloudRecording"], [_decorator.bound, 2, "resumeCloudRecording"], [_decorator.bound, 2, "stopCloudRecording"], [_decorator.bound, 2, "getShareLink"], [_decorator.bound, 2, "showToast"], [_decorator.bound, 2, "showNotification"], [_decorator.bound, 2, "closeNotification"], [_decorator.bound, 2, "toastCannotToggleLayoutWhenSharing"], [_uiEventsDecs, 18, "_uiEvents"], [_setBrowserWidthDecs, 18, "_setBrowserWidth"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_onLiveStreamingStateUpdatedDecs, 18, "_onLiveStreamingStateUpdated"], [_decorator.bound, 2, "getLocalMeetingTime"]], []).e, 11);
+_StateBarStoreBase = StateBarStoreBase;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_StateBarStoreBase, [[_mobx.observable, 1, "networkStatus"], [_mobx.observable, 1, "isLiveStreaming"], [_mobx.observable, 1, "liveStreamingPlayUrl"], [_mobx.observable, 1, "galleryWidth"], [_mobx.observable, 1, "browserWidth"], [_mobx.observable, 1, "networkStats"], [_mobx.observable, 1, "attendeeCount"], [_mobx.observable, 1, "asideOpenedItem"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.computed, 3, "shouldShowMeetingTime"], [_mobx.computed, 3, "isMainRoom"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStopLiveStreamingPermission"], [_mobx.computed, 3, "hasGetLiveStreamingLinkPermission"], [_mobx.computed, 3, "password"], [_decorator.bound, 2, "isLockRoomEnabled"], [_setNetworkStatusDecs, 18, "setNetworkStatus"], [_decorator.bound, 2, "toggleLayoutBarLock"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "stopLiveStreamingDialog"], [_decorator.bound, 2, "startCloudRecording"], [_decorator.bound, 2, "pauseCloudRecording"], [_decorator.bound, 2, "resumeCloudRecording"], [_decorator.bound, 2, "stopCloudRecording"], [_decorator.bound, 2, "getShareLink"], [_decorator.bound, 2, "showToast"], [_decorator.bound, 2, "showNotification"], [_decorator.bound, 2, "closeNotification"], [_decorator.bound, 2, "toastCannotToggleLayoutWhenSharing"], [_setBrowserWidthDecs, 18, "_setBrowserWidth"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_onLiveStreamingStateUpdatedDecs, 18, "_onLiveStreamingStateUpdated"], [_decorator.bound, 2, "_handleEvent"], [_decorator.bound, 2, "getLocalMeetingTime"]], []).e, 10);
 _init_networkStatus = _applyDecs$e[0];
-_init_roomInfo = _applyDecs$e[1];
-_init_isLiveStreaming = _applyDecs$e[2];
-_init_liveStreamingPlayUrl = _applyDecs$e[3];
-_init_galleryWidth = _applyDecs$e[4];
-_init_browserWidth = _applyDecs$e[5];
-_init_networkStats = _applyDecs$e[6];
-_init_attendeeCount = _applyDecs$e[7];
-_init_asideOpenedItem = _applyDecs$e[8];
-_init_cloudRecordingState = _applyDecs$e[9];
-_initProto = _applyDecs$e[10];
+_init_isLiveStreaming = _applyDecs$e[1];
+_init_liveStreamingPlayUrl = _applyDecs$e[2];
+_init_galleryWidth = _applyDecs$e[3];
+_init_browserWidth = _applyDecs$e[4];
+_init_networkStats = _applyDecs$e[5];
+_init_attendeeCount = _applyDecs$e[6];
+_init_asideOpenedItem = _applyDecs$e[7];
+_init_cloudRecordingState = _applyDecs$e[8];
+_initProto = _applyDecs$e[9];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/state-bar/type.d.ts

@@ -0,0 +1,5 @@
+import { FcrUIObjectManager } from '../../object-manager';
+export type StateBarStoreArgs = {
+    objectManager: FcrUIObjectManager;
+};
+export type NetworkStatus = 'excellent' | 'average' | 'poor' | 'unknown';

package/lib/modules/state-bar/type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});