fcr-ui-scene 3.4.1 → 3.4.3

package/lib/modules/control-bar/components/more-actions/index.js

@@ -9,8 +9,6 @@ exports.MorePopoverContent = void 0;
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.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.map.js");
@@ -24,7 +22,10 @@ var _type2 = require("fcr-core/lib/type");
 var _copyText = require("../../../../utilities/copyText");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _type3 = require("../../type");
+var _enums = require("../../enums");
+var _type3 = require("fcr-core/lib/room-control/type");
+var _tools = require("../../../../utilities/tools");
+var _meetingDetail = require("../../../../utilities/meeting-detail");
 var _jsxRuntime = require("react/jsx-runtime");
 var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(function (props) {
   var ref = (0, _react.useRef)(null);
@@ -40,9 +41,18 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     hasStartCloudRecordingPermission = _useContext.hasStartCloudRecordingPermission,
     hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
     hasGetLiveStreamingUrlPermission = _useContext.hasGetLiveStreamingUrlPermission,
-    setShowMeetingDetailPortal = _useContext.setShowMeetingDetailPortal,
     handleLeaveRoom = _useContext.handleLeaveRoom,
-    showToast = _useContext.showToast;
+    showToast = _useContext.showToast,
+    newMessageCount = _useContext.newMessageCount,
+    _useContext$roomInfo = _useContext.roomInfo,
+    inviteLink = _useContext$roomInfo.inviteLink,
+    password = _useContext$roomInfo.password,
+    roomId = _useContext$roomInfo.roomId,
+    roomName = _useContext$roomInfo.roomName,
+    userName = _useContext.localUser.userName,
+    meetingId = _useContext.meetingId,
+    startTime = _useContext.startTime,
+    roomDuration = _useContext.roomDuration;
   var transI18n = (0, _i18n.useI18n)();
   var onItemClick = function onItemClick(item) {
     if (item.onClick) {
@@ -52,13 +62,35 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     closePopover();
     handleMoreClick(item.key);
   };
+  var getShareLink = function getShareLink() {
+    var info = {
+      roomId: roomId,
+      roomName: roomName,
+      userName: userName
+    };
+    var baseLink = "".concat(inviteLink);
+    return baseLink;
+  };
+  var shareLink = (0, _react.useMemo)(function () {
+    return getShareLink();
+  }, []);
+  var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomId);
+  var detailText = (0, _meetingDetail.generateMeetingDetail)(userName, roomName, (0, _meetingDetail.generateMeetingDuration)(startTime, roomDuration), shareLink, displayMeetingId, password || '');
+  var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
+    (0, _copyText.copyText)(detailText).then(function () {
+      showToast({
+        type: 'info',
+        content: transI18n('fmt_statusbar_status_coppied')
+      });
+    });
+  }, []);
 
   // 分割线
   var moreOptions = [{
     icon: _type.FcrIconType.FCR_WEB_CHAT,
     text: transI18n('fmt_chat_label_chat'),
     displayWhenNoPermission: 'hidden',
-    key: _type3.MoreAction.OPEN_CHAT,
+    key: _enums.MoreAction.OPEN_CHAT,
     hasPermission: hasChatPermission,
     classNames: 'share-action-nav__media-list-item-with-divider'
   }, {
@@ -72,7 +104,7 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     classNames: 'share-action-nav__media-list-item-with-divider',
     text: transI18n('fmt_screenshare_controlbar_button_more_cloudRecord'),
     displayWhenNoPermission: 'hidden',
-    key: cloudRecordingState === _type2.FcrRecordingState.Stopped ? _type3.MoreAction.CLOUD_RECORDING_START : _type3.MoreAction.CLOUD_RECORDING_STOP,
+    key: cloudRecordingState === _type2.FcrRecordingState.Stopped ? _enums.MoreAction.CLOUD_RECORDING_START : _enums.MoreAction.CLOUD_RECORDING_STOP,
     hasPermission: hasStartCloudRecordingPermission && cloudRecordingState === _type2.FcrRecordingState.Stopped
   },
   // {
@@ -91,7 +123,7 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     key: 'liveStreaming',
     hasPermission: hasStartLiveStreamingPermission && liveStreamingState === _type2.FcrLiveStreamingState.STOPPED,
     onClick: function onClick() {
-      handleMoreClick(_type3.MoreAction.OPEN_LIVE_STEAMING_DIALOG);
+      handleMoreClick(_enums.MoreAction.OPEN_LIVE_STEAMING_DIALOG);
     }
   }, {
     icon: _type.FcrIconType.FCR_EXCLAMATIONMASK,
@@ -101,14 +133,14 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     key: 'copyMeetingInfo',
     hasPermission: true,
     onClick: function onClick() {
-      setShowMeetingDetailPortal(true);
+      handleCopyMeetingDetail();
     }
   }, {
     icon: _type.FcrIconType.FCR_SETTING,
     classNames: 'share-action-nav__media-list-item-with-divider',
     text: transI18n('fmt_screenshare_controlbar_button_more_setting'),
     displayWhenNoPermission: 'hidden',
-    key: _type3.MoreAction.OPEN_SETTING,
+    key: _enums.MoreAction.OPEN_SETTING,
     hasPermission: true
   }, {
     icon: _type.FcrIconType.FCR_ATTACH,
@@ -128,7 +160,7 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     }
   }, {
     icon: _type.FcrIconType.FCR_ENDMEETING,
-    key: _type3.MoreAction.LEAVE_ROOM,
+    key: _enums.MoreAction.LEAVE_ROOM,
     classNames: 'share-action-nav__popover-inner-content-leave-option',
     text: isHost ? transI18n('fmt_popup_button_endmeeting') : transI18n('fmt_popup_button_leavemeeting'),
     hasPermission: true,
@@ -152,6 +184,7 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
   var moreOptionsFilter = moreOptions.filter(function (item) {
     return item.hasPermission;
   });
+  var count = newMessageCount[_type3.FcrRoomType.Mainroom] || 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     className: "share-action-nav__popover-inner-content share-action-nav__not-draggable",
@@ -173,7 +206,11 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
           }, item.key) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "icon-placeholder-symbol"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "share-action-nav__popover-inner-content-text",
             children: item.text
+          }), item.key === _enums.MoreAction.OPEN_CHAT && count > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "share-action-nav__popover-inner-content-chat-count",
+            children: count > 0 ? count : count > 99 ? '99+' : count
           })]
         })
       }, item.key);

package/lib/modules/control-bar/components/share-state-nav/index.d.ts

@@ -1,10 +1,4 @@
-import { TransferPosition } from '../transfer-position-icon';
 import './index.css';
-interface IShareStateNav {
-    onShareStateNavTransferPosition: (targetPosition: TransferPosition) => void;
-    onStopShare: () => void;
-    currentPosition: TransferPosition;
-}
+import { IShareStateNav } from '../../types';
 export declare const DragIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const ShareStateNav: (props: IShareStateNav) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/modules/control-bar/components/share-state-nav/index.js

@@ -17,6 +17,7 @@ var _react = require("react");
 var _type2 = require("fcr-core/lib/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _meetingTime = require("../../../../hooks/meeting-time");
+var _enums = require("../../enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var DragIcon = exports.DragIcon = function DragIcon() {
   var transI18n = (0, _i18n.useI18n)();
@@ -57,7 +58,7 @@ var ShareStateNav = exports.ShareStateNav = (0, _mobxReact.observer)(function (p
   }, [roomDuration]);
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "share-state-nav fcr-flex fcr-items-center \n                 fcr-justify-center share-action-nav__can-draggable \n                ".concat(currentPosition === _transferPositionIcon.TransferPosition.TOP ? 'share-state-nav-top' : 'share-state-nav-bottom'),
+    className: "share-state-nav fcr-flex fcr-items-center \n                 fcr-justify-center share-action-nav__can-draggable \n                ".concat(currentPosition === _enums.TransferPosition.TOP ? 'share-state-nav-top' : 'share-state-nav-bottom'),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DragIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferPositionIcon.TransferPositionIcon, {
       onTransferPositionButtonClick: onShareStateNavTransferPosition,
       currentPosition: currentPosition

package/lib/modules/control-bar/components/stop-live-streaming/stop-button.d.ts

@@ -1,4 +1,4 @@
-import { MoreAction } from '../../type';
+import { MoreAction } from '../../enums';
 declare const StopLiveContent: (props: {
     handleMoreClick: (type: MoreAction) => void;
     onCancel: () => void;

package/lib/modules/control-bar/components/stop-live-streaming/stop-button.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _button = require("agora-ui-foundation/lib/components/button");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type = require("../../type");
+var _enums = require("../../enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var StopLiveContent = function StopLiveContent(props) {
   var handleMoreClick = props.handleMoreClick,
@@ -21,7 +21,7 @@ var StopLiveContent = function StopLiveContent(props) {
       styleType: "danger",
       size: "S",
       onClick: function onClick() {
-        handleMoreClick(_type.MoreAction.STOP_LIVE_STREAMING);
+        handleMoreClick(_enums.MoreAction.STOP_LIVE_STREAMING);
       },
       children: (0, _i18n.transI18n)('fmt_popup_options_confirmstop')
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {

package/lib/modules/control-bar/components/transfer-position-icon/index.d.ts

@@ -1,11 +1,2 @@
-export declare enum TransferPosition {
-    TOP = 0,
-    BOTTOM = 1,
-    CENTER = 2
-}
-interface ITransferPositionIconProps {
-    currentPosition: TransferPosition;
-    onTransferPositionButtonClick: (targetPosition: TransferPosition) => void;
-}
+import { ITransferPositionIconProps } from '../../types';
 export declare const TransferPositionIcon: (props: ITransferPositionIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/modules/control-bar/components/transfer-position-icon/index.js

@@ -4,37 +4,32 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TransferPositionIcon = exports.TransferPosition = void 0;
+exports.TransferPositionIcon = void 0;
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _enums = require("../../enums");
 var _jsxRuntime = require("react/jsx-runtime");
-var TransferPosition = exports.TransferPosition = /*#__PURE__*/function (TransferPosition) {
-  TransferPosition[TransferPosition["TOP"] = 0] = "TOP";
-  TransferPosition[TransferPosition["BOTTOM"] = 1] = "BOTTOM";
-  TransferPosition[TransferPosition["CENTER"] = 2] = "CENTER";
-  return TransferPosition;
-}({});
 var TransferPositionIcon = exports.TransferPositionIcon = function TransferPositionIcon(props) {
   var currentPosition = props.currentPosition,
     onTransferPositionButtonClick = props.onTransferPositionButtonClick;
   var handlerTransferPositionClick = function handlerTransferPositionClick() {
-    if (currentPosition === TransferPosition.BOTTOM) {
-      onTransferPositionButtonClick(TransferPosition.TOP);
+    if (currentPosition === _enums.TransferPosition.BOTTOM) {
+      onTransferPositionButtonClick(_enums.TransferPosition.TOP);
       return;
     }
-    onTransferPositionButtonClick(TransferPosition.BOTTOM);
+    onTransferPositionButtonClick(_enums.TransferPosition.BOTTOM);
   };
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: currentPosition === TransferPosition.TOP ? transI18n('fmt_popup_options_placedbottom') : transI18n('fmt_popup_options_placedtop'),
+    content: currentPosition === _enums.TransferPosition.TOP ? transI18n('fmt_popup_options_placedbottom') : transI18n('fmt_popup_options_placedtop'),
     mouseEnterDelay: 0,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "share-action-nav__not-draggable  share-state-nav__transfer-position",
       onClick: handlerTransferPositionClick,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: currentPosition === TransferPosition.TOP ? _type.FcrIconType.FCR_SHARINGBAR_DOWN : _type.FcrIconType.FCR_SHARINGBAR_UP,
+        type: currentPosition === _enums.TransferPosition.TOP ? _type.FcrIconType.FCR_SHARINGBAR_DOWN : _type.FcrIconType.FCR_SHARINGBAR_UP,
         className: "share-state-nav__transfer-position-button ",
         colors: {
           iconPrimary: 'var(--fcr_ui_scene_black8)'

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

@@ -0,0 +1,21 @@
+export declare enum CopyState {
+    COPYINIT = 1,
+    COPYING = 2,
+    COPIED = 3,
+    FAILED = 4
+}
+export declare enum TransferPosition {
+    TOP = 0,
+    BOTTOM = 1,
+    CENTER = 2
+}
+export declare enum MoreAction {
+    OPEN_PARTICIPANTS = 1,
+    OPEN_CHAT = 2,
+    OPEN_LIVE_STEAMING_DIALOG = 3,
+    STOP_LIVE_STREAMING = 4,
+    OPEN_SETTING = 5,
+    CLOUD_RECORDING_START = 6,
+    CLOUD_RECORDING_STOP = 7,
+    LEAVE_ROOM = 8
+}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransferPosition = exports.MoreAction = exports.CopyState = void 0;
+var CopyState = exports.CopyState = /*#__PURE__*/function (CopyState) {
+  CopyState[CopyState["COPYINIT"] = 1] = "COPYINIT";
+  CopyState[CopyState["COPYING"] = 2] = "COPYING";
+  CopyState[CopyState["COPIED"] = 3] = "COPIED";
+  CopyState[CopyState["FAILED"] = 4] = "FAILED";
+  return CopyState;
+}({});
+var TransferPosition = exports.TransferPosition = /*#__PURE__*/function (TransferPosition) {
+  TransferPosition[TransferPosition["TOP"] = 0] = "TOP";
+  TransferPosition[TransferPosition["BOTTOM"] = 1] = "BOTTOM";
+  TransferPosition[TransferPosition["CENTER"] = 2] = "CENTER";
+  return TransferPosition;
+}({});
+var MoreAction = exports.MoreAction = /*#__PURE__*/function (MoreAction) {
+  MoreAction[MoreAction["OPEN_PARTICIPANTS"] = 1] = "OPEN_PARTICIPANTS";
+  MoreAction[MoreAction["OPEN_CHAT"] = 2] = "OPEN_CHAT";
+  MoreAction[MoreAction["OPEN_LIVE_STEAMING_DIALOG"] = 3] = "OPEN_LIVE_STEAMING_DIALOG";
+  MoreAction[MoreAction["STOP_LIVE_STREAMING"] = 4] = "STOP_LIVE_STREAMING";
+  MoreAction[MoreAction["OPEN_SETTING"] = 5] = "OPEN_SETTING";
+  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";
+  return MoreAction;
+}({});

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

@@ -1,15 +1,38 @@
-import { UIAction } from '../../utilities/constant';
 import { UIModule } from '../../base';
 import './index.css';
-import { StoreConfig } from '../../type';
+import { FcrUIAction } from '../../utilities/constant';
+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 { CurrentShareScreenTypes } from '../share-screen/types';
 export declare class ControlBarUIModule extends UIModule {
-    private _store;
-    private _securityStore;
-    private _deviceControlStore;
-    constructor(args: StoreConfig);
+    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;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
     getComponent(props: {
         params: any;
         browserWindow: Electron.BrowserWindow;
     }): import("react/jsx-runtime").JSX.Element;
-    onUiEvent(event: UIAction, payload: any): void;
+    onUiEvent(event: FcrUIAction, payload: CurrentShareScreenTypes): void;
+    onProcessEvent(event: RendererCustomEvent): void;
 }

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

@@ -14,8 +14,6 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.reflect.construct.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.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -36,13 +34,13 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 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 _constant = require("../../utilities/constant");
 var _base = require("../../base");
 var _store = _interopRequireWildcard(require("./store"));
 require("./index.css");
 var _view = require("./view");
-var _securityStore = require("../../common/security-store");
 var _store2 = require("../components/device-control/store");
+var _constant = require("../../utilities/constant");
+var _store3 = require("../components/leave-meeting/store");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -51,28 +49,41 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var 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(args) {
-    var _this;
+  function ControlBarUIModule() {
     (0, _classCallCheck2["default"])(this, ControlBarUIModule);
-    _this = _callSuper(this, ControlBarUIModule);
-    var uiEventStore = args.uiEventStore,
-      deviceStore = args.deviceStore,
-      securityStore = args.securityStore,
-      roomControl = args.roomControl,
-      mediaControl = args.mediaControl,
-      streamControl = args.streamControl,
-      deviceStreamStore = args.deviceStreamStore,
-      userControl = args.userControl;
-    _this._store = new _store["default"](args);
-    _this._securityStore = securityStore;
-    _this._deviceControlStore = new _store2.DeviceControlStore(mediaControl, roomControl, userControl, streamControl, deviceStreamStore, uiEventStore, deviceStore);
-    uiEventStore.addObserver({
-      onEvent: _this.onUiEvent.bind(_this)
-    });
-    return _this;
+    return _callSuper(this, ControlBarUIModule, arguments);
   }
   (0, _inherits2["default"])(ControlBarUIModule, _UIModule);
   return (0, _createClass2["default"])(ControlBarUIModule, [{
+    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,
+        screenShareProvider: this.screenShareProvider,
+        sharedChatDataSource: this.sharedChatDataSource
+      });
+      this.privilegeProvider = this.privilegeProvider;
+      this._deviceControlStore = new _store2.DeviceControlStore((_this$mainRoomControl2 = this.mainRoomControlProvider) === null || _this$mainRoomControl2 === void 0 ? void 0 : _this$mainRoomControl2.mainRoomControl, this.deviceProvider, this.eventProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
+      this._leaveMeetingStore = new _store3.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, this.mainRoomControlProvider.mainRoomControl);
+      this.eventProvider.addObserver({
+        onEvent: this.onUiEvent.bind(this)
+      });
+    }
+  }, {
+    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();
+    }
+  }, {
     key: "getComponent",
     value: function getComponent(props) {
       var params = props.params,
@@ -80,12 +91,9 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
       this._store.initControlBar(params, browserWindow);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityStore.SecurityStoreContext.Provider, {
-          value: this._securityStore,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.DeviceControlStoreContext.Provider, {
-            value: this._deviceControlStore,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.ControlBarView, {})
-          })
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.DeviceControlStoreContext.Provider, {
+          value: this._deviceControlStore,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.ControlBarView, {})
         })
       });
     }
@@ -93,10 +101,19 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
     key: "onUiEvent",
     value: function onUiEvent(event, payload) {
       switch (event) {
-        case _constant.UIAction.SET_CURRENT_SHARE_SCREEN:
+        case _constant.FcrUIAction.SET_CURRENT_SHARE_SCREEN:
           this._store.updateCurrentShareContent(_objectSpread({}, payload));
           break;
       }
     }
+  }, {
+    key: "onProcessEvent",
+    value: function onProcessEvent(event) {
+      switch (event.action) {
+        case _constant.FcrUIRendererEventAction.POWER_MONITOR_LOCK_SCREEN:
+          this._store.handlerStopShare();
+          break;
+      }
+    }
   }]);
 }(_base.UIModule);

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

@@ -1,8 +1,17 @@
 import { AgoraRtcScreenCaptureType, AgoraRtcWindowInfo } from 'agora-rte-sdk/lib/core/rtc/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 { FcrLiveStreamingState, FcrRecordingState, FcrRoomInfo, FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
-import { StoreConfig } from '../../type';
-import { MoreAction } from './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 { MoreAction } from './enums';
+import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
+import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
+import { CurrentShareBounds } from './types';
+import { CurrentShareScreenTypes } from '../share-screen/types';
 export default class ControlBarStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _screenBounds;
@@ -12,12 +21,22 @@ export default class ControlBarStore {
     private _securityStore;
     private _userControl;
     private _streamControl;
+    private _streamObserver;
+    private _userObserver;
+    private _roomObserver;
+    private _boardObserver;
+    private _roomProvider;
+    private _screenShareProvider;
+    private _sharedChatDataSource;
     private _liveStreamingDialogKey;
+    private _sharedLayoutDataSource;
+    private _deviceProvider;
     accessor leaveConfirmRef: React.ReactNode;
     accessor shareWithAudio: boolean;
     accessor shareAudioProcessingChannel: AudioProcessingChannel;
     accessor currentShareId: string;
     accessor currentShareType: AgoraRtcScreenCaptureType;
+    accessor currentShareBounds: CurrentShareBounds;
     accessor cloudRecordingState: FcrRecordingState;
     accessor localUserRole: FcrUserRole;
     accessor isHost: boolean;
@@ -30,11 +49,11 @@ export default class ControlBarStore {
     accessor isShowMeetingDetailPortal: boolean;
     accessor users: FcrUserInfo[];
     accessor isPstnUser: boolean;
-    accessor isMuteAudio: boolean;
     accessor hiddenShareActionNav: boolean;
     accessor boardOwnerUser: string;
     accessor meetingId: string | undefined;
     accessor currentShareDisplayId: number;
+    get privilegeProvider(): FcrUIPrivilegeProvider;
     get localUser(): FcrUserInfo;
     get remoteUsers(): FcrUserInfo[];
     get screenBounds(): {
@@ -51,14 +70,21 @@ export default class ControlBarStore {
     get hasStartLiveStreamingPermission(): boolean;
     get hasAssignHostBeforeLeavingPermission(): boolean;
     get hasEndRoomPermission(): boolean;
-    constructor({ uiEventStore, securityStore, roomControl, mediaControl, userControl, streamControl, deviceStore, }: StoreConfig);
+    get isMuteAudio(): boolean;
+    get newMessageCount(): import("../action-bar/types").ChatRoomStoreMap;
+    set newMessageCount(value: import("../action-bar/types").ChatRoomStoreMap);
+    constructor({ uiEventStore, securityStore, roomControl, deviceProvider, sharedLayoutDataSource, roomProvider, screenShareProvider, sharedChatDataSource, }: {
+        uiEventStore: FcrUIEventProvider;
+        securityStore: FcrUIPrivilegeProvider;
+        roomControl: FcrMainRoomControl;
+        deviceProvider: FcrUIDeviceProvider;
+        sharedLayoutDataSource: FcrUISharedLayoutDataSource;
+        roomProvider: FcrUIRoomProvider;
+        screenShareProvider: FcrUIScreenShareProvider;
+        sharedChatDataSource: FcrUISharedChatDataSource;
+    });
     initControlBar(payload: any, browserWindow: Electron.BrowserWindow): void;
-    setControlBarWindowBounds(window?: Electron.BrowserWindow): void;
-    updateCurrentShareContent(payload: {
-        id: string;
-        type: AgoraRtcScreenCaptureType;
-        withAudio: boolean;
-    }): void;
+    updateCurrentShareContent(payload: CurrentShareScreenTypes): void;
     setLocalUserRole(role: FcrUserRole): void;
     setShareWithAudioState(withAudio: boolean): void;
     createNewShare(): void;
@@ -70,26 +96,12 @@ export default class ControlBarStore {
     resumeCloudRecording(): void;
     stopCloudRecording(): void;
     startCloudRecording(): void;
-    getCoordinate(offsetWidth: number, offsetHeight: number): {
-        x: number;
-        y: number;
-    };
     showToast(params: any): void;
     setShowMeetingDetailPortal(show: boolean): void;
     setEnableWaitingRoom(enable: boolean): void;
-    sendLeave(): void;
-    sendEnd(): void;
-    keepPhoneAudioConnection(): void;
-    sendAssign(user: FcrUserInfo): void;
     handleLeaveRoom(): void;
-    getCurrentSharingWorkArea(): {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        displayId: number;
-        availTop: number;
-    };
+    release(): void;
+    private _resetMessageCount;
     private _handleStreamUpdate;
     private _handleRemoteUsersJoined;
     private _handleRemoteUsersLeft;