fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -0,0 +1,212 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatSelect = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _avatar = require("agora-ui-foundation/lib/components/avatar");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _input = require("agora-ui-foundation/lib/components/input");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+require("./index.css");
+var _reactVirtualized = require("react-virtualized");
+var _type2 = require("fcr-core/lib/type");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _store = require("../store");
+var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _fcr_defaultpage = _interopRequireDefault(require("../../../../public/assets/fcr_defaultpage.png"));
+var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
+var _jsxRuntime = require("react/jsx-runtime");
+function highlightMatches(str, matchStr) {
+  var result = [];
+  var matchLen = matchStr.length;
+  var start = 0;
+  if (matchStr.length === 0) {
+    return [{
+      data: str,
+      isHighlight: false
+    }];
+  }
+  while (start < str.length) {
+    var matchStart = str.indexOf(matchStr, start);
+    if (matchStart === -1) {
+      result.push({
+        data: str.slice(start),
+        isHighlight: false
+      });
+      break;
+    }
+    if (start !== matchStart) {
+      result.push({
+        data: str.slice(start, matchStart),
+        isHighlight: false
+      });
+    }
+    result.push({
+      data: matchStr,
+      isHighlight: true
+    });
+    start = matchStart + matchLen;
+  }
+  return result;
+}
+var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
+  var type = _ref.type,
+    title = _ref.title,
+    bottomBar = _ref.bottomBar,
+    users = _ref.candidateUsers,
+    selectedUid = _ref.selectedUid,
+    onSelect = _ref.onSelect;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    filterKey = _useState2[0],
+    setFilterKey = _useState2[1];
+  var filterUsers = users.filter(function (user) {
+    return user.userName.includes(filterKey);
+  });
+  var listHeight = 0;
+  if (filterUsers.length < 5) {
+    listHeight = filterUsers.length * 40;
+  } else {
+    listHeight = 5 * 40;
+  }
+  var rowCount = filterUsers.length;
+  var handleFilterChange = function handleFilterChange(search) {
+    setFilterKey(search);
+  };
+  var t = (0, _i18n.useI18n)();
+  var rowRenderer = function rowRenderer(_ref2) {
+    var index = _ref2.index,
+      key = _ref2.key,
+      style = _ref2.style;
+    var datum = filterUsers[index];
+    if (!datum) {
+      return null;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: selectedUid === users[index].userId ? 'candidate-container-selected' : 'candidate-container',
+      style: style,
+      onClick: function onClick(_) {
+        var user = filterUsers[index];
+        onSelect(user);
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          background: (0, _helper.getNameColor)(datum.userName)
+        },
+        className: (0, _classnames["default"])('candidate-avatar', {
+          'candidate-avatar-all': datum.userId === _store.USER_ALL
+        }),
+        children: type === 'private-chat' && datum.userName === _store.USER_ALL ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          size: 16,
+          type: _type.FcrIconType.FCR_USERS,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_white10)'
+          }
+        }) :
+        /*#__PURE__*/
+        // datum.userName.charAt(0).toLocaleUpperCase()
+        (0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          isShowFirstLetter: true,
+          size: 32,
+          nickName: datum.userName,
+          textSize: 14
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "candidate",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "candidate-info",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames["default"])('candidate-name', {
+              'candidate-name-active': selectedUid === users[index].userId
+            }),
+            style: {
+              color: (0, _helper.getNameColor)(datum.userName)
+            },
+            children: highlightMatches(datum.userName, filterKey).map(function (value, i) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: value !== null && value !== void 0 && value.isHighlight ? 'candidate-highlight' : '',
+                children: value.data
+              }, "".concat(i));
+            })
+          }), datum.userId !== _store.USER_ALL && (datum.userRole === _type2.FcrUserRole.COHOST || datum.userRole === _type2.FcrUserRole.HOST) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
+            txt: t(datum.userRole === _type2.FcrUserRole.HOST ? 'fmt_role_host' : 'fmt_role_cohost'),
+            styles: {
+              width: 'fit-content'
+            },
+            type: "gray",
+            lineHeight: "small",
+            classnames: datum.userRole === _type2.FcrUserRole.HOST ? 'host' : 'cohost'
+          })]
+        }), selectedUid === users[index].userId ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "candidate-select",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_CHOOSEIT,
+            size: 24,
+            colors: {
+              iconPrimary: 'var(--fcr_web_ui_scene_mainicon2)'
+            }
+          })
+        }) : null]
+      })]
+    }, key);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "leave-container",
+    children: [title, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "assign-host-search",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
+        iconPrefix: {
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          },
+          type: _type.FcrIconType.FCR_V2_SEARCH
+        },
+        onChange: function onChange(value) {
+          handleFilterChange(value);
+        },
+        placeholder: t('fmt_attendies_button_serach'),
+        shape: "rounded",
+        value: filterKey
+      })
+    }), filterUsers.length > 5 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "assign-host-border"
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "assign-host-body",
+      children: filterUsers.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-no-data",
+        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.List, {
+        className: 'candidate-list',
+        width: 230,
+        height: listHeight,
+        rowCount: rowCount,
+        rowHeight: 40,
+        rowRenderer: rowRenderer
+      })
+    }), bottomBar]
+  });
+});

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

@@ -0,0 +1,11 @@
+export declare const Chat: ({ updateReadIndex, sendMsg, userId: localUserId, singling, handleClickUploadImage, }: {
+    updateReadIndex: (data?: {
+        index: number;
+        msgId: string;
+    }) => void;
+    sendMsg: (msg: string) => void;
+    userId: string;
+    singling?: boolean;
+    handleClickUploadImage: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatAction: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/chat/chat.js

@@ -0,0 +1,386 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatAction = exports.Chat = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.array.unshift.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.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.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.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _mobxReact = require("mobx-react");
+var _store = require("./store");
+var _messageList = require("./message-list");
+var _chatWrapper = require("agora-ui-foundation/lib/components/chat-wrapper");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _react = require("react");
+var _chatBar = require("./chat-bar");
+var _type = require("../../type");
+var _util = require("./util");
+var _copyText = require("../../utilities/copyText");
+var _chatManager = require("agora-ui-foundation/lib/components/chat-manager");
+var _type2 = require("fcr-core/lib/room-control/chatroom-control/type");
+var _fcrCore = require("fcr-core");
+var _tabs = require("agora-ui-foundation/lib/components/tabs");
+var _constant = require("../../utilities/constant");
+var _fcr_chat_reddot = _interopRequireDefault(require("../../../public/assets/fcr_chat_reddot.svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
+  var _chatRoomStores$RoomT, _chatRoomStores$RoomT2, _chatRoomStores$RoomT3, _chatRoomStores$RoomT4, _chatRoomStores$RoomT5, _chatRoomStores$RoomT6;
+  var updateReadIndex = _ref.updateReadIndex,
+    sendMsg = _ref.sendMsg,
+    localUserId = _ref.userId,
+    singling = _ref.singling,
+    handleClickUploadImage = _ref.handleClickUploadImage;
+  var t = (0, _i18n.useI18n)();
+  var defaultProps = {
+    errorMsg: t('fmt_chat_tips_exceedlimit'),
+    forbiddenTxt: t('fmt_chat_button_muteall'),
+    styles: {
+      display: 'flex'
+    }
+  };
+  var styles = defaultProps.styles,
+    forbiddenTxt = defaultProps.forbiddenTxt,
+    errorMsg = defaultProps.errorMsg;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores,
+    hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
+    activeTabIndex = _useContext.activeTabIndex,
+    handlerActiveTab = _useContext.handlerActiveTab;
+  var _ref2 = chatRoomStores[activeTabIndex],
+    setTargetUser = _ref2.setTargetUser,
+    privateTargetUser = _ref2.privateTargetUser,
+    remoteUsers = _ref2.remoteUsers,
+    targetUserIsOnline = _ref2.targetUserIsOnline,
+    localIsManager = _ref2.localIsManager,
+    chatLevel = _ref2.chatLevel,
+    messageList = _ref2.messageList,
+    textMsg = _ref2.textMsg,
+    updateChatTextMsg = _ref2.updateChatTextMsg,
+    privateTargetList = _ref2.privateTargetList,
+    resetTargetUser = _ref2.resetTargetUser,
+    handleToast = _ref2.handleToast,
+    chatRoomState = _ref2.chatRoomState,
+    isHost = _ref2.isHost,
+    hasChatPermission = _ref2.hasChatPermission,
+    hasChatSendPrivatePermission = _ref2.hasChatSendPrivatePermission,
+    filterChatMember = _ref2.filterChatMember,
+    hasSendMessagePermission = _ref2.hasSendMessagePermission,
+    hasSendAllPermission = _ref2.hasSendAllPermission;
+  var handleTargetChange = function handleTargetChange(user) {
+    setTargetUser(user);
+  };
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    multiSelectActive = _useState2[0],
+    setMultiSelectActive = _useState2[1];
+  var _useState3 = (0, _react.useState)(new Map()),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    copyMap = _useState4[0],
+    setCopyMap = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    selectCnt = _useState6[0],
+    setSelectCnt = _useState6[1];
+  var targetList = (0, _react.useMemo)(function () {
+    var _users$;
+    var users = (0, _toConsumableArray2["default"])(remoteUsers);
+    if (((_users$ = users[0]) === null || _users$ === void 0 ? void 0 : _users$.userId) === _store.USER_ALL) {
+      if (!hasSendAllPermission) {
+        users.shift();
+      }
+    } else if (hasSendAllPermission) {
+      users.unshift({
+        userId: _store.USER_ALL,
+        userName: t('fmt_chat_option_all'),
+        userRole: _type.FcrUserRole.ROBOT,
+        connectorType: _fcrCore.FcrRoomConnectorType.NONE
+      });
+    }
+    users = users.filter(function (user) {
+      return remoteUsers.find(function (u) {
+        return u.userId === user.userId;
+      }) || user.userId === privateTargetUser.userId || user.userId === _store.USER_ALL;
+    });
+    users = users.map(function (user) {
+      var _remoteUsers$find;
+      return (_remoteUsers$find = remoteUsers.find(function (u) {
+        return u.userId === user.userId;
+      })) !== null && _remoteUsers$find !== void 0 ? _remoteUsers$find : user;
+    });
+    users = filterChatMember(users);
+    return users;
+  }, [chatLevel, remoteUsers, activeTabIndex, hasChatPermission, hasChatSendPrivatePermission]);
+  var handleMultiCopyMsg = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var msgHandled, msgIndex;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            msgHandled = '';
+            msgIndex = Array.from(copyMap.keys()).sort();
+            msgIndex.forEach(function (msgIdx, arrIdx) {
+              var _messageList$msgIndex, _messageList$msgIndex2, _messageList$msgIndex3;
+              var _messageList$msgIdx = messageList[msgIdx],
+                msg = _messageList$msgIdx.msg,
+                time = _messageList$msgIdx.time,
+                publisherUid = _messageList$msgIdx.uid,
+                publisherNickName = _messageList$msgIdx.nickName,
+                targetNickname = _messageList$msgIdx.target,
+                isPrivate = _messageList$msgIdx.isPrivate,
+                publisherRole = _messageList$msgIdx.role;
+              var senderNickname = publisherUid === localUserId && isPrivate ? t('fmt_settings_labels_you') : publisherNickName;
+              var needLabel = ((_messageList$msgIndex = messageList[msgIndex[arrIdx - 1]]) === null || _messageList$msgIndex === void 0 ? void 0 : _messageList$msgIndex.uid) !== publisherUid || ((_messageList$msgIndex2 = messageList[msgIndex[arrIdx - 1]]) === null || _messageList$msgIndex2 === void 0 ? void 0 : _messageList$msgIndex2.isPrivate) !== isPrivate || ((_messageList$msgIndex3 = messageList[msgIndex[arrIdx - 1]]) === null || _messageList$msgIndex3 === void 0 ? void 0 : _messageList$msgIndex3.role) !== publisherRole;
+              // 2. 复制多条消息, 一个人发的多条消息, 时间前缀只会有一个, 消息累加
+              if (needLabel) {
+                msgHandled += (0, _i18n.getLanguage)() === 'zh' ? "".concat(senderNickname, "\u5BF9").concat(targetNickname, "\u8BF4(").concat((0, _util.handleMessageTime)(time), ")\n").concat(msg, "\n") : "".concat(senderNickname, " said to ").concat(targetNickname, "(").concat((0, _util.handleMessageTime)(time), ")\n").concat(msg, "\n");
+              } else {
+                msgHandled += "".concat(msg, "\n");
+              }
+            });
+            _context.next = 5;
+            return (0, _copyText.copyText)(msgHandled);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleMultiCopyMsg() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    setSelectCnt(copyMap.size);
+  }, [copyMap.size]);
+  var resetMultiSelectStates = function resetMultiSelectStates() {
+    setMultiSelectActive(false);
+    copyMap.clear();
+    setCopyMap(copyMap);
+    setSelectCnt(0);
+  };
+  var chatSelectNoTitle = localIsManager || chatLevel === 'everyone' || chatLevel === 'no_one';
+  var copyTips = function copyTips() {
+    handleToast({
+      id: 'copy-multi-msg',
+      toastProps: {
+        type: 'normal',
+        content: t('fmt_statusbar_status_coppied'),
+        size: 'small'
+      }
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "chat-tabs-container",
+      children: chatRoomStores[_constant.RoomType.WAITING_ROOM] && chatRoomStores[_constant.RoomType.MAIN_ROOM] && chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+        items: [{
+          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "chat-container-icon",
+            children: [((_chatRoomStores$RoomT = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT === void 0 ? void 0 : _chatRoomStores$RoomT.unReadMsgCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "fcr-action-bar-chat-unread-count",
+              children: ((_chatRoomStores$RoomT2 = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT2 === void 0 ? void 0 : _chatRoomStores$RoomT2.unReadMsgCount) > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: _fcr_chat_reddot["default"]
+              }) : (_chatRoomStores$RoomT3 = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT3 === void 0 ? void 0 : _chatRoomStores$RoomT3.unReadMsgCount
+            }), t('fmt_waitingroom_sidebar_chat_label_meeting', {
+              reason1: chatRoomStores[_constant.RoomType.MAIN_ROOM].userCount
+            })]
+          }),
+          key: _constant.RoomType.MAIN_ROOM
+        }, {
+          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "chat-container-icon",
+            children: [((_chatRoomStores$RoomT4 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT4 === void 0 ? void 0 : _chatRoomStores$RoomT4.unReadMsgCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "fcr-action-bar-chat-unread-count",
+              children: ((_chatRoomStores$RoomT5 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT5 === void 0 ? void 0 : _chatRoomStores$RoomT5.unReadMsgCount) > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: _fcr_chat_reddot["default"]
+              }) : (_chatRoomStores$RoomT6 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT6 === void 0 ? void 0 : _chatRoomStores$RoomT6.unReadMsgCount
+            }), t('fmt_waitingroom_sidebar_label_waiting', {
+              reason1: chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount
+            })]
+          }),
+          key: _constant.RoomType.WAITING_ROOM
+        }],
+        activeKey: activeTabIndex,
+        onChange: function onChange(key) {
+          handlerActiveTab(key);
+        }
+      }) : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatWrapper.ChatWrapper, {
+      styles: styles,
+      errorMsg: errorMsg,
+      forbiddenTxt: forbiddenTxt,
+      singling: singling,
+      forbidden: !localIsManager && !hasChatPermission && !hasChatSendPrivatePermission,
+      isHost: isHost,
+      handMsg: function handMsg(msg) {
+        if (chatRoomState !== _type2.FcrChatRoomConnectionState.Connected) {
+          handleToast({
+            id: 'send-msg-offline',
+            toastProps: {
+              type: 'error',
+              content: t('fmt_chat_tips_Networkconnect'),
+              size: 'small'
+            }
+          });
+          return;
+        }
+        if (!localIsManager) {
+          if (privateTargetUser.userId === _store.USER_NONE) {
+            handleToast({
+              id: 'send-msg-to-none',
+              toastProps: {
+                type: 'normal',
+                content: t('fmt_chat_tips_selectchat'),
+                size: 'small'
+              }
+            });
+            return;
+          }
+
+          // if (
+          //   chatLevel === 'no_one' ||
+          //   (chatLevel !== 'everyone' &&
+          //     privateTargetUser.userId !== USER_ALL &&
+          //     !isManager(privateTargetUser.userRole))
+          // ) {
+          //   handleToast({
+          //     id: 'send-msg-to-none',
+          //     toastProps: {
+          //       type: 'normal',
+          //       content: t('fmt_chat_tips_permissionchange'),
+          //       size: 'small',
+          //     },
+          //   });
+          //   resetTargetUser();
+          //   return;
+          // }
+
+          if (privateTargetUser.userId === _store.USER_ALL && !hasSendMessagePermission()) {
+            handleToast({
+              id: 'send-msg-to-none',
+              toastProps: {
+                type: 'normal',
+                content: t('fmt_chat_tips_permissionchange'),
+                size: 'small'
+              }
+            });
+            return;
+          } else if (privateTargetUser.userId !== _store.USER_ALL && !hasChatSendPrivatePermission) {
+            handleToast({
+              id: 'send-msg-to-none',
+              toastProps: {
+                type: 'normal',
+                content: t('fmt_chat_tips_permissionchange'),
+                size: 'small'
+              }
+            });
+            resetTargetUser();
+            return;
+          }
+        }
+        sendMsg(msg);
+      },
+      handleClickUploadImage: handleClickUploadImage,
+      msgBarElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatBar.MessageBar, {
+        selectedUser: privateTargetUser,
+        users: targetList,
+        onTargetChange: handleTargetChange,
+        title: chatSelectNoTitle ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "assign-host-title",
+          children: chatLevel === 'public' ? t('fmt_chat_option_onlypublic') : t('fmt_chat_option_onlyprivate')
+        })
+      }),
+      targetUserIsOnline: targetUserIsOnline,
+      privateTarget: privateTargetUser.userId,
+      selectTargetNickname: privateTargetUser.userName,
+      multiSelectActive: multiSelectActive,
+      selectCnt: selectCnt,
+      onSelectCancel: function onSelectCancel() {
+        resetMultiSelectStates();
+      },
+      onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return handleMultiCopyMsg();
+            case 2:
+              resetMultiSelectStates();
+              copyTips();
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      })),
+      defaultMsg: textMsg,
+      updateChatTextMsg: updateChatTextMsg,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
+        updateReadMsgIndex: updateReadIndex,
+        userId: localUserId,
+        setMultiSelectActive: setMultiSelectActive,
+        multiSelectActive: multiSelectActive,
+        copyMap: copyMap,
+        setCopyMap: setCopyMap,
+        selectCnt: selectCnt,
+        copyTips: copyTips
+      })
+    })]
+  });
+});
+var ChatAction = exports.ChatAction = (0, _mobxReact.observer)(function () {
+  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext2.chatRoomStores;
+  var _ref5 = chatRoomStores[_constant.RoomType.MAIN_ROOM],
+    isHostOrCoHost = _ref5.isHostOrCoHost,
+    setAllowChat = _ref5.setAllowChat,
+    setAllowChatWithPayload = _ref5.setAllowChatWithPayload,
+    chatLevel = _ref5.chatLevel;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatManager.ChatManager, {
+    isManager: isHostOrCoHost,
+    setAllowChat: setAllowChat,
+    setAllowChatWithPayload: setAllowChatWithPayload,
+    allowChatLevel: chatLevel
+  });
+});

package/lib/modules/chat/components/chat-action/index.js

@@ -8,13 +8,13 @@ exports.ChatAction = void 0;
 var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _store = require("../../store");
-var _type = require("fcr-core/lib/room-control/type");
 var _chatManager = require("agora-ui-foundation/lib/components/chat-manager");
+var _type = require("../../../../type");
 var _jsxRuntime = require("react/jsx-runtime");
 var ChatAction = exports.ChatAction = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     chatRoomStores = _useContext.chatRoomStores;
-  var _ref = chatRoomStores[_type.FcrRoomType.Mainroom],
+  var _ref = chatRoomStores[_type.FcrUIRoomType.MAIN_ROOM],
     isHostOrCoHost = _ref.isHostOrCoHost,
     setAllowChat = _ref.setAllowChat,
     setAllowChatWithPayload = _ref.setAllowChatWithPayload,

package/lib/modules/chat/components/chat-bar/index.css

@@ -83,3 +83,7 @@
 .fcr-message-bar .fcr-text-bubble {
   font-weight: 300;
 }
+
+.fcr-chat-select-popover .fcr-tooltip-inner {
+  transform: translateX(-13px);
+}

package/lib/modules/chat/components/chat-bar/index.d.ts

@@ -1,3 +1,3 @@
 import './index.css';
 import { MessageBarProps } from '../../types';
-export declare const MessageBar: ({ styles, users, selectedUser, onTargetChange, title, }: React.PropsWithChildren<MessageBarProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageBar: ({ styles, users }: React.PropsWithChildren<MessageBarProps>) => import("react/jsx-runtime").JSX.Element;