@sendbird/uikit-react 3.9.1 → 3.9.2-rc-0

package/cjs/Channel/components/ChannelUI.js

@@ -2,80 +2,80 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../chunks/bundle-_PoeyBuz.js');
+var Channel_context = require('../../chunks/bundle-tNo6AwV-.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
 var Channel_components_ChannelHeader = require('./ChannelHeader.js');
-var Channel_components_MessageList = require('../../chunks/bundle-fJhxctLh.js');
+var Channel_components_MessageList = require('../../chunks/bundle-EeGYXXXG.js');
 var Channel_components_TypingIndicator = require('./TypingIndicator.js');
 var Channel_components_MessageInput = require('./MessageInput.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-crXcinmk.js');
-require('../../chunks/bundle-YOewBep4.js');
-require('../../chunks/bundle-nrZuUm2h.js');
-require('../../chunks/bundle-PLzI4mgo.js');
-require('../../chunks/bundle-Epp2z49V.js');
-require('../../chunks/bundle-EGiFBVbp.js');
-require('../../chunks/bundle-rXNfPqQR.js');
+require('../../chunks/bundle-J1ds6ucx.js');
+require('../../chunks/bundle-rDLCyjoC.js');
+require('../../chunks/bundle-CLBTxImh.js');
+require('../../chunks/bundle-Qy8uSNlD.js');
+require('../../chunks/bundle-eVOKZifo.js');
+require('../../chunks/bundle-NCR5Impc.js');
+require('../../chunks/bundle-R5olZrBa.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-0Ja4l4WD.js');
+require('../../chunks/bundle-Rao2pKQF.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-x6GOQeyO.js');
-require('../../chunks/bundle-8vsXz_gj.js');
+require('../../chunks/bundle-TP0Ow_zA.js');
+require('../../chunks/bundle-STgibM-s.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-H1oA9eVZ.js');
+require('../../chunks/bundle-_tTZy-p5.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-P1tJL1VF.js');
-require('../../chunks/bundle-noiyvZaq.js');
-require('../../chunks/bundle-e3fIFP60.js');
-require('../../chunks/bundle-PKJPiCJF.js');
-require('../../chunks/bundle-6JxglfHi.js');
-require('../../chunks/bundle-NItu6zWb.js');
+require('../../chunks/bundle-2OnH7DgT.js');
+require('../../chunks/bundle-ipiZnVJF.js');
+require('../../chunks/bundle-PbqhPqQt.js');
+require('../../chunks/bundle-EyvMpRLU.js');
+require('../../chunks/bundle-uCfRxmHW.js');
+require('../../chunks/bundle-ATHZQqvR.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-gEqE3TId.js');
-require('../../chunks/bundle-GBjPe_zz.js');
+require('../../chunks/bundle-s6afMDHG.js');
+require('../../chunks/bundle-QII3jwoy.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-dyoIaPov.js');
+require('../../chunks/bundle-OfCc_ig6.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-LOvxZyn6.js');
+require('../../chunks/bundle-LLTvvD-i.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-af-Vhz_F.js');
-require('../../chunks/bundle-q4_bj8Re.js');
-require('../../chunks/bundle-Csb8JrWu.js');
+require('../../chunks/bundle-7_j_MXEw.js');
+require('../../chunks/bundle-Z2HprnQ-.js');
+require('../../chunks/bundle-Lwz8-T8n.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../chunks/bundle-otHh2GZm.js');
+require('../../chunks/bundle-tSDrLAHa.js');
 require('../../Thread/context.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-R3Ze9NdG.js');
+require('../../chunks/bundle-WBfl_w0Y.js');
 require('../../ui/MessageInput.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-_FZAAyq7.js');
+require('../../chunks/bundle-ygJlaXcT.js');
 require('dompurify');
-require('../../chunks/bundle-6PamDVow.js');
-require('../../chunks/bundle-lGiBWL17.js');
-require('../../chunks/bundle-I-kMnHYy.js');
-require('../../chunks/bundle-h09WWCLD.js');
+require('../../chunks/bundle-J_Zh-_3X.js');
+require('../../chunks/bundle-ArWfJz7X.js');
+require('../../chunks/bundle-MP89qANV.js');
+require('../../chunks/bundle-lPHr2Tpa.js');
 require('../../ui/MessageContent.js');
-require('../../chunks/bundle-_0eKxSxF.js');
-require('../../chunks/bundle-LasQs8iu.js');
-require('../../chunks/bundle-GnjLS8Jn.js');
+require('../../chunks/bundle-7v0SdsFC.js');
+require('../../chunks/bundle-XW4_nbP_.js');
+require('../../chunks/bundle-vSQqrDll.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-9ye-ND_Z.js');
+require('../../chunks/bundle-aLA9WW8m.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-Ur6-okMD.js');
+require('../../chunks/bundle-N8LTRzsI.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-IJoXsg7h.js');
+require('../../chunks/bundle-K6pn8iv3.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -86,43 +86,43 @@ require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/QuoteMessage.js');
-require('../../chunks/bundle-4qgSZeT3.js');
-require('../../chunks/bundle-ieJM2S-L.js');
+require('../../chunks/bundle-iQIktzxa.js');
+require('../../chunks/bundle-07TGdvZj.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/OGMessageItemBody.js');
-require('../../chunks/bundle-Vk8BUCRm.js');
+require('../../chunks/bundle-jTFNZbG6.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-Lbt6hR1g.js');
-require('../../chunks/bundle-GHF9IYi-.js');
+require('../../chunks/bundle-Pe1zz7oB.js');
+require('../../chunks/bundle-oJb9qC2I.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-P__OxDCf.js');
+require('../../chunks/bundle-c1uYmoKp.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
-require('../../chunks/bundle-nnKzOqh3.js');
-require('../../chunks/bundle-6Zb-iZx5.js');
+require('../../chunks/bundle-A3LVVG-M.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
 require('../utils/getMessagePartsInfo.js');
 require('../utils/compareMessagesForGrouping.js');
 require('./UnreadCount.js');
 require('./FrozenNotification.js');
-require('../../ui/TypingIndicatorBubble.js');
+require('../../chunks/bundle-sD1ocl9Z.js');
 require('@sendbird/uikit-tools');
+require('../../ui/TypingIndicatorBubble.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../chunks/bundle-tNyqNssI.js');
+require('../../chunks/bundle-eTyjhb-4.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-UuwNVlVV.js');
+require('../../chunks/bundle-z-huvoHB.js');
 require('../hooks/useHandleUploadFiles.js');
-require('../../chunks/bundle-aNw5UWgi.js');
+require('../../chunks/bundle-eSyIOdEE.js');
 
 var ChannelUI = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/cjs/Channel/components/FileViewer.js

@@ -4,41 +4,41 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Avatar = require('../../chunks/bundle-LOvxZyn6.js');
-var ui_Label = require('../../chunks/bundle-GBjPe_zz.js');
+var ui_Avatar = require('../../chunks/bundle-LLTvvD-i.js');
+var ui_Label = require('../../chunks/bundle-QII3jwoy.js');
 var ui_Icon = require('../../ui/Icon.js');
 require('../../hooks/useModal.js');
-var index = require('../../chunks/bundle-rXNfPqQR.js');
+var index = require('../../chunks/bundle-R5olZrBa.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../chunks/bundle-_PoeyBuz.js');
-var ui_Modal = require('../../chunks/bundle-IJoXsg7h.js');
-require('../../chunks/bundle-crXcinmk.js');
+var Channel_context = require('../../chunks/bundle-tNo6AwV-.js');
+var ui_Modal = require('../../chunks/bundle-K6pn8iv3.js');
+require('../../chunks/bundle-J1ds6ucx.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-H1oA9eVZ.js');
-require('../../chunks/bundle-af-Vhz_F.js');
-require('../../chunks/bundle-NItu6zWb.js');
-require('../../chunks/bundle-gEqE3TId.js');
-require('../../chunks/bundle-0Ja4l4WD.js');
-require('../../chunks/bundle-6JxglfHi.js');
-require('../../chunks/bundle-EGiFBVbp.js');
-require('../../chunks/bundle-Csb8JrWu.js');
+require('../../chunks/bundle-_tTZy-p5.js');
+require('../../chunks/bundle-7_j_MXEw.js');
+require('../../chunks/bundle-ATHZQqvR.js');
+require('../../chunks/bundle-s6afMDHG.js');
+require('../../chunks/bundle-Rao2pKQF.js');
+require('../../chunks/bundle-uCfRxmHW.js');
+require('../../chunks/bundle-NCR5Impc.js');
+require('../../chunks/bundle-Lwz8-T8n.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-YOewBep4.js');
-require('../../chunks/bundle-nrZuUm2h.js');
-require('../../chunks/bundle-PLzI4mgo.js');
-require('../../chunks/bundle-Epp2z49V.js');
+require('../../chunks/bundle-rDLCyjoC.js');
+require('../../chunks/bundle-CLBTxImh.js');
+require('../../chunks/bundle-Qy8uSNlD.js');
+require('../../chunks/bundle-eVOKZifo.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-x6GOQeyO.js');
-require('../../chunks/bundle-8vsXz_gj.js');
+require('../../chunks/bundle-TP0Ow_zA.js');
+require('../../chunks/bundle-STgibM-s.js');
 require('@sendbird/chat/groupChannel');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-P1tJL1VF.js');
-require('../../chunks/bundle-noiyvZaq.js');
-require('../../chunks/bundle-e3fIFP60.js');
-require('../../chunks/bundle-PKJPiCJF.js');
+require('../../chunks/bundle-2OnH7DgT.js');
+require('../../chunks/bundle-ipiZnVJF.js');
+require('../../chunks/bundle-PbqhPqQt.js');
+require('../../chunks/bundle-EyvMpRLU.js');
 
 var FileViewerComponent = function (_a) {
     var 

package/cjs/Channel/components/FrozenNotification.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-6JxglfHi.js');
-var ui_Label = require('../../chunks/bundle-GBjPe_zz.js');
-require('../../chunks/bundle-NItu6zWb.js');
-require('../../chunks/bundle-EGiFBVbp.js');
-require('../../chunks/bundle-crXcinmk.js');
+var LocalizationContext = require('../../chunks/bundle-uCfRxmHW.js');
+var ui_Label = require('../../chunks/bundle-QII3jwoy.js');
+require('../../chunks/bundle-ATHZQqvR.js');
+require('../../chunks/bundle-NCR5Impc.js');
+require('../../chunks/bundle-J1ds6ucx.js');
 
 var FrozenNotification = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b;

package/cjs/Channel/components/Message.js

@@ -1,75 +1,74 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-crXcinmk.js');
+var _tslib = require('../../chunks/bundle-J1ds6ucx.js');
 var React = require('react');
-var index$2 = require('../../chunks/bundle-Epp2z49V.js');
+var index$1 = require('../../chunks/bundle-eVOKZifo.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../chunks/bundle-_PoeyBuz.js');
-var index$1 = require('../../chunks/bundle-rXNfPqQR.js');
-var utils = require('../../chunks/bundle-PLzI4mgo.js');
-var _const = require('../../chunks/bundle-nrZuUm2h.js');
+var Channel_context = require('../../chunks/bundle-tNo6AwV-.js');
+var index = require('../../chunks/bundle-R5olZrBa.js');
+var utils = require('../../chunks/bundle-Qy8uSNlD.js');
+var _const = require('../../chunks/bundle-CLBTxImh.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-GBjPe_zz.js');
+var ui_Label = require('../../chunks/bundle-QII3jwoy.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_MessageContent = require('../../ui/MessageContent.js');
 var Channel_components_FileViewer = require('./FileViewer.js');
 var Channel_components_RemoveMessageModal = require('./RemoveMessageModal.js');
-var _const$1 = require('../../chunks/bundle-otHh2GZm.js');
-var LocalizationContext = require('../../chunks/bundle-6JxglfHi.js');
-var index = require('../../chunks/bundle-6Zb-iZx5.js');
+var _const$1 = require('../../chunks/bundle-tSDrLAHa.js');
+var LocalizationContext = require('../../chunks/bundle-uCfRxmHW.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-EGiFBVbp.js');
+require('../../chunks/bundle-NCR5Impc.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-gEqE3TId.js');
-require('../../chunks/bundle-LOvxZyn6.js');
+require('../../chunks/bundle-s6afMDHG.js');
+require('../../chunks/bundle-LLTvvD-i.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-H1oA9eVZ.js');
-require('../../chunks/bundle-af-Vhz_F.js');
+require('../../chunks/bundle-_tTZy-p5.js');
+require('../../chunks/bundle-7_j_MXEw.js');
 require('../../Thread/context.js');
-require('../../chunks/bundle-PKJPiCJF.js');
-require('../../chunks/bundle-P1tJL1VF.js');
+require('../../chunks/bundle-EyvMpRLU.js');
+require('../../chunks/bundle-2OnH7DgT.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-YOewBep4.js');
+require('../../chunks/bundle-rDLCyjoC.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-x6GOQeyO.js');
+require('../../chunks/bundle-TP0Ow_zA.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-8vsXz_gj.js');
+require('../../chunks/bundle-STgibM-s.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-noiyvZaq.js');
+require('../../chunks/bundle-ipiZnVJF.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-0Ja4l4WD.js');
+require('../../chunks/bundle-Rao2pKQF.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-e3fIFP60.js');
-require('../../chunks/bundle-R3Ze9NdG.js');
-require('../../chunks/bundle-NItu6zWb.js');
+require('../../chunks/bundle-PbqhPqQt.js');
+require('../../chunks/bundle-WBfl_w0Y.js');
+require('../../chunks/bundle-ATHZQqvR.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-_FZAAyq7.js');
+require('../../chunks/bundle-ygJlaXcT.js');
 require('dompurify');
-require('../../chunks/bundle-6PamDVow.js');
-require('../../chunks/bundle-lGiBWL17.js');
-require('../../chunks/bundle-I-kMnHYy.js');
-require('../../chunks/bundle-h09WWCLD.js');
-require('../../chunks/bundle-_0eKxSxF.js');
+require('../../chunks/bundle-J_Zh-_3X.js');
+require('../../chunks/bundle-ArWfJz7X.js');
+require('../../chunks/bundle-MP89qANV.js');
+require('../../chunks/bundle-lPHr2Tpa.js');
+require('../../chunks/bundle-7v0SdsFC.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-LasQs8iu.js');
-require('../../chunks/bundle-GnjLS8Jn.js');
+require('../../chunks/bundle-XW4_nbP_.js');
+require('../../chunks/bundle-vSQqrDll.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-9ye-ND_Z.js');
+require('../../chunks/bundle-aLA9WW8m.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-Ur6-okMD.js');
-require('../../chunks/bundle-Csb8JrWu.js');
+require('../../chunks/bundle-N8LTRzsI.js');
+require('../../chunks/bundle-Lwz8-T8n.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-IJoXsg7h.js');
+require('../../chunks/bundle-K6pn8iv3.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -80,27 +79,27 @@ require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/QuoteMessage.js');
-require('../../chunks/bundle-4qgSZeT3.js');
-require('../../chunks/bundle-ieJM2S-L.js');
+require('../../chunks/bundle-iQIktzxa.js');
+require('../../chunks/bundle-07TGdvZj.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/OGMessageItemBody.js');
-require('../../chunks/bundle-Vk8BUCRm.js');
+require('../../chunks/bundle-jTFNZbG6.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-Lbt6hR1g.js');
-require('../../chunks/bundle-GHF9IYi-.js');
+require('../../chunks/bundle-Pe1zz7oB.js');
+require('../../chunks/bundle-oJb9qC2I.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-P__OxDCf.js');
+require('../../chunks/bundle-c1uYmoKp.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
-require('../../chunks/bundle-nnKzOqh3.js');
+require('../../chunks/bundle-A3LVVG-M.js');
 
 var useDidMountEffect = function (func, deps) {
     var _a = React.useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -139,7 +138,7 @@ var Message = function (_a) {
     var _f = globalStore.config, userId = _f.userId, isOnline = _f.isOnline, isMentionEnabled = _f.isMentionEnabled, userMention = _f.userMention, logger = _f.logger;
     var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || _const.MAX_USER_MENTION_COUNT;
     var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || _const.MAX_USER_SUGGESTION_COUNT;
-    var _g = Channel_context.useChannelContext(), initialized = _g.initialized, currentGroupChannel = _g.currentGroupChannel, highLightedMessageId = _g.highLightedMessageId, setHighLightedMessageId = _g.setHighLightedMessageId, animatedMessageId = _g.animatedMessageId, setAnimatedMessageId = _g.setAnimatedMessageId, updateMessage = _g.updateMessage, scrollToMessage = _g.scrollToMessage, replyType = _g.replyType, threadReplySelectType = _g.threadReplySelectType, isReactionEnabled = _g.isReactionEnabled, toggleReaction = _g.toggleReaction, emojiContainer = _g.emojiContainer, nicknamesMap = _g.nicknamesMap, setQuoteMessage = _g.setQuoteMessage, resendMessage = _g.resendMessage, deleteMessage = _g.deleteMessage, renderUserMentionItem = _g.renderUserMentionItem, onReplyInThread = _g.onReplyInThread, onQuoteMessageClick = _g.onQuoteMessageClick, onMessageAnimated = _g.onMessageAnimated, onMessageHighlighted = _g.onMessageHighlighted, onScrollCallback = _g.onScrollCallback, setIsScrolled = _g.setIsScrolled, sendMessage = _g.sendMessage, localMessages = _g.localMessages;
+    var _g = Channel_context.useChannelContext(), initialized = _g.initialized, currentGroupChannel = _g.currentGroupChannel, highLightedMessageId = _g.highLightedMessageId, setHighLightedMessageId = _g.setHighLightedMessageId, animatedMessageId = _g.animatedMessageId, setAnimatedMessageId = _g.setAnimatedMessageId, updateMessage = _g.updateMessage, scrollToMessage = _g.scrollToMessage, replyType = _g.replyType, threadReplySelectType = _g.threadReplySelectType, isReactionEnabled = _g.isReactionEnabled, toggleReaction = _g.toggleReaction, emojiContainer = _g.emojiContainer, nicknamesMap = _g.nicknamesMap, setQuoteMessage = _g.setQuoteMessage, resendMessage = _g.resendMessage, deleteMessage = _g.deleteMessage, renderUserMentionItem = _g.renderUserMentionItem, onReplyInThread = _g.onReplyInThread, onQuoteMessageClick = _g.onQuoteMessageClick, onMessageAnimated = _g.onMessageAnimated, onMessageHighlighted = _g.onMessageHighlighted, sendMessage = _g.sendMessage, localMessages = _g.localMessages;
     var _h = React.useState(false), showEdit = _h[0], setShowEdit = _h[1];
     var _j = React.useState(false), showRemove = _j[0], setShowRemove = _j[1];
     var _k = React.useState(false), showFileViewer = _k[0], setShowFileViewer = _k[1];
@@ -162,12 +161,6 @@ var Message = function (_a) {
         || utils.isDisabledBecauseFrozen(currentGroupChannel)
         || utils.isDisabledBecauseMuted(currentGroupChannel)
         || !isOnline;
-    var handleOnScroll = index.useHandleOnScrollCallback({
-        hasMore: false,
-        onScroll: onScrollCallback,
-        scrollRef: messageScrollRef,
-        setIsScrolled: setIsScrolled,
-    });
     var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: editMessageInputRef }, { logger: logger });
     var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < maxUserMentionCount;
     React.useEffect(function () {
@@ -201,7 +194,7 @@ var Message = function (_a) {
         var animationTimeout = null;
         var messageHighlightedTimeout = null;
         if (highLightedMessageId === message.messageId && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
-            handleOnScroll();
+            messageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });
             setIsAnimated(false);
             animationTimeout = setTimeout(function () {
                 setIsHighlighted(true);
@@ -223,7 +216,7 @@ var Message = function (_a) {
         var animationTimeout = null;
         var messageAnimatedTimeout = null;
         if (animatedMessageId === message.messageId && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
-            handleOnScroll();
+            messageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });
             setIsHighlighted(false);
             animationTimeout = setTimeout(function () {
                 setIsAnimated(true);
@@ -255,14 +248,14 @@ var Message = function (_a) {
         return null;
     }, [message, renderCustomSeparator]);
     if (renderedMessage) {
-        return (React.createElement("div", { "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef, className: index$1.getClassName([
+        return (React.createElement("div", { "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef, className: index.getClassName([
                 'sendbird-msg-hoc sendbird-msg--scroll-ref',
                 isAnimated ? 'sendbird-msg-hoc__animated' : '',
                 isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
             ]) },
             // TODO: Add message instance as a function parameter
             hasSeparator && (renderedCustomSeparator || (React.createElement(ui_DateSeparator, null,
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$2.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                     locale: dateLocale,
                 }))))),
             renderedMessage));
@@ -321,20 +314,20 @@ var Message = function (_a) {
                     return false;
                 } })));
     }
-    return (React.createElement("div", { className: index$1.getClassName([
+    return (React.createElement("div", { className: index.getClassName([
             'sendbird-msg-hoc sendbird-msg--scroll-ref',
             isAnimated ? 'sendbird-msg-hoc__animated' : '',
             isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
         ]), style: { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
         hasSeparator && (renderedCustomSeparator || (React.createElement(ui_DateSeparator, null,
-            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$2.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
+            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                 locale: dateLocale,
             }))))),
         (renderMessageContent === null || renderMessageContent === void 0 ? void 0 : renderMessageContent()) || (React.createElement(ui_MessageContent, { className: "sendbird-message-hoc__message-content", userId: userId, scrollToMessage: scrollToMessage, channel: currentGroupChannel, message: message, disabled: !isOnline, chainTop: chainTop, chainBottom: chainBottom, isReactionEnabled: isReactionEnabled, replyType: replyType, threadReplySelectType: threadReplySelectType, nicknamesMap: nicknamesMap, emojiContainer: emojiContainer, showEdit: setShowEdit, showRemove: setShowRemove, showFileViewer: setShowFileViewer, resendMessage: resendMessage, deleteMessage: deleteMessage, toggleReaction: toggleReaction, setQuoteMessage: setQuoteMessage, onReplyInThread: onReplyInThread, onQuoteMessageClick: onQuoteMessageClick, onMessageHeightChange: handleScroll })),
         message.messageId === ((_d = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.lastMessage) === null || _d === void 0 ? void 0 : _d.messageId)
             // the options should appear only when there's no failed or pending messages
             && localMessages.every(function (message) { return message.sendingStatus === 'succeeded'; })
-            && index$1.getSuggestedReplies(message).length > 0 && (React.createElement(SuggestedReplies, { replyOptions: index$1.getSuggestedReplies(message), onSendMessage: sendMessage })),
+            && index.getSuggestedReplies(message).length > 0 && (React.createElement(SuggestedReplies, { replyOptions: index.getSuggestedReplies(message), onSendMessage: sendMessage })),
         showRemove && (React.createElement(Channel_components_RemoveMessageModal, { message: message, onCancel: function () { return setShowRemove(false); } })),
         showFileViewer && (React.createElement(Channel_components_FileViewer.default, { message: message, onCancel: function () { return setShowFileViewer(false); } }))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/Channel/components/MessageInput.js

@@ -2,70 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-crXcinmk.js');
+var _tslib = require('../../chunks/bundle-J1ds6ucx.js');
 var React = require('react');
-var utils = require('../../chunks/bundle-PLzI4mgo.js');
+var utils = require('../../chunks/bundle-Qy8uSNlD.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../chunks/bundle-6JxglfHi.js');
-var Channel_context = require('../../chunks/bundle-_PoeyBuz.js');
+var LocalizationContext = require('../../chunks/bundle-uCfRxmHW.js');
+var Channel_context = require('../../chunks/bundle-tNo6AwV-.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../chunks/bundle-otHh2GZm.js');
-var VoiceMessageInputWrapper = require('../../chunks/bundle-tNyqNssI.js');
+var _const = require('../../chunks/bundle-tSDrLAHa.js');
+var VoiceMessageInputWrapper = require('../../chunks/bundle-eTyjhb-4.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var MediaQueryContext = require('../../chunks/bundle-Csb8JrWu.js');
+var MediaQueryContext = require('../../chunks/bundle-Lwz8-T8n.js');
 var Channel_hooks_useHandleUploadFiles = require('../hooks/useHandleUploadFiles.js');
-require('../../chunks/bundle-Epp2z49V.js');
-require('../../chunks/bundle-EGiFBVbp.js');
-require('../../chunks/bundle-rXNfPqQR.js');
+require('../../chunks/bundle-eVOKZifo.js');
+require('../../chunks/bundle-NCR5Impc.js');
+require('../../chunks/bundle-R5olZrBa.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-0Ja4l4WD.js');
+require('../../chunks/bundle-Rao2pKQF.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-nrZuUm2h.js');
+require('../../chunks/bundle-CLBTxImh.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-GBjPe_zz.js');
-require('../../chunks/bundle-NItu6zWb.js');
-require('../../chunks/bundle-_FZAAyq7.js');
+require('../../chunks/bundle-QII3jwoy.js');
+require('../../chunks/bundle-ATHZQqvR.js');
+require('../../chunks/bundle-ygJlaXcT.js');
 require('dompurify');
-require('../../chunks/bundle-6PamDVow.js');
-require('../../chunks/bundle-lGiBWL17.js');
-require('../../chunks/bundle-I-kMnHYy.js');
+require('../../chunks/bundle-J_Zh-_3X.js');
+require('../../chunks/bundle-ArWfJz7X.js');
+require('../../chunks/bundle-MP89qANV.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-gEqE3TId.js');
-require('../../chunks/bundle-h09WWCLD.js');
+require('../../chunks/bundle-s6afMDHG.js');
+require('../../chunks/bundle-lPHr2Tpa.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-4qgSZeT3.js');
-require('../../chunks/bundle-YOewBep4.js');
-require('../../chunks/bundle-x6GOQeyO.js');
-require('../../chunks/bundle-8vsXz_gj.js');
+require('../../chunks/bundle-iQIktzxa.js');
+require('../../chunks/bundle-rDLCyjoC.js');
+require('../../chunks/bundle-TP0Ow_zA.js');
+require('../../chunks/bundle-STgibM-s.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-H1oA9eVZ.js');
+require('../../chunks/bundle-_tTZy-p5.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-P1tJL1VF.js');
-require('../../chunks/bundle-noiyvZaq.js');
-require('../../chunks/bundle-e3fIFP60.js');
-require('../../chunks/bundle-PKJPiCJF.js');
+require('../../chunks/bundle-2OnH7DgT.js');
+require('../../chunks/bundle-ipiZnVJF.js');
+require('../../chunks/bundle-PbqhPqQt.js');
+require('../../chunks/bundle-EyvMpRLU.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-LOvxZyn6.js');
-require('../../chunks/bundle-af-Vhz_F.js');
+require('../../chunks/bundle-LLTvvD-i.js');
+require('../../chunks/bundle-7_j_MXEw.js');
 require('../../Thread/context.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-P__OxDCf.js');
+require('../../chunks/bundle-c1uYmoKp.js');
 require('../../VoiceRecorder/context.js');
-require('../../chunks/bundle-IJoXsg7h.js');
+require('../../chunks/bundle-K6pn8iv3.js');
 require('react-dom');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-UuwNVlVV.js');
+require('../../chunks/bundle-z-huvoHB.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-R3Ze9NdG.js');
+require('../../chunks/bundle-WBfl_w0Y.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-aNw5UWgi.js');
+require('../../chunks/bundle-eSyIOdEE.js');
 
 var MessageInputWrapper = function (props, ref) {
     var _a;