@sendbird/uikit-react 3.10.1 → 3.11.0

package/Channel/components/Message.js

@@ -1,72 +1,74 @@
-import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-GKopZh-T.js';
-import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-WDOQg3ty.js';
-import SuggestedMentionList from './SuggestedMentionList.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-J79McRkg.js';
-import { n as getClassName, M as getSuggestedReplies } from '../../chunks/bundle-uk2Y0AQu.js';
-import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../chunks/bundle-xsV7pD8p.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../chunks/bundle-f9mkey82.js';
-import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-dWJnfDPH.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-1WAo3loP.js';
-import { u as useLocalization } from '../../chunks/bundle-y_LgB6DS.js';
-import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../ui/Icon.js';
-import '../../chunks/bundle-WpHDilD_.js';
-import '../../chunks/bundle-X3h4GiLa.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-aeQZ5WsP.js';
-import '../../chunks/bundle-Kv4GXRTs.js';
-import '../../Thread/context.js';
-import '../../chunks/bundle-cHbX4Rxo.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../Thread/context/types.js';
-import '@sendbird/chat';
-import '../../chunks/bundle-pWIkt9Ng.js';
-import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-yur9nm4N.js';
+import '../../chunks/bundle-fgwje9pW.js';
+import 'react';
+import '../../useSendbirdStateContext.js';
+import '../context.js';
+import '../../chunks/bundle-GQt7EDbt.js';
+import '../../chunks/bundle-BbdMr4SL.js';
+export { M as default } from '../../chunks/bundle-qGLQQXlH.js';
+import '../../chunks/bundle-8CxBlReU.js';
+import '../../chunks/bundle-1nyUxr-Z.js';
+import '../../withSendbird.js';
+import '../../chunks/bundle-NQlEMhhs.js';
+import '../../chunks/bundle-ZcOjo_4l.js';
+import '../../chunks/bundle-GpRTDFGV.js';
+import '../../chunks/bundle-yE5T9BpV.js';
+import '../../chunks/bundle-b6xyPdyj.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-kfNTRju0.js';
+import '../../chunks/bundle-n9wVwJwL.js';
+import '../../chunks/bundle-nA9SX_Hi.js';
+import '../../chunks/bundle-T9LQyh_7.js';
+import '@sendbird/chat/groupChannel';
+import '../../chunks/bundle-4IsRvL2E.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-zpSxKsxM.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-OZZH5fXZ.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../chunks/bundle-NxSCk3As.js';
+import '../../chunks/bundle-pfcIdF14.js';
+import '../../chunks/bundle-NeB2uoNn.js';
+import '../../chunks/bundle-zpdae5WH.js';
+import '../../chunks/bundle-WK57RaQR.js';
+import '../../chunks/bundle-qLmDwx8F.js';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../chunks/bundle-QOv6Bgtw.js';
+import '../../chunks/bundle-kVopRZZG.js';
+import '../../ui/Icon.js';
+import '../../chunks/bundle-tOpyp2TM.js';
+import '../../chunks/bundle-2QckWBqt.js';
+import '../../ui/ImageRenderer.js';
+import '../../chunks/bundle-Rq3p335Q.js';
+import '../../chunks/bundle-ueo2Sf-L.js';
+import '../../chunks/bundle-2mo18Chz.js';
+import '../../Message/hooks/useDirtyGetMentions.js';
+import '../../ui/DateSeparator.js';
+import '../../chunks/bundle-j8bOxoFa.js';
+import '../../ui/MessageInput.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-ETZY-eQc.js';
+import '../../chunks/bundle-qXA8wWBC.js';
 import 'dompurify';
-import '../../chunks/bundle-_-2NCsYr.js';
-import '../../chunks/bundle-Jp5g4YZl.js';
-import '../../chunks/bundle-KSjFhl4l.js';
-import '../../chunks/bundle-Gkl7Q1IK.js';
-import '../../chunks/bundle-MyYphU00.js';
+import '../../chunks/bundle-4l6RpXkL.js';
+import '../../chunks/bundle-qvDlYEM_.js';
+import '../../chunks/bundle-JHAEGHwc.js';
+import '../../chunks/bundle-dVzhcuE8.js';
+import '../../ui/MessageContent.js';
+import '../../chunks/bundle-rgUMi-vG.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-PZta2LmS.js';
-import '../../chunks/bundle-VCZsMdpB.js';
+import '../../chunks/bundle-3cuuQsdK.js';
+import '../../chunks/bundle-QaBTXAtO.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-iYCB6XN2.js';
+import '../../chunks/bundle-WdOdwp-Y.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-W8t7rR3H.js';
-import '../../chunks/bundle-KmauOTrg.js';
+import '../../chunks/bundle-jXtqc1kU.js';
+import '../../chunks/bundle-SbHFlBY0.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-VPanFdbf.js';
+import '../../chunks/bundle-K0s-Ect1.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -77,24 +79,24 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/QuoteMessage.js';
-import '../../chunks/bundle-aVVX2zHR.js';
-import '../../chunks/bundle-d6R6m9-9.js';
+import '../../chunks/bundle-thvveea5.js';
+import '../../chunks/bundle-zJNJlM2H.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-GbC4a59M.js';
+import '../../chunks/bundle-0v0L0TbZ.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-ucXG1Py7.js';
-import '../../chunks/bundle-DeRyZP32.js';
-import '../../chunks/bundle-xgiw36M5.js';
+import '../../chunks/bundle-o1VHRKp9.js';
+import '../../chunks/bundle-bTljiK8B.js';
+import '../../chunks/bundle-9lUB2eTP.js';
 import '@sendbird/uikit-tools';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-J_erGfOo.js';
+import '../../chunks/bundle-eHUDbnaD.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
@@ -103,261 +105,5 @@ import '../../ui/FeedbackIconButton.js';
 import '../../ui/MobileFeedbackMenu.js';
 import './MessageFeedbackModal.js';
 import '../../ui/Input.js';
-import '../../chunks/bundle-Lt8mReNU.js';
-
-var useDidMountEffect = function (func, deps) {
-    var _a = useState(false), didMount = _a[0], setDidmount = _a[1];
-    useEffect(function () {
-        if (didMount) {
-            func();
-        }
-        else {
-            setDidmount(true);
-        }
-    }, deps);
-};
-
-var SuggestedReplies = function (_a) {
-    var replyOptions = _a.replyOptions, onSendMessage = _a.onSendMessage;
-    var _b = useState(false), replied = _b[0], setReplied = _b[1];
-    var onClickReply = function (event, option) {
-        event.preventDefault();
-        onSendMessage({ message: option });
-        setReplied(true);
-    };
-    if (replied) {
-        return null;
-    }
-    return (React__default.createElement("div", { className: "sendbird-suggested-replies" }, replyOptions.map(function (option, index) {
-        return (React__default.createElement("div", { className: "sendbird-suggested-replies__option", id: option, key: index + option, onClick: function (e) { return onClickReply(e, option); } }, option));
-    })));
-};
-
-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 (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 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
-        && isMentionEnabled
-        && mentionNickname.length > 0
-        && !isDisabledBecauseFrozen(currentGroupChannel)
-        && !isDisabledBecauseMuted(currentGroupChannel);
-    var disabled = !initialized
-        || isDisabledBecauseFrozen(currentGroupChannel)
-        || isDisabledBecauseMuted(currentGroupChannel)
-        || !isOnline;
-    var mentionNodes = useDirtyGetMentions({ ref: editMessageInputRef }, { logger: logger });
-    var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < maxUserMentionCount;
-    useEffect(function () {
-        setMentionedUsers(mentionedUsers.filter(function (_a) {
-            var userId = _a.userId;
-            var i = mentionedUserIds.indexOf(userId);
-            if (i < 0) {
-                return false;
-            }
-            else {
-                mentionedUserIds.splice(i, 1);
-                return true;
-            }
-        }));
-    }, [mentionedUserIds]);
-    useLayoutEffect(function () {
-        // Keep the scrollBottom value after fetching new message list
-        handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
-    }, []);
-    /**
-     * Move the messsage list scroll
-     * when the message's height is changed by `showEdit` OR `message.reactions`
-     */
-    useDidMountEffect(function () {
-        handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
-    }, [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.message]);
-    useLayoutEffect(function () {
-        var animationTimeout = null;
-        var messageHighlightedTimeout = null;
-        if (highLightedMessageId === message.messageId && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
-            messageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });
-            setIsAnimated(false);
-            animationTimeout = setTimeout(function () {
-                setIsHighlighted(true);
-            }, 500);
-            messageHighlightedTimeout = setTimeout(function () {
-                setHighLightedMessageId(0);
-                onMessageHighlighted === null || onMessageHighlighted === void 0 ? void 0 : onMessageHighlighted();
-            }, 1600);
-        }
-        else {
-            setIsHighlighted(false);
-        }
-        return function () {
-            clearTimeout(animationTimeout);
-            clearTimeout(messageHighlightedTimeout);
-        };
-    }, [highLightedMessageId, messageScrollRef.current, message.messageId]);
-    useLayoutEffect(function () {
-        var animationTimeout = null;
-        var messageAnimatedTimeout = null;
-        if (animatedMessageId === message.messageId && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
-            messageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });
-            setIsHighlighted(false);
-            animationTimeout = setTimeout(function () {
-                setIsAnimated(true);
-            }, 500);
-            messageAnimatedTimeout = setTimeout(function () {
-                setAnimatedMessageId(0);
-                onMessageAnimated === null || onMessageAnimated === void 0 ? void 0 : onMessageAnimated();
-            }, 1600);
-        }
-        else {
-            setIsAnimated(false);
-        }
-        return function () {
-            clearTimeout(animationTimeout);
-            clearTimeout(messageAnimatedTimeout);
-        };
-    }, [animatedMessageId, messageScrollRef.current, message.messageId, onMessageAnimated]);
-    // 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',
-                isAnimated ? 'sendbird-msg-hoc__animated' : '',
-                isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
-            ]) },
-            // TODO: Add message instance as a function parameter
-            hasSeparator && (renderedCustomSeparator || (React__default.createElement(DateSeparator, null,
-                React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
-                    locale: dateLocale,
-                }))))),
-            renderedMessage));
-    }
-    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) {
-                        setMentionedUsers(__spreadArray(__spreadArray([], mentionedUsers, true), [user], false));
-                    }
-                    setMentionNickname('');
-                    setSelectedUser(user);
-                    setMessageInputEvent(null);
-                }, onFocusItemChange: function () {
-                    setMessageInputEvent(null);
-                }, onFetchUsers: function (users) {
-                    setMentionSuggestedUsers(users);
-                }, ableAddMention: ableMention, maxMentionCount: maxUserMentionCount, maxSuggestionCount: maxUserSuggestionCount })),
-            React__default.createElement(MessageInput, { isEdit: true, channel: currentGroupChannel, disabled: disabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, message: message, onStartTyping: function () {
-                    var _a;
-                    (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentGroupChannel);
-                }, onUpdateMessage: function (_a) {
-                    var _b;
-                    var messageId = _a.messageId, message = _a.message, mentionTemplate = _a.mentionTemplate;
-                    updateMessage({
-                        messageId: messageId,
-                        message: message,
-                        mentionedUsers: mentionedUsers,
-                        mentionTemplate: mentionTemplate,
-                    });
-                    setShowEdit(false);
-                    (_b = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentGroupChannel);
-                }, onCancelEdit: function () {
-                    var _a;
-                    setMentionNickname('');
-                    setMentionedUsers([]);
-                    setMentionedUserIds([]);
-                    setMentionSuggestedUsers([]);
-                    setShowEdit(false);
-                    (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.endTyping) === null || _a === void 0 ? void 0 : _a.call(currentGroupChannel);
-                }, onUserMentioned: function (user) {
-                    if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
-                        setSelectedUser(null);
-                        setMentionNickname('');
-                    }
-                }, onMentionStringChange: function (mentionText) {
-                    setMentionNickname(mentionText);
-                }, onMentionedUserIdsUpdated: function (userIds) {
-                    setMentionedUserIds(userIds);
-                }, onKeyDown: function (e) {
-                    if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0
-                        && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)) {
-                        setMessageInputEvent(e);
-                        return true;
-                    }
-                    return false;
-                } })));
-    }
-    return (React__default.createElement("div", { className: getClassName([
-            'sendbird-msg-hoc sendbird-msg--scroll-ref',
-            isAnimated ? 'sendbird-msg-hoc__animated' : '',
-            isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
-        ]), style: { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
-        hasSeparator && (renderedCustomSeparator || (React__default.createElement(DateSeparator, null,
-            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({
-            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 })),
-        showRemove && (React__default.createElement(RemoveMessage, { message: message, onCancel: function () { return setShowRemove(false); } })),
-        showFileViewer && (React__default.createElement(FileViewer, { message: message, onCancel: function () { return setShowFileViewer(false); } }))));
-};
-
-export { Message as default };
+import '../../chunks/bundle-KWJtSpuF.js';
 //# sourceMappingURL=Message.js.map

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

@@ -1,16 +1,16 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-y_LgB6DS.js';
-import { M as Modal } from '../../chunks/bundle-VPanFdbf.js';
+import { L as LocalizationContext } from '../../chunks/bundle-hOV701rb.js';
+import { M as Modal } from '../../chunks/bundle-K0s-Ect1.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-dWJnfDPH.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-KmauOTrg.js';
-import { u as useKeyDown } from '../../chunks/bundle-xgiw36M5.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-GKopZh-T.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-kVopRZZG.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-SbHFlBY0.js';
+import { u as useKeyDown } from '../../chunks/bundle-9lUB2eTP.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../chunks/bundle-fgwje9pW.js';
 import 'react-dom';
-import '../../chunks/bundle-WpHDilD_.js';
+import '../../chunks/bundle-tOpyp2TM.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
 import '@sendbird/uikit-tools';