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

package/Thread/components/ParentMessageInfoItem.js

@@ -1,8 +1,8 @@
-import { a as __awaiter, b as __generator } from '../../chunks/bundle-CDy_GVNR.js';
+import { a as __awaiter, b as __generator } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-CAdxJnio.js';
-import { l as isUserMessage, d as isEditedMessage, m as getUIKitMessageType, n as getUIKitMessageTypes, o as getUIKitFileType, t as truncateString, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, q as isSentMessage, r as isVideoMessage, s as isGifMessage, b as isFileMessage } from '../../chunks/bundle-BH5EGLxi.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
+import { u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
+import { l as isUserMessage, d as isEditedMessage, m as getUIKitMessageType, n as getUIKitMessageTypes, o as getUIKitFileType, t as truncateString, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, q as isSentMessage, r as isVideoMessage, s as isGifMessage, b as isFileMessage } from '../../chunks/bundle-CMOqM33u.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
@@ -10,73 +10,73 @@ import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import { useThreadContext } from '../context.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { T as TextFragment } from '../../chunks/bundle-DEFOjZw9.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-HhDUyQa4.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-CclWZYVY.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Cj-w5I5i.js';
-import { C as Colors } from '../../chunks/bundle-BCuW6lS8.js';
-import { o as openURL } from '../../chunks/bundle-DhJuLwLJ.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
+import { T as TextFragment } from '../../chunks/bundle-C0hkVQ_x.js';
+import { t as tokenizeMessage } from '../../chunks/bundle-CVf0xQqZ.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-BeNijzt4.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-DS8lmYaF.js';
+import { C as Colors } from '../../chunks/bundle-BgxEVQoU.js';
+import { o as openURL } from '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-xHRJMo_A.js';
+import '../../chunks/bundle-BNZI6WLw.js';
 import '../../ui/ContextMenu.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '../../ui/BottomSheet.js';
-import '../../chunks/bundle-DiVyB2HD.js';
+import '../../chunks/bundle-DEcnZTr9.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-60et0yds.js';
-import '../../chunks/bundle-C1XVT5qc.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-lS9BV-1I.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-BxaysvGU.js';
-import '../../chunks/bundle-BEbribQZ.js';
-import '../../chunks/bundle-CDMcNani.js';
+import '../../chunks/bundle-MjyZT4_4.js';
+import '../../chunks/bundle-CJRugtlL.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
 import '@sendbird/chat/message';
 import '../context/types.js';
-import '../../chunks/bundle-KmtzKHnJ.js';
-import '../../chunks/bundle-DwPw_RW5.js';
+import '../../chunks/bundle-BIrNrKkq.js';
+import '../../chunks/bundle-YyfBbrXK.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-DYmy2oK3.js';
-import '../../chunks/bundle-Cw_yF4Vi.js';
+import '../../chunks/bundle-BT85GO4x.js';
+import '../../chunks/bundle-AoovKWt6.js';
 
 function ParentMessageInfoItem(_a) {
     var _this = this;
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var className = _a.className, message = _a.message, showFileViewer = _a.showFileViewer, _l = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _l === void 0 ? null : _l;
-    var _m = useSendbirdStateContext(), stores = _m.stores, config = _m.config, eventHandlers = _m.eventHandlers;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var className = _a.className, message = _a.message, showFileViewer = _a.showFileViewer, _k = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _k === void 0 ? null : _k;
+    var _l = useSendbirdStateContext(), stores = _l.stores, config = _l.config, eventHandlers = _l.eventHandlers;
     var logger = config.logger;
     var onPressUserProfileHandler = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _b === void 0 ? void 0 : _b.onPressUserProfile;
     var currentUserId = (_d = (_c = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.userId;
     var stringSet = useLocalization().stringSet;
-    var _o = useThreadContext(), currentChannel = _o.currentChannel, emojiContainer = _o.emojiContainer, nicknamesMap = _o.nicknamesMap, toggleReaction = _o.toggleReaction;
+    var _m = useThreadContext(), currentChannel = _m.currentChannel, emojiContainer = _m.emojiContainer, nicknamesMap = _m.nicknamesMap, toggleReaction = _m.toggleReaction;
     var isMobile = useMediaQueryContext().isMobile;
     var isReactionEnabled = config.groupChannel.enableReactions;
     var isMentionEnabled = config.groupChannel.enableMention;
@@ -88,15 +88,17 @@ function ParentMessageInfoItem(_a) {
     var statefulFileInfoList = useFileInfoListWithUploaded(message);
     var isMentionedMessage = isMentionEnabled
         && ((_e = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _e === void 0 ? void 0 : _e.length) > 0
-        && ((_f = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _f === void 0 ? void 0 : _f.length) > 0;
+        && (message === null || message === void 0 ? void 0 : message.mentionedUsers)
+        && message.mentionedUsers.length > 0;
     // Emoji reactions
     var isReactionActivated = isReactionEnabled
         && config.groupChannel.replyType === 'thread'
-        && ((_g = message === null || message === void 0 ? void 0 : message.reactions) === null || _g === void 0 ? void 0 : _g.length) > 0;
+        && ((_f = message === null || message === void 0 ? void 0 : message.reactions) === null || _f === void 0 ? void 0 : _f.length) > 0;
     var tokens = useMemo(function () {
+        var _a;
         if (isMentionedMessage) {
             return tokenizeMessage({
-                mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+                mentionedUsers: (_a = message === null || message === void 0 ? void 0 : message.mentionedUsers) !== null && _a !== void 0 ? _a : undefined,
                 messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
             });
         }
@@ -140,9 +142,9 @@ function ParentMessageInfoItem(_a) {
         }); }
         : downloadFileWithUrl;
     // Thumbnail mesage
-    var _p = useState(false), isImageRendered = _p[0], setImageRendered = _p[1];
-    var thumbnailUrl = ((_h = message === null || message === void 0 ? void 0 : message.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0
-        ? (_j = message === null || message === void 0 ? void 0 : message.thumbnails[0]) === null || _j === void 0 ? void 0 : _j.url : '';
+    var _o = useState(false), isImageRendered = _o[0], setImageRendered = _o[1];
+    var thumbnailUrl = ((_g = message === null || message === void 0 ? void 0 : message.thumbnails) === null || _g === void 0 ? void 0 : _g.length) > 0
+        ? (_h = message === null || message === void 0 ? void 0 : message.thumbnails[0]) === null || _h === void 0 ? void 0 : _h.url : '';
     return (React__default.createElement("div", { className: "sendbird-parent-message-info-item ".concat(className) },
         isUserMessage(message) && (React__default.createElement(Label, { className: "sendbird-parent-message-info-item__text-message", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 },
             React__default.createElement(TextFragment, { tokens: tokens }),
@@ -164,7 +166,7 @@ function ParentMessageInfoItem(_a) {
             React__default.createElement(VoiceMessageItemBody, { className: "sendbird-parent-message-info-item__voice-message__item", message: message, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isByMe: false, isReactionEnabled: isReactionEnabled }))),
         isThumbnailMessage(message) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message", onClick: function () {
                 if (isSentMessage(message)) {
-                    showFileViewer(true);
+                    showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
                 }
             } },
             React__default.createElement(ImageRenderer, { className: "sendbird-parent-message-info-item__thumbnail-message__thumbnail", url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), alt: message === null || message === void 0 ? void 0 : message.type, width: "200px", height: "148px", onLoad: function () { setImageRendered(true); }, placeHolder: function (_a) {
@@ -179,7 +181,7 @@ function ParentMessageInfoItem(_a) {
             (isVideoMessage(message) || isGifMessage(message)) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper" },
                 React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon" },
                     React__default.createElement(Icon, { type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF, fillColor: IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))))),
-        getUIKitMessageType(message) === ((_k = getUIKitMessageTypes === null || getUIKitMessageTypes === void 0 ? void 0 : getUIKitMessageTypes()) === null || _k === void 0 ? void 0 : _k.UNKNOWN) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__unknown-message" },
+        getUIKitMessageType(message) === ((_j = getUIKitMessageTypes === null || getUIKitMessageTypes === void 0 ? void 0 : getUIKitMessageTypes()) === null || _j === void 0 ? void 0 : _j.UNKNOWN) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__unknown-message" },
             React__default.createElement(Label, { className: "sendbird-parent-message-info-item__unknown-message__header", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
             React__default.createElement(Label, { className: "sendbird-parent-message-info-item__unknown-message__description", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE))),
         isReactionActivated && (React__default.createElement("div", { className: "sendbird-parent-message-info__reactions" },

package/Thread/components/ParentMessageInfoItem.js.map

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

package/Thread/components/ThreadHeader.js

@@ -1,22 +1,22 @@
 import React__default, { useMemo } from 'react';
 import { IconTypes, IconColors } from '../../ui/Icon.js';
-import { u as useLocalization } from '../../chunks/bundle-CAdxJnio.js';
+import { u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
 import Header from '../../ui/Header.js';
-import '../../chunks/bundle-CDy_GVNR.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-q3jyuKU7.js';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-DyVURRtM.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-BCuW6lS8.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 import '../../ui/IconButton.js';
 
 function ThreadHeader(_a) {
     var className = _a.className, channelName = _a.channelName, renderActionIcon = _a.renderActionIcon, onActionIconClick = _a.onActionIconClick, onChannelNameClick = _a.onChannelNameClick;
     var stringSet = useLocalization().stringSet;
     var MemoizedActionIcon = useMemo(function () {
-        if (typeof renderActionIcon === 'function') {
+        if (typeof renderActionIcon === 'function' && onActionIconClick) {
             return renderActionIcon({ onActionIconClick: onActionIconClick });
         }
         return null;

package/Thread/components/ThreadList.js

@@ -5,23 +5,23 @@ import { compareMessagesForGrouping } from '../../Channel/utils/compareMessagesF
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { isSameDay } from 'date-fns';
 import { MessageProvider } from '../../Message/context.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-B26G55qN.js';
-import '../../chunks/bundle-CDy_GVNR.js';
-import '../../chunks/bundle-DQ3tLeW9.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-CAdxJnio.js';
-import '../../chunks/bundle-B621kS6J.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-DakS7HX2.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-BWOr3gdK.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-4r7ZPzcx.js';
+import '../../chunks/bundle-BvFSwy4a.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-BCuW6lS8.js';
-import '../../chunks/bundle-q3jyuKU7.js';
-import '../../chunks/bundle-BfjOoJk6.js';
-import '../../chunks/bundle-DiVyB2HD.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-BgxEVQoU.js';
+import '../../chunks/bundle-DyVURRtM.js';
+import '../../chunks/bundle-BEXPH5wy.js';
+import '../../chunks/bundle-DEcnZTr9.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
 import 'react-dom';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
@@ -29,44 +29,44 @@ import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
-import '../../chunks/bundle-Chn4Xw78.js';
-import '../../chunks/bundle-DYmy2oK3.js';
-import '../../chunks/bundle-C1XVT5qc.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
+import '../../chunks/bundle-Kycskx-O.js';
+import '../../chunks/bundle-BT85GO4x.js';
+import '../../chunks/bundle-lS9BV-1I.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BQPvwBK8.js';
-import '../../chunks/bundle-Cw_yF4Vi.js';
-import '../../chunks/bundle-CLQfFjkS.js';
-import '../../chunks/bundle-BUMKThPh.js';
-import '../../chunks/bundle-DudTIr4X.js';
-import '../../chunks/bundle-C5i4dn9q.js';
+import '../../chunks/bundle-BEDpWEUq.js';
+import '../../chunks/bundle-AoovKWt6.js';
+import '../../chunks/bundle-PXw9RwTY.js';
+import '../../chunks/bundle-GH8narZ-.js';
+import '../../chunks/bundle-DXjbblWF.js';
+import '../../chunks/bundle-6v-jzonm.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-Dpj_mOs8.js';
+import '../../chunks/bundle--aWriVp-.js';
 import 'dompurify';
-import '../../chunks/bundle-YveljAuC.js';
-import '../../chunks/bundle-DUVa5cu6.js';
-import '../../chunks/bundle-C2B-jwQF.js';
-import '../../chunks/bundle-HhDUyQa4.js';
+import '../../chunks/bundle-q8TfLkpw.js';
+import '../../chunks/bundle-jD9nAlqc.js';
+import '../../chunks/bundle-BdXUzVaM.js';
+import '../../chunks/bundle-CVf0xQqZ.js';
 import '../context/types.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-60et0yds.js';
+import '../../chunks/bundle-CPH6jPCe.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-hF8Gurf8.js';
+import '../../chunks/bundle-Dj4qcISv.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-xHRJMo_A.js';
-import '../../chunks/bundle-B4q4jk6S.js';
+import '../../chunks/bundle-BNZI6WLw.js';
+import '../../chunks/bundle-Cv_JSmmp.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-SI5OarjR.js';
-import '../../chunks/bundle-DZl5IVWc.js';
+import '../../chunks/bundle-Bn31wN-4.js';
+import '../../chunks/bundle-BaXIdVj6.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
@@ -75,29 +75,29 @@ import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
-import '../../chunks/bundle-BxaysvGU.js';
+import '../../chunks/bundle-MjyZT4_4.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../chunks/bundle-DEFOjZw9.js';
+import '../../chunks/bundle-C0hkVQ_x.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-ARb5Lm9T.js';
+import '../../chunks/bundle-D_lTgUdV.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
 import '../../ui/PlaybackTime.js';
-import '../../chunks/bundle-C6yCDg1g.js';
-import '../../chunks/bundle-CclWZYVY.js';
+import '../../chunks/bundle-LG8yCDNB.js';
+import '../../chunks/bundle-BeNijzt4.js';
 import '@sendbird/chat/message';
 import '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-BEbribQZ.js';
-import '../../chunks/bundle-CDMcNani.js';
-import '../../chunks/bundle-KmtzKHnJ.js';
-import '../../chunks/bundle-DwPw_RW5.js';
+import '../../chunks/bundle-CJRugtlL.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
+import '../../chunks/bundle-BIrNrKkq.js';
+import '../../chunks/bundle-YyfBbrXK.js';
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;
@@ -128,7 +128,7 @@ function ThreadList(_a) {
             var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (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/Thread/components/ThreadListItem.js

@@ -1,25 +1,25 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from '../../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default, { useState, useContext, useRef, useLayoutEffect, useEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-DQ3tLeW9.js';
-import { u as useLocalization } from '../../chunks/bundle-CAdxJnio.js';
+import { f as format } from '../../chunks/bundle-BWOr3gdK.js';
+import { u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
-import { R as RemoveMessage } from '../../chunks/bundle-BfjOoJk6.js';
-import { F as FileViewer } from '../../chunks/bundle-DYmy2oK3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
+import { R as RemoveMessage } from '../../chunks/bundle-BEXPH5wy.js';
+import { F as FileViewer } from '../../chunks/bundle-BT85GO4x.js';
 import { useThreadContext } from '../context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-CLQfFjkS.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-PXw9RwTY.js';
 import MessageInput from '../../ui/MessageInput.js';
 import { ThreadListStateTypes } from '../context/types.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-C5i4dn9q.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-6v-jzonm.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import { A as Avatar } from '../../chunks/bundle-C1XVT5qc.js';
-import { a as UserProfileContext } from '../../chunks/bundle-60et0yds.js';
+import { A as Avatar } from '../../chunks/bundle-lS9BV-1I.js';
+import { a as UserProfileContext } from '../../chunks/bundle-CPH6jPCe.js';
 import UserProfile from '../../ui/UserProfile.js';
 import { MessageMenu } from '../../ui/MessageItemMenu.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
-import { n as getUIKitMessageTypes, f as getSenderName, w as getClassName, M as isOGMessage, N as isTextMessage, i as isVoiceMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, p as isThumbnailMessage } from '../../chunks/bundle-BH5EGLxi.js';
-import { M as MessageStatus } from '../../chunks/bundle-B4q4jk6S.js';
+import { n as getUIKitMessageTypes, f as getSenderName, w as getClassName, M as isOGMessage, N as isTextMessage, i as isVoiceMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, p as isThumbnailMessage } from '../../chunks/bundle-CMOqM33u.js';
+import { M as MessageStatus } from '../../chunks/bundle-Cv_JSmmp.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import TextMessageItemBody from '../../ui/TextMessageItemBody.js';
 import OGMessageItemBody from '../../ui/OGMessageItemBody.js';
@@ -27,19 +27,19 @@ import FileMessageItemBody from '../../ui/FileMessageItemBody.js';
 import ThumbnailMessageItemBody from '../../ui/ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from '../../ui/UnknownMessageItemBody.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Cj-w5I5i.js';
-import { u as useLongPress } from '../../chunks/bundle-xHRJMo_A.js';
-import { M as MobileMenu } from '../../chunks/bundle-C6yCDg1g.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-CclWZYVY.js';
-import { R as Role } from '../../chunks/bundle-hF8Gurf8.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-DS8lmYaF.js';
+import { u as useLongPress } from '../../chunks/bundle-BNZI6WLw.js';
+import { M as MobileMenu } from '../../chunks/bundle-LG8yCDNB.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-BeNijzt4.js';
+import { c as classnames } from '../../chunks/bundle-Dl6p5CcR.js';
+import { R as Role } from '../../chunks/bundle-Dj4qcISv.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-BxaysvGU.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-B26G55qN.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-BCuW6lS8.js';
-import '../../chunks/bundle-DiVyB2HD.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-MjyZT4_4.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-DakS7HX2.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-BgxEVQoU.js';
+import '../../chunks/bundle-DEcnZTr9.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
@@ -48,37 +48,37 @@ import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
-import '../../chunks/bundle-Chn4Xw78.js';
-import '../../chunks/bundle-Cw_yF4Vi.js';
-import '../../chunks/bundle-BEbribQZ.js';
-import '../../chunks/bundle-CtgXJZJt.js';
-import '../../chunks/bundle-CDMcNani.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
+import '../../chunks/bundle-Kycskx-O.js';
+import '../../chunks/bundle-AoovKWt6.js';
+import '../../chunks/bundle-CJRugtlL.js';
+import '../../chunks/bundle-Dub0HHFi.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
 import '@sendbird/chat/message';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-KmtzKHnJ.js';
-import '../../chunks/bundle-DwPw_RW5.js';
-import '../../chunks/bundle-BUMKThPh.js';
-import '../../chunks/bundle-DudTIr4X.js';
-import '../../chunks/bundle-Dpj_mOs8.js';
+import '../../chunks/bundle-BIrNrKkq.js';
+import '../../chunks/bundle-YyfBbrXK.js';
+import '../../chunks/bundle-GH8narZ-.js';
+import '../../chunks/bundle-DXjbblWF.js';
+import '../../chunks/bundle--aWriVp-.js';
 import 'dompurify';
-import '../../chunks/bundle-YveljAuC.js';
-import '../../chunks/bundle-DUVa5cu6.js';
-import '../../chunks/bundle-C2B-jwQF.js';
-import '../../chunks/bundle-HhDUyQa4.js';
+import '../../chunks/bundle-q8TfLkpw.js';
+import '../../chunks/bundle-jD9nAlqc.js';
+import '../../chunks/bundle-BdXUzVaM.js';
+import '../../chunks/bundle-CVf0xQqZ.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../sendbirdSelectors.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-SI5OarjR.js';
-import '../../chunks/bundle-DZl5IVWc.js';
+import '../../chunks/bundle-Bn31wN-4.js';
+import '../../chunks/bundle-BaXIdVj6.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
@@ -87,11 +87,11 @@ import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-DEFOjZw9.js';
+import '../../chunks/bundle-C0hkVQ_x.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-ARb5Lm9T.js';
+import '../../chunks/bundle-D_lTgUdV.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
 import '../../ui/PlaybackTime.js';
@@ -137,8 +137,8 @@ function ThreadListItemContent(_a) {
     });
     // For MultipleFilesMessage only.
     var statefulFileInfoList = useFileInfoListWithUploaded(message);
-    return (React__default.createElement("div", { className: "sendbird-thread-list-item-content ".concat(className, " ").concat(isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
-        React__default.createElement("div", { className: "sendbird-thread-list-item-content__left ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') },
+    return (React__default.createElement("div", { className: classnames('sendbird-thread-list-item-content', className, isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
+        React__default.createElement("div", { className: classnames('sendbird-thread-list-item-content__left', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming') },
             (!isByMe && !chainBottom) && (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) {
                     var _a, _b, _c;
                     return (React__default.createElement(Avatar, { className: "sendbird-thread-list-item-content__left__avatar", src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _b === void 0 ? void 0 : _b.profileUrl) || ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.profileUrl) || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
@@ -155,7 +155,7 @@ function ThreadListItemContent(_a) {
                     })
                     : (React__default.createElement(MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
                         React__default.createElement(UserProfile, { user: message === null || message === void 0 ? void 0 : message.sender, onSuccess: closeDropdown })))); } })),
-            (isByMe && !isMobile) && (React__default.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming', " ").concat(supposedHoverClassName) },
+            (isByMe && !isMobile) && (React__default.createElement("div", { className: classnames('sendbird-thread-list-item-content-menu', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming', supposedHoverClassName) },
                 React__default.createElement(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__default.createElement(MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover }))))),
         React__default.createElement("div", __assign({ className: "sendbird-thread-list-item-content__middle" }, (isMobile) ? __assign({}, longPress) : {}),
@@ -188,7 +188,7 @@ function ThreadListItemContent(_a) {
                 (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'right', supposedHoverClassName]), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 }))))),
-        React__default.createElement("div", { className: "sendbird-thread-list-item-content__right ".concat(chainTop ? 'chain-top' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React__default.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
+        React__default.createElement("div", { className: classnames('sendbird-thread-list-item-content__right', chainTop && 'chain-top', isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React__default.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
             isReactionEnabledInChannel && (React__default.createElement(MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
             React__default.createElement(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__default.createElement(MobileMenu, { parentRef: mobileMenuRef, channel: channel, message: message, userId: userId, replyType: replyType, hideMenu: function () {
@@ -199,9 +199,8 @@ function ThreadListItemContent(_a) {
                 return __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]);
@@ -297,7 +296,7 @@ function ThreadListItem(_a) {
     // Edit message
     if (showEdit && message.isUserMessage()) {
         return (React__default.createElement(React__default.Fragment, null,
-            displaySuggestedMentionList && (React__default.createElement(SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+            displaySuggestedMentionList && (React__default.createElement(SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {
@@ -351,7 +350,7 @@ function ThreadListItem(_a) {
                     return false;
                 } })));
     }
-    return (React__default.createElement("div", { ref: messageScrollRef, className: "sendbird-thread-list-item ".concat(className) },
+    return (React__default.createElement("div", { ref: messageScrollRef, className: classnames('sendbird-thread-list-item', className), "data-testid": "sendbird-thread-list-item" },
         hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (MemorizedSeparator || (React__default.createElement(DateSeparator, null,
             React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message === null || message === void 0 ? void 0 : message.createdAt, stringSet.DATE_FORMAT__THREAD_LIST__DATE_SEPARATOR, { locale: dateLocale }))))),
         React__default.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 }),
@@ -365,9 +364,8 @@ function ThreadListItem(_a) {
                 return __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/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}