fcr-ui-scene 3.1.1 → 3.3.0

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

@@ -10,6 +10,13 @@ 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.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");
+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.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -27,6 +34,20 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
 var _react = _interopRequireWildcard(require("react"));
@@ -49,6 +70,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _copyText = require("../../utilities/copyText");
 var _platform = require("../../utilities/platform");
 var _env = require("agora-foundation/lib/utilities/env");
+var _fcr_defaultpage = _interopRequireDefault(require("../../../public/assets/fcr_defaultpage.png"));
 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; }
@@ -74,39 +96,42 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     copyTips = _ref.copyTips;
   var t = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_contex.StoreContext),
-    storeMsgs = _useContext.messageList,
-    readMsgIndex = _useContext.readMsgIndex,
-    needCbBottomCount = _useContext.needCbBottomCount,
-    list = _useContext.list,
-    mostRecentHeight = _useContext.mostRecentHeight,
-    mostRecentWidth = _useContext.mostRecentWidth,
-    cache = _useContext.cache,
-    scrollHeight = _useContext.scrollHeight,
-    scrollTop = _useContext.scrollTop,
-    clientHeight = _useContext.clientHeight,
-    firstMsgId = _useContext.firstMsgId,
-    readIdx = _useContext.readIdx,
-    viewIdx = _useContext.viewIdx,
-    historyUnReadCount = _useContext.historyUnreadCount,
-    hasHistoryMsg = _useContext.hasHistoryMsg,
-    newMsgsUnReadCnt = _useContext.newMsgsUnReadCnt,
-    isHost = _useContext.isHost,
-    isCohost = _useContext.isCohost,
-    initReadInfo = _useContext.initReadInfo,
-    updateScrollInfo = _useContext.updateScrollInfo,
-    updateHasHistoryMsg = _useContext.updateHasHistoryMsg,
-    updateHistoryCnt = _useContext.updateHistoryUnreadCnt,
-    updateViewIdx = _useContext.updateViewIdx,
-    updateReadIdx = _useContext.updateReadIdx,
-    updateFirstMsgId = _useContext.updateFirstMsgId,
-    updateHistoryUnReadCount = _useContext.updateHistoryUnReadCount,
-    updateList = _useContext.updateList,
-    updateMostRecentHeight = _useContext.updateMostRecentHeight,
-    updateMostRecentWidth = _useContext.updateMostRecentWidth,
-    forceNotifyMsgs = _useContext.forceNotifyMsgs,
-    permitPrivateChat = _useContext.permitPrivateChat,
-    lastScrollTop = _useContext.lastScrollTop,
-    setLastScrollTop = _useContext.setLastScrollTop;
+    chatRoomStores = _useContext.chatRoomStores,
+    activeTabIndex = _useContext.activeTabIndex;
+  var _ref2 = chatRoomStores[activeTabIndex],
+    storeMsgs = _ref2.messageList,
+    readMsgIndex = _ref2.readMsgIndex,
+    needCbBottomCount = _ref2.needCbBottomCount,
+    list = _ref2.list,
+    mostRecentHeight = _ref2.mostRecentHeight,
+    mostRecentWidth = _ref2.mostRecentWidth,
+    cache = _ref2.cache,
+    scrollHeight = _ref2.scrollHeight,
+    scrollTop = _ref2.scrollTop,
+    clientHeight = _ref2.clientHeight,
+    firstMsgId = _ref2.firstMsgId,
+    readIdx = _ref2.readIdx,
+    viewIdx = _ref2.viewIdx,
+    historyUnReadCount = _ref2.historyUnreadCount,
+    hasHistoryMsg = _ref2.hasHistoryMsg,
+    newMsgsUnReadCnt = _ref2.newMsgsUnReadCnt,
+    isHost = _ref2.isHost,
+    isCohost = _ref2.isCohost,
+    initReadInfo = _ref2.initReadInfo,
+    updateScrollInfo = _ref2.updateScrollInfo,
+    updateHasHistoryMsg = _ref2.updateHasHistoryMsg,
+    updateHistoryCnt = _ref2.updateHistoryUnreadCnt,
+    updateViewIdx = _ref2.updateViewIdx,
+    updateReadIdx = _ref2.updateReadIdx,
+    updateFirstMsgId = _ref2.updateFirstMsgId,
+    updateHistoryUnReadCount = _ref2.updateHistoryUnReadCount,
+    updateList = _ref2.updateList,
+    updateMostRecentHeight = _ref2.updateMostRecentHeight,
+    updateMostRecentWidth = _ref2.updateMostRecentWidth,
+    forceNotifyMsgs = _ref2.forceNotifyMsgs,
+    permitPrivateChat = _ref2.permitPrivateChat,
+    lastScrollTop = _ref2.lastScrollTop,
+    setLastScrollTop = _ref2.setLastScrollTop;
   var _useState = (0, _react.useState)(storeMsgs !== null && storeMsgs !== void 0 ? storeMsgs : []),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     messageList = _useState2[0],
@@ -186,7 +211,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     scrollToIdx(viewIdx);
   }, [newMsgsUnReadCnt]);
   var handleCopyMsg = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(msg, time, publisherNickName, targetNickname) {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(msg, time, publisherNickName, targetNickname) {
       var msgHandled;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -203,7 +228,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
       }, _callee);
     }));
     return function handleCopyMsg(_x, _x2, _x3, _x4) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var handleSelectMsg = function handleSelectMsg(idx, checked) {
@@ -224,12 +249,12 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     // list?.scrollToPosition(_scrollTop);
   };
   var rowRenderer = function rowRenderer(messageList) {
-    return function (_ref3) {
+    return function (_ref4) {
       var _arr, _arr2, _arr3, _arr4, _datum$img;
-      var index = _ref3.index,
-        key = _ref3.key,
-        parent = _ref3.parent,
-        style = _ref3.style;
+      var index = _ref4.index,
+        key = _ref4.key,
+        parent = _ref4.parent,
+        style = _ref4.style;
       var datum = messageList[index % messageList.length];
       var publisherRole = datum.role,
         time = datum.time,
@@ -357,8 +382,8 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
                       marginLeft: publisherUid !== localUserId && !multiSelectActive ? 34 : 0,
                       width: 'auto'
                     },
-                    onCopy: ( /*#__PURE__*/function () {
-                      var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
+                    onCopy: (/*#__PURE__*/function () {
+                      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
                         var currentScrollTop;
                         return _regenerator["default"].wrap(function _callee2$(_context2) {
                           while (1) switch (_context2.prev = _context2.next) {
@@ -389,7 +414,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
                         }, _callee2);
                       }));
                       return function (_x5) {
-                        return _ref4.apply(this, arguments);
+                        return _ref5.apply(this, arguments);
                       };
                     }()),
                     onPrivate: function onPrivate() {
@@ -555,13 +580,20 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
       styles: {
         zIndex: 999
       }
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+    }) : null, messageList.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-no-data-chat",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _fcr_defaultpage["default"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: t('fmt_chat_tips_nodata')
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
       style: {
         alignSelf: 'stretch'
       },
-      children: function children(_ref5) {
-        var height = _ref5.height,
-          width = _ref5.width;
+      children: function children(_ref6) {
+        var height = _ref6.height,
+          width = _ref6.width;
         if (height !== mostRecentHeight || width !== mostRecentWidth) {
           cache.clearAll();
           if (list) {
@@ -571,8 +603,8 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
         updateMostRecentHeight(height);
         updateMostRecentWidth(width);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.List, {
-          ref: function ref(_ref6) {
-            updateList(_ref6);
+          ref: function ref(_ref7) {
+            updateList(_ref7);
           },
           style: {
             padding: 'inherit',

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

@@ -1,12 +1,16 @@
 import { FcrUserControl } from 'agora-edu-core';
 import { RoleType } from 'agora-ui-foundation/lib/components/message-bubble';
-import { FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control';
-import { FcrChatRoomMessageType, FcrUserRole, FcrUserInfo, FcrChatRoomFile, FcrChatRoomConnectionState } from 'agora-edu-core/lib/type';
+import { FcrUserRole, FcrUserInfo } from 'agora-edu-core/lib/type';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { CellMeasurerCache, List } from 'react-virtualized';
+import { RoomType } from '../../utilities/constant';
 import { AllowChatLevelType } from 'agora-ui-foundation/lib/components/chat-manager';
 import { ToastConfig } from 'agora-ui-foundation/lib/components/toast';
+import { FcrChatRoomConnectionState, FcrChatRoomControl, FcrChatRoomFile, FcrChatRoomMessageType, FcrChatRoomReceiveImageMessage, FcrChatRoomReceiveTextMessage } from 'agora-edu-core/lib/room-control/chatroom-control/type';
+import { FcrMainRoomControl, FcrWaitingRoomControl } from 'agora-edu-core/lib/room-control/type';
+import { AgoraObservable } from 'agora-foundation/lib/utilities/observable';
+type FcrChatRoomReceiveMessage = FcrChatRoomReceiveTextMessage | FcrChatRoomReceiveImageMessage;
 export interface MsgListType {
     id: string;
     nickName: string;
@@ -25,7 +29,35 @@ export declare const USER_ALL = "All";
 export declare const USER_NONE = "NONE";
 export declare const allToUser: FcrUserInfo;
 export declare const noUser: FcrUserInfo;
+type FcrChatStoreObserver = {
+    onReceiveMessage: (msgs: FcrChatRoomReceiveMessage[], type: RoomType) => void;
+};
+type ChatRoomStoreMap = {
+    [K in RoomType]?: ChatRoomStore;
+};
+type RoomTypeKeys = keyof typeof RoomType;
 export default class ChatStore {
+    private _observable;
+    private _securityStore;
+    private _uiEventStore;
+    private _chatVisible;
+    private _eventObserver;
+    private _chatStoreObserver;
+    accessor chatRoomStores: ChatRoomStoreMap;
+    accessor activeTabIndex: RoomTypeKeys;
+    constructor({ chatRoomControl, userControl, uiEventStore, securityStore, roomControl, }: {
+        chatRoomControl: FcrChatRoomControl;
+        userControl: FcrUserControl;
+        uiEventStore: FcrUIEventStore;
+        securityStore: FcrSecurityStore;
+        roomControl: FcrWaitingRoomControl | FcrMainRoomControl;
+    });
+    hasWaitingRoomPermission(): boolean;
+    private _handleReceiveMessage;
+    handlerActiveTab(key: RoomType): void;
+    private _handleEvent;
+}
+export declare class ChatRoomStore {
     needCbBottomCount: number;
     list: List | undefined;
     mostRecentHeight: number;
@@ -45,9 +77,11 @@ export default class ChatStore {
     private _userControl;
     private _chatRoomControl;
     private _securityStore;
+    private _chatStoreObservable;
     private _maxMsgCount;
     private _originalMessages;
     private _disposers;
+    private _type;
     private accessor _userInfo;
     accessor messageList: MsgListType[];
     accessor readMsgIndex: {
@@ -65,20 +99,28 @@ export default class ChatStore {
     accessor textMsg: string;
     accessor privateTargetList: FcrUserInfo[];
     accessor chatRoomState: FcrChatRoomConnectionState;
+    accessor hasNewMsg: boolean;
+    accessor userCount: number;
+    accessor unReadMsgCount: number;
     private _chatRoomObserver;
     private _userObserver;
-    constructor({ chatRoomControl, userControl, uiEventStore, securityStore, }: {
+    constructor({ chatRoomControl, userControl, uiEventStore, securityStore, type, chatStoreObservable, }: {
         chatRoomControl: FcrChatRoomControl;
         userControl: FcrUserControl;
         uiEventStore: FcrUIEventStore;
         securityStore: FcrSecurityStore;
+        type: RoomType;
+        chatStoreObservable: AgoraObservable<FcrChatStoreObserver>;
     });
     release(): void;
     setLastScrollTop(value: number | undefined): void;
     setMessageList(messages: MsgListType[]): void;
     sendMessage(msg: string | FcrChatRoomFile, type: FcrChatRoomMessageType): Promise<void>;
     private messageReceived;
+    setUnReadMsgCount(count: number): void;
+    setHasNewMsg(value: boolean): void;
     private _handleTextMessageReceived;
+    getUserCount(): number;
     private _onRemoteUserUpdate;
     private _onUserPropertiesUpdated;
     private _onUserInfoUpdated;
@@ -94,6 +136,7 @@ export default class ChatStore {
     get disallowedPublicChatAndDisallowedPrivateChatToParticipant(): boolean | undefined;
     get disallowedAllChat(): boolean | undefined;
     get hasChatPermission(): boolean;
+    get hasChatSendPrivatePermission(): boolean;
     get isHost(): boolean;
     get isCohost(): boolean;
     get localIsManager(): boolean;
@@ -121,6 +164,8 @@ export default class ChatStore {
     updateChatLevel(chatLevel: AllowChatLevelType): void;
     get privilegeOperator(): FcrUserInfo | undefined;
     updateChatTextMsg(txt: string): void;
+    filterChatMember(list: FcrUserInfo[]): FcrUserInfo[];
+    hasSendMessagePermission(): boolean;
     permitPrivateChat(userId: string): void;
     handleToast(params: ToastConfig): void;
     get isHostOrCoHost(): boolean;
@@ -128,5 +173,6 @@ export default class ChatStore {
     setAllowChatWithPayload(type: 'public' | 'private_to_manager'): void;
     private _handleConnectionUpdated;
 }
-export declare function isManager(role: FcrUserRole): boolean;
+export declare function isManager(role: FcrUserRole): role is FcrUserRole.HOST | FcrUserRole.COHOST;
 export declare function sortUsers(users: FcrUserInfo[]): FcrUserInfo[];
+export {};