@sendbird/uikit-react 3.2.6 → 3.3.0-rc.0

package/Thread/components/ThreadListItem.js

@@ -0,0 +1,522 @@
+import { a as __spreadArray } from '../../tslib.es6-279bc71d.js';
+import React__default, { useState, useContext, useRef, useLayoutEffect, useEffect, useMemo } from 'react';
+import { f as format } from '../../index-4f51d577.js';
+import { u as useLocalization } from '../../LocalizationContext-5920dafc.js';
+import DateSeparator from '../../ui/DateSeparator.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a23e6ff.js';
+import { R as RemoveMessage } from '../../RemoveMessageModal-0ce1f978.js';
+import FileViewer from '../../ui/FileViewer.js';
+import { u as useThreadContext } from '../../ThreadProvider-4640c6fb.js';
+import useSendbirdStateContext from '../../useSendbirdStateContext.js';
+import SuggestedMentionList from '../../Channel/components/SuggestedMentionList.js';
+import MessageInput from '../../ui/MessageInput.js';
+import { ThreadListStateTypes } from '../context/types.js';
+import { M as MessageInputKeys } from '../../const-2aae43f2.js';
+import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
+import Avatar from '../../ui/Avatar.js';
+import { a as UserProfileContext } from '../../UserProfileContext-749db4f6.js';
+import ConnectedUserProfile from '../../ui/UserProfile.js';
+import MessageItemMenu from '../../ui/MessageItemMenu.js';
+import MessageItemReactionMenu from '../../ui/MessageItemReactionMenu.js';
+import { y as getUIKitMessageTypes, z as getSenderName, h as getClassName, A as isTextMessage, B as isOGMessage, C as getUIKitMessageType, n as isThumbnailMessage } from '../../index-1a59aaa9.js';
+import MessageStatus from '../../ui/MessageStatus.js';
+import EmojiReactions from '../../ui/EmojiReactions.js';
+import TextMessageItemBody from '../../ui/TextMessageItemBody.js';
+import OGMessageItemBody from '../../ui/OGMessageItemBody.js';
+import FileMessageItemBody from '../../ui/FileMessageItemBody.js';
+import ThumbnailMessageItemBody from '../../ui/ThumbnailMessageItemBody.js';
+import UnknownMessageItemBody from '../../ui/UnknownMessageItemBody.js';
+import { Role } from '@sendbird/chat';
+import '../../index-b5b56cb7.js';
+import '../../stringSet-f0e25f08.js';
+import '../../color-253fcdc4.js';
+import 'prop-types';
+import '../../ui/Modal.js';
+import 'react-dom';
+import '../../index-d2dd3ae2.js';
+import '../../ui/Button.js';
+import '../../ui/Icon.js';
+import '../../ui/IconButton.js';
+import '../../MediaQueryContext-9c1bb79f.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-636df95b.js';
+import '../../topics-d2e15fe6.js';
+import '@sendbird/chat/groupChannel';
+import '@sendbird/chat/message';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-636e674b.js';
+import '../../ChannelProvider-8be62d5d.js';
+import '../../compareIds-5494c074.js';
+import '../../const-8bb8cc10.js';
+import '../../ui/ReactionButton.js';
+import '../../ui/SortByRow.js';
+import 'react-dom/server';
+import '../../ui/MentionUserLabel.js';
+import '../../sendbirdSelectors.js';
+import '../../utils-5a4995e3.js';
+import '../../ui/Loader.js';
+import '../../ui/Tooltip.js';
+import '../../ui/TooltipWrapper.js';
+import '../../ui/ReactionBadge.js';
+import '../../ui/Word.js';
+import '../../ui/LinkLabel.js';
+import '../../ui/MentionLabel.js';
+import '../../ui/TextButton.js';
+
+function ThreadListItemContent(_a) {
+  var _b, _c, _d, _e;
+
+  var className = _a.className,
+      userId = _a.userId,
+      channel = _a.channel,
+      message = _a.message,
+      _f = _a.disabled,
+      disabled = _f === void 0 ? false : _f,
+      _g = _a.chainTop,
+      chainTop = _g === void 0 ? false : _g,
+      _h = _a.chainBottom,
+      chainBottom = _h === void 0 ? false : _h,
+      _j = _a.isMentionEnabled,
+      isMentionEnabled = _j === void 0 ? false : _j,
+      _k = _a.isReactionEnabled,
+      isReactionEnabled = _k === void 0 ? false : _k,
+      _l = _a.disableQuoteMessage,
+      disableQuoteMessage = _l === void 0 ? false : _l,
+      replyType = _a.replyType,
+      nicknamesMap = _a.nicknamesMap,
+      emojiContainer = _a.emojiContainer,
+      showEdit = _a.showEdit,
+      showRemove = _a.showRemove,
+      showFileViewer = _a.showFileViewer,
+      resendMessage = _a.resendMessage,
+      toggleReaction = _a.toggleReaction,
+      onReplyInThread = _a.onReplyInThread;
+  var messageTypes = getUIKitMessageTypes();
+  var dateLocale = useLocalization().dateLocale;
+
+  var _m = useState(false),
+      supposedHover = _m[0],
+      setSupposedHover = _m[1];
+
+  var _o = useContext(UserProfileContext),
+      disableUserProfile = _o.disableUserProfile,
+      renderUserProfile = _o.renderUserProfile;
+
+  var avatarRef = useRef(null);
+  var isByMe = userId === ((_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.userId) || (message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending' || (message === null || message === void 0 ? void 0 : message.sendingStatus) === 'failed';
+  var useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD') && (message === null || message === void 0 ? void 0 : message.parentMessageId) && (message === null || message === void 0 ? void 0 : message.parentMessage) && !disableQuoteMessage);
+  var supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-thread-list-item-content ".concat(className, " ").concat(isByMe ? 'outgoing' : 'incoming')
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-thread-list-item-content__left ".concat(isReactionEnabled ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming')
+  }, !isByMe && !chainBottom && /*#__PURE__*/React__default.createElement(ContextMenu, {
+    menuTrigger: function (toggleDropdown) {
+      var _a, _b, _c;
+
+      return /*#__PURE__*/React__default.createElement(Avatar, {
+        className: "sendbird-thread-list-item-content__left__avatar",
+        src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) {
+          var _a;
+
+          return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId);
+        })) === null || _b === void 0 ? void 0 : _b.profileUrl) || ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.profileUrl) || '',
+        ref: avatarRef,
+        width: "28px",
+        height: "28px",
+        onClick: function () {
+          if (!disableUserProfile) {
+            toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
+          }
+        }
+      });
+    },
+    menuItems: function (closeDropdown) {
+      return /*#__PURE__*/React__default.createElement(MenuItems, {
+        parentRef: avatarRef,
+        parentContainRef: avatarRef,
+        closeDropdown: closeDropdown,
+        style: {
+          paddingTop: '0px',
+          paddingBottom: '0px'
+        }
+      }, renderUserProfile ? renderUserProfile({
+        user: message === null || message === void 0 ? void 0 : message.sender,
+        close: closeDropdown
+      }) : /*#__PURE__*/React__default.createElement(ConnectedUserProfile, {
+        user: message === null || message === void 0 ? void 0 : message.sender,
+        onSuccess: closeDropdown
+      }));
+    }
+  }), isByMe && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-thread-list-item-content-menu ".concat(isReactionEnabled ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming', " ").concat(supposedHoverClassName)
+  }, /*#__PURE__*/React__default.createElement(MessageItemMenu, {
+    className: "sendbird-thread-list-item-content-menu__normal-menu",
+    channel: channel,
+    message: message,
+    isByMe: isByMe,
+    replyType: replyType,
+    disabled: disabled,
+    showEdit: showEdit,
+    showRemove: showRemove,
+    resendMessage: resendMessage,
+    setSupposedHover: setSupposedHover,
+    onReplyInThread: onReplyInThread
+  }), isReactionEnabled && /*#__PURE__*/React__default.createElement(MessageItemReactionMenu, {
+    className: "sendbird-thread-list-item-content-menu__reaction-menu",
+    message: message,
+    userId: userId,
+    spaceFromTrigger: {},
+    emojiContainer: emojiContainer,
+    toggleReaction: toggleReaction,
+    setSupposedHover: setSupposedHover
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-thread-list-item-content__middle"
+  }, !isByMe && !chainTop && !useReplying && /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-thread-list-item-content__middle__sender-name",
+    type: LabelTypography.CAPTION_2,
+    color: LabelColors.ONBACKGROUND_2
+  }, ((_d = (_c = channel === null || channel === void 0 ? void 0 : channel.members) === null || _c === void 0 ? void 0 : _c.find(function (member) {
+    var _a;
+
+    return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId);
+  })) === null || _d === void 0 ? void 0 : _d.nickname) || getSenderName(message) // TODO: Divide getting profileUrl logic to utils
+  ), /*#__PURE__*/React__default.createElement("div", {
+    className: getClassName(['sendbird-thread-list-item-content__middle__body-container'])
+  }, isByMe && !chainBottom && /*#__PURE__*/React__default.createElement("div", {
+    className: getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'left', supposedHoverClassName])
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-thread-list-item-content__middle__body-container__created-at__component-container"
+  }, /*#__PURE__*/React__default.createElement(MessageStatus, {
+    message: message,
+    channel: channel
+  }))), isTextMessage(message) && /*#__PURE__*/React__default.createElement(TextMessageItemBody, {
+    className: "sendbird-thread-list-item-content__middle__message-item-body",
+    message: message,
+    isByMe: isByMe,
+    isMentionEnabled: isMentionEnabled,
+    isReactionEnabled: isReactionEnabled
+  }), isOGMessage(message) && /*#__PURE__*/React__default.createElement(OGMessageItemBody, {
+    className: "sendbird-thread-list-item-content__middle__message-item-body",
+    message: message,
+    isByMe: isByMe,
+    isMentionEnabled: isMentionEnabled,
+    isReactionEnabled: isReactionEnabled
+  }), getUIKitMessageType(message) === messageTypes.FILE && /*#__PURE__*/React__default.createElement(FileMessageItemBody, {
+    className: "sendbird-thread-list-item-content__middle__message-item-body",
+    message: message,
+    isByMe: isByMe,
+    isReactionEnabled: isReactionEnabled,
+    truncateLimit: isByMe ? 18 : 14
+  }), isThumbnailMessage(message) && /*#__PURE__*/React__default.createElement(ThumbnailMessageItemBody, {
+    className: "sendbird-thread-list-item-content__middle__message-item-body",
+    message: message,
+    isByMe: isByMe,
+    isReactionEnabled: isReactionEnabled,
+    showFileViewer: showFileViewer,
+    style: {
+      width: '200px',
+      height: '148px'
+    }
+  }), getUIKitMessageType(message) === messageTypes.UNKNOWN && /*#__PURE__*/React__default.createElement(UnknownMessageItemBody, {
+    className: "sendbird-thread-list-item-content__middle__message-item-body",
+    message: message,
+    isByMe: isByMe,
+    isReactionEnabled: isReactionEnabled
+  }), isReactionEnabled && ((_e = message === null || message === void 0 ? void 0 : message.reactions) === null || _e === void 0 ? void 0 : _e.length) > 0 && /*#__PURE__*/React__default.createElement("div", {
+    className: getClassName(['sendbird-thread-list-item-content-reactions', !isByMe || isThumbnailMessage(message) || isOGMessage(message) ? '' : 'primary'])
+  }, /*#__PURE__*/React__default.createElement(EmojiReactions, {
+    userId: userId,
+    message: message,
+    isByMe: isByMe,
+    emojiContainer: emojiContainer,
+    memberNicknamesMap: nicknamesMap,
+    toggleReaction: toggleReaction
+  })), !isByMe && !chainBottom && /*#__PURE__*/React__default.createElement(Label, {
+    className: getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'right', supposedHoverClassName]),
+    type: LabelTypography.CAPTION_3,
+    color: LabelColors.ONBACKGROUND_2
+  }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
+    locale: dateLocale
+  })))), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-thread-list-item-content__right ".concat(chainTop ? 'chain-top' : '', " ").concat(isByMe ? 'outgoing' : 'incoming')
+  }, !isByMe && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName)
+  }, isReactionEnabled && /*#__PURE__*/React__default.createElement(MessageItemReactionMenu, {
+    className: "sendbird-thread-list-item-content-menu__reaction-menu",
+    message: message,
+    userId: userId,
+    spaceFromTrigger: {},
+    emojiContainer: emojiContainer,
+    toggleReaction: toggleReaction,
+    setSupposedHover: setSupposedHover
+  }), /*#__PURE__*/React__default.createElement(MessageItemMenu, {
+    className: "sendbird-thread-list-item-content-menu__normal-menu",
+    channel: channel,
+    message: message,
+    isByMe: isByMe,
+    replyType: replyType,
+    disabled: disabled,
+    showRemove: showRemove,
+    resendMessage: resendMessage,
+    setSupposedHover: setSupposedHover,
+    onReplyInThread: onReplyInThread
+  }))));
+}
+
+function ThreadListItem(_a) {
+  var _b, _c, _d, _e;
+
+  var className = _a.className,
+      message = _a.message,
+      chainTop = _a.chainTop,
+      chainBottom = _a.chainBottom,
+      hasSeparator = _a.hasSeparator,
+      renderCustomSeparator = _a.renderCustomSeparator,
+      handleScroll = _a.handleScroll;
+
+  var _f = useSendbirdStateContext(),
+      stores = _f.stores,
+      config = _f.config;
+
+  var isReactionEnabled = config.isReactionEnabled,
+      isMentionEnabled = config.isMentionEnabled,
+      isOnline = config.isOnline,
+      replyType = config.replyType,
+      userMention = config.userMention;
+  var userId = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.userId;
+  var dateLocale = useLocalization().dateLocale;
+  var threadContext = useThreadContext === null || useThreadContext === void 0 ? void 0 : useThreadContext();
+  var currentChannel = threadContext.currentChannel,
+      nicknamesMap = threadContext.nicknamesMap,
+      emojiContainer = threadContext.emojiContainer,
+      toggleReaction = threadContext.toggleReaction,
+      threadListStatus = threadContext.threadListStatus,
+      updateMessage = threadContext.updateMessage,
+      resendMessage = threadContext.resendMessage,
+      deleteMessage = threadContext.deleteMessage,
+      isMuted = threadContext.isMuted,
+      isChannelFrozen = threadContext.isChannelFrozen;
+  var openingMessage = threadContext === null || threadContext === void 0 ? void 0 : threadContext.message;
+
+  var _g = useState(false),
+      showEdit = _g[0],
+      setShowEdit = _g[1];
+
+  var _h = useState(false),
+      showRemove = _h[0],
+      setShowRemove = _h[1];
+
+  var _j = useState(false),
+      showFileViewer = _j[0],
+      setShowFileViewer = _j[1];
+
+  var usingReaction = isReactionEnabled && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isSuper) && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast); // Move to message
+
+  var messageScrollRef = useRef(null);
+  useLayoutEffect(function () {
+    var _a;
+
+    if ((openingMessage === null || openingMessage === void 0 ? void 0 : openingMessage.messageId) === (message === null || message === void 0 ? void 0 : message.messageId) && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
+      (_a = messageScrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [openingMessage, messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current]); // reactions
+
+  useLayoutEffect(function () {
+    handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
+  }, [showEdit, (_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length]); // mention
+
+  var editMessageInputRef = useRef(null);
+
+  var _k = useState(''),
+      mentionNickname = _k[0],
+      setMentionNickname = _k[1];
+
+  var _l = useState([]),
+      mentionedUsers = _l[0],
+      setMentionedUsers = _l[1];
+
+  var _m = useState([]),
+      mentionedUserIds = _m[0],
+      setMentionedUserIds = _m[1];
+
+  var _o = useState(null),
+      messageInputEvent = _o[0],
+      setMessageInputEvent = _o[1];
+
+  var _p = useState(null),
+      selectedUser = _p[0],
+      setSelectedUser = _p[1];
+
+  var _q = useState([]),
+      mentionSuggestedUsers = _q[0],
+      setMentionSuggestedUsers = _q[1];
+
+  var _r = useState(true),
+      ableMention = _r[0],
+      setAbleMention = _r[1];
+
+  var displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !isMuted && !(isChannelFrozen && !(currentChannel.myRole === Role.OPERATOR));
+  useEffect(function () {
+    if ((mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) >= (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount)) {
+      setAbleMention(false);
+    } else {
+      setAbleMention(true);
+    }
+  }, [mentionedUsers]);
+  useEffect(function () {
+    setMentionedUsers(mentionedUsers.filter(function (_a) {
+      var userId = _a.userId;
+      var i = mentionedUserIds.indexOf(userId);
+
+      if (i < 0) {
+        return false;
+      } else {
+        mentionedUserIds.splice(i, 1);
+        return true;
+      }
+    }));
+  }, [mentionedUserIds]); // edit input
+
+  var disabled = !(threadListStatus === ThreadListStateTypes.INITIALIZED) || !isOnline || isMuted || isChannelFrozen; // memorize
+
+  var MemorizedSeparator = useMemo(function () {
+    if (typeof renderCustomSeparator === 'function') {
+      return renderCustomSeparator === null || renderCustomSeparator === void 0 ? void 0 : renderCustomSeparator({
+        message: message
+      });
+    }
+  }, [message, renderCustomSeparator]); // Edit message
+
+  if (showEdit && message.isUserMessage()) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, displaySuggestedMentionList && /*#__PURE__*/React__default.createElement(SuggestedMentionList, {
+      targetNickname: mentionNickname,
+      inputEvent: messageInputEvent // renderUserMentionItem={renderUserMentionItem}
+      ,
+      onUserItemClick: function (user) {
+        if (user) {
+          setMentionedUsers(__spreadArray(__spreadArray([], mentionedUsers, true), [user], false));
+        }
+
+        setMentionNickname('');
+        setSelectedUser(user);
+        setMessageInputEvent(null);
+      },
+      onFocusItemChange: function () {
+        setMessageInputEvent(null);
+      },
+      onFetchUsers: function (users) {
+        setMentionSuggestedUsers(users);
+      },
+      ableAddMention: ableMention,
+      maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount,
+      maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount
+    }), /*#__PURE__*/React__default.createElement(MessageInput, {
+      isEdit: true,
+      disabled: disabled,
+      ref: editMessageInputRef,
+      mentionSelectedUser: selectedUser,
+      isMentionEnabled: isMentionEnabled,
+      message: message,
+      onStartTyping: function () {
+        var _a;
+
+        (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
+      },
+      onUpdateMessage: function (_a) {
+        var _b;
+
+        var messageId = _a.messageId,
+            message = _a.message,
+            mentionTemplate = _a.mentionTemplate;
+        updateMessage({
+          messageId: messageId,
+          message: message,
+          mentionedUsers: mentionedUsers,
+          mentionTemplate: mentionTemplate
+        });
+        setShowEdit(false);
+        (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentChannel);
+      },
+      onCancelEdit: function () {
+        var _a;
+
+        setMentionNickname('');
+        setMentionedUsers([]);
+        setMentionedUserIds([]);
+        setMentionSuggestedUsers([]);
+        setShowEdit(false);
+        (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
+      },
+      onUserMentioned: function (user) {
+        if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
+          setSelectedUser(null);
+          setMentionNickname('');
+        }
+      },
+      onMentionStringChange: function (mentionText) {
+        setMentionNickname(mentionText);
+      },
+      onMentionedUserIdsUpdated: function (userIds) {
+        setMentionedUserIds(userIds);
+      },
+      onKeyDown: function (e) {
+        if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0 && (e.key === MessageInputKeys.Enter && ableMention || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)) {
+          setMessageInputEvent(e);
+          return true;
+        }
+
+        return false;
+      }
+    }));
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: messageScrollRef,
+    className: "sendbird-thread-list-item ".concat(className)
+  }, hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (MemorizedSeparator || /*#__PURE__*/React__default.createElement(DateSeparator, null, /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.CAPTION_2,
+    color: LabelColors.ONBACKGROUND_2
+  }, format(message === null || message === void 0 ? void 0 : message.createdAt, 'MMM dd, yyyy', {
+    locale: dateLocale
+  })))), /*#__PURE__*/React__default.createElement(ThreadListItemContent, {
+    userId: userId,
+    channel: currentChannel,
+    message: message,
+    chainTop: chainTop,
+    chainBottom: chainBottom,
+    isReactionEnabled: usingReaction,
+    isMentionEnabled: isMentionEnabled,
+    disableQuoteMessage: true,
+    replyType: replyType,
+    nicknamesMap: nicknamesMap,
+    emojiContainer: emojiContainer,
+    resendMessage: resendMessage,
+    showRemove: setShowRemove,
+    showFileViewer: setShowFileViewer,
+    toggleReaction: toggleReaction,
+    showEdit: setShowEdit
+  }), showRemove && /*#__PURE__*/React__default.createElement(RemoveMessage, {
+    message: message,
+    onCancel: function () {
+      return setShowRemove(false);
+    }
+  }), showFileViewer && /*#__PURE__*/React__default.createElement(FileViewer, {
+    message: message,
+    isByMe: ((_e = message === null || message === void 0 ? void 0 : message.sender) === null || _e === void 0 ? void 0 : _e.userId) === userId,
+    onClose: function () {
+      return setShowFileViewer(false);
+    },
+    onDelete: function () {
+      deleteMessage(message);
+      setShowFileViewer(false);
+    }
+  }));
+}
+
+export { ThreadListItem as default };
+//# sourceMappingURL=ThreadListItem.js.map

package/Thread/components/ThreadListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadListItem.js","sources":["../../../src/smart-components/Thread/components/ThreadList/ThreadListItemContent.tsx","../../../src/smart-components/Thread/components/ThreadList/ThreadListItem.tsx"],"sourcesContent":["import React, { useContext, useRef, useState } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport './ThreadListItemContent.scss';\n\nimport { ReplyType } from '../../../../types';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport Avatar from '../../../../ui/Avatar';\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport { UserProfileContextInterface } from '../../../../ui/MessageContent';\nimport UserProfile from '../../../../ui/UserProfile';\nimport MessageItemMenu from '../../../../ui/MessageItemMenu';\nimport MessageItemReactionMenu from '../../../../ui/MessageItemReactionMenu';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { getClassName, getSenderName, getUIKitMessageType, getUIKitMessageTypes, isOGMessage, isTextMessage, isThumbnailMessage } from '../../../../utils';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport EmojiReactions from '../../../../ui/EmojiReactions';\nimport format from 'date-fns/format';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport TextMessageItemBody from '../../../../ui/TextMessageItemBody';\nimport OGMessageItemBody from '../../../../ui/OGMessageItemBody';\nimport FileMessageItemBody from '../../../../ui/FileMessageItemBody';\nimport ThumbnailMessageItemBody from '../../../../ui/ThumbnailMessageItemBody';\nimport UnknownMessageItemBody from '../../../../ui/UnknownMessageItemBody';\n\nexport interface ThreadListItemContentProps {\n  className?: string;\n  userId: string;\n  channel: GroupChannel;\n  message: UserMessage | FileMessage;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n  disableQuoteMessage?: boolean;\n  replyType?: ReplyType;\n  nicknamesMap?: Map<string, string>;\n  emojiContainer?: EmojiContainer;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  showFileViewer?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  onReplyInThread?: (props: { message: UserMessage | FileMessage }) => void;\n}\n\nexport default function ThreadListItemContent({\n  className,\n  userId,\n  channel,\n  message,\n  disabled = false,\n  chainTop = false,\n  chainBottom = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n  disableQuoteMessage = false,\n  replyType,\n  nicknamesMap,\n  emojiContainer,\n  showEdit,\n  showRemove,\n  showFileViewer,\n  resendMessage,\n  toggleReaction,\n  onReplyInThread,\n}: ThreadListItemContentProps): React.ReactElement {\n  const messageTypes = getUIKitMessageTypes();\n  const { dateLocale } = useLocalization();\n  const [supposedHover, setSupposedHover] = useState(false);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContextInterface>(UserProfileContext);\n  const avatarRef = useRef(null);\n\n  const isByMe = (userId === (message as UserMessage | FileMessage)?.sender?.userId)\n    || ((message as UserMessage | FileMessage)?.sendingStatus === 'pending')\n    || ((message as UserMessage | FileMessage)?.sendingStatus === 'failed');\n  const useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD')\n    && message?.parentMessageId && message?.parentMessage\n    && !disableQuoteMessage\n  );\n  const supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';\n  return (\n    <div className={`sendbird-thread-list-item-content ${className} ${isByMe ? 'outgoing' : 'incoming'}`}>\n      <div className={`sendbird-thread-list-item-content__left ${isReactionEnabled ? 'use-reaction' : ''} ${isByMe ? 'outgoing' : 'incoming'}`}>\n        {(!isByMe && !chainBottom) && (\n          <ContextMenu\n            menuTrigger={(toggleDropdown) => (\n              <Avatar\n                className=\"sendbird-thread-list-item-content__left__avatar\"\n                src={channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.profileUrl || message?.sender?.profileUrl || ''}\n                ref={avatarRef}\n                width=\"28px\"\n                height=\"28px\"\n                onClick={() => {\n                  if (!disableUserProfile) {\n                    toggleDropdown?.();\n                  }\n                }}\n              />\n            )}\n            menuItems={(closeDropdown) => (\n              <MenuItems\n                parentRef={avatarRef}\n                parentContainRef={avatarRef}\n                closeDropdown={closeDropdown}\n                style={{ paddingTop: '0px', paddingBottom: '0px' }}\n              >\n                {renderUserProfile\n                  ? renderUserProfile({ user: message?.sender, close: closeDropdown })\n                  : <UserProfile user={message?.sender} onSuccess={closeDropdown} />\n                }\n              </MenuItems>\n            )}\n          />\n        )}\n        {isByMe && (\n          <div\n            className={`sendbird-thread-list-item-content-menu ${isReactionEnabled ? 'use-reaction' : ''\n              } ${isByMe ? 'outgoing' : 'incoming'\n              } ${supposedHoverClassName}`}\n          >\n            <MessageItemMenu\n              className=\"sendbird-thread-list-item-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showEdit={showEdit}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setSupposedHover={setSupposedHover}\n              onReplyInThread={onReplyInThread}\n            />\n            {isReactionEnabled && (\n              <MessageItemReactionMenu\n                className=\"sendbird-thread-list-item-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n          </div>\n        )}\n      </div>\n      <div className=\"sendbird-thread-list-item-content__middle\">\n        {(!isByMe && !chainTop && !useReplying) && (\n          <Label\n            className=\"sendbird-thread-list-item-content__middle__sender-name\"\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.nickname\n              || getSenderName(message as UserMessage | FileMessage)\n              // TODO: Divide getting profileUrl logic to utils\n            }\n          </Label>\n        )}\n        <div className={getClassName(['sendbird-thread-list-item-content__middle__body-container'])} >\n          {/* message status component */}\n          {(isByMe && !chainBottom) && (\n            <div className={getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'left', supposedHoverClassName])}>\n              <div className=\"sendbird-thread-list-item-content__middle__body-container__created-at__component-container\">\n                <MessageStatus\n                  message={message as UserMessage | FileMessage}\n                  channel={channel}\n                />\n              </div>\n            </div>\n          )}\n          {/* message item body components */}\n          {isTextMessage(message as UserMessage) && (\n            <TextMessageItemBody\n              className=\"sendbird-thread-list-item-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              isMentionEnabled={isMentionEnabled}\n              isReactionEnabled={isReactionEnabled}\n            />\n          )}\n          {(isOGMessage(message as UserMessage)) && (\n            <OGMessageItemBody\n              className=\"sendbird-thread-list-item-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              isMentionEnabled={isMentionEnabled}\n              isReactionEnabled={isReactionEnabled}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.FILE) && (\n            <FileMessageItemBody\n              className=\"sendbird-thread-list-item-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              isReactionEnabled={isReactionEnabled}\n              truncateLimit={isByMe ? 18 : 14}\n            />\n          )}\n          {(isThumbnailMessage(message as FileMessage)) && (\n            <ThumbnailMessageItemBody\n              className=\"sendbird-thread-list-item-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              isReactionEnabled={isReactionEnabled}\n              showFileViewer={showFileViewer}\n              style={{\n                width: '200px',\n                height: '148px',\n              }}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.UNKNOWN) && (\n            <UnknownMessageItemBody\n              className=\"sendbird-thread-list-item-content__middle__message-item-body\"\n              message={message}\n              isByMe={isByMe}\n              isReactionEnabled={isReactionEnabled}\n            />\n          )}\n          {/* reactions */}\n          {(isReactionEnabled && message?.reactions?.length > 0) && (\n            <div className={getClassName([\n              'sendbird-thread-list-item-content-reactions',\n              (!isByMe || isThumbnailMessage(message as FileMessage) || isOGMessage(message as UserMessage)) ? '' : 'primary',\n            ])}>\n              <EmojiReactions\n                userId={userId}\n                message={message as UserMessage | FileMessage}\n                isByMe={isByMe}\n                emojiContainer={emojiContainer}\n                memberNicknamesMap={nicknamesMap}\n                toggleReaction={toggleReaction}\n              />\n            </div>\n          )}\n          {(!isByMe && !chainBottom) && (\n            <Label\n              className={getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'right', supposedHoverClassName])}\n              type={LabelTypography.CAPTION_3}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {format(message?.createdAt || 0, 'p', {\n                locale: dateLocale,\n              })}\n            </Label>\n          )}\n        </div>\n      </div>\n      <div\n        className={`sendbird-thread-list-item-content__right ${chainTop ? 'chain-top' : ''\n          } ${isByMe ? 'outgoing' : 'incoming'}`}\n      >\n        {!isByMe && (\n          <div className={`sendbird-thread-list-item-content-menu ${supposedHoverClassName}`}>\n            {isReactionEnabled && (\n              <MessageItemReactionMenu\n                className=\"sendbird-thread-list-item-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n            <MessageItemMenu\n              className=\"sendbird-thread-list-item-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setSupposedHover={setSupposedHover}\n              onReplyInThread={onReplyInThread}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n","import React, { useMemo, useState, useRef, useEffect, useLayoutEffect } from 'react';\nimport format from 'date-fns/format';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport RemoveMessage from '../RemoveMessageModal';\nimport FileViewer from '../../../../ui/FileViewer';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport SuggestedMentionList from '../../../Channel/components/SuggestedMentionList';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { ThreadListStateTypes } from '../../types';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport ThreadListItemContent from './ThreadListItemContent';\nimport { Role } from '@sendbird/chat';\n\nexport interface ThreadListItemProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  hasSeparator?: boolean;\n  renderCustomSeparator?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  handleScroll?: () => void;\n}\n\nexport default function ThreadListItem({\n  className,\n  message,\n  chainTop,\n  chainBottom,\n  hasSeparator,\n  renderCustomSeparator,\n  handleScroll,\n}: ThreadListItemProps): React.ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    isReactionEnabled,\n    isMentionEnabled,\n    isOnline,\n    replyType,\n    userMention,\n  } = config;\n  const userId = stores?.userStore?.user?.userId;\n  const { dateLocale } = useLocalization();\n  const threadContext = useThreadContext?.();\n  const {\n    currentChannel,\n    nicknamesMap,\n    emojiContainer,\n    toggleReaction,\n    threadListStatus,\n    updateMessage,\n    resendMessage,\n    deleteMessage,\n    isMuted,\n    isChannelFrozen,\n  } = threadContext;\n  const openingMessage = threadContext?.message;\n\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const usingReaction = isReactionEnabled && !currentChannel?.isSuper && !currentChannel?.isBroadcast;\n\n  // Move to message\n  const messageScrollRef = useRef(null);\n  useLayoutEffect(() => {\n    if (openingMessage?.messageId === message?.messageId && messageScrollRef?.current) {\n      messageScrollRef.current?.scrollIntoView({ block: 'center', inline: 'center' });\n    }\n  }, [openingMessage, messageScrollRef?.current]);\n\n  // reactions\n  useLayoutEffect(() => {\n    handleScroll?.();\n  }, [showEdit, message?.reactions?.length]);\n\n  // mention\n  const editMessageInputRef = useRef(null);\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isMuted\n    && !(isChannelFrozen && !(currentChannel.myRole === Role.OPERATOR));\n  useEffect(() => {\n    if (mentionedUsers?.length >= userMention?.maxMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  // edit input\n  const disabled = !(threadListStatus === ThreadListStateTypes.INITIALIZED)\n    || !isOnline\n    || isMuted\n    || isChannelFrozen;\n\n  // memorize\n  const MemorizedSeparator = useMemo(() => {\n    if (typeof renderCustomSeparator === 'function') {\n      return renderCustomSeparator?.({ message });\n    }\n  }, [message, renderCustomSeparator]);\n\n  // Edit message\n  if (showEdit && message.isUserMessage()) {\n    return (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              targetNickname={mentionNickname}\n              inputEvent={messageInputEvent}\n              // renderUserMentionItem={renderUserMentionItem}\n              onUserItemClick={(user) => {\n                if (user) {\n                  setMentionedUsers([...mentionedUsers, user]);\n                }\n                setMentionNickname('');\n                setSelectedUser(user);\n                setMessageInputEvent(null);\n              }}\n              onFocusItemChange={() => {\n                setMessageInputEvent(null);\n              }}\n              onFetchUsers={(users) => {\n                setMentionSuggestedUsers(users);\n              }}\n              ableAddMention={ableMention}\n              maxMentionCount={userMention?.maxMentionCount}\n              maxSuggestionCount={userMention?.maxSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={message}\n          onStartTyping={() => {\n            currentChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEdit(false);\n            currentChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEdit(false);\n            currentChannel?.endTyping?.();\n          }}\n          onUserMentioned={(user) => {\n            if (selectedUser?.userId === user?.userId) {\n              setSelectedUser(null);\n              setMentionNickname('');\n            }\n          }}\n          onMentionStringChange={(mentionText) => {\n            setMentionNickname(mentionText);\n          }}\n          onMentionedUserIdsUpdated={(userIds) => {\n            setMentionedUserIds(userIds);\n          }}\n          onKeyDown={(e) => {\n            if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n              && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n            ) {\n              setMessageInputEvent(e);\n              return true;\n            }\n            return false;\n          }}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div\n      ref={messageScrollRef}\n      className={`sendbird-thread-list-item ${className}`}\n    >\n      {/* date separator */}\n      {\n        hasSeparator && message?.createdAt && (MemorizedSeparator || (\n          <DateSeparator>\n            <Label\n              type={LabelTypography.CAPTION_2}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {format(message?.createdAt, 'MMM dd, yyyy', { locale: dateLocale })}\n            </Label>\n          </DateSeparator>\n        ))\n      }\n      <ThreadListItemContent\n        userId={userId}\n        channel={currentChannel}\n        message={message}\n        chainTop={chainTop}\n        chainBottom={chainBottom}\n        isReactionEnabled={usingReaction}\n        isMentionEnabled={isMentionEnabled}\n        disableQuoteMessage\n        replyType={replyType}\n        nicknamesMap={nicknamesMap}\n        emojiContainer={emojiContainer}\n        resendMessage={resendMessage}\n        showRemove={setShowRemove}\n        showFileViewer={setShowFileViewer}\n        toggleReaction={toggleReaction}\n        showEdit={setShowEdit}\n      />\n      {/* modal */}\n      {showRemove && (\n        <RemoveMessage\n          message={message}\n          onCancel={() => setShowRemove(false)}\n        />\n      )}\n      {showFileViewer && (\n        <FileViewer\n          message={message as FileMessage}\n          isByMe={message?.sender?.userId === userId}\n          onClose={() => setShowFileViewer(false)}\n          onDelete={() => {\n            deleteMessage(message);\n            setShowFileViewer(false);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ThreadListItemContent","_a","className","userId","channel","message","_f","disabled","_g","chainTop","_h","chainBottom","_j","isMentionEnabled","_k","isReactionEnabled","_l","disableQuoteMessage","replyType","nicknamesMap","emojiContainer","showEdit","showRemove","showFileViewer","resendMessage","toggleReaction","onReplyInThread","messageTypes","getUIKitMessageTypes","dateLocale","useLocalization","_m","useState","supposedHover","setSupposedHover","_o","useContext","UserProfileContext","disableUserProfile","renderUserProfile","avatarRef","useRef","isByMe","sender","_b","sendingStatus","useReplying","parentMessageId","parentMessage","supposedHoverClassName","React","concat","toggleDropdown","members","find","member","profileUrl","_c","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","_d","nickname","getSenderName","getClassName","isTextMessage","isOGMessage","getUIKitMessageType","FILE","isThumbnailMessage","width","height","UNKNOWN","_e","reactions","length","CAPTION_3","format","createdAt","locale","ThreadListItem","hasSeparator","renderCustomSeparator","handleScroll","useSendbirdStateContext","stores","config","isOnline","userMention","userStore","threadContext","useThreadContext","currentChannel","threadListStatus","updateMessage","deleteMessage","isMuted","isChannelFrozen","openingMessage","setShowEdit","setShowRemove","setShowFileViewer","usingReaction","isSuper","isBroadcast","messageScrollRef","useLayoutEffect","messageId","current","scrollIntoView","block","inline","editMessageInputRef","mentionNickname","setMentionNickname","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","messageInputEvent","setMessageInputEvent","_p","selectedUser","setSelectedUser","_q","mentionSuggestedUsers","setMentionSuggestedUsers","_r","ableMention","setAbleMention","displaySuggestedMentionList","myRole","Role","OPERATOR","useEffect","maxMentionCount","filter","i","indexOf","splice","ThreadListStateTypes","INITIALIZED","MemorizedSeparator","useMemo","isUserMessage","__spreadArray","users","maxSuggestionCount","startTyping","mentionTemplate","endTyping","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown"],"mappings":"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"}