@sendbird/uikit-react 3.9.3 → 3.10.0

package/cjs/Channel/components/Message.js

@@ -1,74 +1,74 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-5MABXNJ2.js');
+var _tslib = require('../../chunks/bundle-UHsDbhGB.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-Guz_a7Pd.js');
+var index$1 = require('../../chunks/bundle-LWd8plnK.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../chunks/bundle-lDnBB9bN.js');
-var index = require('../../chunks/bundle-EE-R19J8.js');
-var utils = require('../../chunks/bundle-E0v2C4b1.js');
-var _const = require('../../chunks/bundle-j9zO3Qdj.js');
+var Channel_context = require('../../chunks/bundle-rD_EqTu8.js');
+var index = require('../../chunks/bundle-bPLEZuwe.js');
+var utils = require('../../chunks/bundle-tJKWfbHM.js');
+var _const = require('../../chunks/bundle-waeY4XbU.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-aLBNZXTm.js');
+var ui_Label = require('../../chunks/bundle-wDJ0vmp7.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_MessageContent = require('../../ui/MessageContent.js');
 var Channel_components_FileViewer = require('./FileViewer.js');
 var Channel_components_RemoveMessageModal = require('./RemoveMessageModal.js');
-var _const$1 = require('../../chunks/bundle-yDmAxC7s.js');
-var LocalizationContext = require('../../chunks/bundle-4VdNtJoS.js');
+var _const$1 = require('../../chunks/bundle-EKK1TWOg.js');
+var LocalizationContext = require('../../chunks/bundle-M_JdGFB9.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-L7Qg6fc_.js');
+require('../../chunks/bundle-lk7syGfV.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-t3HW5lYr.js');
-require('../../chunks/bundle-yTBDgBVp.js');
+require('../../chunks/bundle-wTtkySLW.js');
+require('../../chunks/bundle-OOMB_O1L.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-bXa0UWvD.js');
-require('../../chunks/bundle-xOGNakZW.js');
+require('../../chunks/bundle-Ox6f1Pr4.js');
+require('../../chunks/bundle-EdNscsik.js');
 require('../../Thread/context.js');
-require('../../chunks/bundle-p-3ceZAU.js');
-require('../../chunks/bundle-BWHZlxBD.js');
+require('../../chunks/bundle-YTD5gh4h.js');
+require('../../chunks/bundle-Q7Qb_8Qy.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-KfrHCpUu.js');
+require('../../chunks/bundle-e6jRRPqy.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-BQTyUmzj.js');
+require('../../chunks/bundle-OmshX9RP.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-OauzEgdX.js');
+require('../../chunks/bundle-fKDcA4eI.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-Z0z4XcoC.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-F4Y7xmf1.js');
+require('../../chunks/bundle-trkwub16.js');
+require('../../chunks/bundle-FJe6Dl-f.js');
+require('../../chunks/bundle-X1vsWmGi.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-ur5aaH73.js');
-require('../../chunks/bundle-R4oiSD0L.js');
-require('../../chunks/bundle-5tXC271i.js');
+require('../../chunks/bundle-F9aI-PNs.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle-gBGbUm4f.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-XyN4tk9V.js');
+require('../../chunks/bundle-XIMyjFuW.js');
 require('dompurify');
-require('../../chunks/bundle-wKifHXnJ.js');
-require('../../chunks/bundle-xKfD9-QM.js');
-require('../../chunks/bundle--EcmFAgY.js');
-require('../../chunks/bundle-rXVQ4vD5.js');
-require('../../chunks/bundle-Zhc5iYOj.js');
+require('../../chunks/bundle-85IKKe_e.js');
+require('../../chunks/bundle-s5Lt0vKF.js');
+require('../../chunks/bundle-jayPpL4B.js');
+require('../../chunks/bundle-DwxvWTiX.js');
+require('../../chunks/bundle-idn81XsS.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-fYGB5Ibr.js');
-require('../../chunks/bundle-f9YMFNAC.js');
+require('../../chunks/bundle-dD_wqelx.js');
+require('../../chunks/bundle-XwSBmqOP.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-b7L7rtxl.js');
+require('../../chunks/bundle-wwqhN6T8.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-ymVHfRPV.js');
-require('../../chunks/bundle-cwoX1jzF.js');
+require('../../chunks/bundle-RWm1ToHA.js');
+require('../../chunks/bundle-R55qwYIC.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-8xsZqXyY.js');
+require('../../chunks/bundle-7iyslQY5.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -79,27 +79,33 @@ require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/QuoteMessage.js');
-require('../../chunks/bundle-ko9gtVkc.js');
-require('../../chunks/bundle-GqhEUb4r.js');
+require('../../chunks/bundle-4F7u20x2.js');
+require('../../chunks/bundle-IVfrW5UV.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/OGMessageItemBody.js');
-require('../../chunks/bundle-ZodVwNmU.js');
+require('../../chunks/bundle-jr9hFzH_.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-AA3e_g5q.js');
-require('../../chunks/bundle-pAGpMj4-.js');
+require('../../chunks/bundle-Pa-zxMUU.js');
+require('../../chunks/bundle-sGVgQ4l8.js');
+require('../../chunks/bundle-WuVcsZSE.js');
+require('@sendbird/uikit-tools');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-_c4Xia0x.js');
+require('../../chunks/bundle-1GRgJFEb.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
-require('../../chunks/bundle-F74wrKkr.js');
+require('../../ui/FeedbackIconButton.js');
+require('../../ui/MobileFeedbackMenu.js');
+require('./MessageFeedbackModal.js');
+require('../../ui/Input.js');
+require('../../chunks/bundle-qbpoRdJa.js');
 
 var useDidMountEffect = function (func, deps) {
     var _a = React.useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -129,27 +135,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.createElement(ui_MessageContent, _tslib.__assign({}, props))); } : _d;
     var _e = LocalizationContext.useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
     var globalStore = useSendbirdStateContext.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) || _const.MAX_USER_MENTION_COUNT;
     var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || _const.MAX_USER_SUGGESTION_COUNT;
-    var _g = Channel_context.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 = React.useState(false), showEdit = _h[0], setShowEdit = _h[1];
-    var _j = React.useState(false), showRemove = _j[0], setShowRemove = _j[1];
-    var _k = React.useState(false), showFileViewer = _k[0], setShowFileViewer = _k[1];
-    var _l = React.useState(false), isAnimated = _l[0], setIsAnimated = _l[1];
-    var _m = React.useState(false), isHighlighted = _m[0], setIsHighlighted = _m[1];
-    var _o = React.useState(''), mentionNickname = _o[0], setMentionNickname = _o[1];
-    var _p = React.useState([]), mentionedUsers = _p[0], setMentionedUsers = _p[1];
-    var _q = React.useState([]), mentionedUserIds = _q[0], setMentionedUserIds = _q[1];
-    var _r = React.useState(null), messageInputEvent = _r[0], setMessageInputEvent = _r[1];
-    var _s = React.useState(null), selectedUser = _s[0], setSelectedUser = _s[1];
-    var _t = React.useState([]), mentionSuggestedUsers = _t[0], setMentionSuggestedUsers = _t[1];
+    var context = Channel_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 = React.useState(false), showEdit = _g[0], setShowEdit = _g[1];
+    var _h = React.useState(false), showRemove = _h[0], setShowRemove = _h[1];
+    var _j = React.useState(false), showFileViewer = _j[0], setShowFileViewer = _j[1];
+    var _k = React.useState(false), isAnimated = _k[0], setIsAnimated = _k[1];
+    var _l = React.useState(false), isHighlighted = _l[0], setIsHighlighted = _l[1];
+    var _m = React.useState(''), mentionNickname = _m[0], setMentionNickname = _m[1];
+    var _o = React.useState([]), mentionedUsers = _o[0], setMentionedUsers = _o[1];
+    var _p = React.useState([]), mentionedUserIds = _p[0], setMentionedUserIds = _p[1];
+    var _q = React.useState(null), messageInputEvent = _q[0], setMessageInputEvent = _q[1];
+    var _r = React.useState(null), selectedUser = _r[0], setSelectedUser = _r[1];
+    var _s = React.useState([]), mentionSuggestedUsers = _s[0], setMentionSuggestedUsers = _s[1];
     var editMessageInputRef = React.useRef(null);
     var messageScrollRef = React.useRef(null);
     var displaySuggestedMentionList = isOnline
@@ -186,10 +201,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]);
     React.useLayoutEffect(function () {
         var animationTimeout = null;
         var messageHighlightedTimeout = null;
@@ -234,19 +249,9 @@ var Message = function (_a) {
             clearTimeout(messageAnimatedTimeout);
         };
     }, [animatedMessageId, messageScrollRef.current, message.messageId, onMessageAnimated]);
-    var renderedMessage = React.useMemo(function () {
-        return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage({
-            message: message,
-            chainTop: chainTop,
-            chainBottom: chainBottom,
-        });
-    }, [message, renderMessage]);
-    var renderedCustomSeparator = React.useMemo(function () {
-        if (renderCustomSeparator) {
-            return renderCustomSeparator === null || renderCustomSeparator === void 0 ? void 0 : renderCustomSeparator({ message: message });
-        }
-        return null;
-    }, [message, renderCustomSeparator]);
+    // Operate `renderMessage` props
+    var renderedCustomSeparator = React.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 = React.useMemo(function () { return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage(omitObjectProperties(props, ['renderMessage'])); }, [message, renderMessage]);
     if (renderedMessage) {
         return (React.createElement("div", { "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef, className: index.getClassName([
                 'sendbird-msg-hoc sendbird-msg--scroll-ref',
@@ -260,7 +265,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.createElement(React.Fragment, null,
             displaySuggestedMentionList && (React.createElement(Channel_components_SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                     if (user) {
@@ -323,8 +328,32 @@ var Message = function (_a) {
             React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                 locale: dateLocale,
             }))))),
-        (renderMessageContent === null || renderMessageContent === void 0 ? void 0 : renderMessageContent()) || (React.createElement(ui_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'; })
             && index.getSuggestedReplies(message).length > 0 && (React.createElement(SuggestedReplies, { replyOptions: index.getSuggestedReplies(message), onSendMessage: sendMessage })),

package/cjs/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/cjs/Channel/components/MessageFeedbackModal.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var React = require('react');
+var LocalizationContext = require('../../chunks/bundle-M_JdGFB9.js');
+var ui_Modal = require('../../chunks/bundle-7iyslQY5.js');
+var ui_Button = require('../../ui/Button.js');
+var ui_Input = require('../../ui/Input.js');
+var ui_Label = require('../../chunks/bundle-wDJ0vmp7.js');
+var MediaQueryContext = require('../../chunks/bundle-R55qwYIC.js');
+var useKeyDown = require('../../chunks/bundle-WuVcsZSE.js');
+require('../../chunks/bundle-FJe6Dl-f.js');
+require('../../chunks/bundle-lk7syGfV.js');
+require('../../chunks/bundle-UHsDbhGB.js');
+require('react-dom');
+require('../../chunks/bundle-wTtkySLW.js');
+require('../../ui/IconButton.js');
+require('../../ui/Icon.js');
+require('@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 = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var isMobile = MediaQueryContext.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 = React.useRef(null);
+    var inputRef = React.useRef(null);
+    var onKeyDown = useKeyDown.useKeyDown(modalRef, {
+        Enter: function () { return onSubmitWrapper(); },
+        Escape: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); },
+    });
+    return (React.createElement("div", { onKeyDown: onKeyDown },
+        React.createElement(ui_Modal.Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ui_Button.ButtonTypes.PRIMARY, onCancel: onClose, onSubmit: function () {
+                onSubmitWrapper();
+            }, submitText: stringSet.BUTTON__SUBMIT, renderHeader: function () { return (React.createElement("div", { className: 'sendbird-modal__header' },
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, stringSet.FEEDBACK_MODAL_TITLE))); }, customFooter: React.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root' },
+                !isMobile && (message === null || message === void 0 ? void 0 : message.myFeedback) && selectedFeedback === message.myFeedback.rating
+                    ? React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.WARNING, onClick: onRemove, labelType: ui_Label.LabelTypography.BUTTON_3 }, stringSet.BUTTON__REMOVE_FEEDBACK)
+                    : React.createElement("div", null),
+                React.createElement("div", { className: 'sendbird-message-feedback-modal-footer__right-content' },
+                    React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: onClose },
+                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.BUTTON__CANCEL)),
+                    React.createElement(ui_Button.default, { onClick: function () { return onSubmitWrapper(); } },
+                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONCONTENT_1 }, isEdit ? stringSet.BUTTON__SAVE : stringSet.BUTTON__SUBMIT)))) },
+            React.createElement("div", { className: 'sendbird-message-feedback-modal-body__root' },
+                React.createElement(ui_Input.default, { 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 })))));
+}
+
+module.exports = MessageFeedbackModal;
+//# sourceMappingURL=MessageFeedbackModal.js.map

package/cjs/Channel/components/MessageFeedbackModal.js.map

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

package/cjs/Channel/components/MessageInput.js

@@ -2,70 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-5MABXNJ2.js');
+var _tslib = require('../../chunks/bundle-UHsDbhGB.js');
 var React = require('react');
-var utils = require('../../chunks/bundle-E0v2C4b1.js');
+var utils = require('../../chunks/bundle-tJKWfbHM.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../chunks/bundle-4VdNtJoS.js');
-var Channel_context = require('../../chunks/bundle-lDnBB9bN.js');
+var LocalizationContext = require('../../chunks/bundle-M_JdGFB9.js');
+var Channel_context = require('../../chunks/bundle-rD_EqTu8.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../chunks/bundle-yDmAxC7s.js');
-var VoiceMessageInputWrapper = require('../../chunks/bundle-9XbbRH_M.js');
+var _const = require('../../chunks/bundle-EKK1TWOg.js');
+var VoiceMessageInputWrapper = require('../../chunks/bundle-ccJm_pud.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var MediaQueryContext = require('../../chunks/bundle-cwoX1jzF.js');
+var MediaQueryContext = require('../../chunks/bundle-R55qwYIC.js');
 var Channel_hooks_useHandleUploadFiles = require('../hooks/useHandleUploadFiles.js');
-require('../../chunks/bundle-Guz_a7Pd.js');
-require('../../chunks/bundle-L7Qg6fc_.js');
-require('../../chunks/bundle-EE-R19J8.js');
+require('../../chunks/bundle-LWd8plnK.js');
+require('../../chunks/bundle-lk7syGfV.js');
+require('../../chunks/bundle-bPLEZuwe.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-F4Y7xmf1.js');
+require('../../chunks/bundle-X1vsWmGi.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-j9zO3Qdj.js');
+require('../../chunks/bundle-waeY4XbU.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-aLBNZXTm.js');
-require('../../chunks/bundle-5tXC271i.js');
-require('../../chunks/bundle-XyN4tk9V.js');
+require('../../chunks/bundle-wDJ0vmp7.js');
+require('../../chunks/bundle-FJe6Dl-f.js');
+require('../../chunks/bundle-XIMyjFuW.js');
 require('dompurify');
-require('../../chunks/bundle-wKifHXnJ.js');
-require('../../chunks/bundle-xKfD9-QM.js');
-require('../../chunks/bundle--EcmFAgY.js');
+require('../../chunks/bundle-85IKKe_e.js');
+require('../../chunks/bundle-s5Lt0vKF.js');
+require('../../chunks/bundle-jayPpL4B.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-t3HW5lYr.js');
-require('../../chunks/bundle-rXVQ4vD5.js');
+require('../../chunks/bundle-wTtkySLW.js');
+require('../../chunks/bundle-DwxvWTiX.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-ko9gtVkc.js');
-require('../../chunks/bundle-KfrHCpUu.js');
-require('../../chunks/bundle-BQTyUmzj.js');
-require('../../chunks/bundle-OauzEgdX.js');
+require('../../chunks/bundle-4F7u20x2.js');
+require('../../chunks/bundle-e6jRRPqy.js');
+require('../../chunks/bundle-OmshX9RP.js');
+require('../../chunks/bundle-fKDcA4eI.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-bXa0UWvD.js');
+require('../../chunks/bundle-Ox6f1Pr4.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-BWHZlxBD.js');
-require('../../chunks/bundle-Z0z4XcoC.js');
-require('../../chunks/bundle-ur5aaH73.js');
-require('../../chunks/bundle-p-3ceZAU.js');
+require('../../chunks/bundle-Q7Qb_8Qy.js');
+require('../../chunks/bundle-trkwub16.js');
+require('../../chunks/bundle-F9aI-PNs.js');
+require('../../chunks/bundle-YTD5gh4h.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-yTBDgBVp.js');
-require('../../chunks/bundle-xOGNakZW.js');
+require('../../chunks/bundle-OOMB_O1L.js');
+require('../../chunks/bundle-EdNscsik.js');
 require('../../Thread/context.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-_c4Xia0x.js');
+require('../../chunks/bundle-1GRgJFEb.js');
 require('../../VoiceRecorder/context.js');
-require('../../chunks/bundle-8xsZqXyY.js');
+require('../../chunks/bundle-7iyslQY5.js');
 require('react-dom');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-yqb-T4DB.js');
+require('../../chunks/bundle-ImsJYvdy.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-R4oiSD0L.js');
+require('../../chunks/bundle-gBGbUm4f.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-_CS6i_H9.js');
+require('../../chunks/bundle-7tLE_fm_.js');
 
 var MessageInputWrapper = function (props, ref) {
     var _a;