@sendbird/uikit-react 3.9.3-rc.0 → 3.10.0

package/Channel/components/FileViewer.js

@@ -1,40 +1,40 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { A as Avatar } from '../../chunks/bundle-4IJH7QEY.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-udE7DsNo.js';
+import { A as Avatar } from '../../chunks/bundle-HVtbYmj3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import '../../hooks/useModal.js';
-import { e as isSupportedFileView, f as isVideo, c as isImage } from '../../chunks/bundle--yRzbc9U.js';
+import { e as isSupportedFileView, f as isVideo, c as isImage } from '../../chunks/bundle-aD4V4aI8.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-nrm7--0q.js';
-import { a as MODAL_ROOT } from '../../chunks/bundle-dNxyH8Er.js';
-import '../../chunks/bundle-vwWaTJzg.js';
+import { u as useChannelContext } from '../../chunks/bundle-QSb_mwts.js';
+import { a as MODAL_ROOT } from '../../chunks/bundle-4vHal8Yn.js';
+import '../../chunks/bundle-Dv_OpODB.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-P1wmnvy9.js';
-import '../../chunks/bundle-TsienPu3.js';
-import '../../chunks/bundle-yeq5dlz7.js';
-import '../../chunks/bundle-wwLAI-Tt.js';
-import '../../chunks/bundle-bDWAVmob.js';
-import '../../chunks/bundle-gKkAyMAQ.js';
-import '../../chunks/bundle-1DDGx2zI.js';
-import '../../chunks/bundle-lsEXnFwe.js';
+import '../../chunks/bundle-mccz6DbW.js';
+import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-rQ1k1Cpu.js';
+import '../../chunks/bundle-AilPIINY.js';
+import '../../chunks/bundle-26VX7FQg.js';
+import '../../chunks/bundle-Uw736N77.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-uHZAUI7c.js';
-import '../../chunks/bundle-ui21vRGg.js';
-import '../../chunks/bundle-T-S631y-.js';
-import '../../chunks/bundle-brC7Asxc.js';
+import '../../chunks/bundle-8XAFqDsw.js';
+import '../../chunks/bundle-zx8iuoIh.js';
+import '../../chunks/bundle-KpJtSqe-.js';
+import '../../chunks/bundle-gzQGUVJt.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-st6t2DcW.js';
-import '../../chunks/bundle-KMF_Auff.js';
+import '../../chunks/bundle-ej1sc1yZ.js';
+import '../../chunks/bundle-1pnUZsGs.js';
 import '@sendbird/chat/groupChannel';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-gpPQ_Did.js';
-import '../../chunks/bundle-78pBi79a.js';
-import '../../chunks/bundle-JhkOoTkQ.js';
-import '../../chunks/bundle-u3j2nR-h.js';
+import '../../chunks/bundle-tD8xAWw2.js';
+import '../../chunks/bundle-QjcHKpDK.js';
+import '../../chunks/bundle-QGpFq71p.js';
+import '../../chunks/bundle-Abz9zH51.js';
 
 var FileViewerComponent = function (_a) {
     var 

package/Channel/components/FrozenNotification.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-gKkAyMAQ.js';
-import { L as Label, a as LabelTypography } from '../../chunks/bundle-udE7DsNo.js';
-import '../../chunks/bundle-yeq5dlz7.js';
-import '../../chunks/bundle-1DDGx2zI.js';
-import '../../chunks/bundle-vwWaTJzg.js';
+import { L as LocalizationContext } from '../../chunks/bundle-AilPIINY.js';
+import { L as Label, a as LabelTypography } from '../../chunks/bundle-cYhstyoi.js';
+import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-26VX7FQg.js';
+import '../../chunks/bundle-Dv_OpODB.js';
 
 var FrozenNotification = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b;

package/Channel/components/Message.js

@@ -1,72 +1,72 @@
-import { a as __spreadArray } from '../../chunks/bundle-vwWaTJzg.js';
+import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-Dv_OpODB.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-brC7Asxc.js';
+import { f as format } from '../../chunks/bundle-gzQGUVJt.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-nrm7--0q.js';
-import { n as getClassName, K as getSuggestedReplies } from '../../chunks/bundle--yRzbc9U.js';
-import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../chunks/bundle-T-S631y-.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../chunks/bundle-ui21vRGg.js';
+import { u as useChannelContext } from '../../chunks/bundle-QSb_mwts.js';
+import { n as getClassName, M as getSuggestedReplies } from '../../chunks/bundle-aD4V4aI8.js';
+import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../chunks/bundle-KpJtSqe-.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../chunks/bundle-zx8iuoIh.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-udE7DsNo.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.js';
 import MessageInput from '../../ui/MessageInput.js';
 import MessageContent from '../../ui/MessageContent.js';
 import FileViewer from './FileViewer.js';
 import RemoveMessage from './RemoveMessageModal.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-yDQ7CB8I.js';
-import { u as useLocalization } from '../../chunks/bundle-gKkAyMAQ.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-84jQZIDS.js';
+import { u as useLocalization } from '../../chunks/bundle-AilPIINY.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-1DDGx2zI.js';
+import '../../chunks/bundle-26VX7FQg.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-wwLAI-Tt.js';
-import '../../chunks/bundle-4IJH7QEY.js';
+import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-HVtbYmj3.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-P1wmnvy9.js';
-import '../../chunks/bundle-TsienPu3.js';
+import '../../chunks/bundle-mccz6DbW.js';
+import '../../chunks/bundle-s5uFV3hh.js';
 import '../../Thread/context.js';
-import '../../chunks/bundle-u3j2nR-h.js';
-import '../../chunks/bundle-gpPQ_Did.js';
+import '../../chunks/bundle-Abz9zH51.js';
+import '../../chunks/bundle-tD8xAWw2.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-uHZAUI7c.js';
+import '../../chunks/bundle-8XAFqDsw.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-st6t2DcW.js';
+import '../../chunks/bundle-ej1sc1yZ.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-KMF_Auff.js';
+import '../../chunks/bundle-1pnUZsGs.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-78pBi79a.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-bDWAVmob.js';
+import '../../chunks/bundle-QjcHKpDK.js';
+import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-rQ1k1Cpu.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-JhkOoTkQ.js';
-import '../../chunks/bundle-58DQiUD5.js';
-import '../../chunks/bundle-yeq5dlz7.js';
+import '../../chunks/bundle-QGpFq71p.js';
+import '../../withSendbird.js';
+import '../../chunks/bundle-y_DSrC-A.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-DRnzKt-b.js';
+import '../../chunks/bundle-tZrqMc_G.js';
 import 'dompurify';
-import '../../chunks/bundle-mcex4MSM.js';
-import '../../chunks/bundle-uI7_T-M6.js';
-import '../../chunks/bundle-zNT2XhnG.js';
-import '../../chunks/bundle-zqu04qTx.js';
-import '../../chunks/bundle-qVHH4JST.js';
+import '../../chunks/bundle-imm3o8vY.js';
+import '../../chunks/bundle-X2Sm7pn5.js';
+import '../../chunks/bundle-hpM7HwDV.js';
+import '../../chunks/bundle-ZExhHi47.js';
+import '../../chunks/bundle-fDGhJhA3.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-H-0BE_Ym.js';
-import '../../chunks/bundle-fnSnz19k.js';
+import '../../chunks/bundle-cN2gAFB_.js';
+import '../../chunks/bundle-6LRbbWyh.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-OrHk5n_A.js';
+import '../../chunks/bundle-M-Qfv2tU.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-0fMsVhUd.js';
-import '../../chunks/bundle-lsEXnFwe.js';
+import '../../chunks/bundle-tLQ87Jwz.js';
+import '../../chunks/bundle-Uw736N77.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-dNxyH8Er.js';
+import '../../chunks/bundle-4vHal8Yn.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -77,27 +77,33 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/QuoteMessage.js';
-import '../../chunks/bundle-0ALwnHNc.js';
-import '../../chunks/bundle-Lh-vR1CZ.js';
+import '../../chunks/bundle-5iL1VCKs.js';
+import '../../chunks/bundle-wNtXTu0c.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-czxH9r2i.js';
+import '../../chunks/bundle-YD2b0cnK.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-l4t9ThVv.js';
-import '../../chunks/bundle-7pl3B4SW.js';
+import '../../chunks/bundle-4uNbb5ZI.js';
+import '../../chunks/bundle-hNJ4PtSG.js';
+import '../../chunks/bundle-YWlIaifS.js';
+import '@sendbird/uikit-tools';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-IKv9Z9_Y.js';
+import '../../chunks/bundle-8XsN_e3a.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
-import '../../chunks/bundle-8RtzOyFC.js';
+import '../../ui/FeedbackIconButton.js';
+import '../../ui/MobileFeedbackMenu.js';
+import './MessageFeedbackModal.js';
+import '../../ui/Input.js';
+import '../../chunks/bundle-TztVqjoB.js';
 
 var useDidMountEffect = function (func, deps) {
     var _a = useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -127,27 +133,36 @@ var SuggestedReplies = function (_a) {
     })));
 };
 
+function omitObjectProperties(obj, properties) {
+    properties.forEach(function (propertyName) {
+        if (Object.hasOwn(obj, propertyName))
+            delete obj[propertyName];
+    });
+    return obj;
+}
+
 // todo: Refactor this component, is too complex now
-var Message = function (_a) {
-    var _b, _c, _d;
-    var message = _a.message, hasSeparator = _a.hasSeparator, chainTop = _a.chainTop, chainBottom = _a.chainBottom, handleScroll = _a.handleScroll, renderCustomSeparator = _a.renderCustomSeparator, renderEditInput = _a.renderEditInput, renderMessage = _a.renderMessage, renderMessageContent = _a.renderMessageContent;
+var Message = function (props) {
+    var _a, _b, _c;
+    var message = props.message, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, renderCustomSeparator = props.renderCustomSeparator, renderEditInput = props.renderEditInput, renderMessage = props.renderMessage, _d = props.renderMessageContent, renderMessageContent = _d === void 0 ? function (props) { return (React__default.createElement(MessageContent, __assign({}, props))); } : _d;
     var _e = useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
     var globalStore = useSendbirdStateContext();
     var _f = globalStore.config, userId = _f.userId, isOnline = _f.isOnline, isMentionEnabled = _f.isMentionEnabled, userMention = _f.userMention, logger = _f.logger;
     var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || MAX_USER_MENTION_COUNT;
     var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || MAX_USER_SUGGESTION_COUNT;
-    var _g = useChannelContext(), initialized = _g.initialized, currentGroupChannel = _g.currentGroupChannel, highLightedMessageId = _g.highLightedMessageId, setHighLightedMessageId = _g.setHighLightedMessageId, animatedMessageId = _g.animatedMessageId, setAnimatedMessageId = _g.setAnimatedMessageId, updateMessage = _g.updateMessage, scrollToMessage = _g.scrollToMessage, replyType = _g.replyType, threadReplySelectType = _g.threadReplySelectType, isReactionEnabled = _g.isReactionEnabled, toggleReaction = _g.toggleReaction, emojiContainer = _g.emojiContainer, nicknamesMap = _g.nicknamesMap, setQuoteMessage = _g.setQuoteMessage, resendMessage = _g.resendMessage, deleteMessage = _g.deleteMessage, renderUserMentionItem = _g.renderUserMentionItem, onReplyInThread = _g.onReplyInThread, onQuoteMessageClick = _g.onQuoteMessageClick, onMessageAnimated = _g.onMessageAnimated, onMessageHighlighted = _g.onMessageHighlighted, sendMessage = _g.sendMessage, localMessages = _g.localMessages;
-    var _h = useState(false), showEdit = _h[0], setShowEdit = _h[1];
-    var _j = useState(false), showRemove = _j[0], setShowRemove = _j[1];
-    var _k = useState(false), showFileViewer = _k[0], setShowFileViewer = _k[1];
-    var _l = useState(false), isAnimated = _l[0], setIsAnimated = _l[1];
-    var _m = useState(false), isHighlighted = _m[0], setIsHighlighted = _m[1];
-    var _o = useState(''), mentionNickname = _o[0], setMentionNickname = _o[1];
-    var _p = useState([]), mentionedUsers = _p[0], setMentionedUsers = _p[1];
-    var _q = useState([]), mentionedUserIds = _q[0], setMentionedUserIds = _q[1];
-    var _r = useState(null), messageInputEvent = _r[0], setMessageInputEvent = _r[1];
-    var _s = useState(null), selectedUser = _s[0], setSelectedUser = _s[1];
-    var _t = useState([]), mentionSuggestedUsers = _t[0], setMentionSuggestedUsers = _t[1];
+    var context = useChannelContext();
+    var initialized = context.initialized, currentGroupChannel = context.currentGroupChannel, highLightedMessageId = context.highLightedMessageId, setHighLightedMessageId = context.setHighLightedMessageId, animatedMessageId = context.animatedMessageId, setAnimatedMessageId = context.setAnimatedMessageId, updateMessage = context.updateMessage, scrollToMessage = context.scrollToMessage, replyType = context.replyType, threadReplySelectType = context.threadReplySelectType, isReactionEnabled = context.isReactionEnabled, toggleReaction = context.toggleReaction, emojiContainer = context.emojiContainer, nicknamesMap = context.nicknamesMap, setQuoteMessage = context.setQuoteMessage, resendMessage = context.resendMessage, deleteMessage = context.deleteMessage, renderUserMentionItem = context.renderUserMentionItem, onReplyInThread = context.onReplyInThread, onQuoteMessageClick = context.onQuoteMessageClick, onMessageAnimated = context.onMessageAnimated, onMessageHighlighted = context.onMessageHighlighted, sendMessage = context.sendMessage, localMessages = context.localMessages;
+    var _g = useState(false), showEdit = _g[0], setShowEdit = _g[1];
+    var _h = useState(false), showRemove = _h[0], setShowRemove = _h[1];
+    var _j = useState(false), showFileViewer = _j[0], setShowFileViewer = _j[1];
+    var _k = useState(false), isAnimated = _k[0], setIsAnimated = _k[1];
+    var _l = useState(false), isHighlighted = _l[0], setIsHighlighted = _l[1];
+    var _m = useState(''), mentionNickname = _m[0], setMentionNickname = _m[1];
+    var _o = useState([]), mentionedUsers = _o[0], setMentionedUsers = _o[1];
+    var _p = useState([]), mentionedUserIds = _p[0], setMentionedUserIds = _p[1];
+    var _q = useState(null), messageInputEvent = _q[0], setMessageInputEvent = _q[1];
+    var _r = useState(null), selectedUser = _r[0], setSelectedUser = _r[1];
+    var _s = useState([]), mentionSuggestedUsers = _s[0], setMentionSuggestedUsers = _s[1];
     var editMessageInputRef = useRef(null);
     var messageScrollRef = useRef(null);
     var displaySuggestedMentionList = isOnline
@@ -184,10 +199,10 @@ var Message = function (_a) {
      */
     useDidMountEffect(function () {
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
-    }, [showEdit, (_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length]);
+    }, [showEdit, (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.length]);
     useDidMountEffect(function () {
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
-    }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+    }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
     useLayoutEffect(function () {
         var animationTimeout = null;
         var messageHighlightedTimeout = null;
@@ -232,19 +247,9 @@ var Message = function (_a) {
             clearTimeout(messageAnimatedTimeout);
         };
     }, [animatedMessageId, messageScrollRef.current, message.messageId, onMessageAnimated]);
-    var renderedMessage = useMemo(function () {
-        return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage({
-            message: message,
-            chainTop: chainTop,
-            chainBottom: chainBottom,
-        });
-    }, [message, renderMessage]);
-    var renderedCustomSeparator = useMemo(function () {
-        if (renderCustomSeparator) {
-            return renderCustomSeparator === null || renderCustomSeparator === void 0 ? void 0 : renderCustomSeparator({ message: message });
-        }
-        return null;
-    }, [message, renderCustomSeparator]);
+    // Operate `renderMessage` props
+    var renderedCustomSeparator = useMemo(function () { var _a; return (_a = renderCustomSeparator === null || renderCustomSeparator === void 0 ? void 0 : renderCustomSeparator({ message: message })) !== null && _a !== void 0 ? _a : null; }, [message, renderCustomSeparator]);
+    var renderedMessage = useMemo(function () { return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage(omitObjectProperties(props, ['renderMessage'])); }, [message, renderMessage]);
     if (renderedMessage) {
         return (React__default.createElement("div", { "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef, className: getClassName([
                 'sendbird-msg-hoc sendbird-msg--scroll-ref',
@@ -258,7 +263,7 @@ var Message = function (_a) {
                 }))))),
             renderedMessage));
     }
-    if (showEdit && ((_c = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _c === void 0 ? void 0 : _c.call(message))) {
+    if (showEdit && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message))) {
         return (renderEditInput === null || renderEditInput === void 0 ? void 0 : renderEditInput()) || (React__default.createElement(React__default.Fragment, null,
             displaySuggestedMentionList && (React__default.createElement(SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                     if (user) {
@@ -321,8 +326,32 @@ var Message = function (_a) {
             React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                 locale: dateLocale,
             }))))),
-        (renderMessageContent === null || renderMessageContent === void 0 ? void 0 : renderMessageContent()) || (React__default.createElement(MessageContent, { className: "sendbird-message-hoc__message-content", userId: userId, scrollToMessage: scrollToMessage, channel: currentGroupChannel, message: message, disabled: !isOnline, chainTop: chainTop, chainBottom: chainBottom, isReactionEnabled: isReactionEnabled, replyType: replyType, threadReplySelectType: threadReplySelectType, nicknamesMap: nicknamesMap, emojiContainer: emojiContainer, showEdit: setShowEdit, showRemove: setShowRemove, showFileViewer: setShowFileViewer, resendMessage: resendMessage, deleteMessage: deleteMessage, toggleReaction: toggleReaction, setQuoteMessage: setQuoteMessage, onReplyInThread: onReplyInThread, onQuoteMessageClick: onQuoteMessageClick, onMessageHeightChange: handleScroll })),
-        message.messageId === ((_d = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.lastMessage) === null || _d === void 0 ? void 0 : _d.messageId)
+        renderMessageContent({
+            className: 'sendbird-message-hoc__message-content',
+            userId: userId,
+            scrollToMessage: scrollToMessage,
+            channel: currentGroupChannel,
+            message: message,
+            disabled: !isOnline,
+            chainTop: chainTop,
+            chainBottom: chainBottom,
+            isReactionEnabled: isReactionEnabled,
+            replyType: replyType,
+            threadReplySelectType: threadReplySelectType,
+            nicknamesMap: nicknamesMap,
+            emojiContainer: emojiContainer,
+            showEdit: setShowEdit,
+            showRemove: setShowRemove,
+            showFileViewer: setShowFileViewer,
+            resendMessage: resendMessage,
+            deleteMessage: deleteMessage,
+            toggleReaction: toggleReaction,
+            setQuoteMessage: setQuoteMessage,
+            onReplyInThread: onReplyInThread,
+            onQuoteMessageClick: onQuoteMessageClick,
+            onMessageHeightChange: handleScroll,
+        }),
+        message.messageId === ((_c = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.lastMessage) === null || _c === void 0 ? void 0 : _c.messageId)
             // the options should appear only when there's no failed or pending messages
             && localMessages.every(function (message) { return message.sendingStatus === 'succeeded'; })
             && getSuggestedReplies(message).length > 0 && (React__default.createElement(SuggestedReplies, { replyOptions: getSuggestedReplies(message), onSendMessage: sendMessage })),

package/Channel/components/Message.js.map

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

package/Channel/components/MessageFeedbackModal.js

@@ -0,0 +1,65 @@
+import React__default, { useContext, useRef } from 'react';
+import { L as LocalizationContext } from '../../chunks/bundle-AilPIINY.js';
+import { M as Modal } from '../../chunks/bundle-4vHal8Yn.js';
+import Button, { ButtonTypes } from '../../ui/Button.js';
+import Input from '../../ui/Input.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-Uw736N77.js';
+import { u as useKeyDown } from '../../chunks/bundle-YWlIaifS.js';
+import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-26VX7FQg.js';
+import '../../chunks/bundle-Dv_OpODB.js';
+import 'react-dom';
+import '../../chunks/bundle-kHH52OEM.js';
+import '../../ui/IconButton.js';
+import '../../ui/Icon.js';
+import '@sendbird/uikit-tools';
+
+function MessageFeedbackModal(props) {
+    var _a;
+    var selectedFeedback = props.selectedFeedback, message = props.message, onClose = props.onClose, onSubmit = props.onSubmit, onUpdate = props.onUpdate, onRemove = props.onRemove;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var isMobile = useMediaQueryContext().isMobile;
+    var isEdit = (message === null || message === void 0 ? void 0 : message.myFeedback) && selectedFeedback === message.myFeedback.rating;
+    var onSubmitWrapper = function () {
+        var _a;
+        if (!selectedFeedback)
+            return;
+        var comment = (_a = inputRef.current.value) !== null && _a !== void 0 ? _a : '';
+        if (isEdit) {
+            if (comment !== message.myFeedback.comment) {
+                onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(comment);
+            }
+            else {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+        }
+        else if (!message.myFeedback) {
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(comment);
+        }
+    };
+    var modalRef = useRef(null);
+    var inputRef = useRef(null);
+    var onKeyDown = useKeyDown(modalRef, {
+        Enter: function () { return onSubmitWrapper(); },
+        Escape: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); },
+    });
+    return (React__default.createElement("div", { onKeyDown: onKeyDown },
+        React__default.createElement(Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ButtonTypes.PRIMARY, onCancel: onClose, onSubmit: function () {
+                onSubmitWrapper();
+            }, submitText: stringSet.BUTTON__SUBMIT, renderHeader: function () { return (React__default.createElement("div", { className: 'sendbird-modal__header' },
+                React__default.createElement(Label, { type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, stringSet.FEEDBACK_MODAL_TITLE))); }, customFooter: React__default.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root' },
+                !isMobile && (message === null || message === void 0 ? void 0 : message.myFeedback) && selectedFeedback === message.myFeedback.rating
+                    ? React__default.createElement(Button, { type: ButtonTypes.WARNING, onClick: onRemove, labelType: LabelTypography.BUTTON_3 }, stringSet.BUTTON__REMOVE_FEEDBACK)
+                    : React__default.createElement("div", null),
+                React__default.createElement("div", { className: 'sendbird-message-feedback-modal-footer__right-content' },
+                    React__default.createElement(Button, { type: ButtonTypes.SECONDARY, onClick: onClose },
+                        React__default.createElement(Label, { type: LabelTypography.BUTTON_3, color: LabelColors.ONBACKGROUND_1 }, stringSet.BUTTON__CANCEL)),
+                    React__default.createElement(Button, { onClick: function () { return onSubmitWrapper(); } },
+                        React__default.createElement(Label, { type: LabelTypography.BUTTON_3, color: LabelColors.ONCONTENT_1 }, isEdit ? stringSet.BUTTON__SAVE : stringSet.BUTTON__SUBMIT)))) },
+            React__default.createElement("div", { className: 'sendbird-message-feedback-modal-body__root' },
+                React__default.createElement(Input, { name: 'sendbird-message-feedback-modal-body__root', ref: inputRef, value: isEdit ? (_a = message.myFeedback) === null || _a === void 0 ? void 0 : _a.comment : undefined, placeHolder: stringSet.FEEDBACK_CONTENT_PLACEHOLDER, autoFocus: true })))));
+}
+
+export { MessageFeedbackModal as default };
+//# sourceMappingURL=MessageFeedbackModal.js.map

package/Channel/components/MessageFeedbackModal.js.map

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

package/Channel/components/MessageInput.js

@@ -1,67 +1,67 @@
-import { a as __spreadArray } from '../../chunks/bundle-vwWaTJzg.js';
+import { a as __spreadArray } from '../../chunks/bundle-Dv_OpODB.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, c as isOperator } from '../../chunks/bundle-T-S631y-.js';
+import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, c as isOperator } from '../../chunks/bundle-KpJtSqe-.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { L as LocalizationContext } from '../../chunks/bundle-gKkAyMAQ.js';
-import { u as useChannelContext } from '../../chunks/bundle-nrm7--0q.js';
+import { L as LocalizationContext } from '../../chunks/bundle-AilPIINY.js';
+import { u as useChannelContext } from '../../chunks/bundle-QSb_mwts.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-yDQ7CB8I.js';
-import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-AkASiaaY.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-84jQZIDS.js';
+import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-ms16euCo.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-lsEXnFwe.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-Uw736N77.js';
 import { useHandleUploadFiles } from '../hooks/useHandleUploadFiles.js';
-import '../../chunks/bundle-brC7Asxc.js';
-import '../../chunks/bundle-1DDGx2zI.js';
-import '../../chunks/bundle--yRzbc9U.js';
+import '../../chunks/bundle-gzQGUVJt.js';
+import '../../chunks/bundle-26VX7FQg.js';
+import '../../chunks/bundle-aD4V4aI8.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-bDWAVmob.js';
+import '../../chunks/bundle-rQ1k1Cpu.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-ui21vRGg.js';
+import '../../chunks/bundle-zx8iuoIh.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-udE7DsNo.js';
-import '../../chunks/bundle-yeq5dlz7.js';
-import '../../chunks/bundle-DRnzKt-b.js';
+import '../../chunks/bundle-cYhstyoi.js';
+import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-tZrqMc_G.js';
 import 'dompurify';
-import '../../chunks/bundle-mcex4MSM.js';
-import '../../chunks/bundle-uI7_T-M6.js';
-import '../../chunks/bundle-zNT2XhnG.js';
+import '../../chunks/bundle-imm3o8vY.js';
+import '../../chunks/bundle-X2Sm7pn5.js';
+import '../../chunks/bundle-hpM7HwDV.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-wwLAI-Tt.js';
-import '../../chunks/bundle-zqu04qTx.js';
+import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-ZExhHi47.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-0ALwnHNc.js';
-import '../../chunks/bundle-uHZAUI7c.js';
-import '../../chunks/bundle-st6t2DcW.js';
-import '../../chunks/bundle-KMF_Auff.js';
+import '../../chunks/bundle-5iL1VCKs.js';
+import '../../chunks/bundle-8XAFqDsw.js';
+import '../../chunks/bundle-ej1sc1yZ.js';
+import '../../chunks/bundle-1pnUZsGs.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-P1wmnvy9.js';
+import '../../chunks/bundle-mccz6DbW.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-gpPQ_Did.js';
-import '../../chunks/bundle-78pBi79a.js';
-import '../../chunks/bundle-JhkOoTkQ.js';
-import '../../chunks/bundle-u3j2nR-h.js';
+import '../../chunks/bundle-tD8xAWw2.js';
+import '../../chunks/bundle-QjcHKpDK.js';
+import '../../chunks/bundle-QGpFq71p.js';
+import '../../chunks/bundle-Abz9zH51.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-4IJH7QEY.js';
-import '../../chunks/bundle-TsienPu3.js';
+import '../../chunks/bundle-HVtbYmj3.js';
+import '../../chunks/bundle-s5uFV3hh.js';
 import '../../Thread/context.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-IKv9Z9_Y.js';
+import '../../chunks/bundle-8XsN_e3a.js';
 import '../../VoiceRecorder/context.js';
-import '../../chunks/bundle-dNxyH8Er.js';
+import '../../chunks/bundle-4vHal8Yn.js';
 import 'react-dom';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-i1mS-JcY.js';
+import '../../chunks/bundle-Lxhlm_wG.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-58DQiUD5.js';
+import '../../chunks/bundle-y_DSrC-A.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-pxrescev.js';
+import '../../chunks/bundle-EeL8s1uR.js';
 
 var MessageInputWrapper = function (props, ref) {
     var _a;