@sendbird/uikit-react 3.14.4 → 3.14.6

package/cjs/Thread/components/ParentMessageInfo.js

@@ -1,35 +1,35 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-DAj-1QVM.js');
-var RemoveMessageModal = require('../../chunks/bundle-4vdy6J5u.js');
+var index$1 = require('../../chunks/bundle-Cd-3W3UM.js');
+var RemoveMessageModal = require('../../chunks/bundle-ozey_V94.js');
 var Thread_components_ParentMessageInfoItem = require('./ParentMessageInfoItem.js');
-var index = require('../../chunks/bundle-wl1uuzU7.js');
-var getIsReactionEnabled = require('../../chunks/bundle-Dww6fCVQ.js');
-var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
+var index = require('../../chunks/bundle-DrYI_bNa.js');
+var getIsReactionEnabled = require('../../chunks/bundle-H13ErLKW.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Thread_context = require('../context.js');
-var UserProfileContext = require('../../chunks/bundle-CAUMYdVU.js');
-var SuggestedMentionList = require('../../chunks/bundle-Dnq2YP_l.js');
-var ui_Avatar = require('../../chunks/bundle-DxSB9NRz.js');
-var ui_Label = require('../../chunks/bundle-5_kPn4wU.js');
-var ui_FileViewer = require('../../chunks/bundle-C6a-umLQ.js');
+var UserProfileContext = require('../../chunks/bundle-DTzydpqA.js');
+var SuggestedMentionList = require('../../chunks/bundle-Bw1ttM89.js');
+var ui_Avatar = require('../../chunks/bundle-C_8UQBXr.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
+var ui_FileViewer = require('../../chunks/bundle-CTraI7aM.js');
 var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-CmpLg1_S.js');
-var types = require('../../chunks/bundle-BaAUvjl9.js');
-var MediaQueryContext = require('../../chunks/bundle-BwQ4BJif.js');
-var useLongPress = require('../../chunks/bundle-miB6ue8g.js');
-var index$2 = require('../../chunks/bundle-Cgl5e8xs.js');
+var _const = require('../../chunks/bundle-wz_O1vyk.js');
+var types = require('../../chunks/bundle-BFy8_d3W.js');
+var MediaQueryContext = require('../../chunks/bundle-OIKGVRus.js');
+var useLongPress = require('../../chunks/bundle-Bgeq75IH.js');
+var index$2 = require('../../chunks/bundle-6aemRbmn.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var resolvedReplyType = require('../../chunks/bundle-BjgfoBVC.js');
-require('../../chunks/bundle-BWGOXLHb.js');
-require('../../chunks/bundle-CZfcXYaX.js');
-require('../../chunks/bundle-BoLhr7Ko.js');
+var resolvedReplyType = require('../../chunks/bundle-6_B00yYz.js');
+var utils = require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-DW8u-n3u.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
@@ -38,16 +38,16 @@ require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-1XtsxT8L.js');
+require('../../chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-L3FEqZsK.js');
-require('../../chunks/bundle-DfcEln0Z.js');
-require('../../chunks/bundle-BTU876jx.js');
-require('../../chunks/bundle-D8gia2Hg.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-Dymg5zVO.js');
+require('../../chunks/bundle-LO6QlzTz.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DAxedY0T.js');
+require('../../chunks/bundle-CA69fSDI.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
@@ -55,10 +55,10 @@ require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle-gtkPlUrw.js');
-require('../../chunks/bundle-C93-onMF.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-DcQeRT4T.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-Dehhi1FZ.js');
+require('../../chunks/bundle-7CEyuoln.js');
 require('../../ui/SortByRow.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/Tooltip.js');
@@ -69,25 +69,25 @@ require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-C3DKUT4Q.js');
-require('../../chunks/bundle-CLOaQmX9.js');
+require('../../chunks/bundle-CoJbL3ob.js');
+require('../../chunks/bundle-B1Ql7yM0.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-DTCz0BH1.js');
+require('../../chunks/bundle-BE-L5873.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-BXEGf4g2.js');
-require('../../chunks/bundle-CE6bFQmu.js');
+require('../../chunks/bundle-DSLFcE0C.js');
+require('../../chunks/bundle-BBsKv3Vz.js');
 require('../context/types.js');
-require('../../chunks/bundle-T4lp5F85.js');
-require('../../chunks/bundle-DRy7eNJ0.js');
-require('../../chunks/bundle-BaM5Ed34.js');
-require('../../chunks/bundle-CR04Yhbr.js');
-require('../../chunks/bundle-bqRlVm3u.js');
-require('../../chunks/bundle-BLc7P6Sp.js');
+require('../../chunks/bundle-BzyQ6Vof.js');
+require('../../chunks/bundle-BK_SqbHE.js');
+require('../../chunks/bundle-DMUz-Xui.js');
+require('../../chunks/bundle-CuOOXDK0.js');
+require('../../chunks/bundle-jHjvHr01.js');
+require('../../chunks/bundle-A_xDyoq6.js');
 require('dompurify');
-require('../../chunks/bundle-D4aDRH9m.js');
-require('../../chunks/bundle-8VyIP0TE.js');
-require('../../chunks/bundle-DdxJqNSP.js');
+require('../../chunks/bundle-CBNBRNN0.js');
+require('../../chunks/bundle-D3BhVTZt.js');
+require('../../chunks/bundle-CI1zoEKe.js');
 
 function ParentMessageInfo(_a) {
     var _this = this;
@@ -158,9 +158,8 @@ function ParentMessageInfo(_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]);
@@ -185,7 +184,7 @@ function ParentMessageInfo(_a) {
     var _w = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _w.disableUserProfile, renderUserProfile = _w.renderUserProfile;
     if (showEditInput && ((_d = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.isUserMessage) === null || _d === void 0 ? void 0 : _d.call(parentMessage))) {
         return (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { className: "parent-message-info--suggested-mention-list", targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { className: "parent-message-info--suggested-mention-list", targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {
@@ -259,13 +258,15 @@ function ParentMessageInfo(_a) {
                     React.createElement(ui_UserProfile, { user: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender, currentUserId: userId, onSuccess: closeDropdown })))); } }),
         React.createElement("div", { className: "sendbird-parent-message-info__content" },
             React.createElement("div", { className: "sendbird-parent-message-info__content__info" },
-                React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info__content__info__sender-name".concat(isReactionEnabled ? '--use-reaction' : ''), type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (index.getSenderName === null || index.getSenderName === void 0 ? void 0 : index.getSenderName(parentMessage))),
+                React.createElement(ui_Label.Label, { className: isReactionEnabled
+                        ? 'sendbird-parent-message-info__content__info__sender-name--use-reaction'
+                        : 'sendbird-parent-message-info__content__info__sender-name', type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (index.getSenderName === null || index.getSenderName === void 0 ? void 0 : index.getSenderName(parentMessage))),
                 React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
             React.createElement(Thread_components_ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
-        !isMobile && (React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-parent-message-info__context-menu ".concat(isReactionEnabled ? 'use-reaction' : '', " ").concat(supposedHover ? 'sendbird-mouse-hover' : ''), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
-                onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
+        !isMobile && (React.createElement(ui_MessageItemMenu.MessageMenu, { className: utils.classnames('sendbird-parent-message-info__context-menu', isReactionEnabled && 'use-reaction', supposedHover && 'sendbird-mouse-hover'), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
+                onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
             }, deleteMessage: deleteMessage })),
-        (isReactionEnabled && !isMobile) && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-parent-message-info__reaction-menu ".concat(supposedHover ? 'sendbird-mouse-hover' : ''), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
+        (isReactionEnabled && !isMobile) && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: utils.classnames('sendbird-parent-message-info__reaction-menu', supposedHover && 'sendbird-mouse-hover'), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
         showRemove && (React.createElement(RemoveMessageModal.RemoveMessage, { onCancel: function () { return setShowRemove(false); }, onSubmit: function () {
                 onHeaderActionClick === null || onHeaderActionClick === void 0 ? void 0 : onHeaderActionClick();
             }, message: parentMessage })),

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

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

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
-var index = require('../../chunks/bundle-wl1uuzU7.js');
-var ui_Label = require('../../chunks/bundle-5_kPn4wU.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var index = require('../../chunks/bundle-DrYI_bNa.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
 var ui_ImageRenderer = require('../../ui/ImageRenderer.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_TextButton = require('../../ui/TextButton.js');
@@ -12,73 +12,73 @@ var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var Thread_context = require('../context.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var index$1 = require('../../chunks/bundle-C3DKUT4Q.js');
-var tokenize = require('../../chunks/bundle-CLOaQmX9.js');
-var useFileInfoListWithUploaded = require('../../chunks/bundle-DTCz0BH1.js');
-var MediaQueryContext = require('../../chunks/bundle-BwQ4BJif.js');
-var color = require('../../chunks/bundle-DAxedY0T.js');
-var utils = require('../../chunks/bundle-BoLhr7Ko.js');
-require('../../chunks/bundle-gtkPlUrw.js');
-require('../../chunks/bundle-BWGOXLHb.js');
+var index$1 = require('../../chunks/bundle-CoJbL3ob.js');
+var tokenize = require('../../chunks/bundle-B1Ql7yM0.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-BE-L5873.js');
+var MediaQueryContext = require('../../chunks/bundle-OIKGVRus.js');
+var color = require('../../chunks/bundle-CA69fSDI.js');
+var utils = require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-miB6ue8g.js');
+require('../../chunks/bundle-Bgeq75IH.js');
 require('../../ui/ContextMenu.js');
-require('../../chunks/bundle-BTU876jx.js');
+require('../../chunks/bundle-Dymg5zVO.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-1XtsxT8L.js');
+require('../../chunks/bundle-YRiE_c63.js');
 require('../../ui/BottomSheet.js');
-require('../../chunks/bundle-CZfcXYaX.js');
+require('../../chunks/bundle-DW8u-n3u.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-L3FEqZsK.js');
-require('../../chunks/bundle-DfcEln0Z.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-CAUMYdVU.js');
-require('../../chunks/bundle-DxSB9NRz.js');
-require('../../chunks/bundle-C93-onMF.js');
+require('../../chunks/bundle-DTzydpqA.js');
+require('../../chunks/bundle-C_8UQBXr.js');
+require('../../chunks/bundle-DcQeRT4T.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-Dehhi1FZ.js');
+require('../../chunks/bundle-7CEyuoln.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-Dww6fCVQ.js');
-require('../../chunks/bundle-BXEGf4g2.js');
-require('../../chunks/bundle-CE6bFQmu.js');
+require('../../chunks/bundle-H13ErLKW.js');
+require('../../chunks/bundle-DSLFcE0C.js');
+require('../../chunks/bundle-BBsKv3Vz.js');
 require('@sendbird/chat/message');
 require('../context/types.js');
-require('../../chunks/bundle-T4lp5F85.js');
-require('../../chunks/bundle-DRy7eNJ0.js');
+require('../../chunks/bundle-BzyQ6Vof.js');
+require('../../chunks/bundle-BK_SqbHE.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-C6a-umLQ.js');
-require('../../chunks/bundle-bqRlVm3u.js');
+require('../../chunks/bundle-CTraI7aM.js');
+require('../../chunks/bundle-jHjvHr01.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.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.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 = LocalizationContext.useLocalization().stringSet;
-    var _o = Thread_context.useThreadContext(), currentChannel = _o.currentChannel, emojiContainer = _o.emojiContainer, nicknamesMap = _o.nicknamesMap, toggleReaction = _o.toggleReaction;
+    var _m = Thread_context.useThreadContext(), currentChannel = _m.currentChannel, emojiContainer = _m.emojiContainer, nicknamesMap = _m.nicknamesMap, toggleReaction = _m.toggleReaction;
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var isReactionEnabled = config.groupChannel.enableReactions;
     var isMentionEnabled = config.groupChannel.enableMention;
@@ -90,15 +90,17 @@ function ParentMessageInfoItem(_a) {
     var statefulFileInfoList = useFileInfoListWithUploaded.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 = React.useMemo(function () {
+        var _a;
         if (isMentionedMessage) {
             return tokenize.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,
             });
         }
@@ -142,9 +144,9 @@ function ParentMessageInfoItem(_a) {
         }); }
         : downloadFileWithUrl;
     // Thumbnail mesage
-    var _p = React.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 = React.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.createElement("div", { className: "sendbird-parent-message-info-item ".concat(className) },
         index.isUserMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__text-message", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
             React.createElement(index$1.TextFragment, { tokens: tokens }),
@@ -166,7 +168,7 @@ function ParentMessageInfoItem(_a) {
             React.createElement(ui_VoiceMessageItemBody.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 }))),
         index.isThumbnailMessage(message) && (React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message", onClick: function () {
                 if (index.isSentMessage(message)) {
-                    showFileViewer(true);
+                    showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
                 }
             } },
             React.createElement(ui_ImageRenderer.default, { 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) {
@@ -181,7 +183,7 @@ function ParentMessageInfoItem(_a) {
             (index.isVideoMessage(message) || index.isGifMessage(message)) && (React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper" },
                 React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon" },
                     React.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))))),
-        index.getUIKitMessageType(message) === ((_k = index.getUIKitMessageTypes === null || index.getUIKitMessageTypes === void 0 ? void 0 : index.getUIKitMessageTypes()) === null || _k === void 0 ? void 0 : _k.UNKNOWN) && (React.createElement("div", { className: "sendbird-parent-message-info-item__unknown-message" },
+        index.getUIKitMessageType(message) === ((_j = index.getUIKitMessageTypes === null || index.getUIKitMessageTypes === void 0 ? void 0 : index.getUIKitMessageTypes()) === null || _j === void 0 ? void 0 : _j.UNKNOWN) && (React.createElement("div", { className: "sendbird-parent-message-info-item__unknown-message" },
             React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__unknown-message__header", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
             React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__unknown-message__description", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE))),
         isReactionActivated && (React.createElement("div", { className: "sendbird-parent-message-info__reactions" },

package/cjs/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/cjs/Thread/components/ThreadHeader.js

@@ -2,23 +2,23 @@
 
 var React = require('react');
 var ui_Icon = require('../../ui/Icon.js');
-var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
 var ui_Header = require('../../ui/Header.js');
-require('../../chunks/bundle-HGbi-rCv.js');
-require('../../chunks/bundle-BoLhr7Ko.js');
-require('../../chunks/bundle-gtkPlUrw.js');
-require('../../chunks/bundle-BWGOXLHb.js');
-require('../../chunks/bundle-5_kPn4wU.js');
-require('../../chunks/bundle-BwQ4BJif.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-DY5rfl6W.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DAxedY0T.js');
+require('../../chunks/bundle-CA69fSDI.js');
 require('../../ui/IconButton.js');
 
 function ThreadHeader(_a) {
     var className = _a.className, channelName = _a.channelName, renderActionIcon = _a.renderActionIcon, onActionIconClick = _a.onActionIconClick, onChannelNameClick = _a.onChannelNameClick;
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var MemoizedActionIcon = React.useMemo(function () {
-        if (typeof renderActionIcon === 'function') {
+        if (typeof renderActionIcon === 'function' && onActionIconClick) {
             return renderActionIcon({ onActionIconClick: onActionIconClick });
         }
         return null;

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-BjgfoBVC.js');
-require('../../chunks/bundle-HGbi-rCv.js');
-require('../../chunks/bundle-DAj-1QVM.js');
-require('../../chunks/bundle-BWGOXLHb.js');
-require('../../chunks/bundle-oeWNUdCB.js');
-require('../../chunks/bundle-gtkPlUrw.js');
+var resolvedReplyType = require('../../chunks/bundle-6_B00yYz.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-Cd-3W3UM.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-OWb8eJt-.js');
+require('../../chunks/bundle-BNMoxGCr.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-DAxedY0T.js');
-require('../../chunks/bundle-5_kPn4wU.js');
-require('../../chunks/bundle-4vdy6J5u.js');
-require('../../chunks/bundle-CZfcXYaX.js');
-require('../../chunks/bundle-wl1uuzU7.js');
+require('../../chunks/bundle-CA69fSDI.js');
+require('../../chunks/bundle-DY5rfl6W.js');
+require('../../chunks/bundle-ozey_V94.js');
+require('../../chunks/bundle-DW8u-n3u.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-BoLhr7Ko.js');
+require('../../chunks/bundle-DOoshvnj.js');
 require('react-dom');
-require('../../chunks/bundle-BwQ4BJif.js');
+require('../../chunks/bundle-OIKGVRus.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-1XtsxT8L.js');
+require('../../chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-L3FEqZsK.js');
-require('../../chunks/bundle-DfcEln0Z.js');
-require('../../chunks/bundle-BTU876jx.js');
-require('../../chunks/bundle-D8gia2Hg.js');
-require('../../chunks/bundle-C6a-umLQ.js');
-require('../../chunks/bundle-DxSB9NRz.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-Dymg5zVO.js');
+require('../../chunks/bundle-LO6QlzTz.js');
+require('../../chunks/bundle-CTraI7aM.js');
+require('../../chunks/bundle-C_8UQBXr.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-C93-onMF.js');
-require('../../chunks/bundle-bqRlVm3u.js');
-require('../../chunks/bundle-Dnq2YP_l.js');
-require('../../chunks/bundle-BaM5Ed34.js');
-require('../../chunks/bundle-CR04Yhbr.js');
-require('../../chunks/bundle-CmpLg1_S.js');
+require('../../chunks/bundle-DcQeRT4T.js');
+require('../../chunks/bundle-jHjvHr01.js');
+require('../../chunks/bundle-Bw1ttM89.js');
+require('../../chunks/bundle-DMUz-Xui.js');
+require('../../chunks/bundle-CuOOXDK0.js');
+require('../../chunks/bundle-wz_O1vyk.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-BLc7P6Sp.js');
+require('../../chunks/bundle-A_xDyoq6.js');
 require('dompurify');
-require('../../chunks/bundle-D4aDRH9m.js');
-require('../../chunks/bundle-8VyIP0TE.js');
-require('../../chunks/bundle-DdxJqNSP.js');
-require('../../chunks/bundle-CLOaQmX9.js');
+require('../../chunks/bundle-CBNBRNN0.js');
+require('../../chunks/bundle-D3BhVTZt.js');
+require('../../chunks/bundle-CI1zoEKe.js');
+require('../../chunks/bundle-B1Ql7yM0.js');
 require('../context/types.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-CAUMYdVU.js');
+require('../../chunks/bundle-DTzydpqA.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-Dehhi1FZ.js');
+require('../../chunks/bundle-7CEyuoln.js');
 require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-BaAUvjl9.js');
+require('../../chunks/bundle-BFy8_d3W.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-miB6ue8g.js');
-require('../../chunks/bundle-N_CwOE5a.js');
+require('../../chunks/bundle-Bgeq75IH.js');
+require('../../chunks/bundle-BPV3CKzS.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-B_51Svr9.js');
-require('../../chunks/bundle-wMKhbE3c.js');
+require('../../chunks/bundle-DTJnlh7y.js');
+require('../../chunks/bundle-TEjGhclf.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-Dww6fCVQ.js');
+require('../../chunks/bundle-H13ErLKW.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../chunks/bundle-C3DKUT4Q.js');
+require('../../chunks/bundle-CoJbL3ob.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-DcSTnNI0.js');
+require('../../chunks/bundle-cqwHj7Dj.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
-require('../../chunks/bundle-Cgl5e8xs.js');
-require('../../chunks/bundle-DTCz0BH1.js');
+require('../../chunks/bundle-6aemRbmn.js');
+require('../../chunks/bundle-BE-L5873.js');
 require('@sendbird/chat/message');
 require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-BXEGf4g2.js');
-require('../../chunks/bundle-CE6bFQmu.js');
-require('../../chunks/bundle-T4lp5F85.js');
-require('../../chunks/bundle-DRy7eNJ0.js');
+require('../../chunks/bundle-DSLFcE0C.js');
+require('../../chunks/bundle-BBsKv3Vz.js');
+require('../../chunks/bundle-BzyQ6Vof.js');
+require('../../chunks/bundle-BK_SqbHE.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;