@sendbird/uikit-react 3.6.9 → 3.6.10

package/cjs/Channel/components/MessageInput.js

@@ -1,66 +1,66 @@
 'use strict';
 
 var React = require('react');
-var utils = require('../../utils-1e9e97b5.js');
+var utils = require('../../utils-4951f17b.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../LocalizationContext-eb7a59da.js');
-var Channel_context = require('../../ChannelProvider-2ee005bc.js');
+var LocalizationContext = require('../../LocalizationContext-40eb7c9d.js');
+var Channel_context = require('../../ChannelProvider-f53f6659.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../const-24d498a6.js');
-var useHandleUploadFiles = require('../../useHandleUploadFiles-84bd5a9a.js');
+var _const = require('../../const-f9dd801f.js');
+var useHandleUploadFiles = require('../../useHandleUploadFiles-a2515e36.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var MediaQueryContext = require('../../MediaQueryContext-ca045060.js');
-require('../../index-de4da1f2.js');
-require('../../index-c9a4a555.js');
-require('../../topics-2c35cfd7.js');
-require('../../index-613acaa0.js');
-require('../../_rollupPluginBabelHelpers-a85bd364.js');
+var MediaQueryContext = require('../../MediaQueryContext-c66337d3.js');
+require('../../index-ec0d0086.js');
+require('../../index-d484ba73.js');
+require('../../topics-cf5100f6.js');
+require('../../index-ccda67ff.js');
+require('../../_rollupPluginBabelHelpers-488b3e8e.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-5c951066.js');
+require('../../index.module-22a4bbea.js');
 require('prop-types');
-require('../../const-95881697.js');
+require('../../const-7272c371.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-f40c4cf0.js');
-require('../../stringSet-b75b75ae.js');
-require('../../index-7e10ab98.js');
+require('../../index-e70a2323.js');
+require('../../stringSet-0c9ec33d.js');
+require('../../index-6c815158.js');
 require('dompurify');
-require('../../consts-2957b793.js');
-require('../../consts-c5d38c32.js');
-require('../../consts-dde4f05d.js');
+require('../../consts-23f916a7.js');
+require('../../consts-80cf31ce.js');
+require('../../consts-794ef905.js');
 require('../../ui/Icon.js');
-require('../../tokenize-42536b7a.js');
+require('../../tokenize-46a71d6a.js');
 require('../../ui/ImageRenderer.js');
-require('../../utils-d6285655.js');
-require('../../UserProfileContext-abe57718.js');
-require('../../compareIds-89c258a0.js');
+require('../../utils-f41b79ef.js');
+require('../../UserProfileContext-345b7649.js');
+require('../../compareIds-25532c3b.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-34728ced.js');
+require('../../uuid-e5bd2418.js');
 require('@sendbird/chat/message');
-require('../../consts-7b830cc5.js');
-require('../../resolvedReplyType-314fee09.js');
-require('../../useSendMultipleFilesMessage-c5266ca8.js');
+require('../../consts-d1774353.js');
+require('../../resolvedReplyType-7c78f221.js');
+require('../../useSendMultipleFilesMessage-82dafd6e.js');
 require('../../withSendbird.js');
 require('../../ui/Avatar.js');
-require('../../ThreadProvider-4c93de8a.js');
+require('../../ThreadProvider-fe31e040.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-6e0a495a.js');
+require('../../index-04eb31f4.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../utils-8958cb75.js');
-require('../../index-5628e0c0.js');
+require('../../utils-71eb8ef7.js');
+require('../../index-87cced05.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-2fbc5922.js');
+require('../../index-1fdc447a.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../color-2f1198fc.js');
-require('../../index-28c0a443.js');
+require('../../color-05f0e0c4.js');
+require('../../index-9ac0a31d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Channel/components/MessageList.js

@@ -1,76 +1,76 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('../../ChannelProvider-2ee005bc.js');
-var ui_PlaceHolder = require('../../index-494b5c25.js');
+var Channel_context = require('../../ChannelProvider-f53f6659.js');
+var ui_PlaceHolder = require('../../index-2c90dcb8.js');
 var ui_Icon = require('../../ui/Icon.js');
 var Channel_components_Message = require('./Message.js');
-var utils = require('../../utils-1e9e97b5.js');
+var utils = require('../../utils-4951f17b.js');
 var Channel_utils_getMessagePartsInfo = require('../utils/getMessagePartsInfo.js');
 var Channel_components_UnreadCount = require('./UnreadCount.js');
 var Channel_components_FrozenNotification = require('./FrozenNotification.js');
-var consts = require('../../consts-7b830cc5.js');
+var consts = require('../../consts-d1774353.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Message_context = require('../../Message/context.js');
-var index = require('../../index-967cbc91.js');
-require('../../UserProfileContext-abe57718.js');
+var index = require('../../index-4ca19f6d.js');
+require('../../UserProfileContext-345b7649.js');
 require('prop-types');
-require('../../const-95881697.js');
-require('../../_rollupPluginBabelHelpers-a85bd364.js');
-require('../../index-de4da1f2.js');
-require('../../index-c9a4a555.js');
-require('../../compareIds-89c258a0.js');
-require('../../index-613acaa0.js');
+require('../../const-7272c371.js');
+require('../../_rollupPluginBabelHelpers-488b3e8e.js');
+require('../../index-ec0d0086.js');
+require('../../index-d484ba73.js');
+require('../../compareIds-25532c3b.js');
+require('../../index-ccda67ff.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-5c951066.js');
+require('../../index.module-22a4bbea.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-34728ced.js');
+require('../../uuid-e5bd2418.js');
 require('@sendbird/chat/message');
-require('../../topics-2c35cfd7.js');
-require('../../resolvedReplyType-314fee09.js');
-require('../../useSendMultipleFilesMessage-c5266ca8.js');
-require('../../LocalizationContext-eb7a59da.js');
-require('../../stringSet-b75b75ae.js');
-require('../../index-f40c4cf0.js');
+require('../../topics-cf5100f6.js');
+require('../../resolvedReplyType-7c78f221.js');
+require('../../useSendMultipleFilesMessage-82dafd6e.js');
+require('../../LocalizationContext-40eb7c9d.js');
+require('../../stringSet-0c9ec33d.js');
+require('../../index-e70a2323.js');
 require('../../ui/Loader.js');
 require('./SuggestedMentionList.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../const-24d498a6.js');
-require('../../ThreadProvider-4c93de8a.js');
+require('../../const-f9dd801f.js');
+require('../../ThreadProvider-fe31e040.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../ui/DateSeparator.js');
-require('../../color-2f1198fc.js');
+require('../../color-05f0e0c4.js');
 require('../../ui/MessageInput.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-7e10ab98.js');
+require('../../index-6c815158.js');
 require('dompurify');
-require('../../consts-2957b793.js');
-require('../../consts-c5d38c32.js');
-require('../../consts-dde4f05d.js');
-require('../../tokenize-42536b7a.js');
+require('../../consts-23f916a7.js');
+require('../../consts-80cf31ce.js');
+require('../../consts-794ef905.js');
+require('../../tokenize-46a71d6a.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-8958cb75.js');
-require('../../index-910f48df.js');
-require('../../index-9813a2f9.js');
-require('../../index-03655429.js');
+require('../../utils-71eb8ef7.js');
+require('../../index-55a5da60.js');
+require('../../index-4a574f45.js');
+require('../../index-ba34ece6.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../types-382588b3.js');
+require('../../types-ad059133.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-49aa9a49.js');
-require('../../MediaQueryContext-ca045060.js');
+require('../../useLongPress-c9932bc1.js');
+require('../../MediaQueryContext-c66337d3.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
-require('../../index-5628e0c0.js');
+require('../../index-87cced05.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -78,31 +78,31 @@ require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-0f229ac7.js');
+require('../../index-9e072be5.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
 require('../../ui/ThumbnailMessageItemBody.js');
-require('../../utils-d6285655.js');
+require('../../utils-f41b79ef.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../index-1f796e5a.js');
+require('../../index-be727556.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-6e0a495a.js');
+require('../../index-04eb31f4.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/Modal.js');
 require('../../withSendbird.js');
 require('../../ui/PlaybackTime.js');
-require('../../index-f0b55959.js');
-require('../../index-4d39de27.js');
+require('../../index-b4df1d17.js');
+require('../../index-e177bbe4.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
-require('../../stringFormatterUtils-3e53394c.js');
+require('../../stringFormatterUtils-2de721a6.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
 require('../utils/compareMessagesForGrouping.js');
 
@@ -159,7 +159,7 @@ const MessageList = _ref => {
   } = _ref;
   const {
     allMessages,
-    // localMessages,
+    localMessages,
     hasMorePrev,
     hasMoreNext,
     setInitialTimeStamp,
@@ -176,6 +176,7 @@ const MessageList = _ref => {
     filterMessageList,
     replyType,
     loading,
+    isScrolled,
     unreadSince
   } = Channel_context.useChannelContext();
   const store = useSendbirdStateContext();
@@ -263,7 +264,9 @@ const MessageList = _ref => {
       type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES
     });
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isScrolled && /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    type: ui_PlaceHolder.PlaceHolderTypes.LOADING
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `sendbird-conversation__messages ${className}`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-conversation__scroll-container"
@@ -304,6 +307,32 @@ const MessageList = _ref => {
       chainBottom: chainBottom,
       renderCustomSeparator: renderCustomSeparator
     }));
+  }), localMessages.map((m, idx) => {
+    var _sender2, _store$config2;
+    const {
+      chainTop,
+      chainBottom
+    } = Channel_utils_getMessagePartsInfo.getMessagePartsInfo({
+      allMessages: allMessagesFiltered,
+      replyType,
+      isMessageGroupingEnabled,
+      currentIndex: idx,
+      currentMessage: m,
+      currentChannel: currentGroupChannel
+    });
+    const isByMe = (m === null || m === void 0 ? void 0 : (_sender2 = m.sender) === null || _sender2 === void 0 ? void 0 : _sender2.userId) === (store === null || store === void 0 ? void 0 : (_store$config2 = store.config) === null || _store$config2 === void 0 ? void 0 : _store$config2.userId);
+    return /*#__PURE__*/React__default["default"].createElement(Message_context.MessageProvider, {
+      message: m,
+      key: m === null || m === void 0 ? void 0 : m.messageId,
+      isByMe: isByMe
+    }, /*#__PURE__*/React__default["default"].createElement(Channel_components_Message, {
+      handleScroll: moveScroll,
+      renderMessage: renderMessage,
+      message: m,
+      chainTop: chainTop,
+      chainBottom: chainBottom,
+      renderCustomSeparator: renderCustomSeparator
+    }));
   }))), (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(Channel_components_FrozenNotification, {
     className: "sendbird-conversation__messages__notification"
   }), unreadSince && /*#__PURE__*/React__default["default"].createElement(Channel_components_UnreadCount, {
@@ -342,7 +371,7 @@ const MessageList = _ref => {
     height: "24px",
     type: ui_Icon.IconTypes.CHEVRON_DOWN,
     fillColor: ui_Icon.IconColors.PRIMARY
-  })));
+  }))));
 };
 
 module.exports = MessageList;

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

@@ -1 +1 @@
-{"version":3,"file":"MessageList.js","sources":["../../../../src/modules/Channel/components/MessageList/hooks/useSetScrollToBottom.ts","../../../../src/modules/Channel/components/MessageList/hooks/useScrollBehavior.ts","../../../../src/modules/Channel/components/MessageList/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useDebounce } from '../../../../../hooks/useDebounce';\n\nconst DELAY = 500;\n\nexport function useSetScrollToBottom({\n  loading,\n}: {\n  loading: boolean;\n}): ({\n  scrollBottom: number;\n  scrollToBottomHandler: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;\n}) {\n  const [scrollBottom, setScrollBottom] = useState(0);\n  useEffect(() => {\n    if (loading) {\n      setScrollBottom(0);\n    }\n  }, [loading]);\n  const scrollCb = (e: React.UIEvent<HTMLDivElement, UIEvent>) => {\n    const element = e.target as HTMLDivElement;\n    try {\n      setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);\n    } catch {\n      //\n    }\n  };\n  return {\n    scrollBottom,\n    scrollToBottomHandler: useDebounce(scrollCb, DELAY),\n  };\n}\n","import { useEffect } from 'react';\nimport { useChannelContext } from '../../../context/ChannelProvider';\n\nexport function useScrollBehavior() {\n  const {\n    scrollRef,\n    scrollBehavior = 'auto',\n  } = useChannelContext();\n\n  useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.style.scrollBehavior = scrollBehavior;\n    }\n  }, [scrollRef.current]);\n\n  return null;\n}\n","import './message-list.scss';\n\nimport React from 'react';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Message from '../Message';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { isAboutSame } from '../../context/utils';\nimport { getMessagePartsInfo } from './getMessagePartsInfo';\nimport UnreadCount from '../UnreadCount';\nimport FrozenNotification from '../FrozenNotification';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { UserMessage } from '@sendbird/chat/message';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\nimport { useSetScrollToBottom } from './hooks/useSetScrollToBottom';\nimport { useScrollBehavior } from './hooks/useScrollBehavior';\n\nconst SCROLL_BOTTOM_PADDING = 50;\n\nexport interface MessageListProps {\n  className?: string;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderPlaceholderLoader?: () => React.ReactElement;\n}\n\nconst MessageList: React.FC<MessageListProps> = ({\n  className = '',\n  renderMessage,\n  renderPlaceholderEmpty,\n  renderCustomSeparator,\n  renderPlaceholderLoader,\n}) => {\n  const {\n    allMessages,\n    // localMessages,\n    hasMorePrev,\n    hasMoreNext,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    isMessageGroupingEnabled,\n    scrollRef,\n    onScrollCallback,\n    onScrollDownCallback,\n    messagesDispatcher,\n    messageActionTypes,\n    currentGroupChannel,\n    disableMarkAsRead,\n    filterMessageList,\n    replyType,\n    loading,\n    unreadSince,\n  } = useChannelContext();\n  const store = useSendbirdStateContext();\n  const allMessagesFiltered = (typeof filterMessageList === 'function')\n    ? allMessages.filter((filterMessageList as (message: EveryMessage) => boolean))\n    : allMessages;\n  const markAsReadScheduler = store.config.markAsReadScheduler;\n\n  useScrollBehavior();\n\n  const onScroll = () => {\n    const element = scrollRef?.current;\n    if (element == null) {\n      return;\n    }\n\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    if (isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {\n      onScrollCallback((messages) => {\n        if (messages) {\n          try {\n            //\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER) && hasMoreNext) {\n      onScrollDownCallback(([messages]) => {\n        if (messages) {\n          try {\n            // element.scrollTop = scrollHeight - clientHeight;\n            // scrollRef.current.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (!disableMarkAsRead\n      && isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)\n      && !!currentGroupChannel\n    ) {\n      messagesDispatcher({\n        type: messageActionTypes.MARK_AS_READ,\n        payload: { channel: currentGroupChannel },\n      });\n      markAsReadScheduler.push(currentGroupChannel);\n    }\n  };\n\n  const onClickScrollBot = () => {\n    setInitialTimeStamp?.(null);\n    setAnimatedMessageId?.(null);\n    setHighLightedMessageId?.(null);\n    if (scrollRef?.current?.scrollTop > -1) {\n      scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n    }\n  };\n\n  /**\n   * 1. Move the messsage list scroll\n   *    when each message's height is changed by `reactions` OR `showEdit`\n   * 2. Keep the scrollBottom value after fetching new message list\n   */\n  const moveScroll = (isBottomMessageAffected = false): void => {\n    const current = scrollRef?.current;\n    if (current) {\n      const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n      if (scrollBottom < bottom\n        && (!isBottomMessageAffected || scrollBottom < SCROLL_BUFFER)) {\n        // Move the scroll as much as the height of the message has changed\n        current.scrollTop += bottom - scrollBottom;\n      }\n    }\n  };\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    hasMore: hasMorePrev,\n    hasNext: hasMoreNext,\n    onScroll,\n    scrollRef,\n  });\n\n  const { scrollToBottomHandler, scrollBottom } = useSetScrollToBottom({ loading });\n\n  if (loading) {\n    return (typeof renderPlaceholderLoader === 'function')\n      ? renderPlaceholderLoader()\n      : <PlaceHolder type={PlaceHolderTypes.LOADING} />;\n  }\n  if (allMessagesFiltered.length < 1) {\n    if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {\n      return renderPlaceholderEmpty();\n    }\n    return <PlaceHolder className=\"sendbird-conversation__no-messages\" type={PlaceHolderTypes.NO_MESSAGES} />;\n  }\n  return (\n    <div className={`sendbird-conversation__messages ${className}`}>\n      <div className=\"sendbird-conversation__scroll-container\">\n        <div className=\"sendbird-conversation__padding\" />\n        <div\n          className=\"sendbird-conversation__messages-padding\"\n          ref={scrollRef}\n          onScroll={(e) => {\n            handleOnScroll();\n            scrollToBottomHandler(e);\n          }}\n        >\n          {allMessagesFiltered.map((m, idx) => {\n            const {\n              chainTop,\n              chainBottom,\n              hasSeparator,\n            } = getMessagePartsInfo({\n              allMessages: allMessagesFiltered,\n              replyType,\n              isMessageGroupingEnabled,\n              currentIndex: idx,\n              currentMessage: m,\n              currentChannel: currentGroupChannel,\n            });\n            const isByMe = (m as UserMessage)?.sender?.userId === store?.config?.userId;\n            return (\n              <MessageProvider message={m} key={m?.messageId} isByMe={isByMe}>\n                <Message\n                  handleScroll={moveScroll}\n                  renderMessage={renderMessage}\n                  message={m}\n                  hasSeparator={hasSeparator}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  renderCustomSeparator={renderCustomSeparator}\n                />\n              </MessageProvider>\n            );\n          })}\n          {/* {localMessages.map((m, idx) => {\n            const {\n              chainTop,\n              chainBottom,\n            } = getMessagePartsInfo({\n              allMessages: allMessagesFiltered,\n              replyType,\n              isMessageGroupingEnabled,\n              currentIndex: idx,\n              currentMessage: m,\n              currentChannel: currentGroupChannel,\n            });\n            const isByMe = (m as UserMessage)?.sender?.userId === store?.config?.userId;\n            return (\n              <MessageProvider message={m} key={m?.messageId} isByMe={isByMe}>\n                <Message\n                  handleScroll={moveScroll}\n                  renderMessage={renderMessage}\n                  message={m}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  renderCustomSeparator={renderCustomSeparator}\n                />\n              </MessageProvider>\n            );\n          })} */}\n          {/* show frozen notifications */}\n          {/* show new message notifications */}\n        </div>\n      </div>\n      {currentGroupChannel?.isFrozen && (\n        <FrozenNotification className=\"sendbird-conversation__messages__notification\" />\n      )}\n      {unreadSince && (\n        <UnreadCount\n          className=\"sendbird-conversation__messages__notification\"\n          count={currentGroupChannel?.unreadMessageCount}\n          time={unreadSince}\n          onClick={() => {\n            if (scrollRef?.current?.scrollTop) {\n              scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n            }\n            if (!disableMarkAsRead && !!currentGroupChannel) {\n              markAsReadScheduler.push(currentGroupChannel);\n              messagesDispatcher({\n                type: messageActionTypes.MARK_AS_READ,\n                payload: { channel: currentGroupChannel },\n              });\n            }\n            setInitialTimeStamp(null);\n            setAnimatedMessageId(null);\n            setHighLightedMessageId(null);\n          }}\n        />\n      )}\n      {\n        // This flag is an unmatched variable\n        scrollBottom > SCROLL_BOTTOM_PADDING && (\n          <div\n            className=\"sendbird-conversation__scroll-bottom-button\"\n            onClick={onClickScrollBot}\n            onKeyDown={onClickScrollBot}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport default MessageList;\n"],"names":["DELAY","useSetScrollToBottom","_ref","loading","scrollBottom","setScrollBottom","useState","useEffect","scrollCb","e","element","target","scrollHeight","scrollTop","offsetHeight","_unused","scrollToBottomHandler","useDebounce","useScrollBehavior","scrollRef","scrollBehavior","useChannelContext","current","style","SCROLL_BOTTOM_PADDING","MessageList","className","renderMessage","renderPlaceholderEmpty","renderCustomSeparator","renderPlaceholderLoader","allMessages","hasMorePrev","hasMoreNext","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","isMessageGroupingEnabled","onScrollCallback","onScrollDownCallback","messagesDispatcher","messageActionTypes","currentGroupChannel","disableMarkAsRead","filterMessageList","replyType","unreadSince","store","useSendbirdStateContext","allMessagesFiltered","filter","markAsReadScheduler","config","onScroll","clientHeight","isAboutSame","SCROLL_BUFFER","messages","_ref2","type","MARK_AS_READ","payload","channel","push","onClickScrollBot","_scrollRef$current","_scrollRef$current$sc","_scrollRef$current2","_scrollRef$current$of","_scrollRef$current3","moveScroll","isBottomMessageAffected","arguments","length","undefined","bottom","handleOnScroll","useHandleOnScrollCallback","hasMore","hasNext","React","createElement","PlaceHolder","PlaceHolderTypes","LOADING","NO_MESSAGES","ref","map","m","idx","_sender","_store$config","chainTop","chainBottom","hasSeparator","getMessagePartsInfo","currentIndex","currentMessage","currentChannel","isByMe","sender","userId","MessageProvider","message","key","messageId","Message","handleScroll","isFrozen","FrozenNotification","UnreadCount","count","unreadMessageCount","time","onClick","_scrollRef$current4","_scrollRef$current$sc2","_scrollRef$current5","_scrollRef$current$of2","_scrollRef$current6","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","PRIMARY"],"mappings":"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"}
+{"version":3,"file":"MessageList.js","sources":["../../../../src/modules/Channel/components/MessageList/hooks/useSetScrollToBottom.ts","../../../../src/modules/Channel/components/MessageList/hooks/useScrollBehavior.ts","../../../../src/modules/Channel/components/MessageList/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useDebounce } from '../../../../../hooks/useDebounce';\n\nconst DELAY = 500;\n\nexport function useSetScrollToBottom({\n  loading,\n}: {\n  loading: boolean;\n}): ({\n  scrollBottom: number;\n  scrollToBottomHandler: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;\n}) {\n  const [scrollBottom, setScrollBottom] = useState(0);\n  useEffect(() => {\n    if (loading) {\n      setScrollBottom(0);\n    }\n  }, [loading]);\n  const scrollCb = (e: React.UIEvent<HTMLDivElement, UIEvent>) => {\n    const element = e.target as HTMLDivElement;\n    try {\n      setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);\n    } catch {\n      //\n    }\n  };\n  return {\n    scrollBottom,\n    scrollToBottomHandler: useDebounce(scrollCb, DELAY),\n  };\n}\n","import { useEffect } from 'react';\nimport { useChannelContext } from '../../../context/ChannelProvider';\n\nexport function useScrollBehavior() {\n  const {\n    scrollRef,\n    scrollBehavior = 'auto',\n  } = useChannelContext();\n\n  useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.style.scrollBehavior = scrollBehavior;\n    }\n  }, [scrollRef.current]);\n\n  return null;\n}\n","import './message-list.scss';\n\nimport React from 'react';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Message from '../Message';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { isAboutSame } from '../../context/utils';\nimport { getMessagePartsInfo } from './getMessagePartsInfo';\nimport UnreadCount from '../UnreadCount';\nimport FrozenNotification from '../FrozenNotification';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { UserMessage } from '@sendbird/chat/message';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\nimport { useSetScrollToBottom } from './hooks/useSetScrollToBottom';\nimport { useScrollBehavior } from './hooks/useScrollBehavior';\n\nconst SCROLL_BOTTOM_PADDING = 50;\n\nexport interface MessageListProps {\n  className?: string;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderPlaceholderLoader?: () => React.ReactElement;\n}\n\nconst MessageList: React.FC<MessageListProps> = ({\n  className = '',\n  renderMessage,\n  renderPlaceholderEmpty,\n  renderCustomSeparator,\n  renderPlaceholderLoader,\n}) => {\n  const {\n    allMessages,\n    localMessages,\n    hasMorePrev,\n    hasMoreNext,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    isMessageGroupingEnabled,\n    scrollRef,\n    onScrollCallback,\n    onScrollDownCallback,\n    messagesDispatcher,\n    messageActionTypes,\n    currentGroupChannel,\n    disableMarkAsRead,\n    filterMessageList,\n    replyType,\n    loading,\n    isScrolled,\n    unreadSince,\n  } = useChannelContext();\n\n  const store = useSendbirdStateContext();\n  const allMessagesFiltered = (typeof filterMessageList === 'function')\n    ? allMessages.filter((filterMessageList as (message: EveryMessage) => boolean))\n    : allMessages;\n  const markAsReadScheduler = store.config.markAsReadScheduler;\n\n  useScrollBehavior();\n\n  const onScroll = () => {\n    const element = scrollRef?.current;\n    if (element == null) {\n      return;\n    }\n\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    if (isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {\n      onScrollCallback((messages) => {\n        if (messages) {\n          try {\n            //\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER) && hasMoreNext) {\n      onScrollDownCallback(([messages]) => {\n        if (messages) {\n          try {\n            // element.scrollTop = scrollHeight - clientHeight;\n            // scrollRef.current.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (!disableMarkAsRead\n      && isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)\n      && !!currentGroupChannel\n    ) {\n      messagesDispatcher({\n        type: messageActionTypes.MARK_AS_READ,\n        payload: { channel: currentGroupChannel },\n      });\n      markAsReadScheduler.push(currentGroupChannel);\n    }\n  };\n\n  const onClickScrollBot = () => {\n    setInitialTimeStamp?.(null);\n    setAnimatedMessageId?.(null);\n    setHighLightedMessageId?.(null);\n    if (scrollRef?.current?.scrollTop > -1) {\n      scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n    }\n  };\n\n  /**\n   * 1. Move the messsage list scroll\n   *    when each message's height is changed by `reactions` OR `showEdit`\n   * 2. Keep the scrollBottom value after fetching new message list\n   */\n  const moveScroll = (isBottomMessageAffected = false): void => {\n    const current = scrollRef?.current;\n    if (current) {\n      const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n      if (scrollBottom < bottom\n        && (!isBottomMessageAffected || scrollBottom < SCROLL_BUFFER)) {\n        // Move the scroll as much as the height of the message has changed\n        current.scrollTop += bottom - scrollBottom;\n      }\n    }\n  };\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    hasMore: hasMorePrev,\n    hasNext: hasMoreNext,\n    onScroll,\n    scrollRef,\n  });\n\n  const { scrollToBottomHandler, scrollBottom } = useSetScrollToBottom({ loading });\n\n  if (loading) {\n    return (typeof renderPlaceholderLoader === 'function')\n      ? renderPlaceholderLoader()\n      : <PlaceHolder type={PlaceHolderTypes.LOADING} />;\n  }\n  if (allMessagesFiltered.length < 1) {\n    if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {\n      return renderPlaceholderEmpty();\n    }\n    return <PlaceHolder className=\"sendbird-conversation__no-messages\" type={PlaceHolderTypes.NO_MESSAGES} />;\n  }\n\n  return (\n    <>\n      {\n        !isScrolled && <PlaceHolder type={PlaceHolderTypes.LOADING} />\n      }\n      <div className={`sendbird-conversation__messages ${className}`}>\n        <div className=\"sendbird-conversation__scroll-container\">\n          <div className=\"sendbird-conversation__padding\" />\n          <div\n            className=\"sendbird-conversation__messages-padding\"\n            ref={scrollRef}\n            onScroll={(e) => {\n              handleOnScroll();\n              scrollToBottomHandler(e);\n            }}\n          >\n            {\n              allMessagesFiltered.map((m, idx) => {\n                const {\n                  chainTop,\n                  chainBottom,\n                  hasSeparator,\n                } = getMessagePartsInfo({\n                  allMessages: allMessagesFiltered,\n                  replyType,\n                  isMessageGroupingEnabled,\n                  currentIndex: idx,\n                  currentMessage: m,\n                  currentChannel: currentGroupChannel,\n                });\n                const isByMe = (m as UserMessage)?.sender?.userId === store?.config?.userId;\n                return (\n                  <MessageProvider message={m} key={m?.messageId} isByMe={isByMe}>\n                    <Message\n                      handleScroll={moveScroll}\n                      renderMessage={renderMessage}\n                      message={m}\n                      hasSeparator={hasSeparator}\n                      chainTop={chainTop}\n                      chainBottom={chainBottom}\n                      renderCustomSeparator={renderCustomSeparator}\n                    />\n                  </MessageProvider>\n                );\n              })\n            }\n            {\n              localMessages.map((m, idx) => {\n                const {\n                  chainTop,\n                  chainBottom,\n                } = getMessagePartsInfo({\n                  allMessages: allMessagesFiltered,\n                  replyType,\n                  isMessageGroupingEnabled,\n                  currentIndex: idx,\n                  currentMessage: m,\n                  currentChannel: currentGroupChannel,\n                });\n                const isByMe = (m as UserMessage)?.sender?.userId === store?.config?.userId;\n                return (\n                  <MessageProvider message={m} key={m?.messageId} isByMe={isByMe}>\n                    <Message\n                      handleScroll={moveScroll}\n                      renderMessage={renderMessage}\n                      message={m}\n                      chainTop={chainTop}\n                      chainBottom={chainBottom}\n                      renderCustomSeparator={renderCustomSeparator}\n                    />\n                  </MessageProvider>\n                );\n              })\n            }\n            {/* show frozen notifications, */}\n            {/* show new message notifications, */}\n          </div>\n        </div>\n        {currentGroupChannel?.isFrozen && (\n          <FrozenNotification className=\"sendbird-conversation__messages__notification\" />\n        )}\n        {unreadSince && (\n          <UnreadCount\n            className=\"sendbird-conversation__messages__notification\"\n            count={currentGroupChannel?.unreadMessageCount}\n            time={unreadSince}\n            onClick={() => {\n              if (scrollRef?.current?.scrollTop) {\n                scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n              }\n              if (!disableMarkAsRead && !!currentGroupChannel) {\n                markAsReadScheduler.push(currentGroupChannel);\n                messagesDispatcher({\n                  type: messageActionTypes.MARK_AS_READ,\n                  payload: { channel: currentGroupChannel },\n                });\n              }\n              setInitialTimeStamp(null);\n              setAnimatedMessageId(null);\n              setHighLightedMessageId(null);\n            }}\n          />\n        )}\n        {\n          // This flag is an unmatched variable\n          scrollBottom > SCROLL_BOTTOM_PADDING && (\n            <div\n              className=\"sendbird-conversation__scroll-bottom-button\"\n              onClick={onClickScrollBot}\n              onKeyDown={onClickScrollBot}\n              tabIndex={0}\n              role=\"button\"\n            >\n              <Icon\n                width=\"24px\"\n                height=\"24px\"\n                type={IconTypes.CHEVRON_DOWN}\n                fillColor={IconColors.PRIMARY}\n              />\n            </div>\n          )\n        }\n      </div>\n    </>\n  );\n};\n\nexport default MessageList;\n"],"names":["DELAY","useSetScrollToBottom","_ref","loading","scrollBottom","setScrollBottom","useState","useEffect","scrollCb","e","element","target","scrollHeight","scrollTop","offsetHeight","_unused","scrollToBottomHandler","useDebounce","useScrollBehavior","scrollRef","scrollBehavior","useChannelContext","current","style","SCROLL_BOTTOM_PADDING","MessageList","className","renderMessage","renderPlaceholderEmpty","renderCustomSeparator","renderPlaceholderLoader","allMessages","localMessages","hasMorePrev","hasMoreNext","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","isMessageGroupingEnabled","onScrollCallback","onScrollDownCallback","messagesDispatcher","messageActionTypes","currentGroupChannel","disableMarkAsRead","filterMessageList","replyType","isScrolled","unreadSince","store","useSendbirdStateContext","allMessagesFiltered","filter","markAsReadScheduler","config","onScroll","clientHeight","isAboutSame","SCROLL_BUFFER","messages","_ref2","type","MARK_AS_READ","payload","channel","push","onClickScrollBot","_scrollRef$current","_scrollRef$current$sc","_scrollRef$current2","_scrollRef$current$of","_scrollRef$current3","moveScroll","isBottomMessageAffected","arguments","length","undefined","bottom","handleOnScroll","useHandleOnScrollCallback","hasMore","hasNext","React","createElement","PlaceHolder","PlaceHolderTypes","LOADING","NO_MESSAGES","Fragment","ref","map","m","idx","_sender","_store$config","chainTop","chainBottom","hasSeparator","getMessagePartsInfo","currentIndex","currentMessage","currentChannel","isByMe","sender","userId","MessageProvider","message","key","messageId","Message","handleScroll","_sender2","_store$config2","isFrozen","FrozenNotification","UnreadCount","count","unreadMessageCount","time","onClick","_scrollRef$current4","_scrollRef$current$sc2","_scrollRef$current5","_scrollRef$current$of2","_scrollRef$current6","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","PRIMARY"],"mappings":"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"}

package/cjs/Channel/components/RemoveMessageModal.js

@@ -2,38 +2,38 @@
 
 var React = require('react');
 var ui_Modal = require('../../ui/Modal.js');
-require('../../index-f40c4cf0.js');
+require('../../index-e70a2323.js');
 var ui_Button = require('../../ui/Button.js');
-var LocalizationContext = require('../../LocalizationContext-eb7a59da.js');
-var Channel_context = require('../../ChannelProvider-2ee005bc.js');
-var stringFormatterUtils = require('../../stringFormatterUtils-3e53394c.js');
+var LocalizationContext = require('../../LocalizationContext-40eb7c9d.js');
+var Channel_context = require('../../ChannelProvider-f53f6659.js');
+var stringFormatterUtils = require('../../stringFormatterUtils-2de721a6.js');
 require('react-dom');
-require('../../utils-8958cb75.js');
-require('../../index.module-5c951066.js');
-require('../../index-5628e0c0.js');
-require('../../MediaQueryContext-ca045060.js');
+require('../../utils-71eb8ef7.js');
+require('../../index.module-22a4bbea.js');
+require('../../index-87cced05.js');
+require('../../MediaQueryContext-c66337d3.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-a85bd364.js');
+require('../../_rollupPluginBabelHelpers-488b3e8e.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../stringSet-b75b75ae.js');
-require('../../index-c9a4a555.js');
-require('../../UserProfileContext-abe57718.js');
+require('../../stringSet-0c9ec33d.js');
+require('../../index-d484ba73.js');
+require('../../UserProfileContext-345b7649.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../const-95881697.js');
-require('../../utils-1e9e97b5.js');
-require('../../index-de4da1f2.js');
-require('../../topics-2c35cfd7.js');
-require('../../index-613acaa0.js');
+require('../../const-7272c371.js');
+require('../../utils-4951f17b.js');
+require('../../index-ec0d0086.js');
+require('../../topics-cf5100f6.js');
+require('../../index-ccda67ff.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-89c258a0.js');
+require('../../compareIds-25532c3b.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-34728ced.js');
+require('../../uuid-e5bd2418.js');
 require('@sendbird/chat/message');
-require('../../consts-7b830cc5.js');
-require('../../resolvedReplyType-314fee09.js');
-require('../../useSendMultipleFilesMessage-c5266ca8.js');
+require('../../consts-d1774353.js');
+require('../../resolvedReplyType-7c78f221.js');
+require('../../useSendMultipleFilesMessage-82dafd6e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Channel/components/SuggestedMentionList.js

@@ -1,34 +1,34 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../../index-f40c4cf0.js');
+var ui_Label = require('../../index-e70a2323.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-var LocalizationContext = require('../../LocalizationContext-eb7a59da.js');
-var uuid = require('../../uuid-34728ced.js');
-var Channel_context = require('../../ChannelProvider-2ee005bc.js');
+var LocalizationContext = require('../../LocalizationContext-40eb7c9d.js');
+var uuid = require('../../uuid-e5bd2418.js');
+var Channel_context = require('../../ChannelProvider-f53f6659.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _const$1 = require('../../const-95881697.js');
-var _const = require('../../const-24d498a6.js');
-var Thread_context = require('../../ThreadProvider-4c93de8a.js');
+var _const$1 = require('../../const-7272c371.js');
+var _const = require('../../const-f9dd801f.js');
+var Thread_context = require('../../ThreadProvider-fe31e040.js');
 require('prop-types');
-require('../../stringSet-b75b75ae.js');
+require('../../stringSet-0c9ec33d.js');
 require('../../ui/ImageRenderer.js');
-require('../../index-c9a4a555.js');
-require('../../UserProfileContext-abe57718.js');
-require('../../utils-1e9e97b5.js');
-require('../../index-de4da1f2.js');
-require('../../topics-2c35cfd7.js');
-require('../../index-613acaa0.js');
-require('../../_rollupPluginBabelHelpers-a85bd364.js');
+require('../../index-d484ba73.js');
+require('../../UserProfileContext-345b7649.js');
+require('../../utils-4951f17b.js');
+require('../../index-ec0d0086.js');
+require('../../topics-cf5100f6.js');
+require('../../index-ccda67ff.js');
+require('../../_rollupPluginBabelHelpers-488b3e8e.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-5c951066.js');
-require('../../compareIds-89c258a0.js');
+require('../../index.module-22a4bbea.js');
+require('../../compareIds-25532c3b.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-7b830cc5.js');
-require('../../resolvedReplyType-314fee09.js');
-require('../../useSendMultipleFilesMessage-c5266ca8.js');
+require('../../consts-d1774353.js');
+require('../../resolvedReplyType-7c78f221.js');
+require('../../useSendMultipleFilesMessage-82dafd6e.js');
 require('../../withSendbird.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');

package/cjs/Channel/components/TypingIndicator.js

@@ -4,28 +4,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var LocalizationContext = require('../../LocalizationContext-eb7a59da.js');
-var uuid = require('../../uuid-34728ced.js');
-var ui_Label = require('../../index-f40c4cf0.js');
-var Channel_context = require('../../ChannelProvider-2ee005bc.js');
+var LocalizationContext = require('../../LocalizationContext-40eb7c9d.js');
+var uuid = require('../../uuid-e5bd2418.js');
+var ui_Label = require('../../index-e70a2323.js');
+var Channel_context = require('../../ChannelProvider-f53f6659.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../stringSet-b75b75ae.js');
-require('../../index-c9a4a555.js');
+require('../../stringSet-0c9ec33d.js');
+require('../../index-d484ba73.js');
 require('prop-types');
-require('../../UserProfileContext-abe57718.js');
-require('../../const-95881697.js');
-require('../../utils-1e9e97b5.js');
-require('../../index-de4da1f2.js');
-require('../../topics-2c35cfd7.js');
-require('../../index-613acaa0.js');
-require('../../_rollupPluginBabelHelpers-a85bd364.js');
+require('../../UserProfileContext-345b7649.js');
+require('../../const-7272c371.js');
+require('../../utils-4951f17b.js');
+require('../../index-ec0d0086.js');
+require('../../topics-cf5100f6.js');
+require('../../index-ccda67ff.js');
+require('../../_rollupPluginBabelHelpers-488b3e8e.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-5c951066.js');
-require('../../compareIds-89c258a0.js');
+require('../../index.module-22a4bbea.js');
+require('../../compareIds-25532c3b.js');
 require('@sendbird/chat/message');
-require('../../consts-7b830cc5.js');
-require('../../resolvedReplyType-314fee09.js');
-require('../../useSendMultipleFilesMessage-c5266ca8.js');
+require('../../consts-d1774353.js');
+require('../../resolvedReplyType-7c78f221.js');
+require('../../useSendMultipleFilesMessage-82dafd6e.js');
 require('../../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }