@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/dist/cjs/Channel/components/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../../../src/smart-components/Channel/components/Message/index.tsx"],"sourcesContent":["import React, {\n  useRef,\n  useMemo,\n  useState,\n  useEffect,\n  useLayoutEffect,\n} from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\n\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { getClassName } from '../../../../utils';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT } from '../../context/const';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport MessageContent from '../../../../ui/MessageContent';\nimport FileViewer from '../FileViewer';\nimport RemoveMessageModal from '../RemoveMessageModal';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype MessageUIProps = {\n  message: EveryMessage;\n  hasSeparator?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  handleScroll: () => void;\n  // for extending\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderEditInput?: () => React.ReactElement;\n  renderMessageContent?: () => React.ReactElement;\n};\n\nconst Message = (props: MessageUIProps): React.FC<MessageUIProps> | React.ReactElement => {\n  const {\n    message,\n    hasSeparator,\n    chainTop,\n    chainBottom,\n    handleScroll,\n    renderCustomSeparator,\n    renderEditInput,\n    renderMessage,\n    renderMessageContent,\n  } = props;\n\n  const { dateLocale } = useLocalization();\n  const globalStore = useSendbirdStateContext();\n  const {\n    userId,\n    isOnline,\n    isMentionEnabled,\n    userMention,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || MAX_USER_MENTION_COUNT;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || MAX_USER_SUGGESTION_COUNT;\n\n  const {\n    initialized,\n    currentGroupChannel,\n    highLightedMessageId,\n    setHighLightedMessageId,\n    animatedMessageId,\n    setAnimatedMessageId,\n    updateMessage,\n    scrollToMessage,\n    replyType,\n    threadReplySelectType,\n    isReactionEnabled,\n    toggleReaction,\n    emojiContainer,\n    nicknamesMap,\n    setQuoteMessage,\n    resendMessage,\n    renderUserMentionItem,\n    onReplyInThread,\n    onQuoteMessageClick,\n    onMessageAnimated,\n    onMessageHighlighted,\n  } = useChannelContext();\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [isHighlighted, setIsHighlighted] = useState(false);\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 editMessageInputRef = useRef(null);\n  const useMessageScrollRef = useRef(null);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isDisabledBecauseFrozen(currentGroupChannel)\n    && !isDisabledBecauseMuted(currentGroupChannel);\n  const disabled = !initialized\n    || isDisabledBecauseFrozen(currentGroupChannel)\n    || isDisabledBecauseMuted(currentGroupChannel)\n    || !isOnline;\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\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  useLayoutEffect(() => {\n    handleScroll?.();\n  }, [showEdit, message?.reactions?.length]);\n\n  useLayoutEffect(() => {\n    if (highLightedMessageId === message.messageId) {\n      if (useMessageScrollRef && useMessageScrollRef.current) {\n        useMessageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });\n        setIsAnimated(false);\n        setTimeout(() => {\n          setIsHighlighted(true);\n        }, 500);\n        setTimeout(() => {\n          setHighLightedMessageId(0);\n          onMessageHighlighted?.();\n        }, 1600);\n      }\n    } else {\n      setIsHighlighted(false);\n    }\n  }, [highLightedMessageId, useMessageScrollRef.current, message.messageId]);\n\n  useLayoutEffect(() => {\n    if (animatedMessageId === message.messageId) {\n      if (useMessageScrollRef && useMessageScrollRef.current) {\n        useMessageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });\n        setIsHighlighted(false);\n        setTimeout(() => {\n          setIsAnimated(true);\n        }, 500);\n        setTimeout(() => {\n          setAnimatedMessageId(0);\n          onMessageAnimated?.();\n        }, 1600);\n      }\n    } else {\n      setIsAnimated(false);\n    }\n  }, [animatedMessageId, useMessageScrollRef.current, message.messageId, onMessageAnimated]);\n  const renderedMessage = useMemo(() => {\n    return renderMessage?.({\n      message,\n      chainTop,\n      chainBottom,\n    });\n  }, [message, renderMessage]);\n  const renderedCustomSeparator = useMemo(() => {\n    if (renderCustomSeparator) {\n      return renderCustomSeparator?.({ message: message });\n    }\n    return null;\n  }, [message, renderCustomSeparator]);\n\n  if (renderedMessage) {\n    return (\n      <div\n        ref={useMessageScrollRef}\n        className={getClassName([\n          'sendbird-msg-hoc sendbird-msg--scroll-ref',\n          isAnimated ? 'sendbird-msg-hoc__animated' : '',\n          isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n        ])}\n      >\n        {/* date-separator */}\n        {\n          // TODO: Add message instance as a function parameter\n          hasSeparator && (renderedCustomSeparator || (\n            <DateSeparator>\n              <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n                {format(message.createdAt, 'MMMM dd, yyyy', {\n                  locale: dateLocale,\n                })}\n              </Label>\n            </DateSeparator>\n          ))\n        }\n        {renderedMessage}\n      </div>\n    );\n  }\n\n  if (showEdit && message?.isUserMessage?.()) {\n    return renderEditInput?.() || (\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={maxUserMentionCount}\n              maxSuggestionCount={maxUserSuggestionCount}\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            currentGroupChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEdit(false);\n            currentGroupChannel?.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      className={getClassName([\n        'sendbird-msg-hoc sendbird-msg--scroll-ref',\n        isAnimated ? 'sendbird-msg-hoc__animated' : '',\n        isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n      ])}\n      style={{ marginBottom: '2px' }}\n      ref={useMessageScrollRef}\n    >\n      {/* date-separator */}\n      {\n        hasSeparator && (renderedCustomSeparator || (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        ))\n      }\n      {/* Message */}\n      {\n        renderMessageContent?.() || (\n          <MessageContent\n            className=\"sendbird-message-hoc__message-content\"\n            userId={userId}\n            scrollToMessage={scrollToMessage}\n            channel={currentGroupChannel}\n            message={message}\n            disabled={!isOnline}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n            isReactionEnabled={isReactionEnabled}\n            replyType={replyType}\n            threadReplySelectType={threadReplySelectType}\n            nicknamesMap={nicknamesMap}\n            emojiContainer={emojiContainer}\n            showEdit={setShowEdit}\n            showRemove={setShowRemove}\n            showFileViewer={setShowFileViewer}\n            resendMessage={resendMessage}\n            toggleReaction={toggleReaction}\n            setQuoteMessage={setQuoteMessage}\n            onReplyInThread={onReplyInThread}\n            onQuoteMessageClick={onQuoteMessageClick}\n          />\n        )\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            message={message}\n            onCancel={() => setShowRemove(false)}\n          />\n        )\n      }\n      {\n        showFileViewer && (\n          <FileViewer\n            message={message as FileMessage}\n            onCancel={() => setShowFileViewer(false)}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default Message;\n"],"names":["Message","props","message","hasSeparator","chainTop","chainBottom","handleScroll","renderCustomSeparator","renderEditInput","renderMessage","renderMessageContent","dateLocale","useLocalization","globalStore","useSendbirdStateContext","_c","config","userId","isOnline","isMentionEnabled","userMention","maxUserMentionCount","maxMentionCount","MAX_USER_MENTION_COUNT","maxUserSuggestionCount","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","_d","useChannelContext","initialized","currentGroupChannel","highLightedMessageId","setHighLightedMessageId","animatedMessageId","setAnimatedMessageId","updateMessage","scrollToMessage","replyType","threadReplySelectType","isReactionEnabled","toggleReaction","emojiContainer","nicknamesMap","setQuoteMessage","resendMessage","renderUserMentionItem","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","_e","useState","showEdit","setShowEdit","_f","showRemove","setShowRemove","_g","showFileViewer","setShowFileViewer","_h","isAnimated","setIsAnimated","_j","isHighlighted","setIsHighlighted","_k","mentionNickname","setMentionNickname","_l","mentionedUsers","setMentionedUsers","_m","mentionedUserIds","setMentionedUserIds","_o","messageInputEvent","setMessageInputEvent","_p","selectedUser","setSelectedUser","_q","mentionSuggestedUsers","setMentionSuggestedUsers","_r","ableMention","setAbleMention","editMessageInputRef","useRef","useMessageScrollRef","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","disabled","useEffect","filter","_a","i","indexOf","splice","useLayoutEffect","reactions","messageId","current","scrollIntoView","block","inline","setTimeout","renderedMessage","useMemo","renderedCustomSeparator","React","getClassName","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","createdAt","locale","_b","isUserMessage","call","SuggestedMentionList","user","__spreadArray","users","MessageInput","startTyping","mentionTemplate","endTyping","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","marginBottom","MessageContent","RemoveMessageModal","FileViewer"],"mappings":"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"}

package/dist/cjs/Channel/components/MessageInput.js

@@ -0,0 +1,271 @@
+'use strict';
+
+var tslib_es6 = require('../../tslib.es6-e8acf1b5.js');
+var React = require('react');
+var Channel_context = require('../../ChannelProvider-367995a6.js');
+var ui_MessageInput = require('../../ui/MessageInput.js');
+var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
+var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
+var _const = require('../../const-86e2750e.js');
+var VoiceMessageInputWrapper = require('../../VoiceMessageInputWrapper-8eb47421.js');
+require('../../UserProfileContext-0549101e.js');
+require('prop-types');
+require('../../index-f1bd9638.js');
+require('../../index-1ec959ab.js');
+require('../../topics-839402ce.js');
+require('../../index-6714492f.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../compareIds-19a11ffa.js');
+require('../../const-3c5d5059.js');
+require('@sendbird/chat/groupChannel');
+require('../../uuid-a94df44e.js');
+require('@sendbird/chat/message');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../index-578f0575.js');
+require('../../stringSet-388f679a.js');
+require('../../ui/ReactionButton.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/Icon.js');
+require('../../consts-9d221c68.js');
+require('react-dom/server');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../ui/MentionUserLabel.js');
+require('../../withSendbird.js');
+require('../../ui/Avatar.js');
+require('../../ThreadProvider-6300587c.js');
+require('../../Thread/context/types.js');
+require('@sendbird/chat');
+require('../../VoicePlayer/useVoicePlayer.js');
+require('../../index-e1d58610.js');
+require('../../VoiceRecorder/context.js');
+require('../../lame.all.js');
+require('../../VoiceRecorder/useVoiceRecorder.js');
+require('../../index-8b769862.js');
+require('../../ui/PlaybackTime.js');
+require('../../ui/ProgressBar.js');
+require('../../ui/TextButton.js');
+require('../../color-84bbbc0b.js');
+require('../../ui/Modal.js');
+require('../../index-490839e3.js');
+require('../../MediaQueryContext-db5159f3.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var MessageInputWrapper = function (props, ref) {
+  var value = props.value,
+      renderFileUploadIcon = props.renderFileUploadIcon,
+      renderVoiceMessageIcon = props.renderVoiceMessageIcon,
+      renderSendMessageIcon = props.renderSendMessageIcon;
+
+  var _a = Channel_context.useChannelContext(),
+      currentGroupChannel = _a.currentGroupChannel,
+      initialized = _a.initialized,
+      quoteMessage = _a.quoteMessage,
+      sendMessage = _a.sendMessage,
+      sendFileMessage = _a.sendFileMessage,
+      sendVoiceMessage = _a.sendVoiceMessage,
+      setQuoteMessage = _a.setQuoteMessage,
+      messageInputRef = _a.messageInputRef,
+      renderUserMentionItem = _a.renderUserMentionItem;
+
+  var globalStore = useSendbirdStateContext();
+  var channel = currentGroupChannel;
+
+  var _b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config,
+      isOnline = _b.isOnline,
+      isMentionEnabled = _b.isMentionEnabled,
+      userMention = _b.userMention,
+      isVoiceMessageEnabled = _b.isVoiceMessageEnabled;
+
+  var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10;
+  var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+
+  var _c = React.useState(''),
+      mentionNickname = _c[0],
+      setMentionNickname = _c[1];
+
+  var _d = React.useState([]),
+      mentionedUsers = _d[0],
+      setMentionedUsers = _d[1];
+
+  var _e = React.useState([]),
+      mentionedUserIds = _e[0],
+      setMentionedUserIds = _e[1];
+
+  var _f = React.useState(null),
+      selectedUser = _f[0],
+      setSelectedUser = _f[1];
+
+  var _g = React.useState([]),
+      mentionSuggestedUsers = _g[0],
+      setMentionSuggestedUsers = _g[1];
+
+  var _h = React.useState(true),
+      ableMention = _h[0],
+      setAbleMention = _h[1];
+
+  var _j = React.useState(null),
+      messageInputEvent = _j[0],
+      setMessageInputEvent = _j[1];
+
+  var _k = React.useState(false),
+      showVoiceMessageInput = _k[0],
+      setShowVoiceMessageInput = _k[1];
+
+  var disabled = !initialized || Channel_context.isDisabledBecauseFrozen(channel) || Channel_context.isDisabledBecauseMuted(channel) || !isOnline;
+  var isOperator = Channel_context.isOperator(channel);
+  var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
+  var displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !Channel_context.isDisabledBecauseFrozen(channel) && !Channel_context.isDisabledBecauseMuted(channel); // Reset when channel changes
+
+  React.useEffect(function () {
+    setMentionNickname('');
+    setMentionedUsers([]);
+    setMentionedUserIds([]);
+    setSelectedUser(null);
+    setMentionSuggestedUsers([]);
+    setAbleMention(true);
+    setMessageInputEvent(null);
+    setShowVoiceMessageInput(false);
+  }, [channel === null || channel === void 0 ? void 0 : channel.url]);
+  React.useEffect(function () {
+    if ((mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) >= maxUserMentionCount) {
+      setAbleMention(false);
+    } else {
+      setAbleMention(true);
+    }
+  }, [mentionedUsers]);
+  React.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]); // broadcast channel + not operator
+
+  if (isBroadcast && !isOperator) {
+    return null;
+  } // other conditions
+
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-message-input-wrapper".concat(showVoiceMessageInput ? '--voice-message' : '')
+  }, displaySuggestedMentionList && /*#__PURE__*/React__default["default"].createElement(Channel_components_SuggestedMentionList, {
+    targetNickname: mentionNickname,
+    inputEvent: messageInputEvent,
+    renderUserMentionItem: renderUserMentionItem,
+    onUserItemClick: function (user) {
+      if (user) {
+        setMentionedUsers(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], mentionedUsers, true), [user], false));
+      }
+
+      setMentionNickname('');
+      setSelectedUser(user);
+      setMessageInputEvent(null);
+    },
+    onFocusItemChange: function () {
+      setMessageInputEvent(null);
+    },
+    onFetchUsers: function (users) {
+      setMentionSuggestedUsers(users);
+    },
+    ableAddMention: ableMention,
+    maxMentionCount: maxUserMentionCount,
+    maxSuggestionCount: maxUserSuggestionCount
+  }), quoteMessage && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-message-input-wrapper__quote-message-input"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_QuoteMessageInput, {
+    replyingMessage: quoteMessage,
+    onClose: function () {
+      return setQuoteMessage(null);
+    }
+  })), showVoiceMessageInput ? /*#__PURE__*/React__default["default"].createElement(VoiceMessageInputWrapper.VoiceMessageInputWrapper, {
+    channel: channel,
+    onSubmitClick: function (recordedFile, duration) {
+      sendVoiceMessage(recordedFile, duration, quoteMessage);
+      setQuoteMessage(null);
+      setShowVoiceMessageInput(false);
+    },
+    onCancelClick: function () {
+      setShowVoiceMessageInput(false);
+    }
+  }) : /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
+    className: "sendbird-message-input-wrapper__message-input",
+    value: value,
+    channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
+    mentionSelectedUser: selectedUser,
+    isMentionEnabled: isMentionEnabled,
+    isVoiceMessageEnabled: isVoiceMessageEnabled,
+    onVoiceMessageIconClick: function () {
+      setShowVoiceMessageInput(true);
+    },
+    placeholder: quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER || Channel_context.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED || Channel_context.isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED,
+    ref: ref || messageInputRef,
+    disabled: disabled,
+    renderFileUploadIcon: renderFileUploadIcon,
+    renderSendMessageIcon: renderSendMessageIcon,
+    renderVoiceMessageIcon: renderVoiceMessageIcon,
+    onStartTyping: function () {
+      channel === null || channel === void 0 ? void 0 : channel.startTyping();
+    },
+    onSendMessage: function (_a) {
+      var _b;
+
+      var message = _a.message,
+          mentionTemplate = _a.mentionTemplate;
+      sendMessage({
+        message: message,
+        quoteMessage: quoteMessage,
+        mentionedUsers: mentionedUsers,
+        mentionTemplate: mentionTemplate
+      });
+      setMentionNickname('');
+      setMentionedUsers([]);
+      setQuoteMessage(null);
+      (_b = channel === null || channel === void 0 ? void 0 : channel.endTyping) === null || _b === void 0 ? void 0 : _b.call(channel);
+    },
+    onFileUpload: function (file) {
+      sendFileMessage(file, quoteMessage);
+      setQuoteMessage(null);
+    },
+    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 === _const.MessageInputKeys.Enter && ableMention || e.key === _const.MessageInputKeys.ArrowUp || e.key === _const.MessageInputKeys.ArrowDown)) {
+        setMessageInputEvent(e);
+        return true;
+      }
+
+      return false;
+    }
+  }));
+};
+
+var MessageInputWrapper$1 = /*#__PURE__*/React__default["default"].forwardRef(MessageInputWrapper);
+
+module.exports = MessageInputWrapper$1;
+//# sourceMappingURL=MessageInput.js.map

package/dist/cjs/Channel/components/MessageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInput.js","sources":["../../../../src/smart-components/Channel/components/MessageInput/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\n\nimport './message-input.scss';\nimport * as utils from '../../context/utils';\n\nimport MessageInput from '../../../../ui/MessageInput';\nimport QuoteMessageInput from '../../../../ui/QuoteMessageInput';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport VoiceMessageInputWrapper from './VoiceMessageInputWrapper';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n  renderFileUploadIcon?: () =>  React.ReactElement;\n  renderVoiceMessageIcon?: () =>  React.ReactElement;\n  renderSendMessageIcon?: () =>  React.ReactElement;\n};\n\nconst MessageInputWrapper = (\n  props: MessageInputWrapperProps,\n  ref: React.MutableRefObject<any>,\n): JSX.Element => {\n  const {\n    value,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  const {\n    currentGroupChannel,\n    initialized,\n    quoteMessage,\n    sendMessage,\n    sendFileMessage,\n    sendVoiceMessage,\n    setQuoteMessage,\n    messageInputRef,\n    renderUserMentionItem,\n  } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const channel = currentGroupChannel;\n\n  const {\n    isOnline,\n    isMentionEnabled,\n    userMention,\n    isVoiceMessageEnabled,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || 10;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || 15;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const disabled = !initialized\n    || utils.isDisabledBecauseFrozen(channel)\n    || utils.isDisabledBecauseMuted(channel)\n    || !isOnline;\n  const isOperator = utils.isOperator(channel);\n  const isBroadcast = channel?.isBroadcast;\n\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !utils.isDisabledBecauseFrozen(channel)\n    && !utils.isDisabledBecauseMuted(channel);\n\n  // Reset when channel changes\n  useEffect(() => {\n    setMentionNickname('');\n    setMentionedUsers([]);\n    setMentionedUserIds([]);\n    setSelectedUser(null);\n    setMentionSuggestedUsers([]);\n    setAbleMention(true);\n    setMessageInputEvent(null);\n    setShowVoiceMessageInput(false);\n  }, [channel?.url]);\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\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  // broadcast channel + not operator\n  if (isBroadcast && !isOperator) {\n    return null;\n  }\n  // other conditions\n  return (\n    <div className={`sendbird-message-input-wrapper${showVoiceMessageInput ? '--voice-message' : ''}`}>\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={maxUserMentionCount}\n            maxSuggestionCount={maxUserSuggestionCount}\n          />\n        )\n      }\n      {quoteMessage && (\n        <div className=\"sendbird-message-input-wrapper__quote-message-input\">\n          <QuoteMessageInput\n            replyingMessage={quoteMessage}\n            onClose={() => setQuoteMessage(null)}\n          />\n        </div>\n      )}\n      {\n        showVoiceMessageInput\n          ? (\n            <VoiceMessageInputWrapper\n              channel={channel}\n              onSubmitClick={(recordedFile, duration) => {\n                sendVoiceMessage(recordedFile, duration, quoteMessage);\n                setQuoteMessage(null);\n                setShowVoiceMessageInput(false);\n              }}\n              onCancelClick={() => {\n                setShowVoiceMessageInput(false);\n              }}\n            />\n          )\n          : (\n            <MessageInput\n              className=\"sendbird-message-input-wrapper__message-input\"\n              value={value}\n              channelUrl={channel?.url}\n              mentionSelectedUser={selectedUser}\n              isMentionEnabled={isMentionEnabled}\n              isVoiceMessageEnabled={isVoiceMessageEnabled}\n              onVoiceMessageIconClick={() => {\n                setShowVoiceMessageInput(true);\n              }}\n              placeholder={\n                (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)\n                || (utils.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n                || (utils.isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)\n              }\n              ref={ref || messageInputRef}\n              disabled={disabled}\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              onStartTyping={() => {\n                channel?.startTyping();\n              }}\n              onSendMessage={({ message, mentionTemplate }) => {\n                sendMessage({\n                  message,\n                  quoteMessage,\n                  mentionedUsers,\n                  mentionTemplate,\n                });\n                setMentionNickname('');\n                setMentionedUsers([]);\n                setQuoteMessage(null);\n                channel?.endTyping?.();\n              }}\n              onFileUpload={(file) => {\n                sendFileMessage(file, quoteMessage);\n                setQuoteMessage(null);\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    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","value","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","_a","useChannelContext","currentGroupChannel","initialized","quoteMessage","sendMessage","sendFileMessage","sendVoiceMessage","setQuoteMessage","messageInputRef","renderUserMentionItem","globalStore","useSendbirdStateContext","channel","_b","config","isOnline","isMentionEnabled","userMention","isVoiceMessageEnabled","maxUserMentionCount","maxMentionCount","maxUserSuggestionCount","maxSuggestionCount","stringSet","useContext","LocalizationContext","_c","useState","mentionNickname","setMentionNickname","_d","mentionedUsers","setMentionedUsers","_e","mentionedUserIds","setMentionedUserIds","_f","selectedUser","setSelectedUser","_g","mentionSuggestedUsers","setMentionSuggestedUsers","_h","ableMention","setAbleMention","_j","messageInputEvent","setMessageInputEvent","_k","showVoiceMessageInput","setShowVoiceMessageInput","disabled","utils","isOperator","isBroadcast","displaySuggestedMentionList","length","useEffect","url","filter","userId","i","indexOf","splice","React","concat","SuggestedMentionList","user","__spreadArray","users","QuoteMessageInput","VoiceMessageInputWrapper","recordedFile","duration","MessageInput","MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","MESSAGE_INPUT__PLACE_HOLDER__MUTED","startTyping","message","mentionTemplate","endTyping","file","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}

package/dist/cjs/Channel/components/MessageList.js

@@ -0,0 +1,266 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../index-4e46a153.js');
+var Channel_context = require('../../ChannelProvider-367995a6.js');
+var ui_PlaceHolder = require('../../index-2d7e8e6d.js');
+var ui_Icon = require('../../ui/Icon.js');
+var Channel_components_Message = require('./Message.js');
+require('../../index-f1bd9638.js');
+require('../../index-1ec959ab.js');
+require('../../UserProfileContext-0549101e.js');
+require('prop-types');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../topics-839402ce.js');
+require('../../index-6714492f.js');
+require('../../tslib.es6-e8acf1b5.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../compareIds-19a11ffa.js');
+require('../../const-3c5d5059.js');
+require('@sendbird/chat/groupChannel');
+require('../../uuid-a94df44e.js');
+require('@sendbird/chat/message');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../index-578f0575.js');
+require('../../stringSet-388f679a.js');
+require('../../ui/ReactionButton.js');
+require('../../ui/ImageRenderer.js');
+require('../../consts-9d221c68.js');
+require('../../LocalizationContext-2fb0be1f.js');
+require('../../ui/Loader.js');
+require('./SuggestedMentionList.js');
+require('../../ui/Avatar.js');
+require('../../const-86e2750e.js');
+require('../../ThreadProvider-6300587c.js');
+require('../../Thread/context/types.js');
+require('@sendbird/chat');
+require('../../ui/DateSeparator.js');
+require('../../color-84bbbc0b.js');
+require('../../ui/MessageInput.js');
+require('react-dom/server');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../ui/MentionUserLabel.js');
+require('../../ui/MessageContent.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
+require('../../utils-c61c3737.js');
+require('../../index-43d893cf.js');
+require('../../index-aada6371.js');
+require('../../ui/MessageItemMenu.js');
+require('../../types-6ffa6822.js');
+require('../../ui/MessageItemReactionMenu.js');
+require('../../ui/EmojiReactions.js');
+require('../../ui/Tooltip.js');
+require('../../ui/TooltipWrapper.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/AdminMessage.js');
+require('../../ui/TextMessageItemBody.js');
+require('../../ui/Word.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/FileMessageItemBody.js');
+require('../../ui/TextButton.js');
+require('../../MediaQueryContext-db5159f3.js');
+require('../../ui/ThumbnailMessageItemBody.js');
+require('../../ui/OGMessageItemBody.js');
+require('../../ui/UnknownMessageItemBody.js');
+require('../../ui/QuoteMessage.js');
+require('../../useLongPress-b75b3860.js');
+require('../../ui/BottomSheet.js');
+require('../../index-490839e3.js');
+require('../../ui/ThreadReplies.js');
+require('../../ui/VoiceMessageItemBody.js');
+require('../../ui/ProgressBar.js');
+require('../../VoicePlayer/useVoicePlayer.js');
+require('../../index-e1d58610.js');
+require('../../VoiceRecorder/context.js');
+require('../../lame.all.js');
+require('../../ui/PlaybackTime.js');
+require('./FileViewer.js');
+require('./RemoveMessageModal.js');
+require('../../ui/Modal.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SCROLL_REF_CLASS_NAME = '.sendbird-msg--scroll-ref';
+
+var MessageList = function (props) {
+  var renderMessage = props.renderMessage,
+      renderPlaceholderEmpty = props.renderPlaceholderEmpty,
+      renderCustomSeparator = props.renderCustomSeparator;
+
+  var _a = Channel_context.useChannelContext(),
+      allMessages = _a.allMessages,
+      hasMorePrev = _a.hasMorePrev,
+      setInitialTimeStamp = _a.setInitialTimeStamp,
+      setAnimatedMessageId = _a.setAnimatedMessageId,
+      setHighLightedMessageId = _a.setHighLightedMessageId,
+      isMessageGroupingEnabled = _a.isMessageGroupingEnabled,
+      scrollRef = _a.scrollRef,
+      onScrollCallback = _a.onScrollCallback,
+      onScrollDownCallback = _a.onScrollDownCallback,
+      messagesDispatcher = _a.messagesDispatcher,
+      messageActionTypes = _a.messageActionTypes,
+      currentGroupChannel = _a.currentGroupChannel,
+      disableMarkAsRead = _a.disableMarkAsRead,
+      replyType = _a.replyType;
+
+  var _b = React.useState(0),
+      scrollBottom = _b[0],
+      setScrollBottom = _b[1];
+
+  var onScroll = function (e) {
+    var element = e.target;
+    var scrollTop = element.scrollTop,
+        clientHeight = element.clientHeight,
+        scrollHeight = element.scrollHeight;
+
+    if (scrollTop === 0) {
+      if (!hasMorePrev) {
+        return;
+      }
+
+      var nodes = scrollRef.current.querySelectorAll(SCROLL_REF_CLASS_NAME);
+      var first_1 = nodes && nodes[0];
+      onScrollCallback(function (_a) {
+        var messages = _a[0];
+
+        if (messages) {
+          // https://github.com/scabbiaza/react-scroll-position-on-updating-dom
+          // Set block to nearest to prevent unexpected scrolling from outer components
+          try {
+            first_1.scrollIntoView({
+              block: "start",
+              inline: "nearest"
+            });
+          } catch (error) {//
+          }
+        }
+      });
+    }
+
+    if (Channel_context.isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {
+      onScrollDownCallback(function (_a) {
+        _a[0];
+      });
+    } // Save the lastest scroll bottom value
+
+
+    if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
+      var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight);
+    }
+
+    if (!disableMarkAsRead && Channel_context.isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {
+      // Mark as read if scroll is at end
+      setTimeout(function () {
+        var _a;
+
+        messagesDispatcher({
+          type: messageActionTypes.MARK_AS_READ,
+          payload: {
+            channel: currentGroupChannel
+          }
+        });
+
+        try {
+          (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead) === null || _a === void 0 ? void 0 : _a.call(currentGroupChannel);
+        } catch (_b) {//
+        }
+      }, 500);
+    }
+  };
+
+  var onClickScrollBot = function () {
+    var _a, _b, _c;
+
+    setInitialTimeStamp === null || setInitialTimeStamp === void 0 ? void 0 : setInitialTimeStamp(null);
+    setAnimatedMessageId === null || setAnimatedMessageId === void 0 ? void 0 : setAnimatedMessageId(null);
+    setHighLightedMessageId === null || setHighLightedMessageId === void 0 ? void 0 : setHighLightedMessageId(null);
+
+    if (((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) > -1) {
+      scrollRef.current.scrollTop = ((_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) - ((_c = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight);
+    }
+  }; // Because every message components are re-rendered everytime by every scroll events
+
+
+  var memoizedAllMessages = React.useMemo(function () {
+    return allMessages.map(function (m, idx) {
+      var previousMessage = allMessages[idx - 1];
+      var nextMessage = allMessages[idx + 1];
+
+      var _a = isMessageGroupingEnabled ? Channel_context.compareMessagesForGrouping(previousMessage, m, nextMessage, currentGroupChannel, replyType) : [false, false],
+          chainTop = _a[0],
+          chainBottom = _a[1];
+
+      var previousMessageCreatedAt = previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.createdAt;
+      var currentCreatedAt = m.createdAt; // https://stackoverflow.com/a/41855608
+
+      var hasSeparator = !(previousMessageCreatedAt && index.isSameDay(currentCreatedAt, previousMessageCreatedAt));
+
+      var handleScroll = function () {
+        var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+
+        if (current) {
+          var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
+
+          if (scrollBottom < bottom) {
+            current.scrollTop += bottom - scrollBottom;
+          }
+        }
+      };
+
+      return /*#__PURE__*/React__default["default"].createElement(Channel_components_Message, {
+        key: m === null || m === void 0 ? void 0 : m.messageId,
+        handleScroll: handleScroll,
+        renderMessage: renderMessage,
+        message: m,
+        hasSeparator: hasSeparator,
+        chainTop: chainTop,
+        chainBottom: chainBottom,
+        renderCustomSeparator: renderCustomSeparator
+      });
+    });
+  }, [allMessages]);
+
+  if (allMessages.length < 1) {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (renderPlaceholderEmpty === null || renderPlaceholderEmpty === void 0 ? void 0 : renderPlaceholderEmpty()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      className: "sendbird-conversation__no-messages",
+      type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES
+    }));
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__messages"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__scroll-container"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__padding"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__messages-padding",
+    ref: scrollRef,
+    onScroll: onScroll
+  }, memoizedAllMessages)), // This flag is an unmatched variable
+  scrollBottom > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__scroll-bottom-button",
+    onClick: onClickScrollBot,
+    onKeyDown: onClickScrollBot,
+    tabIndex: 0,
+    role: "button"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    width: "24px",
+    height: "24px",
+    type: ui_Icon.IconTypes.CHEVRON_DOWN,
+    fillColor: ui_Icon.IconColors.PRIMARY
+  })));
+};
+
+module.exports = MessageList;
+//# sourceMappingURL=MessageList.js.map