fcr-ui-scene 3.7.4 → 3.7.6

package/lib/modules/action-bar/waiting-scene/store.electron.js

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionBarWaitingSceneStore = void 0;
+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 _objectManager = require("../../../object-manager");
+var _store = require("./store.base");
+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 ActionBarWaitingSceneStore = exports.ActionBarWaitingSceneStore = /*#__PURE__*/function (_ActionBarWaitingScen) {
+  function ActionBarWaitingSceneStore(args) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ActionBarWaitingSceneStore);
+    _this = _callSuper(this, ActionBarWaitingSceneStore, [args]);
+    (0, _defineProperty2["default"])(_this, "_mainWindowObserver", {
+      onClose: function onClose() {
+        _this.setStateBarLeaveMeeting(true);
+      }
+    });
+    var windowProvider = args.objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    _this.windowProvider = windowProvider;
+    var currentWindow = windowProvider.getCurrentWindow();
+    currentWindow.setPreventClose(true);
+    currentWindow.addObserver(_this._mainWindowObserver);
+    return _this;
+  }
+  (0, _inherits2["default"])(ActionBarWaitingSceneStore, _ActionBarWaitingScen);
+  return (0, _createClass2["default"])(ActionBarWaitingSceneStore, [{
+    key: "release",
+    value: function release() {
+      var currentWindow = this.windowProvider.getCurrentWindow();
+      currentWindow.removeObserver(this._mainWindowObserver);
+    }
+  }]);
+}(_store.ActionBarWaitingSceneStoreBase);

package/lib/modules/action-bar/waiting-scene/view.d.ts

@@ -0,0 +1,2 @@
+import '../index.css';
+export declare const FcrActionBarWaitingScene: React.FC;

package/lib/modules/action-bar/waiting-scene/view.js

@@ -0,0 +1,123 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.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.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.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");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrActionBarWaitingScene = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _button = require("agora-ui-foundation/lib/components/button");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _deviceControl = _interopRequireDefault(require("../../components/device-control"));
+var _leaveMeeting = require("../../components/leave-meeting");
+var _portal = require("../../components/leave-meeting/portal");
+var _placement = require("../components/placement");
+var _store = require("./store.base");
+var _constants = require("../constants");
+require("../index.css");
+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 End = (0, _mobxReact.observer)(function (props) {
+  var opened = props.opened,
+    setOpenedState = props.setOpenedState;
+  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
+    stateBarLeaveMeeting = _useContext.stateBarLeaveMeeting,
+    setStateBarLeaveMeeting = _useContext.setStateBarLeaveMeeting;
+  var transI18n = (0, _i18n.useI18n)();
+  var leaveMeetingContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_leaveMeeting.LeaveMeeting, {
+    setPopoverOpened: function setPopoverOpened(value) {
+      if (value === false) {
+        setOpenedState(false);
+        setStateBarLeaveMeeting(false);
+      }
+    }
+  });
+  var LeaveMeetingPortals = function LeaveMeetingPortals() {
+    var portalContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.LeaveMeetingPortal, {
+      children: leaveMeetingContent
+    });
+    return /*#__PURE__*/_reactDom["default"].createPortal(portalContent, document.body);
+  };
+  var buttonProps = (0, _react.useMemo)(function () {
+    return opened ? {
+      type: 'gray'
+    } : {
+      styleType: 'danger'
+    };
+  }, [opened]);
+  (0, _react.useEffect)(function () {
+    if (!stateBarLeaveMeeting) return;
+    setOpenedState(false);
+    var container = document.getElementById('fcr-action-bar--leave-meeting-portal');
+    var handleClickOutside = function handleClickOutside(event) {
+      if (!(container !== null && container !== void 0 && container.contains(event.target))) {
+        setStateBarLeaveMeeting(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [stateBarLeaveMeeting]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+      showArrow: false,
+      overlayClassName: "fcr-action-bar--device-popover fcr-action-bar--leave-popover",
+      overlayInnerStyle: {
+        width: 280
+      },
+      visible: opened,
+      onVisibleChange: setOpenedState,
+      trigger: "click",
+      placement: "topRight",
+      content: leaveMeetingContent,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, _objectSpread(_objectSpread({
+        shape: "rounded",
+        size: "XS"
+      }, buttonProps), {}, {
+        children: opened ? transI18n('fmt_toolbar_button_cancel') : transI18n('fmt_toolbar_button_leave')
+      }))
+    }), stateBarLeaveMeeting && LeaveMeetingPortals()]
+  });
+});
+var FcrActionBarWaitingScene = exports.FcrActionBarWaitingScene = function FcrActionBarWaitingScene() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    endOpened = _useState2[0],
+    setEndOpenedState = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _constants.actionBarClassName,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_placement.ActionBarItemPlacement, {
+        placement: "left",
+        children: !endOpened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deviceControl["default"], {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_placement.ActionBarItemPlacement, {
+        placement: "right",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(End, {
+          opened: endOpened,
+          setOpenedState: setEndOpenedState
+        })
+      })]
+    })
+  });
+};

package/lib/modules/audio-stream/index.d.ts

@@ -1,12 +1,7 @@
-import { FcrUINode, FcrUIRootNode, UIModule } from '../../base';
-import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
-import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
+import { FcrUINode, UIModule } from '../../base';
 export declare class AudioStreamUIModule extends UIModule {
     protected parentNode: FcrUINode;
-    protected rootNode: FcrUIRootNode;
+    protected logger: import("agora-foundation/lib/logger").Logger;
     private _streamControl;
     private _userControl;
     private _isPstn;
@@ -21,18 +16,12 @@ export declare class AudioStreamUIModule extends UIModule {
     private _indicateTimerId;
     private _volumeTimerId;
     private _streamControlObserverMap;
+    constructor(parentNode: FcrUINode);
     private get _localUser();
-    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
-    interpreterProvider?: FcrUIInterpreterProvider;
-    eventProvider?: FcrUIEventProvider;
-    deviceProvider?: FcrUIDeviceProvider;
-    deviceStreamProvider?: FcrUIDeviceStreamProvider;
-    constructor(parentNode: FcrUINode, rootNode: FcrUIRootNode);
     onNodeWillActive(): void;
     nodeWillInactive(): void;
     private _turnOnMainRoomAudio;
     private _turnOffMainRoomAudio;
-    getComponent(): null;
     private _toggleMainRemoteAudio;
     private _toggleInterperterRemoteAudio;
     private _handleRemoteAudio;

package/lib/modules/audio-stream/index.js

@@ -46,6 +46,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _base = require("../../base");
 var _fcrCore = require("fcr-core");
 var _constant = require("../../utilities/constant");
+var _logger = require("../../utilities/logger");
+var _objectManager = require("../../object-manager");
 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 EventType = /*#__PURE__*/function (EventType) {
@@ -54,10 +56,13 @@ var EventType = /*#__PURE__*/function (EventType) {
   return EventType;
 }(EventType || {});
 var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_UIModule) {
-  function AudioStreamUIModule(parentNode, rootNode) {
+  function AudioStreamUIModule(parentNode) {
     var _this;
     (0, _classCallCheck2["default"])(this, AudioStreamUIModule);
-    _this = _callSuper(this, AudioStreamUIModule, [parentNode, rootNode]);
+    _this = _callSuper(this, AudioStreamUIModule, [parentNode]);
+    (0, _defineProperty2["default"])(_this, "logger", (0, _logger.createLogger)({
+      prefix: 'AudioStreamUIModule'
+    }));
     (0, _defineProperty2["default"])(_this, "_isPstn", false);
     (0, _defineProperty2["default"])(_this, "_disposers", []);
     (0, _defineProperty2["default"])(_this, "_indicateTimerId", null);
@@ -146,8 +151,10 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
         streams.forEach(function (stream) {
           if (stream.owner.userId !== _this._localUser.userId) {
             var isAudioPublished = stream.streamType === _fcrCore.FcrStreamType.AUDIO || stream.streamType === _fcrCore.FcrStreamType.BOTH;
-            var isAudioDeviceStarted = stream.audioSourceState === _fcrCore.FcrMediaSourceState.OPEN;
-            if (isAudioPublished && isAudioDeviceStarted) {
+
+            // const isAudioDeviceStarted = stream.audioSourceState === FcrMediaSourceState.OPEN;
+
+            if (isAudioPublished) {
               _this.logger.info('start play remote audio', stream.streamId);
               streamControl.startPlayRemoteAudioStream(stream.streamId);
             } else {
@@ -283,7 +290,6 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       }, interval);
     });
     _this.parentNode = parentNode;
-    _this.rootNode = rootNode;
     _this._eventObserver = {
       onEvent: _this._handleUiEvent
     };
@@ -325,12 +331,16 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
   }, {
     key: "onNodeWillActive",
     value: function onNodeWillActive() {
-      var _this$mainRoomControl, _this$mainRoomControl2;
-      this._streamControl = (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.mainRoomControl.getStreamControl();
-      this._userControl = (_this$mainRoomControl2 = this.mainRoomControlProvider) === null || _this$mainRoomControl2 === void 0 ? void 0 : _this$mainRoomControl2.mainRoomControl.getUserControl();
-      this._interpreterProvider = this.interpreterProvider;
-      this._eventProvider = this.eventProvider;
-      this._deviceProvider = this.deviceProvider;
+      var objectManager = this.objectManager;
+      var mainRoomControl = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MAIN_ROOM_CONTROL_PROVIDER).mainRoomControl;
+      var interpreterProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_INTERPRETER_PROVIDER);
+      var eventProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
+      var deviceProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
+      this._streamControl = mainRoomControl.getStreamControl();
+      this._userControl = mainRoomControl.getUserControl();
+      this._interpreterProvider = interpreterProvider;
+      this._eventProvider = eventProvider;
+      this._deviceProvider = deviceProvider;
       var streams = this._streamControl.getStreamList();
       this._isPstn = this._hasLocalPstnStream(streams);
       this._streamObserver = this._createStreamObserver(this._streamControl);
@@ -360,11 +370,6 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       this._streamControlObserverMap.clear();
       this._clearTimer();
     }
-  }, {
-    key: "getComponent",
-    value: function getComponent() {
-      return null;
-    }
   }, {
     key: "_clearTimer",
     value: function _clearTimer() {

package/lib/modules/chat/chat-room-store.d.ts

@@ -1,16 +1,11 @@
 import { CellMeasurerCache, List } from 'react-virtualized';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUserControl } from 'fcr-core';
-import { FcrChatRoomConnectionState, FcrChatRoomControl, FcrChatRoomFile, FcrChatRoomMessageType } from 'fcr-core/lib/room-control/chatroom-control/type';
-import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
-import { AgoraObservable } from 'fcr-core/lib/imports';
-import { FcrChatStoreObserver, MsgListType } from './types';
-import { FcrUIChatProvider } from '../../providers/chat-provider';
+import { FcrChatRoomConnectionState, FcrChatRoomFile, FcrChatRoomMessageType } from 'fcr-core/lib/room-control/chatroom-control/type';
+import { ChatRoomStoreArgs, MsgListType } from './types';
 import { FcrUserInfo } from 'fcr-core/lib/type';
 import { AllowChatLevelType } from 'agora-ui-foundation/lib/components/chat-manager';
 import { ToastConfig } from 'agora-ui-foundation/lib/components/toast';
-import { FcrUIRoomType } from '../../type';
-export declare class ChatRoomStore {
+import { FcrUIManagedObject } from '../../object-manager';
+export declare class ChatRoomStore implements FcrUIManagedObject {
     needCbBottomCount: number;
     list: List | undefined;
     mostRecentHeight: number;
@@ -26,10 +21,10 @@ export declare class ChatRoomStore {
     };
     lastScrollTop: undefined | number;
     protected logger: import("agora-foundation/lib/logger").Logger;
-    private _uiEventStore;
+    private _messageProvider;
     private _userControl;
     private _chatRoomControl;
-    private _securityStore;
+    private _privilegeProvider;
     private _chatStoreObservable;
     private _maxMsgCount;
     private _originalMessages;
@@ -60,15 +55,7 @@ export declare class ChatRoomStore {
     accessor userCount: number;
     accessor unReadMsgCount: number;
     private _userObserver;
-    constructor({ chatRoomControl, userControl, uiEventStore, securityStore, type, chatStoreObservable, chatProvider, }: {
-        chatRoomControl: FcrChatRoomControl;
-        userControl: FcrUserControl;
-        uiEventStore: FcrUIEventProvider;
-        securityStore: FcrUIPrivilegeProvider;
-        type: FcrUIRoomType;
-        chatStoreObservable: AgoraObservable<FcrChatStoreObserver>;
-        chatProvider: FcrUIChatProvider;
-    });
+    constructor({ chatRoomControl, userControl, messageProvider, privilegeProvider, type, chatStoreObservable, chatProvider, }: ChatRoomStoreArgs);
     release(): void;
     setLastScrollTop(value: number | undefined): void;
     setMessageList(messages: MsgListType[]): void;

package/lib/modules/chat/chat-room-store.js

@@ -82,6 +82,7 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
 var _type3 = require("../../type");
 var _logger = require("../../utilities/logger");
+var _struct = require("../../providers/message/struct");
 var _ChatRoomStore;
 var _initProto, _init__userInfo, _init_needRecomputeRowIdMap, _init_messageList, _init_readMsgIndex, _init_readIdx, _init_viewIdx, _init_historyUnreadCount, _init_hasHistoryMsg, _init_newMsgsUnReadCnt, _init_privateTargetUser, _init_chatLevel, _init_currentUserMap, _init_textMsg, _init_privateTargetList, _init_chatRoomState, _init_userCount, _init_unReadMsgCount, _setLastScrollTopDecs, _setMessageListDecs, _sendMessageDecs, _setUnReadMsgCountDecs, _handleTextMessageReceivedDecs, _getUserCountDecs, _onRemoteUserUpdateDecs, _refreshUserListDecs, _handleNewMsgDecs, _updateReadMsgIndexDecs, _initReadInfoDecs, _updateHistoryUnreadCntDecs, _updateHasHistoryMsgDecs, _updateScrollInfoDecs, _updateViewIdxDecs, _updateReadIdxDecs, _updateFirstMsgIdDecs, _updateHistoryUnReadCountDecs, _updateListDecs, _updateMostRecentHeightDecs, _updateMostRecentWidthDecs, _patchHandleMsgDecs, _forceNotifyMsgsDecs, _resetComponentCacheDecs, _resetTargetUserDecs, _initChatLevelDecs, _setTargetUserDecs, _updateChatLevelDecs, _updateChatTextMsgDecs, _filterChatMemberDecs, _permitPrivateChatDecs, _handleToastDecs, _handleConnectionUpdatedDecs, _initChatRoomConnectionStateDecs, _ref;
 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; }
@@ -119,8 +120,8 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     var _this = this;
     var chatRoomControl = _ref2.chatRoomControl,
       userControl = _ref2.userControl,
-      uiEventStore = _ref2.uiEventStore,
-      securityStore = _ref2.securityStore,
+      messageProvider = _ref2.messageProvider,
+      privilegeProvider = _ref2.privilegeProvider,
       type = _ref2.type,
       chatStoreObservable = _ref2.chatStoreObservable,
       chatProvider = _ref2.chatProvider;
@@ -181,8 +182,8 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
       onUserInfoUpdated: this._onUserInfoUpdated.bind(this)
     });
     this._type = type;
-    this._uiEventStore = uiEventStore;
-    this._securityStore = securityStore;
+    this._messageProvider = messageProvider;
+    this._privilegeProvider = privilegeProvider;
     this._chatStoreObservable = chatStoreObservable;
     // TODO: 需要查询房间历史消息, 一期预留
     this.messageList = [];
@@ -543,42 +544,42 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "allowChat",
     get: function get() {
-      return this._securityStore.allowChat();
+      return this._privilegeProvider.allowChat();
     }
   }, {
     key: "allowedAllChat",
     get: function get() {
-      return this._securityStore.allowedAllChat();
+      return this._privilegeProvider.allowedAllChat();
     }
   }, {
     key: "allowedPublicChatAndDisallowedPrivateChat",
     get: function get() {
-      return this._securityStore.allowedPublicChatAndDisallowedPrivateChat();
+      return this._privilegeProvider.allowedPublicChatAndDisallowedPrivateChat();
     }
   }, {
     key: "disallowedPublicChatAndDisallowedPrivateChatToParticipant",
     get: function get() {
-      return this._securityStore.disallowedPublicChatAndDisallowedPrivateChatToParticipant();
+      return this._privilegeProvider.disallowedPublicChatAndDisallowedPrivateChatToParticipant();
     }
   }, {
     key: "disallowedAllChat",
     get: function get() {
-      return this._securityStore.disallowedAllChat();
+      return this._privilegeProvider.disallowedAllChat();
     }
   }, {
     key: "hasSendMessagePermission",
     get: function get() {
-      return this.hasChatSendPrivatePermission || this._securityStore.hasChatSendPublicPermission();
+      return this.hasChatSendPrivatePermission || this._privilegeProvider.hasChatSendPublicPermission();
     }
   }, {
     key: "hasChatSendPublicPermission",
     get: function get() {
-      return this._securityStore.hasChatSendPublicPermission();
+      return this._privilegeProvider.hasChatSendPublicPermission();
     }
   }, {
     key: "hasChatSendPrivatePermission",
     get: function get() {
-      return this._securityStore.hasPermissionToSendPrivateMessage(_type2.FcrUserRole.HOST) || this._securityStore.hasPermissionToSendPrivateMessage(_type2.FcrUserRole.COHOST) || this._securityStore.hasPermissionToSendPrivateMessage(_type2.FcrUserRole.PARTICIPANT);
+      return this._privilegeProvider.hasPermissionToSendPrivateMessage(_type2.FcrUserRole.HOST) || this._privilegeProvider.hasPermissionToSendPrivateMessage(_type2.FcrUserRole.COHOST) || this._privilegeProvider.hasPermissionToSendPrivateMessage(_type2.FcrUserRole.PARTICIPANT);
     }
   }, {
     key: "isHost",
@@ -829,7 +830,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "privilegeOperator",
     get: function get() {
-      return this._securityStore.privilegeOperator;
+      return this._privilegeProvider.privilegeOperator;
     }
   }, {
     key: "updateChatTextMsg",
@@ -841,7 +842,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     value: function filterChatMember(list) {
       var _this6 = this;
       var res = list.filter(function (user) {
-        return _this6._securityStore.hasPermissionToSendPrivateMessage(user.userRole) || user.userId === _types.USER_ALL;
+        return _this6._privilegeProvider.hasPermissionToSendPrivateMessage(user.userRole) || user.userId === _types.USER_ALL;
       });
       if (res.length && _type3.FcrUIRoomType.WAITING_ROOM === this._type && !this.localIsManager) {
         this.setTargetUser(res[0]);
@@ -857,7 +858,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
       if (!targetUser) {
         return;
       }
-      if (!this._securityStore.permitPrivateChat(userId)) {
+      if (!this._privilegeProvider.permitPrivateChat(userId)) {
         return;
       }
       this.setTargetUser(targetUser);
@@ -865,11 +866,11 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "handleToast",
     value: function handleToast(params) {
-      this._uiEventStore.showChatToast(_objectSpread(_objectSpread({
+      this._messageProvider.showToast(_objectSpread(_objectSpread({
         id: params.id
       }, params.toastProps), {}, {
         message: params.toastProps.content
-      }));
+      }), _struct.FcrUIToastPosition.CHAT);
     }
   }, {
     key: "isHostOrCoHost",
@@ -879,17 +880,17 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "setAllowChat",
     value: function setAllowChat(allowChat) {
-      this._securityStore.setAllowChat(allowChat);
+      this._privilegeProvider.setAllowChat(allowChat);
     }
   }, {
     key: "setAllowChatWithPayload",
     value: function setAllowChatWithPayload(type) {
       switch (type) {
         case 'public':
-          this._securityStore.setAllowedPublicChatAndDisallowedPrivateChat();
+          this._privilegeProvider.setAllowedPublicChatAndDisallowedPrivateChat();
           break;
         case 'private_to_manager':
-          this._securityStore.setDisallowedPublicChatAndDisallowedPrivateChatToParticipant();
+          this._privilegeProvider.setDisallowedPublicChatAndDisallowedPrivateChatToParticipant();
           break;
       }
     }

package/lib/modules/chat/components/message-list/index.js

@@ -303,7 +303,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
       setLatestBtnVisible: setLatestBtnVisible,
       scrollIndex: scrollIndex,
       latestBtnVisibleFlagRef: latestBtnVisibleFlagRef
-    }), messageList.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatEmpty["default"], {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+    }), messageList.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatEmpty["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
       style: {
         alignSelf: 'stretch'
       },

package/lib/modules/chat/components/message-list/message-item/index.js

@@ -36,7 +36,7 @@ var _avatar = require("agora-ui-foundation/lib/components/avatar");
 var _multiSelect = require("agora-ui-foundation/lib/components/multi-select");
 var _reactVirtualized = require("react-virtualized");
 var _util = require("../../../util");
-var _copyText = require("../../../../../utilities/copyText");
+var _browserApi = require("../../../../../utilities/browser-api");
 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; }
@@ -125,7 +125,7 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 1;
-            return (0, _copyText.copyText)(msg);
+            return (0, _browserApi.copyText)(msg);
           case 1:
             handleToast({
               id: 'copy-multi-msg',

package/lib/modules/chat/index.css

@@ -107,3 +107,7 @@
 .fcr-line-message-container {
   width: 100%;
 }
+
+.fcr-chat-container-box {
+  height: calc(100% - 46px);
+}

package/lib/modules/chat/index.d.ts

@@ -1,37 +1,21 @@
 import { UIModule } from '../../base';
 import './index.css';
 import { CHAT_WRAPPER_CLASS } from 'agora-ui-foundation/lib/components/chat-wrapper';
-import { FcrChatRoomFile, FcrChatRoomMessageType } from 'fcr-core/lib/room-control/chatroom-control/type';
-import { FcrUICurrentRoomControlProvider, FcrUIMainRoomControlProvider, FcrUIRoomProvider, FcrUIWaitingRoomControlProvider } from '../../providers/room-provider';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIChatProvider } from '../../providers/chat-provider';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUISharedWaitingRoomDataSource } from '../../shared-data-source/waiting-room';
-import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
-import { FcrUIMessageProvider } from '../../providers/message-provider';
+import ChatStore from './store';
 export { CHAT_WRAPPER_CLASS };
 export declare class ChatUIModule extends UIModule {
-    private _store?;
-    private _uid?;
-    currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
-    eventProvider?: FcrUIEventProvider;
-    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
-    waitingRoomControlProvider?: FcrUIWaitingRoomControlProvider;
-    roomProvider?: FcrUIRoomProvider;
-    chatProvider?: FcrUIChatProvider;
-    sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
-    sharedWaitingRoomDataSource?: FcrUISharedWaitingRoomDataSource;
-    sharedChatDataSource?: FcrUISharedChatDataSource;
-    messageProvider?: FcrUIMessageProvider;
+    private _store;
+    get store(): ChatStore;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(params?: {
         singling?: boolean;
     }): import("react/jsx-runtime").JSX.Element;
+    getChatDialogHeaderComponent(): import("react/jsx-runtime").JSX.Element;
+    getChatDialogHeaderActionsComponent(dialogId: string): import("react/jsx-runtime").JSX.Element;
     getActionsComponent(): import("react/jsx-runtime").JSX.Element;
-    sendMessage(msg: string | FcrChatRoomFile, type: FcrChatRoomMessageType): Promise<void>;
     updateReadMsgIndex(data?: {
         index: number;
         msgId: string;
-    }): Promise<void>;
+    }): void;
 }

package/lib/modules/chat/index.dev.js

@@ -3,8 +3,8 @@
 // import { hot } from 'react-hot-loader/root';
 // import { useEffect } from 'react';
 // import { DemoWrapper } from './demo-wrapper';
-// import { FcrUIEventStore } from '../../common/event-control';
-// import { FcrSecurityStore } from '../../common/security-store';
+// import { FcreventProvider } from '../../common/event-control';
+// import { FcrprivilegeProvider } from '../../common/security-store';
 // import { FcrRoomStore } from '../../common/room-control';
 // import { FcrUISceneConfig } from '../../type';
 // import { FcrDeviceStore } from '../../common/device-store';
@@ -21,13 +21,13 @@
 
 //   const roomControl = engine.createMainRoomControl(roomId);
 
-//   const uiEventStore = new FcrUIEventStore();
-//   const deviceStore = new FcrDeviceStore(engine.getDesktopMediaControl(), uiEventStore);
-//   const securityStore = new FcrSecurityStore(
+//   const eventProvider = new FcreventProvider();
+//   const deviceStore = new FcrDeviceStore(engine.getDesktopMediaControl(), eventProvider);
+//   const privilegeProvider = new FcrprivilegeProvider(
 //     roomControl.getPrivilegeControl(),
 //     roomControl.getUserControl(),
 //     roomControl.getStreamControl(),
-//     uiEventStore,
+//     eventProvider,
 //   );
 
 //   // await roomControl.join({
@@ -40,10 +40,10 @@
 //   const uiModule = new ChatUIModule({
 //     mediaControl: engine.getDesktopMediaControl(),
 //     roomControl,
-//     securityStore,
+//     privilegeProvider,
 //     deviceStore,
-//     uiEventStore,
-//     roomStore: new FcrRoomStore(uiEventStore, deviceStore, {} as FcrUISceneConfig, engine),
+//     eventProvider,
+//     roomStore: new FcrRoomStore(eventProvider, deviceStore, {} as FcrUISceneConfig, engine),
 //     streamControl: roomControl.getStreamControl(),
 //     userControl: roomControl.getUserControl(),
 //     privilegeControl: roomControl.getPrivilegeControl(),