@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/cjs/Thread/components/ThreadList.js

@@ -7,23 +7,23 @@ var Channel_utils_compareMessagesForGrouping = require('../../Channel/utils/comp
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-var resolvedReplyType = require('../../chunks/bundle-BG8qs_3y.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-CjYhSLRD.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-B7wJ4Hqk.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
+var resolvedReplyType = require('../../chunks/bundle-BarChVO6.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-D95F7WKf.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-u9XWE6Rm.js');
+require('../../chunks/bundle-5FP1wNLB.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-DWGp201o.js');
-require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-Bc92JuA7.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-D91GTav0.js');
+require('../../chunks/bundle-DgWaY7S0.js');
+require('../../chunks/bundle-DioNt-g2.js');
+require('../../chunks/bundle-CkSDsWpR.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-FcnFNV4V.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
@@ -31,44 +31,44 @@ require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
-require('../../chunks/bundle-Bw_LvbLk.js');
-require('../../chunks/bundle-IZLtKe6R.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-K2UuTY_r.js');
+require('../../chunks/bundle-CLMFxMug.js');
+require('../../chunks/bundle-CvkPNwGA.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-D9UFa9yx.js');
-require('../../chunks/bundle-DOUm656A.js');
-require('../../chunks/bundle-dr9zoU1D.js');
-require('../../chunks/bundle-B2KKkvdj.js');
-require('../../chunks/bundle-C4UzGGy_.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
+require('../../chunks/bundle-Cf4_cCe9.js');
+require('../../chunks/bundle-Ck8Qz_Ca.js');
+require('../../chunks/bundle-0QB2GZ_W.js');
+require('../../chunks/bundle-Bz2MU4JV.js');
+require('../../chunks/bundle-WrRM6A2K.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-BOrMDMdN.js');
+require('../../chunks/bundle-DLgT0MKO.js');
 require('dompurify');
-require('../../chunks/bundle-ClBBhzU-.js');
-require('../../chunks/bundle-SfusZfMJ.js');
-require('../../chunks/bundle-D4e0UT-6.js');
-require('../../chunks/bundle-DFVUnSWq.js');
+require('../../chunks/bundle-BZf2YVCr.js');
+require('../../chunks/bundle-Co2OfFRh.js');
+require('../../chunks/bundle-B8SH2f7F.js');
+require('../../chunks/bundle-VNK4cKfS.js');
 require('../context/types.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-Ch54AIEU.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-Ci6F_UQc.js');
+require('../../chunks/bundle-B40JIKoL.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-Pfx0MBr4.js');
-require('../../chunks/bundle-DsrfvJYA.js');
+require('../../chunks/bundle-DmfO6_lp.js');
+require('../../chunks/bundle-Dur9d2k7.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-CgOafeY_.js');
-require('../../chunks/bundle-CL-vjR4o.js');
+require('../../chunks/bundle-Dq1gBmDY.js');
+require('../../chunks/bundle-Bs4qGnBO.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
@@ -77,29 +77,29 @@ require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
-require('../../chunks/bundle-30fh5iPx.js');
+require('../../chunks/bundle-CXyVP3ik.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../chunks/bundle-BCt-Rzil.js');
+require('../../chunks/bundle-WLDzr4U5.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
 require('../../ui/ThumbnailMessageItemBody.js');
-require('../../chunks/bundle-DmVeFWB4.js');
+require('../../chunks/bundle-DTtY3_Ni.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
-require('../../chunks/bundle-BvhC4El1.js');
-require('../../chunks/bundle-B1uXZFKP.js');
+require('../../chunks/bundle-CMNar_06.js');
+require('../../chunks/bundle-DxUpLiXa.js');
 require('@sendbird/chat/message');
 require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-Cc89qdjT.js');
-require('../../chunks/bundle-D1X4MKLh.js');
-require('../../chunks/bundle-IE4yQ0qq.js');
-require('../../chunks/bundle-CcmMvK6l.js');
+require('../../chunks/bundle-CmEOg3Gp.js');
+require('../../chunks/bundle-BYarXD6U.js');
+require('../../chunks/bundle-DVFuvWQ0.js');
+require('../../chunks/bundle-DHTMMHln.js');
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;
@@ -130,7 +130,7 @@ function ThreadList(_a) {
             var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt)));
             var handleScroll = function () {
                 var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-                if (current) {
+                if (current && scrollBottom) {
                     var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
                     if (scrollBottom < bottom) {
                         current.scrollTop += bottom - scrollBottom;

package/cjs/Thread/components/ThreadListItem.js

@@ -1,27 +1,27 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-CjYhSLRD.js');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
+var index$1 = require('../../chunks/bundle-D95F7WKf.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
-var RemoveMessageModal = require('../../chunks/bundle-Bc92JuA7.js');
-var ui_FileViewer = require('../../chunks/bundle-IZLtKe6R.js');
+var ui_Label = require('../../chunks/bundle-DgWaY7S0.js');
+var RemoveMessageModal = require('../../chunks/bundle-DioNt-g2.js');
+var ui_FileViewer = require('../../chunks/bundle-CvkPNwGA.js');
 var Thread_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var SuggestedMentionList = require('../../chunks/bundle-DOUm656A.js');
+var SuggestedMentionList = require('../../chunks/bundle-Ck8Qz_Ca.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var _const = require('../../chunks/bundle-C4UzGGy_.js');
+var _const = require('../../chunks/bundle-WrRM6A2K.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-var ui_Avatar = require('../../chunks/bundle-C0ZNrrcl.js');
-var UserProfileContext = require('../../chunks/bundle-D7v4i_Ae.js');
+var ui_Avatar = require('../../chunks/bundle-BpJxkKab.js');
+var UserProfileContext = require('../../chunks/bundle-Ch54AIEU.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var index = require('../../chunks/bundle-Cw7xe6J1.js');
-var ui_MessageStatus = require('../../chunks/bundle-DsrfvJYA.js');
+var index = require('../../chunks/bundle-CRjV-DLM.js');
+var ui_MessageStatus = require('../../chunks/bundle-Dur9d2k7.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var ui_TextMessageItemBody = require('../../ui/TextMessageItemBody.js');
 var ui_OGMessageItemBody = require('../../ui/OGMessageItemBody.js');
@@ -29,19 +29,19 @@ var ui_FileMessageItemBody = require('../../ui/FileMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var MediaQueryContext = require('../../chunks/bundle-CLNUkVC8.js');
-var useLongPress = require('../../chunks/bundle-Pfx0MBr4.js');
-var index$2 = require('../../chunks/bundle-BvhC4El1.js');
-var useFileInfoListWithUploaded = require('../../chunks/bundle-B1uXZFKP.js');
-var types = require('../../chunks/bundle-Ci6F_UQc.js');
+var MediaQueryContext = require('../../chunks/bundle-Bsd8mnLE.js');
+var useLongPress = require('../../chunks/bundle-DmfO6_lp.js');
+var index$2 = require('../../chunks/bundle-CMNar_06.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-DxUpLiXa.js');
+var utils = require('../../chunks/bundle-FcnFNV4V.js');
+var types = require('../../chunks/bundle-B40JIKoL.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var getIsReactionEnabled = require('../../chunks/bundle-30fh5iPx.js');
-var resolvedReplyType = require('../../chunks/bundle-BG8qs_3y.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-DWGp201o.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-CLte647H.js');
+var getIsReactionEnabled = require('../../chunks/bundle-CXyVP3ik.js');
+var resolvedReplyType = require('../../chunks/bundle-BarChVO6.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-D91GTav0.js');
+require('../../chunks/bundle-CkSDsWpR.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
@@ -50,37 +50,37 @@ require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
-require('../../chunks/bundle-Bw_LvbLk.js');
-require('../../chunks/bundle-D9UFa9yx.js');
-require('../../chunks/bundle-Cc89qdjT.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-D1X4MKLh.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-K2UuTY_r.js');
+require('../../chunks/bundle-CLMFxMug.js');
+require('../../chunks/bundle-Cf4_cCe9.js');
+require('../../chunks/bundle-CmEOg3Gp.js');
+require('../../chunks/bundle-C9goSwm_.js');
+require('../../chunks/bundle-BYarXD6U.js');
 require('@sendbird/chat/message');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-IE4yQ0qq.js');
-require('../../chunks/bundle-CcmMvK6l.js');
-require('../../chunks/bundle-dr9zoU1D.js');
-require('../../chunks/bundle-B2KKkvdj.js');
-require('../../chunks/bundle-BOrMDMdN.js');
+require('../../chunks/bundle-DVFuvWQ0.js');
+require('../../chunks/bundle-DHTMMHln.js');
+require('../../chunks/bundle-0QB2GZ_W.js');
+require('../../chunks/bundle-Bz2MU4JV.js');
+require('../../chunks/bundle-DLgT0MKO.js');
 require('dompurify');
-require('../../chunks/bundle-ClBBhzU-.js');
-require('../../chunks/bundle-SfusZfMJ.js');
-require('../../chunks/bundle-D4e0UT-6.js');
-require('../../chunks/bundle-DFVUnSWq.js');
+require('../../chunks/bundle-BZf2YVCr.js');
+require('../../chunks/bundle-Co2OfFRh.js');
+require('../../chunks/bundle-B8SH2f7F.js');
+require('../../chunks/bundle-VNK4cKfS.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
 require('../../sendbirdSelectors.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-CgOafeY_.js');
-require('../../chunks/bundle-CL-vjR4o.js');
+require('../../chunks/bundle-Dq1gBmDY.js');
+require('../../chunks/bundle-Bs4qGnBO.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
@@ -89,11 +89,11 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-BCt-Rzil.js');
+require('../../chunks/bundle-WLDzr4U5.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DmVeFWB4.js');
+require('../../chunks/bundle-DTtY3_Ni.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
@@ -139,8 +139,8 @@ function ThreadListItemContent(_a) {
     });
     // For MultipleFilesMessage only.
     var statefulFileInfoList = useFileInfoListWithUploaded.useFileInfoListWithUploaded(message);
-    return (React.createElement("div", { className: "sendbird-thread-list-item-content ".concat(className, " ").concat(isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
-        React.createElement("div", { className: "sendbird-thread-list-item-content__left ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') },
+    return (React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content', className, isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
+        React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content__left', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming') },
             (!isByMe && !chainBottom) && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) {
                     var _a, _b, _c;
                     return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-thread-list-item-content__left__avatar", src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _b === void 0 ? void 0 : _b.profileUrl) || ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.profileUrl) || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
@@ -157,7 +157,7 @@ function ThreadListItemContent(_a) {
                     })
                     : (React.createElement(ui_ContextMenu.MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
                         React.createElement(ui_UserProfile, { user: message === null || message === void 0 ? void 0 : message.sender, onSuccess: closeDropdown })))); } })),
-            (isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming', " ").concat(supposedHoverClassName) },
+            (isByMe && !isMobile) && (React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content-menu', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming', supposedHoverClassName) },
                 React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage }),
                 isReactionEnabledInChannel && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover }))))),
         React.createElement("div", _tslib.__assign({ className: "sendbird-thread-list-item-content__middle" }, (isMobile) ? _tslib.__assign({}, longPress) : {}),
@@ -190,7 +190,7 @@ function ThreadListItemContent(_a) {
                 (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: index.getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'right', supposedHoverClassName]), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 }))))),
-        React.createElement("div", { className: "sendbird-thread-list-item-content__right ".concat(chainTop ? 'chain-top' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
+        React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content__right', chainTop && 'chain-top', isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
             isReactionEnabledInChannel && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
             React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage })))),
         showMobileMenu && (React.createElement(index$2.MobileMenu, { parentRef: mobileMenuRef, channel: channel, message: message, userId: userId, replyType: replyType, hideMenu: function () {
@@ -201,9 +201,8 @@ function ThreadListItemContent(_a) {
                 return _tslib.__generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
-                            if (!onBeforeDownloadFileMessage) {
-                                return [2 /*return*/, null];
-                            }
+                            if (!onBeforeDownloadFileMessage)
+                                return [2 /*return*/];
                             _c.label = 1;
                         case 1:
                             _c.trys.push([1, 3, , 4]);
@@ -299,7 +298,7 @@ function ThreadListItem(_a) {
     // Edit message
     if (showEdit && message.isUserMessage()) {
         return (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {
@@ -353,7 +352,7 @@ function ThreadListItem(_a) {
                     return false;
                 } })));
     }
-    return (React.createElement("div", { ref: messageScrollRef, className: "sendbird-thread-list-item ".concat(className) },
+    return (React.createElement("div", { ref: messageScrollRef, className: utils.classnames('sendbird-thread-list-item', className), "data-testid": "sendbird-thread-list-item" },
         hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (MemorizedSeparator || (React.createElement(ui_DateSeparator, null,
             React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message === null || message === void 0 ? void 0 : message.createdAt, stringSet.DATE_FORMAT__THREAD_LIST__DATE_SEPARATOR, { locale: dateLocale }))))),
         React.createElement(ThreadListItemContent, { userId: userId, channel: currentChannel, message: message, chainTop: chainTop, chainBottom: chainBottom, isReactionEnabled: isReactionEnabled, isMentionEnabled: isMentionEnabled, disableQuoteMessage: true, replyType: replyType, nicknamesMap: nicknamesMap, emojiContainer: emojiContainer, resendMessage: resendMessage, showRemove: setShowRemove, showFileViewer: setShowFileViewer, toggleReaction: toggleReaction, showEdit: setShowEdit }),
@@ -367,9 +366,8 @@ function ThreadListItem(_a) {
                 return _tslib.__generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
-                            if (!onBeforeDownloadFileMessage) {
-                                return [2 /*return*/, null];
-                            }
+                            if (!onBeforeDownloadFileMessage)
+                                return [2 /*return*/];
                             _c.label = 1;
                         case 1:
                             _c.trys.push([1, 3, , 4]);

package/cjs/Thread/components/ThreadListItem.js.map

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

package/cjs/Thread/components/ThreadMessageInput.js

@@ -1,77 +1,75 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var MediaQueryContext = require('../../chunks/bundle-CLNUkVC8.js');
+var MediaQueryContext = require('../../chunks/bundle-Bsd8mnLE.js');
 var Thread_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-C4UzGGy_.js');
-var SuggestedMentionList = require('../../chunks/bundle-DOUm656A.js');
-var MessageInputWrapperView = require('../../chunks/bundle-BiTKgXrx.js');
+var _const = require('../../chunks/bundle-WrRM6A2K.js');
+var SuggestedMentionList = require('../../chunks/bundle-Ck8Qz_Ca.js');
+var MessageInputWrapperView = require('../../chunks/bundle-B1c1ZdU0.js');
 require('../../GroupChannel/context.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-Cw7xe6J1.js');
-var types = require('../../chunks/bundle-Ci6F_UQc.js');
+require('../../chunks/bundle-CRjV-DLM.js');
+var types = require('../../chunks/bundle-B40JIKoL.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
 var Channel_hooks_useHandleUploadFiles = require('../../Channel/hooks/useHandleUploadFiles.js');
-var utils = require('../../chunks/bundle-D1X4MKLh.js');
+var utils = require('../../chunks/bundle-BYarXD6U.js');
+var utils$1 = require('../../chunks/bundle-FcnFNV4V.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Cc89qdjT.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-CmEOg3Gp.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-Ch54AIEU.js');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-IE4yQ0qq.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-CcmMvK6l.js');
+require('../../chunks/bundle-DVFuvWQ0.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-DHTMMHln.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-B2KKkvdj.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-Bz2MU4JV.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-BOrMDMdN.js');
+require('../../chunks/bundle-DgWaY7S0.js');
+require('../../chunks/bundle-DLgT0MKO.js');
 require('dompurify');
-require('../../chunks/bundle-ClBBhzU-.js');
-require('../../chunks/bundle-SfusZfMJ.js');
-require('../../chunks/bundle-D4e0UT-6.js');
+require('../../chunks/bundle-BZf2YVCr.js');
+require('../../chunks/bundle-Co2OfFRh.js');
+require('../../chunks/bundle-B8SH2f7F.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-DFVUnSWq.js');
-require('../../chunks/bundle-dr9zoU1D.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-VNK4cKfS.js');
+require('../../chunks/bundle-0QB2GZ_W.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-DvpCzVKY.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
+require('../../chunks/bundle-DOQVOQQY.js');
 require('../../GroupChannel/components/SuggestedMentionList.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../chunks/bundle-DmVeFWB4.js');
+require('../../chunks/bundle-DTtY3_Ni.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-DJ9gapN2.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-CkSDsWpR.js');
 require('react-dom');
 require('css-vars-ponyfill');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-K2UuTY_r.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-DGJX80zy.js');
+require('../../chunks/bundle-3m9OAKfW.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
-require('../../chunks/bundle-cl2q8NwQ.js');
-require('../../chunks/bundle-xADAFEo0.js');
-require('../../chunks/bundle-BG8qs_3y.js');
-require('../../chunks/bundle-hXD0NDZt.js');
-require('../../chunks/bundle-BMN1aDia.js');
-require('../../chunks/bundle-BCQxFX-W.js');
-require('../../chunks/bundle-30fh5iPx.js');
+require('../../chunks/bundle-D91GTav0.js');
+require('../../chunks/bundle-JqwDNyBE.js');
+require('../../chunks/bundle-unWzPBv1.js');
+require('../../chunks/bundle-BarChVO6.js');
+require('../../chunks/bundle-ClUKx_l3.js');
+require('../../chunks/bundle-CXyVP3ik.js');
 
 var ThreadMessageInput = function (props, ref) {
     var _a;
@@ -132,10 +130,10 @@ var ThreadMessageInput = function (props, ref) {
         }));
     }, [mentionedUserIds]);
     if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast) && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) !== types.Role.OPERATOR) {
-        return null;
+        return React.createElement(React.Fragment, null);
     }
-    return (React.createElement("div", { className: "sendbird-thread-message-input".concat(showVoiceMessageInput ? '--voice-message' : '', " ").concat(className) },
-        displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+    return (React.createElement("div", { className: utils$1.classnames(showVoiceMessageInput ? 'sendbird-thread-message-input--voice-message' : 'sendbird-thread-message-input', className) },
+        displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
             // renderUserMentionItem={renderUserMentionItem}
             onUserItemClick: function (user) {
                 if (user) {

package/cjs/Thread/components/ThreadMessageInput.js.map

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