@sendbird/uikit-react 3.10.1 → 3.11.0

package/cjs/ui/MentionLabel.js

@@ -2,27 +2,27 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
+var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-bXLZZTmP.js');
+require('../chunks/bundle-RVs527mS.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-INJtS58R.js');
-require('../chunks/bundle-p6kWiWDv.js');
+require('../chunks/bundle-sW6CpN9W.js');
+require('../chunks/bundle-fnv2bNo-.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-65IwoStx.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../chunks/bundle-qtXdbPNE.js');
-require('../chunks/bundle-RSklGv-u.js');
-require('../chunks/bundle-7AS0Rcch.js');
+require('../chunks/bundle--RWWGoZo.js');
+require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-WLD9KKbn.js');
+require('../chunks/bundle-ZL4COF6I.js');
+require('../chunks/bundle-3S8jBmCV.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-135pRm7i.js');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-7VJjqIPJ.js');
+require('../chunks/bundle-K8ngPNTR.js');
+require('../chunks/bundle-nQDclaWr.js');
+require('../chunks/bundle-rUpy0DGt.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle--d5w7FVF.js');
+require('../chunks/bundle-wU4qxzey.js');
 require('./Icon.js');
 require('./Button.js');
 require('../withSendbird.js');

package/cjs/ui/MentionUserLabel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-Dax6YIIr.js');
+var consts = require('../chunks/bundle-ZqkDqz4X.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;

package/cjs/ui/MessageContent.js

@@ -1,66 +1,56 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-bXLZZTmP.js');
+var _tslib = require('../chunks/bundle-RVs527mS.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-6ZegaDWX.js');
-var ui_MessageStatus = require('../chunks/bundle-ptZslG_m.js');
+var index$2 = require('../chunks/bundle-7sO7MuTY.js');
+var ui_MessageStatus = require('../chunks/bundle-8XyvQRnm.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
+var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-p6kWiWDv.js');
-var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
+var index = require('../chunks/bundle-fnv2bNo-.js');
+var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-TFo3Eb8z.js');
-var index$3 = require('../chunks/bundle-s82XYT1Q.js');
-var MediaQueryContext = require('../chunks/bundle-WzrocC57.js');
+var useLongPress = require('../chunks/bundle-rmOQxjwa.js');
+var index$3 = require('../chunks/bundle-3VBtozeG.js');
+var MediaQueryContext = require('../chunks/bundle-2ToiwW-_.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-zrsbDQGp.js');
-var utils = require('../chunks/bundle-LRCFL23q.js');
+var _const = require('../chunks/bundle-yf5herNq.js');
+var utils = require('../chunks/bundle-nQDclaWr.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-7VJjqIPJ.js');
+var ui_Avatar = require('../chunks/bundle-rUpy0DGt.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-7AS0Rcch.js');
+var UserProfileContext = require('../chunks/bundle-3S8jBmCV.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useStatefulFileInfoList = require('../chunks/bundle-JVe1J2FX.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-Bx0FCMKL.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
-var index$1 = require('../chunks/bundle-65IwoStx.js');
+var index$1 = require('../chunks/bundle--RWWGoZo.js');
 var ui_Icon = require('./Icon.js');
 var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var Channel_components_MessageFeedbackModal = require('../Channel/components/MessageFeedbackModal.js');
-var ui_Modal = require('../chunks/bundle-Oc2T5_VP.js');
+var ui_Modal = require('../chunks/bundle-lnLwvZ7H.js');
 var ui_Button = require('./Button.js');
-var useKeyDown = require('../chunks/bundle-n6iwTZAo.js');
-require('../chunks/bundle-RSklGv-u.js');
+var useKeyDown = require('../chunks/bundle-_QsPNZ6J.js');
+require('../chunks/bundle-ZL4COF6I.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-J_ooPKgS.js');
-require('../chunks/bundle-2gCdAlxv.js');
+require('../chunks/bundle-RPY1irFl.js');
+require('../chunks/bundle-KUtVpakA.js');
 require('./IconButton.js');
-require('../chunks/bundle-GsUulypb.js');
-require('../chunks/bundle-Ue5GkT2H.js');
-require('../chunks/bundle-XaLiuh0L.js');
-require('../chunks/bundle--MJd6Gw1.js');
-require('../chunks/bundle-UaSM_xZY.js');
-require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-INJtS58R.js');
-require('../Channel/hooks/useInitialMessagesFetch.js');
-require('../chunks/bundle-135pRm7i.js');
-require('../chunks/bundle-JbxviE94.js');
-require('../chunks/bundle-VB_a0u7i.js');
-require('../chunks/bundle-3K153hLM.js');
+require('../chunks/bundle-L9oXX97B.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../withSendbird.js');
+require('../chunks/bundle-sW6CpN9W.js');
+require('../chunks/bundle-OBj337Le.js');
+require('@sendbird/chat/groupChannel');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('./ReactionBadge.js');
@@ -69,24 +59,27 @@ require('../hooks/useModal.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle--d5w7FVF.js');
+require('../chunks/bundle-wU4qxzey.js');
 require('../sendbirdSelectors.js');
+require('../chunks/bundle-K8ngPNTR.js');
+require('../withSendbird.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-aoIToceJ.js');
-require('../chunks/bundle-TxdziCwH.js');
-require('../chunks/bundle-9iE0HY96.js');
+require('../chunks/bundle-JVylXDBB.js');
+require('../chunks/bundle-28M_gXGl.js');
+require('../chunks/bundle-JReI_QbA.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-OVfymd1y.js');
-require('../chunks/bundle-hXzxY0NJ.js');
+require('../chunks/bundle-7IKA03Ad.js');
+require('../chunks/bundle-dLwo2XPj.js');
 require('./TextButton.js');
-require('../chunks/bundle-7J-qpEzM.js');
-require('../chunks/bundle-68NdNRjR.js');
+require('../chunks/bundle-Og0K_sLb.js');
+require('../chunks/bundle-3GWdY_5G.js');
+require('../chunks/bundle-SggLEV_z.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../chunks/bundle-rgxTgHrK.js');
+require('../chunks/bundle-_apVcG-_.js');
 require('../VoiceRecorder/context.js');
 require('./PlaybackTime.js');
 require('./Input.js');
@@ -131,10 +124,10 @@ function MessageProfile(props) {
 var MESSAGE_ITEM_BODY_CLASSNAME = 'sendbird-message-content__middle__message-item-body';
 function MessageBody(props) {
     var message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
-    var threadMessageKindKey = useStatefulFileInfoList.useThreadMessageKindKeySelector({
+    var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
         isMobile: isMobile,
     });
-    var statefulFileInfoList = useStatefulFileInfoList.useStatefulFileInfoList(message); // For MultipleFilesMessage.
+    var statefulFileInfoList = useFileInfoListWithUploaded.useFileInfoListWithUploaded(message); // For MultipleFilesMessage.
     var messageTypes = index.getUIKitMessageTypes();
     var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     return index$1.K(message)
@@ -143,7 +136,7 @@ function MessageBody(props) {
         && index.isOGMessage(message); }, function () { return (React.createElement(ui_OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange })); })
         .when(index.isTextMessage, function () { return (React.createElement(ui_TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel })); })
         .when(function (message) { return index.getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React.createElement(ui_FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })); })
-        .when(index.isMultipleFilesMessage, function () { return (React.createElement(useStatefulFileInfoList.MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })); })
+        .when(index.isMultipleFilesMessage, function () { return (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })); })
         .when(index.isVoiceMessage, function () {
         var _a;
         return (React.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, channelUrl: (_a = channel === null || channel === void 0 ? void 0 : channel.url) !== null && _a !== void 0 ? _a : '', isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel }));
@@ -291,6 +284,7 @@ function MessageContent(props) {
                             scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
                         }
                     },
+                    deleteMessage: deleteMessage,
                 }),
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     message: message$1,
@@ -446,6 +440,7 @@ function MessageContent(props) {
                         scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
                     }
                 },
+                deleteMessage: deleteMessage,
             })))),
         showMenu && (((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.isUserMessage) === null || _m === void 0 ? void 0 : _m.call(message$1)) || ((_o = message$1 === null || message$1 === void 0 ? void 0 : message$1.isFileMessage) === null || _o === void 0 ? void 0 : _o.call(message$1)) || ((_p = message$1 === null || message$1 === void 0 ? void 0 : message$1.isMultipleFilesMessage) === null || _p === void 0 ? void 0 : _p.call(message$1))) && (React.createElement(index$3.MobileMenu, { parentRef: contentRef, channel: channel, hideMenu: function () { setShowMenu(false); }, message: message$1, isReactionEnabled: isReactionEnabledInChannel, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, emojiContainer: emojiContainer, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, toggleReaction: toggleReaction, showEdit: showEdit, onReplyInThread: function (_a) {
                 var _b;

package/cjs/ui/MessageContent.js.map

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

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-hEYmMlZe.js');
-require('../../../chunks/bundle-bXLZZTmP.js');
-require('../../../chunks/bundle-Dax6YIIr.js');
-require('../../../chunks/bundle-hXzxY0NJ.js');
-require('../../../chunks/bundle-OVfymd1y.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-RC4m8KcZ.js');
+require('../../../chunks/bundle-RVs527mS.js');
+require('../../../chunks/bundle-ZqkDqz4X.js');
+require('../../../chunks/bundle-dLwo2XPj.js');
+require('../../../chunks/bundle-7IKA03Ad.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,26 +1,26 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-bXLZZTmP.js');
+var _tslib = require('../chunks/bundle-RVs527mS.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-zgoic8x9.js');
-var _const = require('../chunks/bundle-zrsbDQGp.js');
+var _const$1 = require('../chunks/bundle-L5q_NWiq.js');
+var _const = require('../chunks/bundle-yf5herNq.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-hEYmMlZe.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-RC4m8KcZ.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
-var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
+var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
+var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index$1 = require('../chunks/bundle-p6kWiWDv.js');
-var tokenize = require('../chunks/bundle-9iE0HY96.js');
-var index = require('../chunks/bundle-65IwoStx.js');
-var utils = require('../chunks/bundle-LRCFL23q.js');
+var index$1 = require('../chunks/bundle-fnv2bNo-.js');
+var tokenize = require('../chunks/bundle-JReI_QbA.js');
+var index = require('../chunks/bundle--RWWGoZo.js');
+var utils = require('../chunks/bundle-nQDclaWr.js');
 require('dompurify');
-require('../chunks/bundle-Dax6YIIr.js');
-require('../chunks/bundle-hXzxY0NJ.js');
-require('../chunks/bundle-OVfymd1y.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../chunks/bundle-RSklGv-u.js');
+require('../chunks/bundle-ZqkDqz4X.js');
+require('../chunks/bundle-dLwo2XPj.js');
+require('../chunks/bundle-7IKA03Ad.js');
+require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-ZL4COF6I.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
@@ -86,7 +86,7 @@ var initialTargetStringInfo = {
 };
 var MessageInput = React.forwardRef(function (props, externalRef) {
     var _a, _b, _c, _d, _e;
-    var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.isMentionEnabled, isMentionEnabled = _j === void 0 ? false : _j, _k = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _k === void 0 ? true : _k, _l = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _l === void 0 ? false : _l, _m = props.disabled, disabled = _m === void 0 ? false : _m, _o = props.message, message = _o === void 0 ? null : _o, _p = props.placeholder, placeholder = _p === void 0 ? '' : _p, _q = props.maxLength, maxLength = _q === void 0 ? 5000 : _q, _r = props.onFileUpload, onFileUpload = _r === void 0 ? noop : _r, _s = props.onSendMessage, onSendMessage = _s === void 0 ? noop : _s, _t = props.onUpdateMessage, onUpdateMessage = _t === void 0 ? noop : _t, _u = props.onCancelEdit, onCancelEdit = _u === void 0 ? noop : _u, _v = props.onStartTyping, onStartTyping = _v === void 0 ? noop : _v, _w = props.channelUrl, channelUrl = _w === void 0 ? '' : _w, _x = props.mentionSelectedUser, mentionSelectedUser = _x === void 0 ? null : _x, _y = props.onUserMentioned, onUserMentioned = _y === void 0 ? noop : _y, _z = props.onMentionStringChange, onMentionStringChange = _z === void 0 ? noop : _z, _0 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _0 === void 0 ? noop : _0, _1 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _1 === void 0 ? noop : _1, _2 = props.onKeyUp, onKeyUp = _2 === void 0 ? noop : _2, _3 = props.onKeyDown, onKeyDown = _3 === void 0 ? noop : _3, _4 = props.renderFileUploadIcon, renderFileUploadIcon = _4 === void 0 ? noop : _4, _5 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _5 === void 0 ? noop : _5, _6 = props.renderSendMessageIcon, renderSendMessageIcon = _6 === void 0 ? noop : _6, _7 = props.setMentionedUsers, setMentionedUsers = _7 === void 0 ? noop : _7, _8 = props.acceptableMimeTypes, acceptableMimeTypes = _8 === void 0 ? null : _8;
+    var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.isMentionEnabled, isMentionEnabled = _j === void 0 ? false : _j, _k = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _k === void 0 ? true : _k, _l = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _l === void 0 ? false : _l, _m = props.disabled, disabled = _m === void 0 ? false : _m, _o = props.message, message = _o === void 0 ? null : _o, _p = props.placeholder, placeholder = _p === void 0 ? '' : _p, _q = props.maxLength, maxLength = _q === void 0 ? 5000 : _q, _r = props.onFileUpload, onFileUpload = _r === void 0 ? noop : _r, _s = props.onSendMessage, onSendMessage = _s === void 0 ? noop : _s, _t = props.onUpdateMessage, onUpdateMessage = _t === void 0 ? noop : _t, _u = props.onCancelEdit, onCancelEdit = _u === void 0 ? noop : _u, _v = props.onStartTyping, onStartTyping = _v === void 0 ? noop : _v, _w = props.channelUrl, channelUrl = _w === void 0 ? '' : _w, _x = props.mentionSelectedUser, mentionSelectedUser = _x === void 0 ? null : _x, _y = props.onUserMentioned, onUserMentioned = _y === void 0 ? noop : _y, _z = props.onMentionStringChange, onMentionStringChange = _z === void 0 ? noop : _z, _0 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _0 === void 0 ? noop : _0, _1 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _1 === void 0 ? noop : _1, _2 = props.onKeyUp, onKeyUp = _2 === void 0 ? noop : _2, _3 = props.onKeyDown, onKeyDown = _3 === void 0 ? noop : _3, _4 = props.renderFileUploadIcon, renderFileUploadIcon = _4 === void 0 ? noop : _4, _5 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _5 === void 0 ? noop : _5, _6 = props.renderSendMessageIcon, renderSendMessageIcon = _6 === void 0 ? noop : _6, _7 = props.setMentionedUsers, setMentionedUsers = _7 === void 0 ? noop : _7, acceptableMimeTypes = props.acceptableMimeTypes;
     var internalRef = (externalRef && 'current' in externalRef) ? externalRef : null;
     var textFieldId = messageFieldId || TEXT_FIELD_ID;
     var stringSet = LocalizationContext.useLocalization().stringSet;
@@ -96,9 +96,9 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
         config: config,
     });
     var fileInputRef = React.useRef(null);
-    var _9 = React.useState(false), isInput = _9[0], setIsInput = _9[1];
-    var _10 = React.useState([]), mentionedUserIds = _10[0], setMentionedUserIds = _10[1];
-    var _11 = React.useState(_tslib.__assign({}, initialTargetStringInfo)), targetStringInfo = _11[0], setTargetStringInfo = _11[1];
+    var _8 = React.useState(false), isInput = _8[0], setIsInput = _8[1];
+    var _9 = React.useState([]), mentionedUserIds = _9[0], setMentionedUserIds = _9[1];
+    var _10 = React.useState(_tslib.__assign({}, initialTargetStringInfo)), targetStringInfo = _10[0], setTargetStringInfo = _10[1];
     var setHeight = React.useMemo(function () { return function () {
         try {
             var elem = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;

package/cjs/ui/MessageItemMenu.js

@@ -6,43 +6,27 @@ var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-p6kWiWDv.js');
-var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
-var types = require('../chunks/bundle-GsUulypb.js');
-var Channel_context = require('../chunks/bundle-Ue5GkT2H.js');
-require('../chunks/bundle-bXLZZTmP.js');
+var index = require('../chunks/bundle-fnv2bNo-.js');
+var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
+var types = require('../chunks/bundle-L9oXX97B.js');
+require('../chunks/bundle-RVs527mS.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-INJtS58R.js');
-require('../chunks/bundle-7J3nX_hP.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../chunks/bundle-LRCFL23q.js');
+require('../chunks/bundle-sW6CpN9W.js');
+require('../chunks/bundle-JaD2Ao-u.js');
+require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-nQDclaWr.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-65IwoStx.js');
-require('../chunks/bundle-RSklGv-u.js');
-require('../chunks/bundle-7AS0Rcch.js');
-require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
-require('../chunks/bundle-zrsbDQGp.js');
-require('../chunks/bundle-XaLiuh0L.js');
-require('../chunks/bundle-6ZegaDWX.js');
-require('@sendbird/chat/message');
-require('../chunks/bundle--MJd6Gw1.js');
-require('../chunks/bundle-UaSM_xZY.js');
-require('../Channel/hooks/useInitialMessagesFetch.js');
-require('../chunks/bundle-135pRm7i.js');
-require('../chunks/bundle-JbxviE94.js');
-require('../chunks/bundle-VB_a0u7i.js');
-require('../chunks/bundle-3K153hLM.js');
+require('../chunks/bundle--RWWGoZo.js');
+require('../chunks/bundle-ZL4COF6I.js');
 
 function MessageMenu(_a) {
     var _b;
-    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f;
+    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, deleteMessage = _a.deleteMessage, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var triggerRef = React.useRef(null);
     var containerRef = React.useRef(null);
-    var channelStore = Channel_context.useChannelContext();
     var showMenuItemCopy = index.isUserMessage(message);
     var showMenuItemEdit = (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && index.isUserMessage(message) && index.isSentMessage(message) && isByMe);
     var showMenuItemResend = (index.isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
@@ -112,9 +96,8 @@ function MessageMenu(_a) {
                             }
                         }, dataSbId: "ui_message_item_menu_resend" }, stringSet.MESSAGE_MENU__RESEND)),
                     showMenuItemDelete && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-delete", onClick: function () {
-                            var _a;
                             if (index.isFailedMessage(message)) {
-                                (_a = channelStore === null || channelStore === void 0 ? void 0 : channelStore.deleteMessage) === null || _a === void 0 ? void 0 : _a.call(channelStore, message);
+                                deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
                             }
                             else if (!disabled) {
                                 showRemove(true);

package/cjs/ui/MessageItemMenu.js.map

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

package/cjs/ui/MessageItemReactionMenu.js

@@ -8,19 +8,19 @@ var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../chunks/bundle-p6kWiWDv.js');
-require('../chunks/bundle-bXLZZTmP.js');
+var index = require('../chunks/bundle-fnv2bNo-.js');
+require('../chunks/bundle-RVs527mS.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-INJtS58R.js');
-require('../chunks/bundle-7J3nX_hP.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-TFo3Eb8z.js');
-require('../chunks/bundle-WzrocC57.js');
+require('../chunks/bundle-sW6CpN9W.js');
+require('../chunks/bundle-JaD2Ao-u.js');
+require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-nQDclaWr.js');
+require('../chunks/bundle-rmOQxjwa.js');
+require('../chunks/bundle-2ToiwW-_.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-65IwoStx.js');
+require('../chunks/bundle--RWWGoZo.js');
 
 function MessageEmojiMenu(_a) {
     var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction, setSupposedHover = _a.setSupposedHover;
@@ -43,13 +43,16 @@ function MessageEmojiMenu(_a) {
                 };
                 return (React.createElement(ui_ContextMenu.EmojiListItems, { parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, spaceFromTrigger: spaceFromTrigger }, index.getEmojiListAll(emojiContainer).map(function (emoji) {
                     var _a, _b, _c;
-                    var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) { return reaction.key === emoji.key; })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; });
+                    var isReacted = ((_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.find(function (reaction) { return reaction.key === emoji.key; })) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; })) || false;
                     return (React.createElement(ui_ReactionButton, { key: emoji.key, width: "36px", height: "36px", selected: isReacted, onClick: function () {
                             closeDropdown();
                             toggleReaction(message, emoji.key, isReacted);
                         }, dataSbId: "ui_emoji_reactions_menu_".concat(emoji.key) },
-                        React.createElement(ui_ImageRenderer.default, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (style) { return (React.createElement("div", { style: style },
-                                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.QUESTION, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" }))); } })));
+                        React.createElement(ui_ImageRenderer.default, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (_a) {
+                                var style = _a.style;
+                                return (React.createElement("div", { style: style },
+                                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.QUESTION, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                            } })));
                 })));
             } })));
 }

package/cjs/ui/MessageItemReactionMenu.js.map

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

package/cjs/ui/MessageSearchFileItem.js

@@ -1,25 +1,24 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-bXLZZTmP.js');
+var _tslib = require('../chunks/bundle-RVs527mS.js');
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-7VJjqIPJ.js');
+var ui_Avatar = require('../chunks/bundle-rUpy0DGt.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
-var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
-var index$1 = require('../chunks/bundle-6ZegaDWX.js');
-var index = require('../chunks/bundle-J_ooPKgS.js');
-var index$2 = require('../chunks/bundle-p6kWiWDv.js');
-var utils = require('../chunks/bundle-aoIToceJ.js');
+var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
+var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
+var index$1 = require('../chunks/bundle-7sO7MuTY.js');
+var index = require('../chunks/bundle-RPY1irFl.js');
+var index$2 = require('../chunks/bundle-fnv2bNo-.js');
+var utils = require('../chunks/bundle-JVylXDBB.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-INJtS58R.js');
-require('../chunks/bundle--d5w7FVF.js');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../chunks/bundle-RSklGv-u.js');
-require('../chunks/bundle-2gCdAlxv.js');
+require('../chunks/bundle-nQDclaWr.js');
+require('../chunks/bundle-wU4qxzey.js');
+require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-ZL4COF6I.js');
+require('../chunks/bundle-KUtVpakA.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-65IwoStx.js');
+require('../chunks/bundle--RWWGoZo.js');
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;

package/cjs/ui/MessageSearchFileItem.js.map

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

package/cjs/ui/MessageSearchItem.js

@@ -1,20 +1,19 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-bXLZZTmP.js');
+var _tslib = require('../chunks/bundle-RVs527mS.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-6ZegaDWX.js');
-var index = require('../chunks/bundle-J_ooPKgS.js');
-var ui_Avatar = require('../chunks/bundle-7VJjqIPJ.js');
-var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
-var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
-require('../chunks/bundle-RSklGv-u.js');
-require('../chunks/bundle-2gCdAlxv.js');
+var index$1 = require('../chunks/bundle-7sO7MuTY.js');
+var index = require('../chunks/bundle-RPY1irFl.js');
+var ui_Avatar = require('../chunks/bundle-rUpy0DGt.js');
+var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
+var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
+require('../chunks/bundle-ZL4COF6I.js');
+require('../chunks/bundle-KUtVpakA.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-INJtS58R.js');
-require('../chunks/bundle--d5w7FVF.js');
+require('../chunks/bundle-nQDclaWr.js');
+require('../chunks/bundle-wU4qxzey.js');
 require('./Icon.js');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-kSScygqj.js');
+require('../chunks/bundle-OBj337Le.js');
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/cjs/ui/MessageSearchItem.js.map

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

package/cjs/ui/MessageStatus.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-bXLZZTmP.js');
+require('../chunks/bundle-RVs527mS.js');
 require('react');
-require('../chunks/bundle-6ZegaDWX.js');
+require('../chunks/bundle-7sO7MuTY.js');
 require('./Icon.js');
-require('../chunks/bundle-7J3nX_hP.js');
+require('../chunks/bundle-JaD2Ao-u.js');
 require('./Loader.js');
-require('../chunks/bundle-p6kWiWDv.js');
+require('../chunks/bundle-fnv2bNo-.js');
 require('../utils/message/getOutgoingMessageState.js');
-var ui_MessageStatus = require('../chunks/bundle-ptZslG_m.js');
-require('../chunks/bundle-qtXdbPNE.js');
-require('../chunks/bundle-RSklGv-u.js');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-kSScygqj.js');
+var ui_MessageStatus = require('../chunks/bundle-8XyvQRnm.js');
+require('../chunks/bundle-WLD9KKbn.js');
+require('../chunks/bundle-ZL4COF6I.js');
+require('../chunks/bundle-nQDclaWr.js');
+require('../chunks/bundle-OBj337Le.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-65IwoStx.js');
-require('../chunks/bundle-J_ooPKgS.js');
-require('../chunks/bundle-2gCdAlxv.js');
+require('../chunks/bundle--RWWGoZo.js');
+require('../chunks/bundle-RPY1irFl.js');
+require('../chunks/bundle-KUtVpakA.js');
 
 
 

package/cjs/ui/MobileFeedbackMenu.js

@@ -2,20 +2,20 @@
 
 var React = require('react');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
-var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
+var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
+var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
 require('react-dom');
 require('../hooks/useModal.js');
-require('../chunks/bundle-bXLZZTmP.js');
-require('../chunks/bundle-65IwoStx.js');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-Oc2T5_VP.js');
-require('../chunks/bundle-WzrocC57.js');
+require('../chunks/bundle-RVs527mS.js');
+require('../chunks/bundle--RWWGoZo.js');
+require('../chunks/bundle-nQDclaWr.js');
+require('../chunks/bundle-lnLwvZ7H.js');
+require('../chunks/bundle-2ToiwW-_.js');
 require('./IconButton.js');
 require('./Button.js');
 require('./Icon.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../chunks/bundle-RSklGv-u.js');
+require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-ZL4COF6I.js');
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;