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

package/cjs/ui/MessageContent.js

@@ -1,33 +1,34 @@
 '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 ui_MessageStatus = require('../chunks/bundle-DsrfvJYA.js');
+var index$1 = require('../chunks/bundle-D95F7WKf.js');
+var ui_MessageStatus = require('../chunks/bundle-Dur9d2k7.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-Cw7xe6J1.js');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
+var index = require('../chunks/bundle-CRjV-DLM.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-Pfx0MBr4.js');
-var index$2 = require('../chunks/bundle-BvhC4El1.js');
-var MediaQueryContext = require('../chunks/bundle-CLNUkVC8.js');
+var useLongPress = require('../chunks/bundle-DmfO6_lp.js');
+var index$2 = require('../chunks/bundle-CMNar_06.js');
+var MediaQueryContext = require('../chunks/bundle-Bsd8mnLE.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-B2KKkvdj.js');
-var utils = require('../chunks/bundle-CLte647H.js');
+var _const = require('../chunks/bundle-Bz2MU4JV.js');
+var utils = require('../chunks/bundle-FcnFNV4V.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-C0ZNrrcl.js');
+var ui_Avatar = require('../chunks/bundle-BpJxkKab.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-D7v4i_Ae.js');
+var UserProfileContext = require('../chunks/bundle-Ch54AIEU.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-B1uXZFKP.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-DxUpLiXa.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
@@ -37,57 +38,56 @@ var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-dokTsajJ.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CgOafeY_.js');
-require('../chunks/bundle-CL-vjR4o.js');
+require('../chunks/bundle-Dq1gBmDY.js');
+require('../chunks/bundle-Bs4qGnBO.js');
 require('./IconButton.js');
-require('../chunks/bundle-Ci6F_UQc.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-B40JIKoL.js');
+require('../chunks/bundle-K2UuTY_r.js');
 require('react-dom');
-require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-Ub33KGva.js');
-require('../chunks/bundle-DWBc-Yv7.js');
+require('../chunks/bundle-nJ_H0gk1.js');
+require('../chunks/bundle-5FP1wNLB.js');
 require('@sendbird/chat/groupChannel');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-DJ9gapN2.js');
+require('../chunks/bundle-CkSDsWpR.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
-require('../chunks/bundle-BAqFIbKr.js');
-require('../chunks/bundle-Ca7xeBTO.js');
+require('../chunks/bundle-DzkRFA4-.js');
+require('../chunks/bundle-B9KKI197.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-CxNGVWIy.js');
+require('../chunks/bundle-Ca2fr0Kb.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DpK1fr1j.js');
+require('../chunks/bundle-C9goSwm_.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-30fh5iPx.js');
-require('../chunks/bundle-DmVeFWB4.js');
-require('../chunks/bundle-BCt-Rzil.js');
-require('../chunks/bundle-DFVUnSWq.js');
+require('../chunks/bundle-CXyVP3ik.js');
+require('../chunks/bundle-DTtY3_Ni.js');
+require('../chunks/bundle-WLDzr4U5.js');
+require('../chunks/bundle-VNK4cKfS.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-D4e0UT-6.js');
-require('../chunks/bundle-SfusZfMJ.js');
+require('../chunks/bundle-B8SH2f7F.js');
+require('../chunks/bundle-Co2OfFRh.js');
 require('./TextButton.js');
-require('../chunks/bundle-DWGp201o.js');
-require('../chunks/bundle-IZLtKe6R.js');
-require('../chunks/bundle-D9UFa9yx.js');
+require('../chunks/bundle-D91GTav0.js');
+require('../chunks/bundle-CvkPNwGA.js');
+require('../chunks/bundle-Cf4_cCe9.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-jLW3AG2G.js');
+require('../chunks/bundle-Co7peqju.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
 require('./Input.js');
@@ -101,7 +101,7 @@ function MessageProfile(props) {
     }
     return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) {
             var _a, _b;
-            return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-message-content__left__avatar ".concat(displayThreadReplies ? 'use-thread-replies' : ''), src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === message.sender.userId; })) === null || _b === void 0 ? void 0 : _b.profileUrl)
+            return (React.createElement(ui_Avatar.Avatar, { className: utils.classnames('sendbird-message-content__left__avatar', displayThreadReplies && 'use-thread-replies'), src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === message.sender.userId; })) === null || _b === void 0 ? void 0 : _b.profileUrl)
                     || message.sender.profileUrl
                     || '', 
                 // TODO: Divide getting profileUrl logic to utils
@@ -198,9 +198,9 @@ function MessageContent(props) {
     var logger = config.logger;
     var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
     var contentRef = React.useRef(null);
-    var timestampRef = React.useRef(null);
-    var threadRepliesRef = React.useRef(null);
-    var feedbackButtonsRef = React.useRef(null);
+    var timestampRef = React.useRef();
+    var threadRepliesRef = React.useRef();
+    var feedbackButtonsRef = React.useRef();
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var _4 = React.useState(false), showMenu = _4[0], setShowMenu = _4[1];
     var _5 = React.useState(false), mouseHover = _5[0], setMouseHover = _5[1];
@@ -238,12 +238,14 @@ function MessageContent(props) {
         && !disableQuoteMessage);
     var useReplyingClassName = useReplying ? 'use-quote' : '';
     // Thread replies
-    var displayThreadReplies = ((_c = message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo) === null || _c === void 0 ? void 0 : _c.replyCount) > 0 && replyType === 'THREAD';
+    var displayThreadReplies = ((_c = message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo) === null || _c === void 0 ? void 0 : _c.replyCount)
+        && message$1.threadInfo.replyCount > 0
+        && replyType === 'THREAD';
     // Feedback buttons
     var isFeedbackMessage = !isByMe
-        && (message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedbackStatus)
+        && !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedbackStatus)
         && message$1.myFeedbackStatus !== SbFeedbackStatus.NOT_APPLICABLE;
-    var isFeedbackEnabled = ((_d = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _d === void 0 ? void 0 : _d.enableFeedback) && isFeedbackMessage;
+    var isFeedbackEnabled = !!((_d = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _d === void 0 ? void 0 : _d.enableFeedback) && isFeedbackMessage;
     /**
      * For TemplateMessage, do not display:
      *   - in web view:
@@ -304,14 +306,14 @@ function MessageContent(props) {
         return (React.createElement(ui_AdminMessage, { message: message$1 }));
     }
     return (React.createElement("div", { className: index.getClassName([
-            className,
+            className !== null && className !== void 0 ? className : '',
             'sendbird-message-content',
             isByMeClassName,
             uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
-        React.createElement("div", { className: index.getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
+        React.createElement("div", { className: utils.classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
             renderSenderProfile(_tslib.__assign(_tslib.__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-            showOutgoingMenu && (React.createElement("div", { className: index.getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
+            showOutgoingMenu && (React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
                     message: message$1,
@@ -324,13 +326,13 @@ function MessageContent(props) {
                     setQuoteMessage: setQuoteMessage,
                     setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
-                        var _b;
+                        var _b, _c;
                         var message = _a.message;
                         if (threadReplySelectType === _const.ThreadReplySelectType.THREAD) {
-                            onReplyInThread({ message: message });
+                            onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
                         }
                         else if (threadReplySelectType === _const.ThreadReplySelectType.PARENT) {
-                            scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
+                            scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage((_c = (_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt) !== null && _c !== void 0 ? _c : 0, message.parentMessageId);
                         }
                     },
                     deleteMessage: deleteMessage,
@@ -342,13 +344,9 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     setSupposedHover: setSupposedHover,
                 }))))),
-        React.createElement("div", _tslib.__assign({ className: index.getClassName([
-                'sendbird-message-content__middle',
-                index.isTemplateMessage(message$1) ? 'sendbird-message-content__middle__for_template_message' : '',
-                uiContainerType,
-            ]) }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
+        React.createElement("div", _tslib.__assign({ className: utils.classnames('sendbird-message-content__middle', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
-            (useReplying) ? (React.createElement("div", { className: index.getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName]) },
+            (useReplying) ? (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
                 React.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message$1, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message$1.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === _const.ThreadReplySelectType.THREAD) {
@@ -356,19 +354,11 @@ function MessageContent(props) {
                         }
                         if ((replyType === 'QUOTE_REPLY' || (replyType === 'THREAD' && threadReplySelectType === _const.ThreadReplySelectType.PARENT))
                             && ((_a = message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessage) === null || _a === void 0 ? void 0 : _a.createdAt) && (message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessageId)) {
-                            scrollToMessage(message$1.parentMessage.createdAt, message$1.parentMessageId);
+                            scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message$1.parentMessage.createdAt, message$1.parentMessageId);
                         }
                     } }))) : null,
-            React.createElement("div", { className: index.getClassName([
-                    'sendbird-message-content__middle__body-container',
-                    index.isTemplateMessage(message$1) ? 'sendbird-message-content__middle__for_template_message' : '',
-                ]) },
-                (isByMe && !chainBottom) && (React.createElement("div", { className: index.getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'left',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), ref: timestampRef },
+            React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message') },
+                (isByMe && !chainBottom) && (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName, uiContainerType), ref: timestampRef },
                     React.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React.createElement(ui_MessageStatus.MessageStatus, { message: message$1, channel: channel })))),
                 renderMessageBody({
@@ -384,29 +374,18 @@ function MessageContent(props) {
                     onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React.createElement("div", { className: index.getClassName([
-                        'sendbird-message-content-reactions',
-                        index.isMultipleFilesMessage(message$1)
-                            ? 'image-grid'
-                            : (!isByMe || index.isThumbnailMessage(message$1) || index.isOGMessage(message$1))
-                                ? '' : 'primary',
-                        mouseHover ? 'mouse-hover' : '',
-                    ]) }, renderEmojiReactions({
+                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index.isMultipleFilesMessage(message$1) ? 'image-grid'
+                        : (isByMe && !index.isThumbnailMessage(message$1) && !index.isOGMessage(message$1)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message$1,
                     channel: channel,
                     isByMe: isByMe,
-                    emojiContainer: emojiContainer,
-                    memberNicknamesMap: nicknamesMap,
+                    emojiContainer: emojiContainer !== null && emojiContainer !== void 0 ? emojiContainer : new SendbirdChat.EmojiContainer(),
+                    memberNicknamesMap: nicknamesMap !== null && nicknamesMap !== void 0 ? nicknamesMap : new Map(),
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
                 }))),
-                (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: index.getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'right',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2, ref: timestampRef }, index$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
+                (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName, uiContainerType), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2, ref: timestampRef }, index$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
             isTimestampBottom && React.createElement("div", { style: {
@@ -414,7 +393,7 @@ function MessageContent(props) {
                     height: ((_k = (_j = timestampRef.current) === null || _j === void 0 ? void 0 : _j.clientHeight) !== null && _k !== void 0 ? _k : 0) + 'px',
                     marginTop: '4px',
                 } }),
-            showThreadReplies && (React.createElement(ui_ThreadReplies.default, { className: "sendbird-message-content__middle__thread-replies", threadInfo: message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo, onClick: function () { return onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message$1 }); }, ref: threadRepliesRef })),
+            showThreadReplies && (message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo) && (React.createElement(ui_ThreadReplies.default, { className: "sendbird-message-content__middle__thread-replies", threadInfo: message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo, onClick: function () { return onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message$1 }); }, ref: threadRepliesRef })),
             isFeedbackEnabled && React.createElement("div", { className: "sendbird-message-content__middle__body-container__feedback-buttons-container", ref: feedbackButtonsRef },
                 React.createElement(ui_FeedbackIconButton, { isSelected: ((_l = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === message.FeedbackRating.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_1;
@@ -445,7 +424,7 @@ function MessageContent(props) {
                                 case 6: return [2 /*return*/];
                             }
                         });
-                    }); }, disabled: (message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.GOOD },
+                    }); }, disabled: !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.GOOD },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
                 React.createElement(ui_FeedbackIconButton, { isSelected: ((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === message.FeedbackRating.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_2;
@@ -476,10 +455,10 @@ function MessageContent(props) {
                                 case 6: return [2 /*return*/];
                             }
                         });
-                    }); }, disabled: (message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
+                    }); }, disabled: !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
-        showRightContent && (React.createElement("div", { className: index.getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName]) },
-            React.createElement("div", { className: index.getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName]) },
+        showRightContent && (React.createElement("div", { className: utils.classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
+            React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
                     message: message$1,
@@ -500,18 +479,18 @@ function MessageContent(props) {
                     setQuoteMessage: setQuoteMessage,
                     setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
-                        var _b;
+                        var _b, _c;
                         var message = _a.message;
                         if (threadReplySelectType === _const.ThreadReplySelectType.THREAD) {
-                            onReplyInThread({ message: message });
+                            onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
                         }
                         else if (threadReplySelectType === _const.ThreadReplySelectType.PARENT) {
-                            scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
+                            scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage((_c = (_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt) !== null && _c !== void 0 ? _c : 0, message.parentMessageId);
                         }
                     },
                     deleteMessage: deleteMessage,
                 })))),
-        showMenu && index.isSendableMessage(message$1) && renderMobileMenuOnLongPress({
+        showMenu && index.isSendableMessage(message$1) && channel && renderMobileMenuOnLongPress({
             parentRef: contentRef,
             channel: channel,
             hideMenu: function () { setShowMenu(false); },
@@ -545,7 +524,7 @@ function MessageContent(props) {
                     switch (_c.label) {
                         case 0:
                             if (!onBeforeDownloadFileMessage) {
-                                return [2 /*return*/, null];
+                                return [2 /*return*/];
                             }
                             _c.label = 1;
                         case 1:
@@ -578,17 +557,19 @@ function MessageContent(props) {
                 return _tslib.__generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
-                            _c.trys.push([0, 2, , 3]);
+                            _c.trys.push([0, 3, , 4]);
+                            if (!(message$1.myFeedback !== null)) return [3 /*break*/, 2];
                             return [4 /*yield*/, message$1.deleteFeedback(message$1.myFeedback.id)];
                         case 1:
                             _c.sent();
-                            return [3 /*break*/, 3];
-                        case 2:
+                            _c.label = 2;
+                        case 2: return [3 /*break*/, 4];
+                        case 3:
                             error_3 = _c.sent();
                             (_b = (_a = config === null || config === void 0 ? void 0 : config.logger) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, 'Channel: Delete feedback failed.', error_3);
                             setFeedbackFailedText(stringSet.FEEDBACK_FAILED_DELETE);
-                            return [3 /*break*/, 3];
-                        case 3:
+                            return [3 /*break*/, 4];
+                        case 4:
                             setShowFeedbackOptionsMenu(false);
                             return [2 /*return*/];
                     }
@@ -600,6 +581,7 @@ function MessageContent(props) {
                 return _tslib.__generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
+                            if (!(message$1.myFeedback !== null)) return [3 /*break*/, 4];
                             newFeedback = new message.Feedback({
                                 id: message$1.myFeedback.id,
                                 rating: selectedFeedback,
@@ -628,17 +610,19 @@ function MessageContent(props) {
                 return _tslib.__generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
-                            _c.trys.push([0, 2, , 3]);
+                            _c.trys.push([0, 3, , 4]);
+                            if (!(message$1.myFeedback !== null)) return [3 /*break*/, 2];
                             return [4 /*yield*/, message$1.deleteFeedback(message$1.myFeedback.id)];
                         case 1:
                             _c.sent();
-                            return [3 /*break*/, 3];
-                        case 2:
+                            _c.label = 2;
+                        case 2: return [3 /*break*/, 4];
+                        case 3:
                             error_5 = _c.sent();
                             (_b = (_a = config === null || config === void 0 ? void 0 : config.logger) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, 'Channel: Delete feedback failed.', error_5);
                             setFeedbackFailedText(stringSet.FEEDBACK_FAILED_DELETE);
-                            return [3 /*break*/, 3];
-                        case 3:
+                            return [3 /*break*/, 4];
+                        case 4:
                             onCloseFeedbackForm();
                             return [2 /*return*/];
                     }

package/cjs/ui/MessageContent.js.map

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

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,32 +1,32 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
-var ui_Modal = require('../chunks/bundle-DJ9gapN2.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
+var ui_Modal = require('../chunks/bundle-CkSDsWpR.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
-var useKeyDown = require('../chunks/bundle-D9UFa9yx.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
-require('../chunks/bundle-C-r9vRgc.js');
-require('../chunks/bundle-Cw7xe6J1.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
+var useKeyDown = require('../chunks/bundle-Cf4_cCe9.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.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('./IconButton.js');
 require('./Icon.js');
 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-DzkRFA4-.js');
+require('../chunks/bundle-B9KKI197.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-K2UuTY_r.js');
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/cjs/ui/MessageFeedbackModal.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
-var ui_Modal = require('../chunks/bundle-DJ9gapN2.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
+var ui_Modal = require('../chunks/bundle-CkSDsWpR.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
-var MediaQueryContext = require('../chunks/bundle-CLNUkVC8.js');
-var useKeyDown = require('../chunks/bundle-D9UFa9yx.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
-require('../chunks/bundle-C-r9vRgc.js');
-require('../chunks/bundle-Cw7xe6J1.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
+var MediaQueryContext = require('../chunks/bundle-Bsd8mnLE.js');
+var useKeyDown = require('../chunks/bundle-Cf4_cCe9.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.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('./IconButton.js');
 require('./Icon.js');
@@ -22,12 +22,12 @@ 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-DzkRFA4-.js');
+require('../chunks/bundle-B9KKI197.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-K2UuTY_r.js');
 
 function MessageFeedbackModal(props) {
     var _a, _b;
@@ -37,12 +37,12 @@ function MessageFeedbackModal(props) {
     var isEdit = (message === null || message === void 0 ? void 0 : message.myFeedback) && selectedFeedback === message.myFeedback.rating;
     var hasComment = (_a = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _a === void 0 ? void 0 : _a.comment;
     var onSubmitWrapper = function () {
-        var _a;
+        var _a, _b, _c;
         if (!selectedFeedback)
             return;
-        var comment = (_a = inputRef.current.value) !== null && _a !== void 0 ? _a : '';
+        var comment = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
         if (isEdit) {
-            if (comment !== message.myFeedback.comment) {
+            if (comment !== ((_c = message.myFeedback) === null || _c === void 0 ? void 0 : _c.comment)) {
                 onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(selectedFeedback, comment);
             }
             else {
@@ -53,8 +53,8 @@ function MessageFeedbackModal(props) {
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(selectedFeedback, comment);
         }
     };
-    var modalRef = React.useRef(null);
-    var inputRef = React.useRef(null);
+    var modalRef = React.useRef();
+    var inputRef = React.useRef();
     var onKeyDown = useKeyDown.useKeyDown(modalRef, {
         Enter: function () { return onSubmitWrapper(); },
         Escape: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); },

package/cjs/ui/MessageInput/hooks/usePaste.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-BOrMDMdN.js');
-require('../../../chunks/bundle-C4UzGGy_.js');
-require('../../../chunks/bundle-B2KKkvdj.js');
-require('../../../chunks/bundle-C-r9vRgc.js');
-require('../../../chunks/bundle-ClBBhzU-.js');
-require('../../../chunks/bundle-SfusZfMJ.js');
-require('../../../chunks/bundle-D4e0UT-6.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-DLgT0MKO.js');
+require('../../../chunks/bundle-WrRM6A2K.js');
+require('../../../chunks/bundle-Bz2MU4JV.js');
+require('../../../chunks/bundle-BGmEoqIq.js');
+require('../../../chunks/bundle-BZf2YVCr.js');
+require('../../../chunks/bundle-Co2OfFRh.js');
+require('../../../chunks/bundle-B8SH2f7F.js');