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

package/ui/MentionUserLabel.js

@@ -1,9 +1,10 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-YveljAuC.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-q8TfLkpw.js';
+import { c as classnames } from '../chunks/bundle-Dl6p5CcR.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;
-    return (React__default.createElement("span", { className: "".concat(MENTION_USER_LABEL_CLASSNAME, " ").concat(className, " ").concat(isReverse ? 'reverse' : '', " ").concat(color), contentEditable: false, "data-userid": userId, "data-sb-mention": true }, children));
+    return (React__default.createElement("span", { className: classnames(MENTION_USER_LABEL_CLASSNAME, className, isReverse && 'reverse', color), contentEditable: false, "data-userid": userId, "data-sb-mention": true }, children));
 }
 
 export { MentionUserLabel as default };

package/ui/MentionUserLabel.js.map

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

package/ui/MessageContent.js

@@ -1,31 +1,32 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-zAvvLMA9.js';
 import React__default, { useRef, useContext, useState, useMemo } from 'react';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
-import { M as MessageStatus } from '../chunks/bundle-B4q4jk6S.js';
+import { f as format } from '../chunks/bundle-BWOr3gdK.js';
+import { M as MessageStatus } from '../chunks/bundle-Cv_JSmmp.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { e as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, P as getMessageContentMiddleClassNameByContainerType, Q as isAdminMessage, w as getClassName, R as UI_CONTAINER_TYPES } from '../chunks/bundle-BH5EGLxi.js';
-import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
+import { e as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, P as getMessageContentMiddleClassNameByContainerType, Q as isAdminMessage, w as getClassName, R as UI_CONTAINER_TYPES } from '../chunks/bundle-CMOqM33u.js';
+import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { EmojiContainer } from '@sendbird/chat';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-xHRJMo_A.js';
-import { M as MobileMenu } from '../chunks/bundle-C6yCDg1g.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Cj-w5I5i.js';
+import { u as useLongPress } from '../chunks/bundle-BNZI6WLw.js';
+import { M as MobileMenu } from '../chunks/bundle-LG8yCDNB.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DS8lmYaF.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-DudTIr4X.js';
-import { d as deleteNullish, n as noop } from '../chunks/bundle-DhJuLwLJ.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-DXjbblWF.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-Dl6p5CcR.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-60et0yds.js';
+import { a as UserProfileContext } from '../chunks/bundle-CPH6jPCe.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-CclWZYVY.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-BeNijzt4.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
@@ -35,57 +36,56 @@ import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-D2RTt6tN.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-SI5OarjR.js';
-import '../chunks/bundle-DZl5IVWc.js';
+import '../chunks/bundle-Bn31wN-4.js';
+import '../chunks/bundle-BaXIdVj6.js';
 import './IconButton.js';
-import '../chunks/bundle-hF8Gurf8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-Dj4qcISv.js';
+import '../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
-import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-8J9SSfIS.js';
-import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-sq0c8UmG.js';
+import '../chunks/bundle-BvFSwy4a.js';
 import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../chunks/bundle-DiVyB2HD.js';
+import '../chunks/bundle-DEcnZTr9.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 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 './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-BQPvwBK8.js';
+import '../chunks/bundle-BEDpWEUq.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-Dub0HHFi.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-BxaysvGU.js';
-import '../chunks/bundle-ARb5Lm9T.js';
-import '../chunks/bundle-DEFOjZw9.js';
-import '../chunks/bundle-HhDUyQa4.js';
+import '../chunks/bundle-MjyZT4_4.js';
+import '../chunks/bundle-D_lTgUdV.js';
+import '../chunks/bundle-C0hkVQ_x.js';
+import '../chunks/bundle-CVf0xQqZ.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-C2B-jwQF.js';
-import '../chunks/bundle-DUVa5cu6.js';
+import '../chunks/bundle-BdXUzVaM.js';
+import '../chunks/bundle-jD9nAlqc.js';
 import './TextButton.js';
-import '../chunks/bundle-BCuW6lS8.js';
-import '../chunks/bundle-DYmy2oK3.js';
-import '../chunks/bundle-Cw_yF4Vi.js';
+import '../chunks/bundle-BgxEVQoU.js';
+import '../chunks/bundle-BT85GO4x.js';
+import '../chunks/bundle-AoovKWt6.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-CTqXLoJ-.js';
+import '../chunks/bundle-C3ERcgVV.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
 import './Input.js';
@@ -99,7 +99,7 @@ function MessageProfile(props) {
     }
     return (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) {
             var _a, _b;
-            return (React__default.createElement(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__default.createElement(Avatar, { className: 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
@@ -196,9 +196,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 = useRef(null);
-    var timestampRef = useRef(null);
-    var threadRepliesRef = useRef(null);
-    var feedbackButtonsRef = useRef(null);
+    var timestampRef = useRef();
+    var threadRepliesRef = useRef();
+    var feedbackButtonsRef = useRef();
     var isMobile = useMediaQueryContext().isMobile;
     var _4 = useState(false), showMenu = _4[0], setShowMenu = _4[1];
     var _5 = useState(false), mouseHover = _5[0], setMouseHover = _5[1];
@@ -236,12 +236,14 @@ function MessageContent(props) {
         && !disableQuoteMessage);
     var useReplyingClassName = useReplying ? 'use-quote' : '';
     // Thread replies
-    var displayThreadReplies = ((_c = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _c === void 0 ? void 0 : _c.replyCount) > 0 && replyType === 'THREAD';
+    var displayThreadReplies = ((_c = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _c === void 0 ? void 0 : _c.replyCount)
+        && message.threadInfo.replyCount > 0
+        && replyType === 'THREAD';
     // Feedback buttons
     var isFeedbackMessage = !isByMe
-        && (message === null || message === void 0 ? void 0 : message.myFeedbackStatus)
+        && !!(message === null || message === void 0 ? void 0 : message.myFeedbackStatus)
         && message.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:
@@ -302,14 +304,14 @@ function MessageContent(props) {
         return (React__default.createElement(AdminMessage, { message: message }));
     }
     return (React__default.createElement("div", { className: getClassName([
-            className,
+            className !== null && className !== void 0 ? className : '',
             'sendbird-message-content',
             isByMeClassName,
             uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
-        React__default.createElement("div", { className: getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
+        React__default.createElement("div", { className: classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
             renderSenderProfile(__assign(__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-            showOutgoingMenu && (React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
+            showOutgoingMenu && (React__default.createElement("div", { className: classnames('sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
                     message: message,
@@ -322,13 +324,13 @@ function MessageContent(props) {
                     setQuoteMessage: setQuoteMessage,
                     setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
-                        var _b;
+                        var _b, _c;
                         var message = _a.message;
                         if (threadReplySelectType === ThreadReplySelectType.THREAD) {
-                            onReplyInThread({ message: message });
+                            onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
                         }
                         else if (threadReplySelectType === 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,
@@ -340,13 +342,9 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     setSupposedHover: setSupposedHover,
                 }))))),
-        React__default.createElement("div", __assign({ className: getClassName([
-                'sendbird-message-content__middle',
-                isTemplateMessage(message) ? 'sendbird-message-content__middle__for_template_message' : '',
-                uiContainerType,
-            ]) }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
+        React__default.createElement("div", __assign({ className: classnames('sendbird-message-content__middle', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
-            (useReplying) ? (React__default.createElement("div", { className: getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName]) },
+            (useReplying) ? (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
                 React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {
@@ -354,19 +352,11 @@ function MessageContent(props) {
                         }
                         if ((replyType === 'QUOTE_REPLY' || (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.PARENT))
                             && ((_a = message === null || message === void 0 ? void 0 : message.parentMessage) === null || _a === void 0 ? void 0 : _a.createdAt) && (message === null || message === void 0 ? void 0 : message.parentMessageId)) {
-                            scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
+                            scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
                         }
                     } }))) : null,
-            React__default.createElement("div", { className: getClassName([
-                    'sendbird-message-content__middle__body-container',
-                    isTemplateMessage(message) ? 'sendbird-message-content__middle__for_template_message' : '',
-                ]) },
-                (isByMe && !chainBottom) && (React__default.createElement("div", { className: getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'left',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), ref: timestampRef },
+            React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message') },
+                (isByMe && !chainBottom) && (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName, uiContainerType), ref: timestampRef },
                     React__default.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React__default.createElement(MessageStatus, { message: message, channel: channel })))),
                 renderMessageBody({
@@ -382,29 +372,18 @@ function MessageContent(props) {
                     onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.createElement("div", { className: getClassName([
-                        'sendbird-message-content-reactions',
-                        isMultipleFilesMessage(message)
-                            ? 'image-grid'
-                            : (!isByMe || isThumbnailMessage(message) || isOGMessage(message))
-                                ? '' : 'primary',
-                        mouseHover ? 'mouse-hover' : '',
-                    ]) }, renderEmojiReactions({
+                (isReactionEnabledInChannel && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.createElement("div", { className: classnames('sendbird-message-content-reactions', isMultipleFilesMessage(message) ? 'image-grid'
+                        : (isByMe && !isThumbnailMessage(message) && !isOGMessage(message)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message,
                     channel: channel,
                     isByMe: isByMe,
-                    emojiContainer: emojiContainer,
-                    memberNicknamesMap: nicknamesMap,
+                    emojiContainer: emojiContainer !== null && emojiContainer !== void 0 ? emojiContainer : new EmojiContainer(),
+                    memberNicknamesMap: nicknamesMap !== null && nicknamesMap !== void 0 ? nicknamesMap : new Map(),
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
                 }))),
-                (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'right',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2, ref: timestampRef }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
+                (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: classnames('sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName, uiContainerType), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2, ref: timestampRef }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
             isTimestampBottom && React__default.createElement("div", { style: {
@@ -412,7 +391,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__default.createElement(ThreadReplies, { className: "sendbird-message-content__middle__thread-replies", threadInfo: message === null || message === void 0 ? void 0 : message.threadInfo, onClick: function () { return onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message }); }, ref: threadRepliesRef })),
+            showThreadReplies && (message === null || message === void 0 ? void 0 : message.threadInfo) && (React__default.createElement(ThreadReplies, { className: "sendbird-message-content__middle__thread-replies", threadInfo: message === null || message === void 0 ? void 0 : message.threadInfo, onClick: function () { return onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message }); }, ref: threadRepliesRef })),
             isFeedbackEnabled && React__default.createElement("div", { className: "sendbird-message-content__middle__body-container__feedback-buttons-container", ref: feedbackButtonsRef },
                 React__default.createElement(FeedbackIconButton, { isSelected: ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === FeedbackRating.GOOD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                         var error_1;
@@ -443,7 +422,7 @@ function MessageContent(props) {
                                 case 6: return [2 /*return*/];
                             }
                         });
-                    }); }, disabled: (message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.GOOD },
+                    }); }, disabled: !!(message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.GOOD },
                     React__default.createElement(Icon, { type: IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
                 React__default.createElement(FeedbackIconButton, { isSelected: ((_m = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === FeedbackRating.BAD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                         var error_2;
@@ -474,10 +453,10 @@ function MessageContent(props) {
                                 case 6: return [2 /*return*/];
                             }
                         });
-                    }); }, disabled: (message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.BAD },
+                    }); }, disabled: !!(message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.BAD },
                     React__default.createElement(Icon, { type: IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
-        showRightContent && (React__default.createElement("div", { className: getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName]) },
-            React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName]) },
+        showRightContent && (React__default.createElement("div", { className: classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
+            React__default.createElement("div", { className: classnames('sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
                     message: message,
@@ -498,18 +477,18 @@ function MessageContent(props) {
                     setQuoteMessage: setQuoteMessage,
                     setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
-                        var _b;
+                        var _b, _c;
                         var message = _a.message;
                         if (threadReplySelectType === ThreadReplySelectType.THREAD) {
-                            onReplyInThread({ message: message });
+                            onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
                         }
                         else if (threadReplySelectType === 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 && isSendableMessage(message) && renderMobileMenuOnLongPress({
+        showMenu && isSendableMessage(message) && channel && renderMobileMenuOnLongPress({
             parentRef: contentRef,
             channel: channel,
             hideMenu: function () { setShowMenu(false); },
@@ -543,7 +522,7 @@ function MessageContent(props) {
                     switch (_c.label) {
                         case 0:
                             if (!onBeforeDownloadFileMessage) {
-                                return [2 /*return*/, null];
+                                return [2 /*return*/];
                             }
                             _c.label = 1;
                         case 1:
@@ -576,17 +555,19 @@ function MessageContent(props) {
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
-                            _c.trys.push([0, 2, , 3]);
+                            _c.trys.push([0, 3, , 4]);
+                            if (!(message.myFeedback !== null)) return [3 /*break*/, 2];
                             return [4 /*yield*/, message.deleteFeedback(message.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*/];
                     }
@@ -598,6 +579,7 @@ function MessageContent(props) {
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
+                            if (!(message.myFeedback !== null)) return [3 /*break*/, 4];
                             newFeedback = new Feedback({
                                 id: message.myFeedback.id,
                                 rating: selectedFeedback,
@@ -626,17 +608,19 @@ function MessageContent(props) {
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
-                            _c.trys.push([0, 2, , 3]);
+                            _c.trys.push([0, 3, , 4]);
+                            if (!(message.myFeedback !== null)) return [3 /*break*/, 2];
                             return [4 /*yield*/, message.deleteFeedback(message.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/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/ui/MessageFeedbackFailedModal.js

@@ -1,30 +1,30 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import { M as Modal } from '../chunks/bundle-DiVyB2HD.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import { M as Modal } from '../chunks/bundle-DEcnZTr9.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { u as useKeyDown } from '../chunks/bundle-Cw_yF4Vi.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { u as useKeyDown } from '../chunks/bundle-AoovKWt6.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.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 './IconButton.js';
 import './Icon.js';
 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-CflUdLjG.js';
+import '../chunks/bundle-DaqQkuav.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-HbS5lB90.js';
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/ui/MessageFeedbackModal.js

@@ -1,18 +1,18 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import { M as Modal } from '../chunks/bundle-DiVyB2HD.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import { M as Modal } from '../chunks/bundle-DEcnZTr9.js';
 import Button, { ButtonTypes } from './Button.js';
 import Input from './Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Cj-w5I5i.js';
-import { u as useKeyDown } from '../chunks/bundle-Cw_yF4Vi.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DS8lmYaF.js';
+import { u as useKeyDown } from '../chunks/bundle-AoovKWt6.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.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 './IconButton.js';
 import './Icon.js';
@@ -20,12 +20,12 @@ 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-CflUdLjG.js';
+import '../chunks/bundle-DaqQkuav.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-HbS5lB90.js';
 
 function MessageFeedbackModal(props) {
     var _a, _b;
@@ -35,12 +35,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 {
@@ -51,8 +51,8 @@ function MessageFeedbackModal(props) {
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(selectedFeedback, comment);
         }
     };
-    var modalRef = useRef(null);
-    var inputRef = useRef(null);
+    var modalRef = useRef();
+    var inputRef = useRef();
     var onKeyDown = useKeyDown(modalRef, {
         Enter: function () { return onSubmitWrapper(); },
         Escape: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); },

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-Dpj_mOs8.js';
-import '../../../chunks/bundle-C5i4dn9q.js';
-import '../../../chunks/bundle-DudTIr4X.js';
-import '../../../chunks/bundle-CDy_GVNR.js';
-import '../../../chunks/bundle-YveljAuC.js';
-import '../../../chunks/bundle-DUVa5cu6.js';
-import '../../../chunks/bundle-C2B-jwQF.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle--aWriVp-.js';
+import '../../../chunks/bundle-6v-jzonm.js';
+import '../../../chunks/bundle-DXjbblWF.js';
+import '../../../chunks/bundle-zAvvLMA9.js';
+import '../../../chunks/bundle-q8TfLkpw.js';
+import '../../../chunks/bundle-jD9nAlqc.js';
+import '../../../chunks/bundle-BdXUzVaM.js';
 //# sourceMappingURL=usePaste.js.map