fcr-ui-scene 3.7.4-rc.1 → 3.7.5

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

@@ -27,5 +27,7 @@ var MoreAction = exports.MoreAction = /*#__PURE__*/function (MoreAction) {
   MoreAction[MoreAction["CLOUD_RECORDING_START"] = 6] = "CLOUD_RECORDING_START";
   MoreAction[MoreAction["CLOUD_RECORDING_STOP"] = 7] = "CLOUD_RECORDING_STOP";
   MoreAction[MoreAction["LEAVE_ROOM"] = 8] = "LEAVE_ROOM";
+  MoreAction[MoreAction["COPY_INVITE_LINK"] = 9] = "COPY_INVITE_LINK";
+  MoreAction[MoreAction["COPY_MEETING_INFO"] = 10] = "COPY_MEETING_INFO";
   return MoreAction;
 }({});

package/lib/modules/control-bar/hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const useBoundaryDetect: (ref: React.RefObject<HTMLDivElement>, callbacks: {
+    onBoundariesChanged: (rect: FcrUI.FcrUIRectangle) => void;
+}) => void;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBoundaryDetect = void 0;
+var _schedule = require("agora-foundation/lib/schedule");
+var _react = require("react");
+var useBoundaryDetect = exports.useBoundaryDetect = function useBoundaryDetect(ref, callbacks) {
+  (0, _react.useEffect)(function () {
+    var task = null;
+    var observer = new ResizeObserver(function () {
+      restartTask();
+    });
+    observer.observe(ref.current);
+    var restartTask = function restartTask() {
+      if (task) {
+        task.stop();
+      }
+      task = _schedule.AgoraScheduler.shared.addDelayTask(function () {
+        if (ref.current === null) return;
+        var contentRect = ref.current.getBoundingClientRect();
+        callbacks.onBoundariesChanged(contentRect);
+      }, 100);
+    };
+    restartTask();
+    return function () {
+      observer.disconnect();
+      if (task) {
+        task.stop();
+      }
+    };
+  }, [callbacks]);
+};

package/lib/modules/control-bar/index.d.ts

@@ -1,56 +1,28 @@
 import { UIModule } from '../../base';
+import ControlBarStore from './store';
 import './index.css';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIMainRoomControlProvider, FcrUIRoomProvider } from '../../providers/room-provider';
-import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
-import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
-import { FcrUIDevicePrivilegeProvider } from '../../providers/device-privilege-provider';
-import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/device-privilege-data';
-import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
-import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
-import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
-import { FcrUIDialogProvider } from '../../providers/dialog-provider';
-import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
-import { FcrUIMessageProvider } from '../../providers/message-provider';
-import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
-import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
-import { FcrUISharingProvider } from '../../providers/sharing-provider';
-import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
-import { FcrUISharedConfirmDataSource } from '../../shared-data-source/confirm-data';
+import { RendererCustomEvent } from '../../runtime';
+import { DeviceControlStoreBase } from '../components/device-control/store.base';
+import SecurityMenuStore from '../components/security-menu/store';
+import LeaveMeetingStoreMain from '../components/leave-meeting/main-scene/store';
 export declare class ControlBarUIModule extends UIModule {
-    private _store?;
-    private _deviceControlStore?;
-    private _leaveMeetingStore?;
-    privilegeProvider?: FcrUIPrivilegeProvider;
-    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
-    eventProvider?: FcrUIEventProvider;
-    deviceProvider?: FcrUIDeviceProvider;
-    deviceStreamProvider?: FcrUIDeviceStreamProvider;
-    sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
-    roomProvider?: FcrUIRoomProvider;
-    screenShareProvider?: FcrUIScreenShareProvider;
-    sharedChatDataSource?: FcrUISharedChatDataSource;
-    devicePrivilegeProvider?: FcrUIDevicePrivilegeProvider;
-    sharedDevicePrivilegeDataSource?: FcrUISharedDevicePrivilegeDataSource;
-    sharedMemberDataSource?: FcrUIMemberSharedDataSource;
-    localStorageProvider?: FcrUILocalStorageProvider;
-    abilityProvider?: FcrUIAbilityProviderImpl;
-    dialogProvider?: FcrUIDialogProvider;
-    sharedMeetingTimeDataSource?: FcrUIMeetingTimeSharedDataSource;
-    messageProvider?: FcrUIMessageProvider;
-    sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
-    annotationProvider?: FcrUIAnnotationProvider;
-    sharingProvider?: FcrUISharingProvider;
-    sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
-    sharedConfirmDataSource?: FcrUISharedConfirmDataSource;
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _store;
+    private _deviceControlStore;
+    private _securityMenuStore;
+    private _leaveMeetingStore;
+    get store(): ControlBarStore;
+    get deviceControlStore(): DeviceControlStoreBase;
+    get securityMenuStore(): SecurityMenuStore;
+    get leaveMeetingStore(): LeaveMeetingStoreMain;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
-    getComponent(props: {
-        browserWindow: Electron.BrowserWindow;
-    }): import("react/jsx-runtime").JSX.Element;
+    /**
+     * 屏幕共享时，浮动控制栏
+     * @param props
+     * @returns
+     */
+    getComponent(): import("react/jsx-runtime").JSX.Element;
+    getLeaveMeetingComponent(): import("react/jsx-runtime").JSX.Element;
     onProcessEvent(event: RendererCustomEvent): void;
 }

package/lib/modules/control-bar/index.dev.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _root = require("react-hot-loader/root");
+var _react = require("react");
+var _view = require("./view");
+var _jsxRuntime = require("react/jsx-runtime");
+var App = (0, _root.hot)(function () {
+  return null;
+});
+_reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+var run = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var App;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          App = (0, _root.hot)(function () {
+            (0, _react.useEffect)(function () {
+              document.querySelector('#launch-loading').style.display = 'none';
+            }, []);
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+            });
+          });
+          _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function run() {
+    return _ref.apply(this, arguments);
+  };
+}();
+run();

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

@@ -16,75 +16,135 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ControlBarUIModule = void 0;
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.concat.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _base = require("../../base");
 var _store = _interopRequireWildcard(require("./store"));
 require("./index.css");
 var _view = require("./view");
-var _store2 = require("../components/device-control/store");
 var _constant = require("../../utilities/constant");
-var _store3 = require("../components/leave-meeting/store");
-var _fcrCore = require("fcr-core");
+var _logger = require("../../utilities/logger");
+var _env = require("agora-foundation/lib/utilities/env");
+var _store2 = require("../components/device-control/store.base");
+var _store3 = _interopRequireDefault(require("../components/device-control/main-scene/store"));
+var _store4 = _interopRequireWildcard(require("../components/security-menu/store"));
+var _store5 = require("../components/leave-meeting/store.base");
+var _store6 = _interopRequireDefault(require("../components/leave-meeting/main-scene/store"));
+var _leaveMeeting = require("../components/leave-meeting");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UIModule) {
   function ControlBarUIModule() {
+    var _this;
     (0, _classCallCheck2["default"])(this, ControlBarUIModule);
-    return _callSuper(this, ControlBarUIModule, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ControlBarUIModule, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "logger", (0, _logger.createLogger)({
+      prefix: 'ControlBarUIModule'
+    }));
+    (0, _defineProperty2["default"])(_this, "_store", null);
+    (0, _defineProperty2["default"])(_this, "_deviceControlStore", null);
+    (0, _defineProperty2["default"])(_this, "_securityMenuStore", null);
+    (0, _defineProperty2["default"])(_this, "_leaveMeetingStore", null);
+    return _this;
   }
   (0, _inherits2["default"])(ControlBarUIModule, _UIModule);
   return (0, _createClass2["default"])(ControlBarUIModule, [{
+    key: "store",
+    get: function get() {
+      if (!this._store) {
+        throw new Error('ControlBarStore is not initialized');
+      }
+      return this._store;
+    }
+  }, {
+    key: "deviceControlStore",
+    get: function get() {
+      if (!this._deviceControlStore) {
+        throw new Error('DeviceControlStore is not initialized');
+      }
+      return this._deviceControlStore;
+    }
+  }, {
+    key: "securityMenuStore",
+    get: function get() {
+      if (!this._securityMenuStore) {
+        throw new Error('SecurityMenuStore is not initialized');
+      }
+      return this._securityMenuStore;
+    }
+  }, {
+    key: "leaveMeetingStore",
+    get: function get() {
+      if (!this._leaveMeetingStore) {
+        throw new Error('LeaveMeetingStore is not initialized');
+      }
+      return this._leaveMeetingStore;
+    }
+  }, {
     key: "onNodeWillActive",
     value: function onNodeWillActive() {
-      var _this$mainRoomControl, _this$mainRoomControl2;
-      this._store = new _store["default"]({
-        uiEventStore: this.eventProvider,
-        securityStore: this.privilegeProvider,
-        roomControl: (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.mainRoomControl,
-        deviceProvider: this.deviceProvider,
-        sharedLayoutDataSource: this.sharedLayoutDataSource,
-        roomProvider: this.roomProvider,
-        sharedChatDataSource: this.sharedChatDataSource,
-        sharedMemberDataSource: this.sharedMemberDataSource,
-        localStorageProvider: this.localStorageProvider,
-        abilityProvider: this.abilityProvider,
-        sharedMeetingTimeDataSource: this.sharedMeetingTimeDataSource,
-        messageProvider: this.messageProvider,
-        sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource,
-        annotationProvider: this.annotationProvider,
-        sharingProvider: this.sharingProvider,
-        screenShareProvider: this.screenShareProvider,
-        sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
-        dialogProvider: this.dialogProvider,
-        sharedConfirmDataSource: this.sharedConfirmDataSource
-      });
-      this.privilegeProvider = this.privilegeProvider;
-      this.screenShareProvider = this.screenShareProvider;
-      this._deviceControlStore = new _store2.DeviceControlStore((_this$mainRoomControl2 = this.mainRoomControlProvider) === null || _this$mainRoomControl2 === void 0 ? void 0 : _this$mainRoomControl2.mainRoomControl, this.deviceProvider, this.dialogProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
-      this._leaveMeetingStore = new _store3.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, this.mainRoomControlProvider.mainRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
+      if (!(0, _env.isElectron)()) return;
+      var args = {
+        objectManager: this.objectManager
+      };
+      this._store = new _store["default"](args);
+      this._deviceControlStore = new _store3["default"](args);
+      this._securityMenuStore = new _store4["default"](args);
+      this._leaveMeetingStore = new _store6["default"](args);
     }
   }, {
     key: "onNodeWillInactive",
     value: function onNodeWillInactive() {
-      var _this$_store, _this$_leaveMeetingSt, _this$_deviceControlS;
-      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
-      (_this$_leaveMeetingSt = this._leaveMeetingStore) === null || _this$_leaveMeetingSt === void 0 || _this$_leaveMeetingSt.release();
-      (_this$_deviceControlS = this._deviceControlStore) === null || _this$_deviceControlS === void 0 || _this$_deviceControlS.release();
+      if (!(0, _env.isElectron)()) return;
+      this.store.release();
+      this.deviceControlStore.release();
+      this.securityMenuStore.release();
+      this.leaveMeetingStore.release();
     }
+
+    /**
+     * 屏幕共享时，浮动控制栏
+     * @param props
+     * @returns
+     */
   }, {
     key: "getComponent",
-    value: function getComponent(props) {
+    value: function getComponent() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
-        value: this._store,
+        value: this.store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.DeviceControlStoreContext.Provider, {
-          value: this._deviceControlStore,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.ControlBarView, {})
+          value: this.deviceControlStore,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store4.SecurityMenuContext.Provider, {
+            value: this.securityMenuStore,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+          })
+        })
+      });
+    }
+  }, {
+    key: "getLeaveMeetingComponent",
+    value: function getLeaveMeetingComponent() {
+      var _this2 = this;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store5.LeaveMeetingStoreContext.Provider, {
+        value: this.leaveMeetingStore,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leaveMeeting.LeaveMeeting, {
+          setPopoverOpened: function setPopoverOpened(value) {
+            if (!value) {
+              _this2.store.closeLeaveMeetingDialog();
+            }
+          }
         })
       });
     }
@@ -93,14 +153,8 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
     value: function onProcessEvent(event) {
       switch (event.action) {
         case _constant.FcrUIRendererEventAction.POWER_MONITOR_LOCK_SCREEN:
-          this._store.handlerStopShare();
-          break;
         case _constant.FcrUIRendererEventAction.POWER_MONITOR_RESUME:
-          this._store.handlerStopShare();
-          break;
-        case _constant.FcrUIRendererEventAction.FRAGMENT_ANNOTATION_ENGINE_STATE:
-          this.logger.info("[control-bar] fragment-annotation-engine-state, ".concat(_fcrCore.FcrConnectionState[event.payload]));
-          this._store.setFragmentEngineState(event.payload);
+          this.store.handlerStopShare();
           break;
       }
     }

package/lib/modules/control-bar/reactor.d.ts

@@ -0,0 +1,2 @@
+declare class FcrUIMouseEventReactor {
+}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var FcrUIMouseEventReactor = /*#__PURE__*/(0, _createClass2["default"])(function FcrUIMouseEventReactor() {
+  (0, _classCallCheck2["default"])(this, FcrUIMouseEventReactor);
+});

package/lib/modules/control-bar/store.d.ts

@@ -1,166 +1,106 @@
-import { FcrWindowInfo } from 'fcr-core/lib/type';
-import { AudioProcessingChannel } from 'agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio';
-import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
-import { FcrConnectionState, FcrLiveStreamingState, FcrRecordingState, FcrRoomInfo } from 'fcr-core/lib/type';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUIRoomProvider } from '../../providers/room-provider';
+import { FcrRoomSchedule, FcrWindowInfo } from 'fcr-core/lib/type';
+import { FcrLiveStreamingState, FcrRecordingState, FcrRoomInfo } from 'fcr-core/lib/type';
+import { ControlBarStoreArgs } from './type';
+import { FcrUIManagedObject } from '../../object-manager';
+import { FcrSecurityCheckedStateType } from '../../shared-data/security-data';
+import { AudioProcessingChannel } from './components/share-audio';
 import { MoreAction } from './enums';
-import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
-import { CurrentShareBounds } from './types';
-import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
-import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
-import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
-import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
-import { FcrUIMessageProvider } from '../../providers/message-provider';
-import { FcrSecurityCheckedStateType, FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
-import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
-import { FcrUISharingProvider } from '../../providers/sharing-provider';
-import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
-import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
-import { FcrUIDialogProvider } from '../../providers/dialog-provider';
-import { CurrentShareScreenWorkArea } from '../../utilities/dialog-utils';
-import { FcrUISharedConfirmDataSource } from '../../shared-data-source/confirm-data';
-export default class ControlBarStore {
+export default class ControlBarStore implements FcrUIManagedObject {
     protected logger: import("agora-foundation/lib/logger").Logger;
-    private _screenBounds;
-    private _uiEventStore;
     private _disposers;
-    private _roomControl;
-    private _securityStore;
+    private _mainRoomControl;
+    private _privilegeProvider;
     private _roomObserver;
     private _boardObserver;
-    private _roomProvider;
-    private _sharedChatDataSource;
-    private _liveStreamingDialogKey;
-    private _sharedLayoutDataSource;
-    private _sharedMemberDataSource;
-    private _sharedConfirmDataSource;
+    private _screenShareProvider;
+    private _renderer;
+    private _mouseDetectProvider;
     private _deviceProvider;
     private _localStorageProvider;
     private _abilityProvider;
-    private _sharedMeetingTimeDataSource;
-    private _sharedSecuritySharedDataSource;
-    private _sharedScreenShareSharedDataSource;
+    private _sharedSecurityDataSource;
     private _messageProvider;
-    private _annotationProvider;
-    private _sharingProvider;
-    private _screenShareProvider;
     private _dialogProvider;
-    private _handleMousePositionObserver;
-    private _dialogObsever;
-    private _participantDialogId;
-    accessor leaveConfirmRef: React.ReactNode;
-    accessor recordShareBounds: Map<CurrentShareBounds, CurrentShareScreenWorkArea>;
-    accessor cloudRecordingState: FcrRecordingState;
-    accessor isHost: boolean;
+    private _facilityProvider;
+    private _sharedMeetingTimeDataSource;
+    private _sharedChatDataSource;
+    private _sharedLayoutDataSource;
+    private _controlBarWindow;
+    private _screenShareObserver;
+    private _mouseDetectObserver;
+    private _stateNavArea;
+    private _contentArea;
+    private _popoverArea;
     accessor roomDuration: number;
     accessor startTime: number;
+    accessor cloudRecordingState: FcrRecordingState;
     accessor playUrl: string;
     accessor liveStreamingState: FcrLiveStreamingState;
     accessor allApplicationWindows: FcrWindowInfo[];
-    accessor roomInfo: FcrRoomInfo;
-    accessor isShowMeetingDetailPortal: boolean;
-    accessor hiddenShareActionNav: boolean;
     accessor boardOwnerUser: string;
-    accessor fragmentEngineState: FcrConnectionState;
-    accessor controlBarMouseOver: boolean;
-    get currentShareDisplayId(): number;
-    get shareWithAudio(): boolean;
-    get currentShareId(): string;
-    get currentShareType(): import("fcr-core/lib/type").FcrScreenCaptureType;
-    get currentShareBounds(): CurrentShareBounds;
-    get privilegeProvider(): FcrUIPrivilegeProvider;
-    get localUser(): import("fcr-core/lib/type").FcrUserInfo;
-    get remoteUsers(): import("fcr-core/lib/type").FcrUserInfo[];
-    get screenBounds(): {
-        width: number;
-        height: number;
-        availTop: number;
+    accessor currentShareDisplayId: number;
+    accessor position: {
         x: number;
         y: number;
     };
+    accessor roomInfo: FcrRoomInfo;
+    accessor roomSchedule: FcrRoomSchedule;
+    accessor meetingId: string;
+    accessor localUserName: string;
+    accessor titleHeight: number;
+    get isSharingWithAudio(): boolean;
+    get isInSmoothMode(): boolean;
     get hasSecurityPermission(): boolean;
+    get hasEndRoomPermission(): boolean;
     get hasGetLiveStreamingUrlPermission(): boolean;
     get hasStartCloudRecordingPermission(): boolean;
     get hasStartLiveStreamingPermission(): boolean;
-    get hasAssignHostBeforeLeavingPermission(): boolean;
-    get isEngineConnected(): boolean;
-    get hasEndRoomPermission(): boolean;
-    get hasAnnotationAllowWritePermission(): boolean;
-    get allowAnnotationWriteState(): boolean;
+    get hasChatPermission(): boolean;
     get totalHourText(): string;
     get totalMinuteText(): string;
-    get meetingTimeStatus(): import("../../shared-data-source/meeting-time").MeetingStatus;
+    get meetingTimeStatus(): import("../../shared-data/meeting-time").MeetingStatus;
     get meetingTime(): string;
     get isMuteAudio(): boolean;
-    get newMessageCount(): import("../action-bar/types").ChatRoomStoreMap;
-    set newMessageCount(value: import("../action-bar/types").ChatRoomStoreMap);
     get isRoomDetailSupported(): boolean;
     get meetingTimeKey(): string;
     get roomId(): string;
-    get meetingId(): string;
-    get isCurrentScreenShareInSmoothType(): boolean;
-    get scheduleInfo(): import("fcr-core/lib/type").FcrRoomSchedule | undefined;
-    get isPstnUser(): boolean;
-    get localUserRole(): import("fcr-core").FcrUserRole;
-    get users(): import("fcr-core/lib/type").FcrUserInfo[];
-    get shareAudioProcessingChannel(): AudioProcessingChannel;
     get checkedStateMap(): FcrSecurityCheckedStateType;
-    get isSharingScreen(): boolean;
     get annotationButtonVisible(): boolean;
     get liveStreamingButtonVisible(): boolean;
     get recordingButtonVisible(): boolean;
-    constructor({ uiEventStore, securityStore, roomControl, deviceProvider, sharedLayoutDataSource, roomProvider, sharedChatDataSource, sharedMemberDataSource, localStorageProvider, abilityProvider, sharedMeetingTimeDataSource, messageProvider, sharedSecuritySharedDataSource, annotationProvider, sharingProvider, screenShareProvider, sharedScreenShareSharedDataSource, dialogProvider, sharedConfirmDataSource, }: {
-        uiEventStore: FcrUIEventProvider;
-        securityStore: FcrUIPrivilegeProvider;
-        roomControl: FcrMainRoomControl;
-        deviceProvider: FcrUIDeviceProvider;
-        sharedLayoutDataSource: FcrUISharedLayoutDataSource;
-        roomProvider: FcrUIRoomProvider;
-        sharedChatDataSource: FcrUISharedChatDataSource;
-        sharedMemberDataSource: FcrUIMemberSharedDataSource;
-        localStorageProvider: FcrUILocalStorageProvider;
-        abilityProvider: FcrUIAbilityProviderImpl;
-        sharedMeetingTimeDataSource: FcrUIMeetingTimeSharedDataSource;
-        messageProvider: FcrUIMessageProvider;
-        sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
-        annotationProvider: FcrUIAnnotationProvider;
-        sharingProvider: FcrUISharingProvider;
-        screenShareProvider: FcrUIScreenShareProvider;
-        sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
-        dialogProvider: FcrUIDialogProvider;
-        sharedConfirmDataSource: FcrUISharedConfirmDataSource;
-    });
+    get draggableArea(): FcrUI.FcrUIRectangle;
+    get isConnecting(): boolean;
+    get roomDetailCopyText(): string;
+    get audioShareMode(): AudioProcessingChannel;
+    get newMessageCount(): number;
+    constructor({ objectManager }: ControlBarStoreArgs);
     setCheckedStateMap(val: FcrSecurityCheckedStateType): void;
     setShareWithAudioState(withAudio: boolean): void;
+    setShareInSmoothMode(enable: boolean): void;
     showLockedRoomToast(enable: boolean): void;
-    createNewShare(): void;
+    handleNewShare(): void;
     handlerStopShare(): void;
-    setShareAudioProcessingChannel(target: AudioProcessingChannel): void;
-    setFragmentEngineState(state: FcrConnectionState): void;
-    handleMoreClick(actionKey: MoreAction): void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
     openLiveStreamingDialog(): void;
+    setShareAudioMode(mode: AudioProcessingChannel): void;
     pauseCloudRecording(): void;
     resumeCloudRecording(): void;
     stopCloudRecording(): void;
     startCloudRecording(): void;
+    startLiveStreaming(url: string): void;
+    stopLiveStreaming(): void;
     showToast(params: any): void;
-    get roomDetailCopyText(): string;
-    setShowMeetingDetailPortal(show: boolean): void;
+    handleOpenParticipant(): void;
+    handleOpenLiveStreaming(): void;
     setEnableWaitingRoom(enable: boolean): void;
-    handleLeaveRoom(): void;
     getLocalMeetingTime(): string | null;
-    toggleAnnotation(): void;
-    setAllAnnotationWrite(allow: boolean): void;
     release(): void;
-    log(info: string): void;
-    removeObserverWindowBounds(): void;
-    setObserverWindowBounds(window: CurrentShareBounds): void;
-    private _resetMessageCount;
-    private _handleMousePositionObserverMouseOver;
-    private _handleMousePositionObserverMouseOut;
+    setStateNavArea(area: FcrUI.FcrUIRectangle): void;
+    setControlBarContentArea(area: FcrUI.FcrUIRectangle): void;
+    setPopoverArea(area: FcrUI.FcrUIRectangle): void;
+    handleLeaveRoom(): void;
+    closeLeaveMeetingDialog(): void;
+    handleMoreClick(actionKey: MoreAction): void;
 }
 export declare const StoreContext: import("react").Context<ControlBarStore>;