@sendbird/uikit-react 3.8.1 → 3.9.0-rc.0

package/cjs/Channel/components/MessageList.js

@@ -1,77 +1,80 @@
 'use strict';
 
-var React = require('react');
-var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
-var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
-var ui_Icon = require('../../ui/Icon.js');
-var Channel_components_Message = require('./Message.js');
-var utils = require('../../chunks/bundle-8lUFYwiz.js');
-var Channel_utils_getMessagePartsInfo = require('../utils/getMessagePartsInfo.js');
-var Channel_components_UnreadCount = require('./UnreadCount.js');
-var Channel_components_FrozenNotification = require('./FrozenNotification.js');
-var consts = require('../../chunks/bundle-4iro9CUN.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Message_context = require('../../Message/context.js');
-var index = require('../../chunks/bundle-TCdgqawd.js');
-var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
-var ui_Avatar = require('../../chunks/bundle-lj7KorhP.js');
-var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
-require('../../chunks/bundle-ACXel153.js');
-require('../../chunks/bundle-VHUezYnn.js');
-require('../../chunks/bundle-mc8PQfi_.js');
-require('../../chunks/bundle-pLajF9mf.js');
-require('../../chunks/bundle-EVv3xRW8.js');
+require('react');
+require('../../chunks/bundle-BbFRsJzL.js');
+require('../../ui/PlaceHolder.js');
+require('../../ui/Icon.js');
+require('./Message.js');
+var Channel_components_MessageList = require('../../chunks/bundle-_F-LWSS7.js');
+require('../../chunks/bundle-lmsd3CBz.js');
+require('../utils/getMessagePartsInfo.js');
+require('./UnreadCount.js');
+require('./FrozenNotification.js');
+require('../../chunks/bundle-3_V46-kD.js');
+require('../../useSendbirdStateContext.js');
+require('../../Message/context.js');
+require('../../chunks/bundle-KcD4tGcH.js');
+require('../../ui/TypingIndicatorBubble.js');
+require('../../chunks/bundle-ahsqlfk0.js');
+require('../../chunks/bundle-QrCU2Gzz.js');
+require('../../chunks/bundle-4Ep0zw5t.js');
+require('../../chunks/bundle-w23L_Tb_.js');
+require('../../chunks/bundle-cYtusUc3.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-RG3ZDmvE.js');
-require('../../chunks/bundle-bQffWPr0.js');
-require('../../chunks/bundle-a_NGo240.js');
-require('../../chunks/bundle-BUF_nc4Q.js');
+require('../../chunks/bundle-VXL1pHqu.js');
+require('../../chunks/bundle-h6x-D_-L.js');
+require('../../chunks/bundle-YT87djGy.js');
+require('../../chunks/bundle-mI_PIc66.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-Z8uBiYyS.js');
+require('../../chunks/bundle-w6AgQhwT.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-6fWeHUzf.js');
-require('../../chunks/bundle-wPu8WyIh.js');
-require('../../chunks/bundle-leALuaxJ.js');
+require('../../chunks/bundle-in4L5bOo.js');
+require('../../chunks/bundle-bEHOCuOw.js');
+require('../../chunks/bundle-CbB0m0ZV.js');
+require('../../chunks/bundle-Pnz_sqaN.js');
+require('../../chunks/bundle-dbozU25E.js');
+require('../../chunks/bundle-4F7y-CF9.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-viTxhrPr.js');
-require('../../chunks/bundle-5l7POen0.js');
+require('../../chunks/bundle-gZ94G4-S.js');
 require('./SuggestedMentionList.js');
-require('../../chunks/bundle-YRW87MiX.js');
+require('../../chunks/bundle-sXdSdEH6.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-chn4rwUr.js');
+require('../../chunks/bundle-b9ACXHsP.js');
 require('../../Thread/context.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
-require('../../ui/ImageRenderer.js');
 require('../../withSendbird.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-oISd80pA.js');
+require('../../chunks/bundle-Vmj_f5oF.js');
 require('../../ui/MessageInput.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-LoNtsKOJ.js');
+require('../../chunks/bundle-ar6tgi9n.js');
 require('dompurify');
-require('../../chunks/bundle-PoR4V_kd.js');
-require('../../chunks/bundle-MB8QdyyQ.js');
-require('../../chunks/bundle-DRPbz-J2.js');
-require('../../chunks/bundle-Bekm94S6.js');
+require('../../chunks/bundle-Ox99eUrQ.js');
+require('../../chunks/bundle-J6KP8pa0.js');
+require('../../chunks/bundle-wC_YhuEb.js');
+require('../../chunks/bundle-vaWya0T1.js');
 require('../../ui/MessageContent.js');
-require('../../chunks/bundle-Y0ibVW_O.js');
-require('../../chunks/bundle-cKt6NzI1.js');
-require('../../chunks/bundle-uE1K1eGs.js');
+require('../../chunks/bundle-jMDzG5KY.js');
+require('../../chunks/bundle-apAowyGO.js');
+require('../../chunks/bundle-bH9uug3c.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-M6v8bdc6.js');
+require('../../chunks/bundle-ofXSH1Ap.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-FCrfVx0P.js');
-require('../../chunks/bundle-kkxTVcGD.js');
+require('../../chunks/bundle-83qm6LGZ.js');
+require('../../chunks/bundle--C4OQHXx.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-o66lc7qg.js');
+require('../../chunks/bundle-efOp7vtv.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -81,244 +84,34 @@ require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/QuoteMessage.js');
-require('../../chunks/bundle-lkluBCYi.js');
-require('../../chunks/bundle-h48X_8mu.js');
+require('../../chunks/bundle-OoVnHiDq.js');
+require('../../chunks/bundle-9E79fUsu.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/OGMessageItemBody.js');
-require('../../chunks/bundle-3qeMVUne.js');
+require('../../chunks/bundle-cRwas0gJ.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-Co06yFqb.js');
-require('../../chunks/bundle-t70SIG3R.js');
+require('../../chunks/bundle-ASHyn3JA.js');
+require('../../chunks/bundle-VDVRYyfA.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-oiMScSG6.js');
+require('../../chunks/bundle-P26GNXny.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
-require('../../chunks/bundle-A9-xoiFy.js');
+require('../../chunks/bundle-rwRTI-fo.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
+require('@sendbird/uikit-tools');
 require('../utils/compareMessagesForGrouping.js');
 
-var DELAY = 500;
-function useSetScrollToBottom(_a) {
-    var loading = _a.loading;
-    var _b = React.useState(0), scrollBottom = _b[0], setScrollBottom = _b[1];
-    React.useEffect(function () {
-        if (loading) {
-            setScrollBottom(0);
-        }
-    }, [loading]);
-    var scrollCb = function (e) {
-        var element = e.target;
-        try {
-            setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);
-        }
-        catch (_a) {
-            //
-        }
-    };
-    return {
-        scrollBottom: scrollBottom,
-        scrollToBottomHandler: index.useDebounce(scrollCb, DELAY),
-    };
-}
-
-function useScrollBehavior() {
-    var _a = Channel_context.useChannelContext(), scrollRef = _a.scrollRef, _b = _a.scrollBehavior, scrollBehavior = _b === void 0 ? 'auto' : _b;
-    React.useEffect(function () {
-        if (scrollRef.current) {
-            scrollRef.current.style.scrollBehavior = scrollBehavior;
-        }
-    }, [scrollRef.current]);
-    return null;
-}
-
-var TypingDots = function () {
-    return (React.createElement("div", { className: 'typing-dots-container' },
-        React.createElement("span", null),
-        React.createElement("span", null),
-        React.createElement("span", null)));
-};
-
-function TypingIndicatorMessage(_a) {
-    var typingMember = _a.typingMember;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: 'sendbird-message-content incoming', style: { marginBottom: '2px' } },
-        React.createElement("div", { className: 'sendbird-message-content__left incoming' },
-            React.createElement(ui_Avatar.Avatar, { className: 'sendbird-message-content__left__avatar', src: typingMember.profileUrl || '', 
-                // TODO: Divide getting profileUrl logic to utils
-                width: "28px", height: "28px" })),
-        React.createElement("div", { className: 'sendbird-message-content__middle' },
-            React.createElement(ui_Label.Label, { className: "sendbird-message-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, "".concat(typingMember.nickname, " ").concat(stringSet.TYPING_INDICATOR__IS_TYPING)),
-            React.createElement(TypingDots, null))));
-}
 
-var SCROLL_BOTTOM_PADDING = 50;
-var MessageList = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, renderMessage = _a.renderMessage, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderCustomSeparator = _a.renderCustomSeparator, renderPlaceholderLoader = _a.renderPlaceholderLoader;
-    var _c = Channel_context.useChannelContext(), allMessages = _c.allMessages, localMessages = _c.localMessages, hasMorePrev = _c.hasMorePrev, hasMoreNext = _c.hasMoreNext, setInitialTimeStamp = _c.setInitialTimeStamp, setAnimatedMessageId = _c.setAnimatedMessageId, setHighLightedMessageId = _c.setHighLightedMessageId, isMessageGroupingEnabled = _c.isMessageGroupingEnabled, scrollRef = _c.scrollRef, onScrollCallback = _c.onScrollCallback, onScrollDownCallback = _c.onScrollDownCallback, messagesDispatcher = _c.messagesDispatcher, messageActionTypes = _c.messageActionTypes, currentGroupChannel = _c.currentGroupChannel, disableMarkAsRead = _c.disableMarkAsRead, filterMessageList = _c.filterMessageList, replyType = _c.replyType, loading = _c.loading, isScrolled = _c.isScrolled, unreadSince = _c.unreadSince, unreadSinceDate = _c.unreadSinceDate, typingMembers = _c.typingMembers;
-    var store = useSendbirdStateContext.useSendbirdStateContext();
-    var allMessagesFiltered = (typeof filterMessageList === 'function')
-        ? allMessages.filter(filterMessageList)
-        : allMessages;
-    var markAsReadScheduler = store.config.markAsReadScheduler;
-    useScrollBehavior();
-    var onScroll = function () {
-        var element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-        if (element == null) {
-            return;
-        }
-        var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
-        if (utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
-            onScrollCallback();
-        }
-        if (utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER) && hasMoreNext) {
-            onScrollDownCallback(function (_a) {
-                var messages = _a[0];
-                if (messages) {
-                    try {
-                        setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, 
-                        /**
-                         * Rendering MFM takes long time so we need this.
-                         * But later we should find better solution.
-                         */
-                        1000);
-                        // element.scrollTop = scrollHeight - clientHeight;
-                        // scrollRef.current.scrollTop = scrollHeight - clientHeight;
-                    }
-                    catch (error) {
-                        //
-                    }
-                }
-            });
-        }
-        if (!disableMarkAsRead
-            && utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)
-            && !!currentGroupChannel) {
-            messagesDispatcher({
-                type: messageActionTypes.MARK_AS_READ,
-                payload: { channel: currentGroupChannel },
-            });
-            markAsReadScheduler.push(currentGroupChannel);
-        }
-    };
-    var onClickScrollBot = function () {
-        var _a, _b, _c, _d, _e;
-        setInitialTimeStamp === null || setInitialTimeStamp === void 0 ? void 0 : setInitialTimeStamp(null);
-        setAnimatedMessageId === null || setAnimatedMessageId === void 0 ? void 0 : setAnimatedMessageId(null);
-        setHighLightedMessageId === null || setHighLightedMessageId === void 0 ? void 0 : setHighLightedMessageId(null);
-        if (((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) > -1) {
-            scrollRef.current.scrollTop = ((_c = (_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) !== null && _c !== void 0 ? _c : 0) - ((_e = (_d = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) !== null && _e !== void 0 ? _e : 0);
-        }
-    };
-    /**
-     * 1. Move the messsage list scroll
-     *    when each message's height is changed by `reactions` OR `showEdit`
-     * 2. Keep the scrollBottom value after fetching new message list
-     */
-    var moveScroll = function (isBottomMessageAffected) {
-        if (isBottomMessageAffected === void 0) { isBottomMessageAffected = false; }
-        var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-        if (current) {
-            var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-            if (scrollBottom < bottom
-                && (!isBottomMessageAffected || scrollBottom < consts.SCROLL_BUFFER)) {
-                // Move the scroll as much as the height of the message has changed
-                current.scrollTop += bottom - scrollBottom;
-            }
-        }
-    };
-    var handleOnScroll = index.useHandleOnScrollCallback({
-        hasMore: hasMorePrev,
-        hasNext: hasMoreNext,
-        onScroll: onScroll,
-        scrollRef: scrollRef,
-    });
-    var _d = useSetScrollToBottom({ loading: loading }), scrollToBottomHandler = _d.scrollToBottomHandler, scrollBottom = _d.scrollBottom;
-    if (loading) {
-        return (typeof renderPlaceholderLoader === 'function')
-            ? renderPlaceholderLoader()
-            : React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
-    }
-    if (allMessagesFiltered.length < 1) {
-        if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {
-            return renderPlaceholderEmpty();
-        }
-        return React.createElement(ui_PlaceHolder.default, { className: "sendbird-conversation__no-messages", type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES });
-    }
-    return (React.createElement(React.Fragment, null,
-        !isScrolled && React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }),
-        React.createElement("div", { className: "sendbird-conversation__messages ".concat(className) },
-            React.createElement("div", { className: "sendbird-conversation__scroll-container" },
-                React.createElement("div", { className: "sendbird-conversation__padding" }),
-                React.createElement("div", { className: "sendbird-conversation__messages-padding", ref: scrollRef, onScroll: function (e) {
-                        handleOnScroll();
-                        scrollToBottomHandler(e);
-                    } },
-                    allMessagesFiltered.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = Channel_utils_getMessagePartsInfo.getMessagePartsInfo({
-                            allMessages: allMessagesFiltered,
-                            replyType: replyType,
-                            isMessageGroupingEnabled: isMessageGroupingEnabled,
-                            currentIndex: idx,
-                            currentMessage: m,
-                            currentChannel: currentGroupChannel,
-                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom, hasSeparator = _c.hasSeparator;
-                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
-                        return (React.createElement(Message_context.MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React.createElement(Channel_components_Message, { handleScroll: moveScroll, renderMessage: renderMessage, message: m, hasSeparator: hasSeparator, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    localMessages.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = Channel_utils_getMessagePartsInfo.getMessagePartsInfo({
-                            allMessages: allMessagesFiltered,
-                            replyType: replyType,
-                            isMessageGroupingEnabled: isMessageGroupingEnabled,
-                            currentIndex: idx,
-                            currentMessage: m,
-                            currentChannel: currentGroupChannel,
-                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom;
-                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
-                        return (React.createElement(Message_context.MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React.createElement(Channel_components_Message, { handleScroll: moveScroll, renderMessage: renderMessage, message: m, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    typingMembers.map(function (typingMember) {
-                        var _a;
-                        var isMe = typingMember.userId === ((_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userId);
-                        return isMe
-                            ? null
-                            : React.createElement(TypingIndicatorMessage, { typingMember: typingMember });
-                    }))),
-            (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && (React.createElement(Channel_components_FrozenNotification, { className: "sendbird-conversation__messages__notification" })),
-            (unreadSince || unreadSinceDate) && (React.createElement(Channel_components_UnreadCount, { className: "sendbird-conversation__messages__notification", count: currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount, time: unreadSince, lastReadAt: unreadSinceDate, onClick: function () {
-                    var _a, _b, _c, _d, _e;
-                    if ((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) {
-                        scrollRef.current.scrollTop = ((_c = (_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) !== null && _c !== void 0 ? _c : 0) - ((_e = (_d = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) !== null && _e !== void 0 ? _e : 0);
-                    }
-                    if (!disableMarkAsRead && !!currentGroupChannel) {
-                        markAsReadScheduler.push(currentGroupChannel);
-                        messagesDispatcher({
-                            type: messageActionTypes.MARK_AS_READ,
-                            payload: { channel: currentGroupChannel },
-                        });
-                    }
-                    setInitialTimeStamp(null);
-                    setAnimatedMessageId(null);
-                    setHighLightedMessageId(null);
-                } })),
-            // This flag is an unmatched variable
-            scrollBottom > SCROLL_BOTTOM_PADDING && (React.createElement("div", { className: "sendbird-conversation__scroll-bottom-button", onClick: onClickScrollBot, onKeyDown: onClickScrollBot, tabIndex: 0, role: "button" },
-                React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.CHEVRON_DOWN, fillColor: ui_Icon.IconColors.PRIMARY }))))));
-};
 
-module.exports = MessageList;
+module.exports = Channel_components_MessageList.MessageList;
 //# sourceMappingURL=MessageList.js.map

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

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

package/cjs/Channel/components/RemoveMessageModal.js

@@ -1,39 +1,39 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('../../chunks/bundle-o66lc7qg.js');
-require('../../chunks/bundle-mc8PQfi_.js');
-require('../../chunks/bundle-fTDV9UxX.js');
+var ui_Modal = require('../../chunks/bundle-efOp7vtv.js');
+require('../../chunks/bundle-4Ep0zw5t.js');
+require('../../chunks/bundle-4F7y-CF9.js');
 var ui_Button = require('../../ui/Button.js');
-var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
-var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
-var stringFormatterUtils = require('../../chunks/bundle-A9-xoiFy.js');
+var LocalizationContext = require('../../chunks/bundle-Pnz_sqaN.js');
+var Channel_context = require('../../chunks/bundle-BbFRsJzL.js');
+var stringFormatterUtils = require('../../chunks/bundle-rwRTI-fo.js');
 require('react-dom');
-require('../../chunks/bundle-viTxhrPr.js');
-require('../../chunks/bundle-kkxTVcGD.js');
+require('../../chunks/bundle-gZ94G4-S.js');
+require('../../chunks/bundle--C4OQHXx.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-5l7POen0.js');
-require('../../chunks/bundle-EVv3xRW8.js');
-require('../../chunks/bundle-ACXel153.js');
+require('../../chunks/bundle-dbozU25E.js');
+require('../../chunks/bundle-cYtusUc3.js');
+require('../../chunks/bundle-ahsqlfk0.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-VHUezYnn.js');
-require('../../chunks/bundle-8lUFYwiz.js');
-require('../../chunks/bundle-pLajF9mf.js');
-require('../../chunks/bundle-BUF_nc4Q.js');
+require('../../chunks/bundle-QrCU2Gzz.js');
+require('../../chunks/bundle-lmsd3CBz.js');
+require('../../chunks/bundle-w23L_Tb_.js');
+require('../../chunks/bundle-mI_PIc66.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-RG3ZDmvE.js');
+require('../../chunks/bundle-VXL1pHqu.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-bQffWPr0.js');
-require('../../chunks/bundle-a_NGo240.js');
+require('../../chunks/bundle-h6x-D_-L.js');
+require('../../chunks/bundle-YT87djGy.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-Z8uBiYyS.js');
+require('../../chunks/bundle-w6AgQhwT.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-6fWeHUzf.js');
-require('../../chunks/bundle-4iro9CUN.js');
-require('../../chunks/bundle-wPu8WyIh.js');
-require('../../chunks/bundle-leALuaxJ.js');
+require('../../chunks/bundle-in4L5bOo.js');
+require('../../chunks/bundle-3_V46-kD.js');
+require('../../chunks/bundle-bEHOCuOw.js');
+require('../../chunks/bundle-CbB0m0ZV.js');
 
 var RemoveMessage = function (props) {
     var _a;

package/cjs/Channel/components/SuggestedMentionList.js

@@ -1,36 +1,37 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
+var ui_Label = require('../../chunks/bundle-4F7y-CF9.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Avatar = require('../../chunks/bundle-lj7KorhP.js');
-var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
-var uuid = require('../../chunks/bundle-Z8uBiYyS.js');
-var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
+var ui_Avatar = require('../../chunks/bundle-sXdSdEH6.js');
+var LocalizationContext = require('../../chunks/bundle-Pnz_sqaN.js');
+var uuid = require('../../chunks/bundle-w6AgQhwT.js');
+var Channel_context = require('../../chunks/bundle-BbFRsJzL.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _const$1 = require('../../chunks/bundle-VHUezYnn.js');
-var _const = require('../../chunks/bundle-YRW87MiX.js');
+var _const$1 = require('../../chunks/bundle-QrCU2Gzz.js');
+var _const = require('../../chunks/bundle-b9ACXHsP.js');
 var Thread_context = require('../../Thread/context.js');
-var _tslib = require('../../chunks/bundle-mc8PQfi_.js');
-require('../../chunks/bundle-5l7POen0.js');
-require('../../chunks/bundle-viTxhrPr.js');
+var _tslib = require('../../chunks/bundle-4Ep0zw5t.js');
+require('../../chunks/bundle-dbozU25E.js');
+require('../../chunks/bundle-gZ94G4-S.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-EVv3xRW8.js');
-require('../../chunks/bundle-ACXel153.js');
-require('../../chunks/bundle-8lUFYwiz.js');
-require('../../chunks/bundle-pLajF9mf.js');
-require('../../chunks/bundle-BUF_nc4Q.js');
+require('../../chunks/bundle-chn4rwUr.js');
+require('../../chunks/bundle-cYtusUc3.js');
+require('../../chunks/bundle-ahsqlfk0.js');
+require('../../chunks/bundle-lmsd3CBz.js');
+require('../../chunks/bundle-w23L_Tb_.js');
+require('../../chunks/bundle-mI_PIc66.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-RG3ZDmvE.js');
+require('../../chunks/bundle-VXL1pHqu.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-bQffWPr0.js');
-require('../../chunks/bundle-a_NGo240.js');
+require('../../chunks/bundle-h6x-D_-L.js');
+require('../../chunks/bundle-YT87djGy.js');
 require('@sendbird/chat/groupChannel');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-6fWeHUzf.js');
-require('../../chunks/bundle-4iro9CUN.js');
-require('../../chunks/bundle-wPu8WyIh.js');
-require('../../chunks/bundle-leALuaxJ.js');
+require('../../chunks/bundle-in4L5bOo.js');
+require('../../chunks/bundle-3_V46-kD.js');
+require('../../chunks/bundle-bEHOCuOw.js');
+require('../../chunks/bundle-CbB0m0ZV.js');
 require('../../withSendbird.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');

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

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

package/cjs/Channel/components/TypingIndicator.js

@@ -4,29 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
-var uuid = require('../../chunks/bundle-Z8uBiYyS.js');
-var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
-var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
+var LocalizationContext = require('../../chunks/bundle-Pnz_sqaN.js');
+var uuid = require('../../chunks/bundle-w6AgQhwT.js');
+var ui_Label = require('../../chunks/bundle-4F7y-CF9.js');
+var Channel_context = require('../../chunks/bundle-BbFRsJzL.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-5l7POen0.js');
-require('../../chunks/bundle-EVv3xRW8.js');
-require('../../chunks/bundle-mc8PQfi_.js');
-require('../../chunks/bundle-ACXel153.js');
-require('../../chunks/bundle-VHUezYnn.js');
-require('../../chunks/bundle-8lUFYwiz.js');
-require('../../chunks/bundle-pLajF9mf.js');
-require('../../chunks/bundle-BUF_nc4Q.js');
+require('../../chunks/bundle-dbozU25E.js');
+require('../../chunks/bundle-cYtusUc3.js');
+require('../../chunks/bundle-4Ep0zw5t.js');
+require('../../chunks/bundle-ahsqlfk0.js');
+require('../../chunks/bundle-QrCU2Gzz.js');
+require('../../chunks/bundle-lmsd3CBz.js');
+require('../../chunks/bundle-w23L_Tb_.js');
+require('../../chunks/bundle-mI_PIc66.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-RG3ZDmvE.js');
+require('../../chunks/bundle-VXL1pHqu.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-bQffWPr0.js');
-require('../../chunks/bundle-a_NGo240.js');
+require('../../chunks/bundle-h6x-D_-L.js');
+require('../../chunks/bundle-YT87djGy.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-6fWeHUzf.js');
-require('../../chunks/bundle-4iro9CUN.js');
-require('../../chunks/bundle-wPu8WyIh.js');
-require('../../chunks/bundle-leALuaxJ.js');
+require('../../chunks/bundle-in4L5bOo.js');
+require('../../chunks/bundle-3_V46-kD.js');
+require('../../chunks/bundle-bEHOCuOw.js');
+require('../../chunks/bundle-CbB0m0ZV.js');
 require('../../withSendbird.js');
 
 var TypingIndicatorText = function (_a) {

package/cjs/Channel/components/UnreadCount.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
-var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
+var LocalizationContext = require('../../chunks/bundle-Pnz_sqaN.js');
+var ui_Label = require('../../chunks/bundle-4F7y-CF9.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index = require('../../chunks/bundle-pLajF9mf.js');
-require('../../chunks/bundle-5l7POen0.js');
-require('../../chunks/bundle-EVv3xRW8.js');
-require('../../chunks/bundle-mc8PQfi_.js');
-require('../../chunks/bundle-viTxhrPr.js');
+var index = require('../../chunks/bundle-w23L_Tb_.js');
+require('../../chunks/bundle-dbozU25E.js');
+require('../../chunks/bundle-cYtusUc3.js');
+require('../../chunks/bundle-4Ep0zw5t.js');
+require('../../chunks/bundle-gZ94G4-S.js');
 
 var UnreadCount = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.count, count = _c === void 0 ? 0 : _c, _d = _a.time, time = _d === void 0 ? '' : _d, onClick = _a.onClick, lastReadAt = _a.lastReadAt;