fcr-ui-scene 3.5.0 → 3.6.0

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

@@ -1,212 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-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

@@ -1,386 +0,0 @@
-"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/contex.d.ts

@@ -1,2 +0,0 @@
-import ChatStore from './store';
-export declare const StoreContext: import("react").Context<ChatStore>;

package/lib/modules/chat/contex.js

@@ -1,9 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoreContext = void 0;
-var _react = require("react");
-var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/chat/demo-wrapper.d.ts

@@ -1 +0,0 @@
-export declare const DemoWrapper: React.FC;

package/lib/modules/chat/demo-wrapper.js

@@ -1,42 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DemoWrapper = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var DemoWrapper = exports.DemoWrapper = function DemoWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      display: 'flex',
-      width: '100%',
-      height: '100%',
-      justifyContent: 'center',
-      alignItems: 'center',
-      padding: 20
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        background: 'aliceblue',
-        marginTop: 160,
-        height: '100%',
-        width: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          marginTop: 20,
-          marginBottom: 50,
-          display: 'flex',
-          height: 500,
-          width: 340
-        },
-        children: children
-      })
-    })
-  });
-};