fcr-ui-scene 3.4.1 → 3.4.2

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

@@ -1,6 +1,7 @@
 "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");
@@ -8,7 +9,9 @@ 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/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.async-iterator.for-each.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");
@@ -16,11 +19,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageBar = void 0;
-require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.find.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.find.js");
 require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _type = require("agora-ui-foundation/lib/components/icon/type");
@@ -33,16 +36,18 @@ require("./index.css");
 var _chatSelect = require("../chat-select");
 var _store = require("../store");
 var _mobxReact = require("mobx-react");
+var _contex = require("../contex");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 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 MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
-  var _users$filter, _selectedUser$userId, _selectedUser$userNam;
+  var _users$find$userName, _users$find;
   var styles = _ref.styles,
     _ref$users = _ref.users,
     users = _ref$users === void 0 ? [] : _ref$users,
-    selectedUser = _ref.selectedUser,
+    _ref$selectedUserId = _ref.selectedUserId,
+    selectedUserId = _ref$selectedUserId === void 0 ? _store.USER_ALL : _ref$selectedUserId,
     onTargetChange = _ref.onTargetChange,
     title = _ref.title;
   var t = (0, _i18n.useI18n)();
@@ -56,16 +61,9 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     popoverOpened = _useState4[0],
     setPopoverOpened = _useState4[1];
-  var hasParticipant = users === null || users === void 0 || (_users$filter = users.filter(function (user) {
-    return user.userId !== _store.USER_ALL;
-  })) === null || _users$filter === void 0 ? void 0 : _users$filter.length;
   var onPopoverChanged = function onPopoverChanged(visible) {
-    if (!hasParticipant) {
-      return;
-    }
     setPopoverOpened(visible);
   };
-  var selectedUserId = (_selectedUser$userId = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) !== null && _selectedUser$userId !== void 0 ? _selectedUser$userId : _store.USER_ALL;
   var handleSelected = function handleSelected(user) {
     setPopoverOpened(false);
     onTargetChange && onTargetChange(user);
@@ -73,14 +71,10 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
   (0, _react.useEffect)(function () {
     setTips(selectedUserId === _store.USER_ALL ? t('fmt_chat_labels_sendto') : t('fmt_chats_label_privatechat'));
   }, [selectedUserId]);
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    chatRoomStores = _useContext.chatRoomStores,
-    activeTabIndex = _useContext.activeTabIndex,
-    roomType = _useContext.roomType;
-  var _ref2 = chatRoomStores[activeTabIndex],
-    chatLevel = _ref2.chatLevel,
-    privateTargetUser = _ref2.privateTargetUser,
-    localIsManager = _ref2.localIsManager;
+  var _useContext = (0, _react.useContext)(_contex.StoreContext),
+    chatLevel = _useContext.chatLevel,
+    privateTargetUser = _useContext.privateTargetUser,
+    localIsManager = _useContext.localIsManager;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: cls,
     style: _objectSpread({}, styles),
@@ -105,38 +99,32 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
         selectedUid: selectedUserId,
         onSelect: handleSelected
       }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
-          styles: {
-            padding: '4px 1px 4px 4px',
-            borderRadius: 6,
-            backgroundColor: 'var(--fcr_web_ui_scene_fill2)'
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
+        styles: {
+          padding: '4px 1px 4px 4px',
+          borderRadius: 6,
+          backgroundColor: 'var(--fcr_web_ui_scene_fill2)'
+        },
+        txt: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconText.IconText, {
+          classnames: {
+            'fcr-break-one-line fcr-word-break': true,
+            'fcr-msg-bar-break-max-width': true
+          }
+          // TODO: 当选中的 uid 为 None 时，需要提示选择管理员
+          ,
+          txt: privateTargetUser.userId === _store.USER_NONE && !localIsManager ? t('fmt_chat_tips_selecthost') : (_users$find$userName = (_users$find = users.find(function (user) {
+            return user.userId === selectedUserId;
+          })) === null || _users$find === void 0 ? void 0 : _users$find.userName) !== null && _users$find$userName !== void 0 ? _users$find$userName : _store.USER_ALL,
+          icon: _type.FcrIconType.FCR_DROPDOWN,
+          colors: {
+            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+          },
+          iconTransform: popoverOpened,
+          enable: true,
+          onClick: function onClick() {
+            setPopoverOpened(!popoverOpened);
           },
-          txt: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconText.IconText, {
-            classnames: {
-              'fcr-break-one-line fcr-word-break': true,
-              'fcr-msg-bar-break-max-width': true
-            }
-            // TODO: 当选中的 uid 为 None 时，需要提示选择管理员
-            ,
-            txt: privateTargetUser.userId === _store.USER_NONE && !localIsManager ? t('fmt_chat_tips_selecthost') : (_selectedUser$userNam = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userName) !== null && _selectedUser$userNam !== void 0 ? _selectedUser$userNam : _store.USER_ALL,
-            icon: _type.FcrIconType.FCR_DROPDOWN,
-            colors: {
-              iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)',
-              fontSize: '12px'
-            },
-            fontSize: "medium",
-            iconTransform: popoverOpened,
-            enable: true,
-            isHideIcon: !hasParticipant,
-            onClick: function onClick() {
-              if (!hasParticipant) {
-                return;
-              }
-              setPopoverOpened(!popoverOpened);
-            },
-            iconReverse: true
-          })
+          iconReverse: true
         })
       })
     })]

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

@@ -0,0 +1,135 @@
+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 { FcrRoomType } from 'fcr-core/lib/room-control/type';
+import { FcrUIChatProvider } from '../../providers/chat-provider';
+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';
+export declare class ChatRoomStore {
+    needCbBottomCount: number;
+    list: List | undefined;
+    mostRecentHeight: number;
+    mostRecentWidth: number;
+    cache: CellMeasurerCache;
+    scrollHeight: number;
+    scrollTop: number;
+    clientHeight: number;
+    firstMsgId: string;
+    lastReadInfo: {
+        index: number;
+        msgId: string;
+    };
+    lastScrollTop: undefined | number;
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _uiEventStore;
+    private _userControl;
+    private _chatRoomControl;
+    private _securityStore;
+    private _chatStoreObservable;
+    private _maxMsgCount;
+    private _originalMessages;
+    private _disposers;
+    private _type;
+    private _chatProviderObserver;
+    private _chatProvider;
+    private _noUser;
+    private _intervalId;
+    private accessor _userInfo;
+    accessor needRecomputeRowIdMap: Map<string, number>;
+    accessor messageList: MsgListType[];
+    accessor readMsgIndex: {
+        index: number;
+        msgId: string;
+    };
+    accessor readIdx: number;
+    accessor viewIdx: number;
+    accessor historyUnreadCount: number;
+    accessor hasHistoryMsg: boolean;
+    accessor newMsgsUnReadCnt: number;
+    accessor privateTargetUser: FcrUserInfo;
+    accessor chatLevel: AllowChatLevelType;
+    accessor currentUserMap: Map<string, FcrUserInfo>;
+    accessor textMsg: string;
+    accessor privateTargetList: FcrUserInfo[];
+    accessor chatRoomState: FcrChatRoomConnectionState;
+    accessor hasNewMsg: boolean;
+    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: FcrRoomType;
+        chatStoreObservable: AgoraObservable<FcrChatStoreObserver>;
+        chatProvider: FcrUIChatProvider;
+    });
+    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;
+    private _refreshUserList;
+    handleNewMsg(msg: MsgListType): void;
+    updateReadMsgIndex(info?: {
+        index: number;
+        msgId: string;
+    }): void;
+    get allowChat(): boolean;
+    get allowedAllChat(): boolean;
+    get allowedPublicChatAndDisallowedPrivateChat(): boolean;
+    get disallowedPublicChatAndDisallowedPrivateChatToParticipant(): boolean;
+    get disallowedAllChat(): boolean;
+    get hasChatPermission(): boolean;
+    get hasChatSendPrivatePermission(): boolean;
+    get hasSendAllPermission(): boolean;
+    get isHost(): boolean;
+    get isCohost(): boolean;
+    get localIsManager(): boolean;
+    private _addReactions;
+    initReadInfo(): void;
+    updateHistoryUnreadCnt(historyUnreadCount: number): void;
+    updateHasHistoryMsg(hasHistoryMsg: boolean): void;
+    updateScrollInfo(listScrollHeight: number, listScrollTop: number, listClientHeight: number): void;
+    updateViewIdx(viewIdx: number): void;
+    updateReadIdx(readIdx: number): void;
+    updateFirstMsgId(firstMsgId: string): void;
+    updateHistoryUnReadCount(historyUnReadCount: number): void;
+    updateList(list: List): void;
+    updateMostRecentHeight(mostRecentHeight: number): void;
+    updateMostRecentWidth(mostRecentWidth: number): void;
+    patchHandleMsg(): void;
+    forceNotifyMsgs(): void;
+    resetComponentCache(): void;
+    resetTargetUser(): void;
+    initChatLevel(): void;
+    setTargetUser(user: FcrUserInfo): void;
+    get targetUserIsOnline(): boolean;
+    get remoteUsers(): FcrUserInfo[];
+    handleChatPermissionUpdate(chatLevel: AllowChatLevelType): void;
+    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;
+    setAllowChat(allowChat: boolean): void;
+    setAllowChatWithPayload(type: 'public' | 'private_to_manager'): void;
+    private _handleConnectionUpdated;
+    private _initChatRoomConnectionState;
+}