fcr-ui-scene 3.7.4 → 3.7.5

package/lib/modules/action-bar/components/screen-share/submenu.js

@@ -27,7 +27,7 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
 var _env = require("agora-foundation/lib/utilities/env");
-var _store = require("../../store");
+var _store = require("../../main-scene/store.base");
 var _fcrCore = require("fcr-core");
 var _button = require("agora-ui-foundation/lib/components/button");
 var _i18n = require("agora-ui-foundation/lib/i18n");
@@ -37,31 +37,42 @@ var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    setAllowWriteBoard = _useContext.setAllowWriteBoard,
-    setAllowScreenShare = _useContext.setAllowScreenShare,
-    localUserRole = _useContext.localUserRole,
-    localUserId = _useContext.localUserId,
-    openWhiteboard = _useContext.openWhiteboard,
-    closeWhiteboard = _useContext.closeWhiteboard,
-    boardOwnerUser = _useContext.boardOwnerUser,
-    startScreenShare = _useContext.startScreenShare,
-    hasScreenShare = _useContext.hasScreenShare,
-    hasAllowWriteBoardPermission = _useContext.hasAllowWriteBoardPermission,
-    sharingOwnerUser = _useContext.sharingOwnerUser,
-    hasStopScreenSharePermission = _useContext.hasStopScreenSharePermission,
-    closeShareScreen = _useContext.closeShareScreen,
-    checkedStateMap = _useContext.checkedStateMap,
-    setCheckedStateMap = _useContext.setCheckedStateMap,
-    setAllowAnnotation = _useContext.setAllowAnnotation;
+  var store = (0, _react.useContext)(_store.ActionBarContext);
+  var setAllowScreenShare = store.setAllowScreenShare,
+    localUserRole = store.localUserRole,
+    openWhiteboard = store.openWhiteboard,
+    closeWhiteboard = store.closeWhiteboard,
+    isBoardActive = store.isBoardActive,
+    startScreenShare = store.startScreenShare,
+    hasStopScreenSharePermission = store.hasStopScreenSharePermission,
+    closeShareScreen = store.closeShareScreen,
+    checkedStateMap = store.checkedStateMap,
+    setCheckedStateMap = store.setCheckedStateMap,
+    setAllowAnnotation = store.setAllowAnnotation,
+    canStopOtherBoard = store.canStopOtherBoard;
   var t = (0, _i18n.useI18n)();
-  var hasHostPermission = [_fcrCore.FcrUserRole.HOST, _fcrCore.FcrUserRole.COHOST].includes(localUserRole);
-  var hasBoardControlPermission = boardOwnerUser && localUserId !== boardOwnerUser.userId && hasAllowWriteBoardPermission;
-  // 需求变更，联席主持人也可以禁用主持人的白板，注释掉联席主持人不能禁用的逻辑
-  // (FcrUserRole.HOST === localUserRole ||
-  //   (FcrUserRole.COHOST === localUserRole && FcrUserRole.HOST !== boardOwnerUser?.userRole));
 
+  // TODO: 使用 memberSharedDataSource.isLocalUserHost
+  var hasHostPermission = [_fcrCore.FcrUserRole.HOST, _fcrCore.FcrUserRole.COHOST].includes(localUserRole);
   var menus = [];
+  var boardOwnerUserName = isBoardActive ? store.boardOwnerUser.userName : '';
+  var isSharingScreen = store.isLocalUserScreenSharing || store.isRemoteUserScreenSharing;
+  var boardTitle;
+  var boardMenuType;
+  var isBoardMenuDisabled;
+  if (!isBoardActive) {
+    boardTitle = t('fmt_screenshare_button_sharewhiteboard');
+    boardMenuType = 'primary';
+    isBoardMenuDisabled = false;
+  } else if (store.isMeSharingBoard) {
+    boardTitle = t('fmt_screenshare_button_chosewhiteboard');
+    boardMenuType = 'danger';
+    isBoardMenuDisabled = false;
+  } else {
+    boardTitle = t('fmt_screenshare_options_alreadyopend');
+    boardMenuType = 'primary';
+    isBoardMenuDisabled = true;
+  }
   var menusWebOnly = [{
     title: t('fmt_actionbar_screenshare_option_selectcontent'),
     key: 'allow_attendee_title',
@@ -74,16 +85,11 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
         iconPrimary: 'var(--fcr_ui_scene_icontext1)'
       }
     }),
-    // title: boardOwnerUser && hasPermission ? '停用屏幕共享' : '屏幕共享',
-    title: hasScreenShare ? t('fmt_screenshare_tips_newsharing') : t('fmt_screenshare_label_screenshare'),
+    title: isSharingScreen ? t('fmt_screenshare_tips_newsharing') : t('fmt_screenshare_label_screenshare'),
     key: 'allow_attendee_title',
     onButtonClick: function onButtonClick() {
-      // boardOwnerUser && hasPermission
-      //   ? setAllowScreenShare(FcrWhiteboardState.OFF)
-      //   : startScreenShare();
       startScreenShare();
     }
-    // classNames: 'fcr-icon-green',
   }, {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
       type: _type.FcrIconType.FCR_WHITEBOARD,
@@ -92,18 +98,19 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
         iconPrimary: 'var(--fcr_ui_scene_icontext1)'
       }
     }),
-    disabled: boardOwnerUser && (boardOwnerUser === null || boardOwnerUser === void 0 ? void 0 : boardOwnerUser.userId) !== localUserId,
-    title: !boardOwnerUser ? t('fmt_screenshare_button_sharewhiteboard') : (boardOwnerUser === null || boardOwnerUser === void 0 ? void 0 : boardOwnerUser.userId) === localUserId ? t('fmt_screenshare_button_chosewhiteboard') : t('fmt_screenshare_options_alreadyopend'),
+    disabled: isBoardMenuDisabled,
+    title: boardTitle,
     key: 'allow_attendee_title',
-    type: boardOwnerUser && (boardOwnerUser === null || boardOwnerUser === void 0 ? void 0 : boardOwnerUser.userId) === localUserId ? 'danger' : 'primary',
+    type: boardMenuType,
     onButtonClick: function onButtonClick() {
-      if ((boardOwnerUser === null || boardOwnerUser === void 0 ? void 0 : boardOwnerUser.userId) === localUserId) {
+      if (!isBoardActive) {
+        openWhiteboard();
+      } else if (store.isMeSharingBoard) {
         closeWhiteboard();
       } else {
-        openWhiteboard();
+        console.error('isBoardMenuDisabled: true, should not be clickable');
       }
     }
-    // classNames: 'fcr-icon-blue',
   }];
   var menusElectronOnly = [];
   var hostMenus = [{
@@ -146,7 +153,7 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
       shape: "rounded",
       block: true,
       children: t('fmt_screenshare_button_disableshare', {
-        reason1: boardOwnerUser ? (0, _truncate["default"])(boardOwnerUser.userName, {
+        reason1: isBoardActive ? (0, _truncate["default"])(boardOwnerUserName, {
           length: 8,
           separator: ' '
         }) : t('fmt_actionbar_screenshare_labels_others')
@@ -155,6 +162,7 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
     key: 'enable_whiteboard',
     classNames: 'fcr-drop-menu-option-primary-no-hover',
     onButtonClick: function onButtonClick() {
+      // TODO: 主持人停用别人的共享后，应该把菜单关闭或者是更新菜单项
       closeWhiteboard();
     }
   }];
@@ -165,10 +173,12 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
       shape: "rounded",
       block: true,
       children: t('fmt_screenshare_button_disableshare', {
-        reason1: sharingOwnerUser ? (0, _truncate["default"])(sharingOwnerUser.userName, {
-          length: 8,
-          separator: ' '
-        }) : t('fmt_actionbar_screenshare_labels_others')
+        // reason1: sharingOwnerUser
+        //   ? truncate(sharingOwnerUser.userName, {
+        //       length: 8,
+        //       separator: ' ',
+        //     })
+        //   : t('fmt_actionbar_screenshare_labels_others'),
       })
     }),
     classNames: 'fcr-drop-menu-option-primary-no-hover',
@@ -192,14 +202,14 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
   if (hasHostPermission) {
     menus.push.apply(menus, hostMenus);
   }
-  if (hasBoardControlPermission || hasStopScreenSharePermission) {
+  if (canStopOtherBoard || hasStopScreenSharePermission) {
     menus.push({
       title: '',
       key: '',
       type: 'line'
     });
   }
-  if (hasBoardControlPermission) {
+  if (canStopOtherBoard) {
     menus.push.apply(menus, boardControlMenus);
   }
   if (hasStopScreenSharePermission) {

package/lib/modules/action-bar/components/security/index.js

@@ -9,35 +9,23 @@ exports.Security = void 0;
 var _item = require("../item");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _react = require("react");
-var _store = require("../../store");
+var _store = require("../../main-scene/store.base");
 var _mobxReact = require("mobx-react");
 var _securityMenu = _interopRequireDefault(require("../../../components/security-menu"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
-// import { SecurityMenu } from './drop-menu';
-
 var Security = exports.Security = (0, _mobxReact.observer)(function (_ref) {
   var id = _ref.id,
     order = _ref.order;
   var _useContext = (0, _react.useContext)(_store.ActionBarContext),
     toggleLayoutBarLock = _useContext.toggleLayoutBarLock,
-    setEnableWaitingRoom = _useContext.setEnableWaitingRoom,
-    privilegeProvider = _useContext.privilegeProvider,
-    showLockedRoomToast = _useContext.showLockedRoomToast,
-    checkedStateMap = _useContext.checkedStateMap,
     setCheckedStateMap = _useContext.setCheckedStateMap;
   var transI18n = (0, _i18n.useI18n)();
   var title = transI18n('fmt_screenshare_controlbar_button_security');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItemWithPopover, {
     popoverProps: {
       trigger: 'click',
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityMenu["default"], {
-        privilege: privilegeProvider,
-        setEnableWaitingRoom: setEnableWaitingRoom,
-        showLockedRoomToast: showLockedRoomToast,
-        checkedStateMap: checkedStateMap,
-        setCheckedStateMap: setCheckedStateMap
-      }),
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityMenu["default"], {}),
       overlayInnerStyle: {
         boxShadow: 'var(--fcr_web_light_dropup_m)',
         border: 'none',

package/lib/modules/action-bar/components/settings/index.js

@@ -8,9 +8,9 @@ exports.Settings = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _item = require("../item");
-var _store = require("../../store");
+var _store = require("../../main-scene/store.base");
 var _react = require("react");
-var _store2 = require("../../../setting/store");
+var _type2 = require("../../../setting/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var Settings = exports.Settings = function Settings(_ref) {
   var id = _ref.id,
@@ -26,7 +26,7 @@ var Settings = exports.Settings = function Settings(_ref) {
     title: title,
     onClick: function onClick() {
       openDeviceSettingDialog({
-        activeTab: _store2.DeviceSettingTab.GENERAL
+        activeTab: _type2.DeviceSettingTab.GENERAL
       });
     },
     iconColors: {

package/lib/modules/action-bar/components/smaller/index.js

@@ -11,7 +11,7 @@ var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _store = require("../../store");
+var _store = require("../../main-scene/store.base");
 var _microphone = require("../../../components/device-control/components/microphone");
 var _jsxRuntime = require("react/jsx-runtime");
 var SmallerActionbar = exports.SmallerActionbar = (0, _mobxReact.observer)(function () {

package/lib/modules/action-bar/components/trigger-output-language/index.js

@@ -31,7 +31,7 @@ var _reactRnd = require("react-rnd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _icon = require("agora-ui-foundation/lib/components/icon");
-var _store = require("../../store");
+var _store = require("../../main-scene/store.base");
 var _useLanguageConfig = require("../../../interpreter/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig");
 var _guideTooltip = require("../trigger-subscribe-language/guide-tooltip");
 var _loadingWrapper = require("../../../interpreter/loading-wrapper");

package/lib/modules/action-bar/components/trigger-subscribe-language/guide-tooltip/index.d.ts

@@ -1,3 +1,3 @@
 import './index.css';
-import { GuideTooltipProps } from '../../../types';
+import { GuideTooltipProps } from '../../../type';
 export declare const GuideTooltip: import("react").ForwardRefExoticComponent<GuideTooltipProps & import("react").RefAttributes<unknown>>;

package/lib/modules/action-bar/components/trigger-subscribe-language/index.js

@@ -22,13 +22,13 @@ require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/esnext.iterator.some.js");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _react = require("react");
-var _store = require("../../store");
+var _store = require("../../main-scene/store.base");
 var _mobxReact = require("mobx-react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _guideTooltip = require("./guide-tooltip");
 var _item = require("../item");
 var _loadingWrapper = require("../../../interpreter/loading-wrapper");
-var _interpreter = require("../../../../shared-data-source/interpreter");
+var _interpreter = require("../../../../shared-data/interpreter");
 var _useLanguageConfig = require("../../../interpreter/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig");
 var _radio = require("agora-ui-foundation/lib/components/radio");
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/modules/action-bar/constants.d.ts

@@ -0,0 +1 @@
+export declare const actionBarClassName = "fcr-action-bar";

package/lib/modules/action-bar/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.actionBarClassName = void 0;
+var actionBarClassName = exports.actionBarClassName = 'fcr-action-bar';

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

@@ -1,58 +1,17 @@
 import { UIModule } from '../../base';
 import './index.css';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUICurrentRoomControlProvider, FcrUIMainRoomControlProvider, FcrUIRoomProvider, FcrUIWaitingRoomControlProvider } from '../../providers/room-provider';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
-import { FcrUISharedWaitingRoomDataSource } from '../../shared-data-source/waiting-room';
-import { FcrUIChatProvider } from '../../providers/chat-provider';
-import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
-import { FcrUIDialogProvider } from '../../providers/dialog-provider';
-import { FcrUIMessageProvider } from '../../providers/message-provider';
-import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
-import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
-import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/device-privilege-data';
-import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
-import { FcrUIWidgetProvider } from '../../providers/widget-provider';
-import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
-import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
-import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
-import { FcrUIApplistProvider } from '../../providers/app-list-provider';
-import { FcrUISharedApplistSource } from '../../shared-data-source/app-list-data';
-import { FcrUISharedWhiteboardDataSource } from '../../shared-data-source/whiteboard-data';
-export declare class FcrActionBarUIModule extends UIModule {
-    private _store?;
-    private _deviceControlStore?;
-    private _leaveMeetingStore?;
-    currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
-    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
-    waitingRoomControlProvider?: FcrUIWaitingRoomControlProvider;
-    eventProvider?: FcrUIEventProvider;
-    deviceProvider?: FcrUIDeviceProvider;
-    roomProvider?: FcrUIRoomProvider;
-    deviceStreamProvider?: FcrUIDeviceStreamProvider;
-    sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
-    screenShareProvider?: FcrUIScreenShareProvider;
-    sharedWaitingRoomDataSource?: FcrUISharedWaitingRoomDataSource;
-    chatProvider?: FcrUIChatProvider;
-    sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
-    dialogProvider?: FcrUIDialogProvider;
-    messageProvider?: FcrUIMessageProvider;
-    sharedChatDataSource?: FcrUISharedChatDataSource;
-    interpreterProvider?: FcrUIInterpreterProvider;
-    sharedDevicePrivilegeDataSource?: FcrUISharedDevicePrivilegeDataSource;
-    sharedMemberDataSource?: FcrUIMemberSharedDataSource;
-    widgetProvider?: FcrUIWidgetProvider;
-    abilityProvider?: FcrUIAbilityProviderImpl;
-    sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
-    sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
-    applistProvider?: FcrUIApplistProvider;
-    sharedApplistDataSource?: FcrUISharedApplistSource;
-    sharedWhiteboardDataSource?: FcrUISharedWhiteboardDataSource;
-    onNodeWillActive(): void;
-    onNodeWillInactive(): void;
-    getComponent(): import("react/jsx-runtime").JSX.Element;
-    onProcessEvent(event: RendererCustomEvent): void;
+import { LeaveMeetingStoreBase } from '../components/leave-meeting/store.base';
+import { DeviceControlStoreBase } from '../components/device-control/store.base';
+import SecurityMenuStore from '../components/security-menu/store';
+export declare const actionBarClassName = "fcr-action-bar";
+export declare abstract class FcrActionBarUIModule extends UIModule {
+    protected _securityMenuStore: SecurityMenuStore | null;
+    protected _deviceControlStore: DeviceControlStoreBase | null;
+    protected _leaveMeetingStore: LeaveMeetingStoreBase | null;
+    get deviceControlStore(): DeviceControlStoreBase;
+    get leaveMeetingStore(): LeaveMeetingStoreBase;
+    get securityMenuStore(): SecurityMenuStore;
+    abstract onNodeWillActive(): void;
+    abstract onNodeWillInactive(): void;
+    abstract getComponent(): React.ReactNode;
 }

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

@@ -1,109 +1,63 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/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.weak-map.delete-all.js");
-require("core-js/modules/esnext.weak-map.emplace.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FcrActionBarUIModule = void 0;
+exports.actionBarClassName = exports.FcrActionBarUIModule = 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 _view = require("./view");
-var _store = _interopRequireWildcard(require("./store"));
 require("./index.css");
-var _store2 = require("../components/device-control/store");
-var _type = require("fcr-core/lib/room-control/type");
-var _constant = require("../../utilities/constant");
-var _store3 = require("../components/leave-meeting/store");
-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 actionBarClassName = exports.actionBarClassName = 'fcr-action-bar';
 var FcrActionBarUIModule = exports.FcrActionBarUIModule = /*#__PURE__*/function (_UIModule) {
   function FcrActionBarUIModule() {
+    var _this;
     (0, _classCallCheck2["default"])(this, FcrActionBarUIModule);
-    return _callSuper(this, FcrActionBarUIModule, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, FcrActionBarUIModule, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "_securityMenuStore", null);
+    (0, _defineProperty2["default"])(_this, "_deviceControlStore", null);
+    (0, _defineProperty2["default"])(_this, "_leaveMeetingStore", null);
+    return _this;
   }
   (0, _inherits2["default"])(FcrActionBarUIModule, _UIModule);
   return (0, _createClass2["default"])(FcrActionBarUIModule, [{
-    key: "onNodeWillActive",
-    value:
-    // privilegeProvider?: FcrUIPrivilegeProvider;
-
-    function onNodeWillActive() {
-      var _this$currentRoomCont, _this$mainRoomControl, _this$waitingRoomCont, _this$currentRoomCont2, _this$currentRoomCont3, _this$currentRoomCont4;
-      var privilegeProvider = ((_this$currentRoomCont = this.currentRoomControlProvider) === null || _this$currentRoomCont === void 0 || (_this$currentRoomCont = _this$currentRoomCont.currentRoomControl.getRoomInfo()) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.roomType) === _type.FcrRoomType.Mainroom ? (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.privilegeProvider : (_this$waitingRoomCont = this.waitingRoomControlProvider) === null || _this$waitingRoomCont === void 0 ? void 0 : _this$waitingRoomCont.privilegeProvider;
-      this._store = new _store["default"]({
-        roomProvider: this.roomProvider,
-        roomControl: (_this$currentRoomCont2 = this.currentRoomControlProvider) === null || _this$currentRoomCont2 === void 0 ? void 0 : _this$currentRoomCont2.currentRoomControl,
-        eventProvider: this.eventProvider,
-        privilegeProvider: privilegeProvider,
-        deviceProvider: this.deviceProvider,
-        deviceStreamProvider: this.deviceStreamProvider,
-        sharedLayoutDataSource: this.sharedLayoutDataSource,
-        screenShareProvider: this.screenShareProvider,
-        sharedWaitingRoomDataSource: this.sharedWaitingRoomDataSource,
-        chatProvider: this.chatProvider,
-        sharedInterpreterDataSource: this.sharedInterpreterDataSource,
-        dialogProvider: this.dialogProvider,
-        messageProvider: this.messageProvider,
-        sharedChatDataSource: this.sharedChatDataSource,
-        interpreterProvider: this.interpreterProvider,
-        sharedDevicePrivilegeDataSource: this.sharedDevicePrivilegeDataSource,
-        sharedMemberDataSource: this.sharedMemberDataSource,
-        widgetProvider: this.widgetProvider,
-        sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource,
-        sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
-        abilityProvider: this.abilityProvider,
-        applistProvider: this.applistProvider,
-        sharedApplistDataSource: this.sharedApplistDataSource,
-        sharedWhiteboardDataSource: this.sharedWhiteboardDataSource
-      });
-      this._deviceControlStore = new _store2.DeviceControlStore((_this$currentRoomCont3 = this.currentRoomControlProvider) === null || _this$currentRoomCont3 === void 0 ? void 0 : _this$currentRoomCont3.currentRoomControl, this.deviceProvider, this.dialogProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
-      this._leaveMeetingStore = new _store3.LeaveMeetingStore(privilegeProvider, this.roomProvider, (_this$currentRoomCont4 = this.currentRoomControlProvider) === null || _this$currentRoomCont4 === void 0 ? void 0 : _this$currentRoomCont4.currentRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
-    }
-  }, {
-    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: "deviceControlStore",
+    get: function get() {
+      if (!this._deviceControlStore) {
+        throw new Error('DeviceControlStore is not initialized');
+      }
+      return this._deviceControlStore;
     }
   }, {
-    key: "getComponent",
-    value: function getComponent() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.ActionBarContext.Provider, {
-        value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.DeviceControlStoreContext.Provider, {
-          value: this._deviceControlStore,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store3.LeaveMeetingStoreContext.Provider, {
-            value: this._leaveMeetingStore,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.FcrActionBar, {})
-          })
-        })
-      });
+    key: "leaveMeetingStore",
+    get: function get() {
+      if (!this._leaveMeetingStore) {
+        throw new Error('LeaveMeetingStore is not initialized');
+      }
+      return this._leaveMeetingStore;
     }
   }, {
-    key: "onProcessEvent",
-    value: function onProcessEvent(event) {
-      if (event.action === _constant.FcrUIRendererEventAction.CALL_CLOSE_MAIN_WINDOW) {
-        this._store.setStateBarLeaveMeeting(true);
+    key: "securityMenuStore",
+    get: function get() {
+      if (!this._securityMenuStore) {
+        throw new Error('SecurityMenuStore is not initialized');
       }
+      return this._securityMenuStore;
     }
   }]);
 }(_base.UIModule);

package/lib/modules/action-bar/main-scene/index.d.ts

@@ -0,0 +1,19 @@
+import { DeviceControlStoreBase } from '../../components/device-control/store.base';
+import { LeaveMeetingStoreBase } from '../../components/leave-meeting/store.base';
+import { ActionBarMainSceneStoreBase } from './store.base';
+import SecurityMenuStore from '../../components/security-menu/store';
+import { UIModule } from '../../../base';
+export declare class ActionBarMainSceneUIModule extends UIModule {
+    private _store;
+    private _securityMenuStore;
+    private _deviceControlStore;
+    private _leaveMeetingStore;
+    get deviceControlStore(): DeviceControlStoreBase;
+    get leaveMeetingStore(): LeaveMeetingStoreBase;
+    get store(): ActionBarMainSceneStoreBase;
+    get securityMenuStore(): SecurityMenuStore;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
+    getComponent(): import("react/jsx-runtime").JSX.Element;
+    getConfirmLeaveMeetingComponent(dialogId: string): import("react/jsx-runtime").JSX.Element;
+}