@sendbird/uikit-react 3.12.0-rc.1 → 3.12.1

package/chunks/{bundle-bXxgZ3h3.js → bundle-yQgn6JfU.js}

@@ -1,18 +1,19 @@
-import { c as __spreadArray, _ as __assign } from './bundle-s7Jm-nQL.js';
+import { c as __spreadArray, _ as __assign } from './bundle-yoFO4gJM.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from './bundle-lS2bdzD_.js';
-import { u as useLocalization } from './bundle-QDjzCG-h.js';
+import { f as format } from './bundle-is3QkoNv.js';
+import { u as useLocalization } from './bundle-_xgfKjN0.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT, S as SuggestedMentionListView } from './bundle-ZOw_iEjI.js';
-import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-5qVfPYXm.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-WImaBVSO.js';
+import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-a2TolYYj.js';
 import { useDirtyGetMentions } from '../Message/hooks/useDirtyGetMentions.js';
-import { w as getClassName, g as getSuggestedReplies } from './bundle-aAXpX7Sl.js';
+import { w as getClassName, g as getSuggestedReplies } from './bundle-TYsOyvS5.js';
 import DateSeparator from '../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-YcH_HSha.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-52hs7-M-.js';
 import MessageInput from '../ui/MessageInput.js';
-import { M as MessageInputKeys } from './bundle-iRd3nywJ.js';
+import { M as MessageInputKeys } from './bundle-YpfSm9dM.js';
 import MessageContent from '../ui/MessageContent.js';
 import { SuggestedReplies } from '../GroupChannel/components/SuggestedReplies.js';
+import { S as SuggestedMentionListView } from './bundle-BF1Rr3vo.js';
 
 var useDidMountEffect = function (func, deps) {
     var _a = useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -31,7 +32,7 @@ var MessageView = function (props) {
     var _a, _b;
     var 
     // MessageProps
-    message = props.message, renderMessage = props.renderMessage, _c = props.renderMessageContent, renderMessageContent = _c === void 0 ? function (props) { return React__default.createElement(MessageContent, __assign({}, props)); } : _c, renderCustomSeparator = props.renderCustomSeparator, renderEditInput = props.renderEditInput, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, 
+    message = props.message, renderMessage = props.renderMessage, children = props.children, _c = props.renderMessageContent, renderMessageContent = _c === void 0 ? function (props) { return React__default.createElement(MessageContent, __assign({}, props)); } : _c, renderCustomSeparator = props.renderCustomSeparator, renderEditInput = props.renderEditInput, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, 
     // MessageViewProps
     channel = props.channel, emojiContainer = props.emojiContainer, editInputDisabled = props.editInputDisabled, shouldRenderSuggestedReplies = props.shouldRenderSuggestedReplies, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, renderUserMentionItem = props.renderUserMentionItem, scrollToMessage = props.scrollToMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onQuoteMessageClick = props.onQuoteMessageClick, onReplyInThreadClick = props.onReplyInThreadClick, sendUserMessage = props.sendUserMessage, updateUserMessage = props.updateUserMessage, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, renderFileViewer = props.renderFileViewer, renderRemoveMessageModal = props.renderRemoveMessageModal, setAnimatedMessageId = props.setAnimatedMessageId, animatedMessageId = props.animatedMessageId, onMessageAnimated = props.onMessageAnimated, highLightedMessageId = props.highLightedMessageId, setHighLightedMessageId = props.setHighLightedMessageId, onMessageHighlighted = props.onMessageHighlighted;
     var _d = useLocalization(), dateLocale = _d.dateLocale, stringSet = _d.stringSet;
@@ -121,21 +122,45 @@ var MessageView = function (props) {
         };
     }, [animatedMessageId, messageScrollRef.current, message.messageId]);
     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(props); }, [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));
-    }
+    var renderChildren = function () {
+        if (children) {
+            return children;
+        }
+        if (renderMessage) {
+            var messageProps = __assign(__assign({}, props), { renderMessage: undefined });
+            return renderMessage(messageProps);
+        }
+        return (React__default.createElement(React__default.Fragment, null,
+            renderMessageContent({
+                className: 'sendbird-message-hoc__message-content',
+                userId: userId,
+                scrollToMessage: scrollToMessage,
+                channel: channel,
+                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: onReplyInThreadClick,
+                onQuoteMessageClick: onQuoteMessageClick,
+                onMessageHeightChange: handleScroll,
+            }),
+            /** Suggested Replies */
+            shouldRenderSuggestedReplies && React__default.createElement(SuggestedReplies, { replyOptions: getSuggestedReplies(message), onSendMessage: sendUserMessage }),
+            showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
+            showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
+    };
     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(SuggestedMentionListView, { currentChannel: channel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
@@ -196,42 +221,14 @@ var MessageView = function (props) {
             '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 },
+        ]), style: children || renderMessage ? undefined : { 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: channel,
-            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: onReplyInThreadClick,
-            onQuoteMessageClick: onQuoteMessageClick,
-            onMessageHeightChange: handleScroll,
-        }),
-        /** Suggested Replies */
-        shouldRenderSuggestedReplies && React__default.createElement(SuggestedReplies, { replyOptions: getSuggestedReplies(message), onSendMessage: sendUserMessage }),
-        showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
-        showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
+        renderChildren()));
 };
 
 export { MessageView as M };
-//# sourceMappingURL=bundle-bXxgZ3h3.js.map
+//# sourceMappingURL=bundle-yQgn6JfU.js.map

package/chunks/bundle-yQgn6JfU.js.map

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

package/chunks/{bundle-c-m52z_J.js → bundle-ykuyabqF.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
-import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, b as isFileMessage, i as isVoiceMessage, M as isThreadMessage, x as copyToClipboard, y as getEmojiListAll } from './bundle-aAXpX7Sl.js';
-import { u as useLocalization } from './bundle-QDjzCG-h.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, b as isFileMessage, i as isVoiceMessage, M as isThreadMessage, x as copyToClipboard, y as getEmojiListAll } from './bundle-TYsOyvS5.js';
+import { u as useLocalization } from './bundle-_xgfKjN0.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-YcH_HSha.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-52hs7-M-.js';
 import BottomSheet from '../ui/BottomSheet.js';
 import ImageRenderer from '../ui/ImageRenderer.js';
 import ReactionButton from '../ui/ReactionButton.js';
@@ -225,4 +225,4 @@ var MobileMenu = function (props) {
 };
 
 export { MobileMenu as M };
-//# sourceMappingURL=bundle-c-m52z_J.js.map
+//# sourceMappingURL=bundle-ykuyabqF.js.map

package/chunks/{bundle-c-m52z_J.js.map → bundle-ykuyabqF.js.map}

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

package/chunks/{bundle-s7Jm-nQL.js → bundle-yoFO4gJM.js}

@@ -106,4 +106,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 };
 
 export { __assign as _, __awaiter as a, __generator as b, __spreadArray as c, __rest as d, __extends as e };
-//# sourceMappingURL=bundle-s7Jm-nQL.js.map
+//# sourceMappingURL=bundle-yoFO4gJM.js.map

package/{cjs/chunks/bundle-CQGJhJYV.js.map → chunks/bundle-yoFO4gJM.js.map}

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

package/cjs/App.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var SendbirdProvider = require('./SendbirdProvider.js');
-var MediaQueryContext = require('./chunks/bundle-eg639gtv.js');
-var _tslib = require('./chunks/bundle-l9rAnwws.js');
+var MediaQueryContext = require('./chunks/bundle-xTAz4Z91.js');
+var _tslib = require('./chunks/bundle-QauQilHV.js');
 var GroupChannel = require('./GroupChannel.js');
 var GroupChannelList = require('./GroupChannelList.js');
 var Channel = require('./Channel.js');
@@ -13,85 +13,84 @@ var MessageSearch = require('./MessageSearch.js');
 var Thread = require('./Thread.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var uuid = require('./chunks/bundle-fWvwYg6I.js');
-var VoicePlayer_context = require('./chunks/bundle-apUHizVu.js');
+var uuid = require('./chunks/bundle-BAZMzxRI.js');
+var VoicePlayer_context = require('./chunks/bundle-sSkyvCgN.js');
 require('@sendbird/uikit-tools');
 require('./withSendbird.js');
 require('css-vars-ponyfill');
-require('./chunks/bundle-LZMOuc2b.js');
-require('./chunks/bundle-yzN-MQRB.js');
-require('./chunks/bundle-Z9uYBAUt.js');
+require('./chunks/bundle-7pGAEUaG.js');
+require('./chunks/bundle-J790CoNK.js');
+require('./chunks/bundle-KHlebcMh.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-JutD2hKN.js');
+require('./chunks/bundle-opmIFrXg.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-XpwayjqP.js');
-require('./chunks/bundle-j5InjWst.js');
+require('./chunks/bundle-DGXRqeiH.js');
+require('./chunks/bundle-cbIBIuxw.js');
 require('./VoiceRecorder/context.js');
-require('./chunks/bundle-oK2GZVsW.js');
-require('./chunks/bundle-do_4Y2S_.js');
-require('./chunks/bundle-HQUEIVST.js');
-require('./chunks/bundle-lqO2HtRG.js');
+require('./chunks/bundle-rGYP82Yc.js');
+require('./chunks/bundle-JfUvL0pn.js');
+require('./chunks/bundle-6uWmKzjA.js');
+require('./chunks/bundle-3eINsVVm.js');
 require('react-dom');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-Y6oHbdhN.js');
+require('./chunks/bundle-12iJO39c.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-_N5y1qEg.js');
-require('./chunks/bundle-8sRp5L6V.js');
+require('./chunks/bundle-Oq2WwdJI.js');
+require('./chunks/bundle-yJYTZhFC.js');
 require('./hooks/useModal.js');
 require('./GroupChannel/context.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-bSoYSPA5.js');
-require('./chunks/bundle-gKpM7okd.js');
-require('./chunks/bundle-6Ucv_cXK.js');
-require('./chunks/bundle-6D2HDCsi.js');
-require('./chunks/bundle-OLmZ2fUV.js');
-require('./chunks/bundle-RHwdkbbz.js');
-require('./chunks/bundle-2QTmv8Qr.js');
+require('./chunks/bundle-o2GWKL_d.js');
+require('./chunks/bundle-cp4Mr7IE.js');
+require('./chunks/bundle-VOIBVZ8K.js');
+require('./chunks/bundle-oGyWTIOJ.js');
+require('./chunks/bundle-4jX5eqYW.js');
+require('./chunks/bundle-8fHhsSkO.js');
+require('./chunks/bundle-Ktg9Of7w.js');
 require('./GroupChannel/components/GroupChannelUI.js');
-require('./chunks/bundle-g3vASPp8.js');
+require('./chunks/bundle-EvM8f38k.js');
 require('./GroupChannel/components/TypingIndicator.js');
-require('./chunks/bundle-d1u7R12O.js');
+require('./chunks/bundle-eb9lfgWx.js');
 require('./ui/ConnectionStatus.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./GroupChannel/components/GroupChannelHeader.js');
-require('./chunks/bundle-bc3_Ej1J.js');
+require('./chunks/bundle-vzrDnUV2.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-lZm_4ToV.js');
+require('./chunks/bundle-BujsZjS_.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-jI4fSOuZ.js');
-require('./chunks/bundle-hyQekvQu.js');
-require('./chunks/bundle-7S9cQ7Sp.js');
+require('./chunks/bundle-hR3vnZG1.js');
+require('./chunks/bundle-hYAxN2fG.js');
+require('./chunks/bundle-9Ms65KWQ.js');
 require('./GroupChannel/components/MessageList.js');
 require('./GroupChannel/components/Message.js');
-require('./chunks/bundle-OayM7MBH.js');
-require('./chunks/bundle-POnqXMLV.js');
-require('./chunks/bundle-FnDHXB2d.js');
-require('./chunks/bundle-ZIC4K68f.js');
+require('./chunks/bundle-hNdySo7A.js');
+require('./chunks/bundle-JbsZLrne.js');
+require('./chunks/bundle-YZRXvkp-.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle-XSrDHwxE.js');
+require('./chunks/bundle-q15q65dt.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-THKiylQP.js');
-require('./chunks/bundle-qlTSWGy9.js');
+require('./chunks/bundle-sPQAW6hW.js');
+require('./chunks/bundle-VySxn-bM.js');
 require('dompurify');
-require('./chunks/bundle-WQOvDsOP.js');
-require('./chunks/bundle-8gAAE7I3.js');
-require('./chunks/bundle-rGIlrKQw.js');
-require('./chunks/bundle-Ulv5XabQ.js');
+require('./chunks/bundle-mpZAARbu.js');
+require('./chunks/bundle-cIL4aJSh.js');
+require('./chunks/bundle-vtbEyMlh.js');
+require('./chunks/bundle-rm245WXS.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-UAlBT2_3.js');
-require('./chunks/bundle-hdKCnGri.js');
-require('./chunks/bundle-65WXfVqV.js');
+require('./chunks/bundle-uIj1z0m8.js');
+require('./chunks/bundle-OmPnU_OI.js');
+require('./chunks/bundle-fNnK4ZX1.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-w1sEa7O0.js');
+require('./chunks/bundle-XqQ_cljg.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-ivu3uDBu.js');
+require('./chunks/bundle-0vl1G6aF.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
@@ -105,19 +104,19 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-v-P7N839.js');
-require('./chunks/bundle-jjYDBqPB.js');
+require('./chunks/bundle-WjU125ds.js');
+require('./chunks/bundle-mMBwJT3x.js');
 require('./ui/ThreadReplies.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-yyOx7Krk.js');
+require('./chunks/bundle-SR43QM50.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-dibCo5Mv.js');
-require('./chunks/bundle-JllM1Vt3.js');
-require('./chunks/bundle-O3DZBV2p.js');
+require('./chunks/bundle-xHh0P-Hz.js');
+require('./chunks/bundle-yzcXd9DQ.js');
+require('./chunks/bundle-jh0UjnOb.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
@@ -129,58 +128,59 @@ require('./ui/MobileFeedbackMenu.js');
 require('./Channel/components/MessageFeedbackModal.js');
 require('./ui/Input.js');
 require('./GroupChannel/components/SuggestedReplies.js');
+require('./chunks/bundle-Rd2d2a3j.js');
 require('./GroupChannel/components/FileViewer.js');
-require('./chunks/bundle-pNPHZO_X.js');
+require('./chunks/bundle-3SJwqpkk.js');
 require('./GroupChannel/components/RemoveMessageModal.js');
-require('./chunks/bundle-him8B6lQ.js');
-require('./chunks/bundle-aLKN26Lx.js');
+require('./chunks/bundle-IKnblThp.js');
+require('./chunks/bundle-rY_4WHYR.js');
 require('./Channel/utils/getMessagePartsInfo.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
 require('./GroupChannel/components/UnreadCount.js');
 require('./GroupChannel/components/FrozenNotification.js');
 require('./ui/TypingIndicatorBubble.js');
 require('./GroupChannel/components/MessageInputWrapper.js');
-require('./chunks/bundle-tCIy9Pcv.js');
+require('./chunks/bundle-m6R8TnWy.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-YTPSevv5.js');
-require('./chunks/bundle-xn7dyz1d.js');
+require('./chunks/bundle-TPt6Ukqk.js');
+require('./chunks/bundle-9uUg_zKI.js');
 require('./GroupChannelList/context.js');
 require('./GroupChannelList/components/GroupChannelListUI.js');
-require('./chunks/bundle-B3jNx9nI.js');
+require('./chunks/bundle-SM64BUgE.js');
 require('./GroupChannelList/components/GroupChannelListHeader.js');
 require('./EditUserProfile.js');
 require('./EditUserProfile/context.js');
 require('./EditUserProfile/components/EditUserProfileUI.js');
 require('./GroupChannelList/components/GroupChannelPreviewAction.js');
 require('./GroupChannelList/components/GroupChannelListItem.js');
-require('./chunks/bundle-M_3VvtOr.js');
+require('./chunks/bundle-pNtkOzhO.js');
 require('./ui/Badge.js');
 require('./ui/MentionUserLabel.js');
 require('./GroupChannelList/components/AddGroupChannel.js');
-require('./chunks/bundle-6JAbouBn.js');
+require('./chunks/bundle-zvM7ls7A.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./chunks/bundle-v6rdnF1q.js');
+require('./chunks/bundle-gUU1zXtu.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./Channel/context.js');
-require('./chunks/bundle-fE1EYcSx.js');
-require('./chunks/bundle-D_9GebqZ.js');
-require('./chunks/bundle-EmZI0-j-.js');
-require('./Channel/hooks/useInitialMessagesFetch.js');
-require('./chunks/bundle-G4olPx81.js');
-require('./chunks/bundle-nZsWuDxZ.js');
+require('./chunks/bundle-juIULvxr.js');
+require('./chunks/bundle-5_SjuoV5.js');
+require('./chunks/bundle-6k9JvMoA.js');
+require('./chunks/bundle-h1-4ko51.js');
+require('./chunks/bundle-Gj3FCN-l.js');
+require('./chunks/bundle-SyUPzsOv.js');
 require('./Channel/components/ChannelUI.js');
 require('./Channel/components/ChannelHeader.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./chunks/bundle-HmF0Kwa_.js');
+require('./chunks/bundle-DAwfoiZz.js');
 require('./Channel/components/MessageInput.js');
-require('./chunks/bundle-vDdmiX8M.js');
+require('./chunks/bundle-634wsixh.js');
 require('./ChannelList/components/ChannelListUI.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ChannelList/components/AddChannel.js');
@@ -191,10 +191,10 @@ require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./chunks/bundle-j2b4bxU3.js');
+require('./chunks/bundle-rIjHxu2P.js');
 require('./ui/Toggle.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-hCnt57_4.js');
+require('./chunks/bundle-2jwRnSd8.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 require('./MessageSearch/components/MessageSearchUI.js');
@@ -205,9 +205,9 @@ require('./Thread/context.js');
 require('./Thread/context/types.js');
 require('./Thread/components/ThreadUI.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-y0sGF4RD.js');
+require('./chunks/bundle-MIY8NRxo.js');
 require('./Thread/components/ParentMessageInfoItem.js');
-require('./chunks/bundle-L3zb8Cu_.js');
+require('./chunks/bundle-fzWbmzou.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');

package/cjs/Channel/components/ChannelHeader.js

@@ -2,46 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../../chunks/bundle-QauQilHV.js');
 var React = require('react');
-var GroupChannelHeaderView = require('../../chunks/bundle-bc3_Ej1J.js');
+var GroupChannelHeaderView = require('../../chunks/bundle-vzrDnUV2.js');
 var Channel_context = require('../context.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-XpwayjqP.js');
-require('../../chunks/bundle-Y6oHbdhN.js');
-require('../../chunks/bundle-do_4Y2S_.js');
+require('../../chunks/bundle-DGXRqeiH.js');
+require('../../chunks/bundle-12iJO39c.js');
+require('../../chunks/bundle-JfUvL0pn.js');
 require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-lZm_4ToV.js');
+require('../../chunks/bundle-BujsZjS_.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-jI4fSOuZ.js');
-require('../../chunks/bundle-hyQekvQu.js');
-require('../../chunks/bundle-7S9cQ7Sp.js');
-require('../../chunks/bundle-eg639gtv.js');
+require('../../chunks/bundle-hR3vnZG1.js');
+require('../../chunks/bundle-hYAxN2fG.js');
+require('../../chunks/bundle-9Ms65KWQ.js');
+require('../../chunks/bundle-xTAz4Z91.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-oK2GZVsW.js');
-require('../../chunks/bundle-HQUEIVST.js');
-require('../../chunks/bundle-bSoYSPA5.js');
-require('../../chunks/bundle-THKiylQP.js');
-require('../../chunks/bundle-OLmZ2fUV.js');
+require('../../chunks/bundle-rGYP82Yc.js');
+require('../../chunks/bundle-6uWmKzjA.js');
+require('../../chunks/bundle-o2GWKL_d.js');
+require('../../chunks/bundle-YZRXvkp-.js');
+require('../../chunks/bundle-4jX5eqYW.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-fE1EYcSx.js');
-require('../../chunks/bundle-POnqXMLV.js');
-require('../../chunks/bundle-LZMOuc2b.js');
-require('../../chunks/bundle-D_9GebqZ.js');
-require('../../chunks/bundle-EmZI0-j-.js');
-require('../../chunks/bundle-JutD2hKN.js');
+require('../../chunks/bundle-juIULvxr.js');
+require('../../chunks/bundle-JbsZLrne.js');
+require('../../chunks/bundle-7pGAEUaG.js');
+require('../../chunks/bundle-5_SjuoV5.js');
+require('../../chunks/bundle-6k9JvMoA.js');
+require('../../chunks/bundle-h1-4ko51.js');
+require('../../chunks/bundle-Oq2WwdJI.js');
+require('../../chunks/bundle-opmIFrXg.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-fWvwYg6I.js');
-require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-_N5y1qEg.js');
-require('../../chunks/bundle-G4olPx81.js');
-require('../../chunks/bundle-2QTmv8Qr.js');
-require('../../chunks/bundle-gKpM7okd.js');
-require('../../chunks/bundle-8sRp5L6V.js');
-require('../../chunks/bundle-nZsWuDxZ.js');
+require('../../chunks/bundle-BAZMzxRI.js');
+require('../../chunks/bundle-Gj3FCN-l.js');
+require('../../chunks/bundle-Ktg9Of7w.js');
+require('../../chunks/bundle-cp4Mr7IE.js');
+require('../../chunks/bundle-yJYTZhFC.js');
+require('../../chunks/bundle-SyUPzsOv.js');
 
 var ChannelHeader = function (_a) {
     var className = _a.className;