@sendbird/uikit-react 3.11.2-alpha.0 → 3.12.0-rc.0

package/ui/VoiceMessageInput.js

@@ -3,13 +3,13 @@ import './PlaybackTime.js';
 import './ProgressBar.js';
 import './TextButton.js';
 import './Icon.js';
-import '../chunks/bundle-b3SHlOhn.js';
-import '../chunks/bundle-x89ikMo3.js';
-export { a as VoiceMessageInput } from '../chunks/bundle-YWMb9Ley.js';
-import '../chunks/bundle-AGBz-vkr.js';
-import '../chunks/bundle-lecuE4TA.js';
-import '../chunks/bundle-vD0TG7zV.js';
-import '../chunks/bundle-AmJs7yMV.js';
-import '../chunks/bundle-9V468X-z.js';
-import '../chunks/bundle-3D1PZ-ud.js';
+import '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-wbu1BRph.js';
+export { a as VoiceMessageInput } from '../chunks/bundle-9nrFshYX.js';
+import '../chunks/bundle-5FiMKfdx.js';
+import '../chunks/bundle-bBs0-8AF.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-mN_8ZHp6.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-jKjzU1MT.js';
 //# sourceMappingURL=VoiceMessageInput.js.map

package/ui/VoiceMessageItemBody.js

@@ -4,18 +4,18 @@ import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
 import { PlaybackTime } from './PlaybackTime.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { a as LabelTypography, b as LabelColors } from '../chunks/bundle-b3SHlOhn.js';
-import { V as VOICE_PLAYER_STATUS } from '../chunks/bundle-BGYKrNzm.js';
-import '../chunks/bundle-AGBz-vkr.js';
+import { a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import { V as VOICE_PLAYER_STATUS } from '../chunks/bundle-N_nx28TN.js';
+import '../chunks/bundle-5FiMKfdx.js';
 import '../VoiceRecorder/context.js';
-import '../chunks/bundle-x89ikMo3.js';
-import '../chunks/bundle-vD0TG7zV.js';
-import '../chunks/bundle-3D1PZ-ud.js';
-import '../chunks/bundle-mZbqaM1H.js';
-import '../chunks/bundle-lecuE4TA.js';
+import '../chunks/bundle-wbu1BRph.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-jKjzU1MT.js';
+import '../chunks/bundle-cqMRshaU.js';
+import '../chunks/bundle-bBs0-8AF.js';
 import 'react-dom';
-import '../chunks/bundle-9V468X-z.js';
-import '../chunks/bundle-YRvxgYKR.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-RjOfwRD9.js';
 import './IconButton.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';

package/ui/Word.js

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../chunks/bundle-b3SHlOhn.js';
+import { a as LabelTypography } from '../chunks/bundle-VC1JO5-p.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../chunks/bundle-SixFq6AN.js';
-import { z as convertWordToStringObj, S as StringObjType } from '../chunks/bundle-tuaNTnsI.js';
+import { B as convertWordToStringObj, S as StringObjType } from '../chunks/bundle-RX3fBZMu.js';
 import MentionLabel from './MentionLabel.js';
-import '../chunks/bundle-lecuE4TA.js';
-import '../chunks/bundle-vD0TG7zV.js';
+import '../chunks/bundle-bBs0-8AF.js';
+import '../chunks/bundle-Z1D61u4a.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-ufJxA-XY.js';
+import '../chunks/bundle-46qOcsB3.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
+import '../chunks/bundle-7128atOc.js';
 import './UserProfile.js';
-import '../chunks/bundle-x89ikMo3.js';
-import '../chunks/bundle-3D1PZ-ud.js';
-import '../chunks/bundle-e2Vf46hw.js';
+import '../chunks/bundle-wbu1BRph.js';
+import '../chunks/bundle-jKjzU1MT.js';
+import '../chunks/bundle-xHxKphkV.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-eAstRp6b.js';
-import '../chunks/bundle-9V468X-z.js';
-import '../chunks/bundle-4V0JvqcA.js';
+import '../chunks/bundle-7nI0MJOs.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-zdgdWVyn.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-UnPRF3Nm.js';
+import '../chunks/bundle-XekDAFCE.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
@@ -37,39 +37,19 @@ function Word(props) {
     if (word === '') {
         return null;
     }
-    return (React__default.createElement("span", { className: "sendbird-word" }, convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(function (stringObj) {
-        var _a;
+    return (React__default.createElement("span", { className: "sendbird-word" }, convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(function (stringObj, index) {
         var type = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.type) || '';
         var value = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.value) || '';
         var userId = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.userId) || '';
+        var key = "".concat(value, "-").concat(index);
         if (renderString && typeof renderString === 'function') {
             return renderString(stringObj);
         }
         if (type === StringObjType.mention) {
-            return (React__default.createElement(MentionLabel, { mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, key: uuidv4(), isByMe: isByMe }));
+            return (React__default.createElement(MentionLabel, { key: key, mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, isByMe: isByMe }));
         }
         else if (type === StringObjType.url) {
-            var urlRegex = /([a-zA-Z0-9]+:\/\/)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\.[A-Za-z]{2,4})(:[0-9]+)?(\/.*)?/;
-            var targetUrl = (_a = value.match(urlRegex)) === null || _a === void 0 ? void 0 : _a[0];
-            var stringUrl = { front: '', url: '', back: '' };
-            if (targetUrl) {
-                var targetUrlIndex = value.indexOf(targetUrl);
-                if (targetUrlIndex > 0) {
-                    stringUrl.front = value.slice(0, targetUrlIndex);
-                }
-                stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);
-                if (targetUrlIndex + targetUrl.length < value.length) {
-                    stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);
-                }
-            }
-            if (targetUrl) {
-                return [
-                    stringUrl.front ? stringUrl.front : '',
-                    stringUrl.url ? (React__default.createElement(LinkLabel, { className: "sendbird-word__url", key: uuidv4(), src: stringUrl.url, type: LabelTypography.BODY_1 }, stringUrl.url)) : null,
-                    stringUrl.back ? stringUrl.back : '',
-                ];
-            }
-            return (React__default.createElement(LinkLabel, { className: "sendbird-word__url", key: uuidv4(), src: word, type: LabelTypography.BODY_1 }, value));
+            return (React__default.createElement(LinkLabel, { key: key, className: "sendbird-word__url", src: word, type: LabelTypography.BODY_1 }, value));
         }
         else {
             return value;

package/ui/Word.js.map

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

package/useSendbirdStateContext.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
-import './chunks/bundle-lecuE4TA.js';
+import './chunks/bundle-bBs0-8AF.js';
 
 /**
  * Example:

package/utils/message/isVoiceMessage.js

@@ -1,8 +1,8 @@
-import { i as isVoiceMessage$1 } from '../../chunks/bundle-tuaNTnsI.js';
-import '../../chunks/bundle-lecuE4TA.js';
+import { i as isVoiceMessage$1 } from '../../chunks/bundle-RX3fBZMu.js';
+import '../../chunks/bundle-bBs0-8AF.js';
 import '@sendbird/chat/groupChannel';
 import './getOutgoingMessageState.js';
-import '../../chunks/bundle-ufJxA-XY.js';
+import '../../chunks/bundle-46qOcsB3.js';
 
 var isVoiceMessage = isVoiceMessage$1;
 

package/withSendbird.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './chunks/bundle-lecuE4TA.js';
+import { _ as __assign } from './chunks/bundle-bBs0-8AF.js';
 import React__default from 'react';
 
 var SendbirdSdkContext = React__default.createContext(null);

package/chunks/bundle-1pmw9ZjP.js.map

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

package/chunks/bundle-2W5CyGcR.js.map

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

package/chunks/bundle-4V0JvqcA.js.map

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

package/chunks/bundle-5b9e9OHZ.js.map

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

package/chunks/bundle-7pdr9tV3.js.map

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

package/chunks/bundle-8qqVdWGU.js.map

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

package/chunks/bundle-98tjOpH2.js.map

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

package/chunks/bundle-9V468X-z.js.map

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

package/chunks/bundle-AGBz-vkr.js.map

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

package/chunks/bundle-AmJs7yMV.js.map

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

package/chunks/bundle-BdJkMGvq.js.map

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

package/chunks/bundle-DFJxeHcS.js.map

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

package/chunks/bundle-DGx57oZD.js.map

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

package/chunks/bundle-HactSQTv.js.map

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

package/chunks/bundle-HjzQRddo.js.map

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

package/chunks/bundle-IxZaogwa.js.map

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

package/chunks/bundle-MQsPfC_7.js.map

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

package/chunks/bundle-O76AfJcB.js.map

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

package/chunks/bundle-Oj2BtjtX.js.map

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

package/chunks/bundle-RO3-Tf7C.js.map

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

package/chunks/bundle-S3d13RAB.js.map

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

package/chunks/bundle-SixFq6AN.js.map

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

package/chunks/bundle-Tga27YgW.js

@@ -1,230 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { useChannelContext } from '../Channel/context.js';
-import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { M as Message } from './bundle-8qqVdWGU.js';
-import { i as isAboutSame } from './bundle-8y_Wbyn2.js';
-import { U as UnreadCount } from './bundle-6ruaH4rs.js';
-import { F as FrozenNotification } from './bundle-nHrkzCe9.js';
-import { S as SCROLL_BUFFER } from './bundle-AGBz-vkr.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { MessageProvider } from '../Message/context.js';
-import { u as useHandleOnScrollCallback } from './bundle-ZG2fGdWl.js';
-import { u as useThrottleCallback } from './bundle-jkXn2rcR.js';
-import TypingIndicatorBubble from '../ui/TypingIndicatorBubble.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-S3d13RAB.js';
-import { getMessagePartsInfo } from '../Channel/utils/getMessagePartsInfo.js';
-
-var TypingIndicatorType;
-(function (TypingIndicatorType) {
-    TypingIndicatorType["Text"] = "text";
-    TypingIndicatorType["Bubble"] = "bubble";
-})(TypingIndicatorType || (TypingIndicatorType = {}));
-
-var DELAY = 100;
-function useSetScrollToBottom(_a) {
-    var loading = _a.loading;
-    var _b = useState(0), scrollBottom = _b[0], setScrollBottom = _b[1];
-    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: useThrottleCallback(scrollCb, DELAY, { trailing: true }),
-    };
-}
-
-function useScrollBehavior() {
-    var _a = useChannelContext(), scrollRef = _a.scrollRef, _b = _a.scrollBehavior, scrollBehavior = _b === void 0 ? 'auto' : _b;
-    useEffect(function () {
-        if (scrollRef.current) {
-            scrollRef.current.style.scrollBehavior = scrollBehavior;
-        }
-    }, [scrollRef.current]);
-    return null;
-}
-
-/* We operate the CSS files for Channel&GroupChannel modules in the GroupChannel */
-var SCROLL_BOTTOM_PADDING = 50;
-var MessageList = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var _g = _a.className, className = _g === void 0 ? '' : _g, renderMessage = _a.renderMessage, renderMessageContent = _a.renderMessageContent, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderCustomSeparator = _a.renderCustomSeparator, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderFrozenNotification = _a.renderFrozenNotification;
-    var _h = useChannelContext(), allMessages = _h.allMessages, localMessages = _h.localMessages, hasMorePrev = _h.hasMorePrev, hasMoreNext = _h.hasMoreNext, setInitialTimeStamp = _h.setInitialTimeStamp, setAnimatedMessageId = _h.setAnimatedMessageId, setHighLightedMessageId = _h.setHighLightedMessageId, isMessageGroupingEnabled = _h.isMessageGroupingEnabled, scrollRef = _h.scrollRef, onScrollCallback = _h.onScrollCallback, onScrollDownCallback = _h.onScrollDownCallback, messagesDispatcher = _h.messagesDispatcher, messageActionTypes = _h.messageActionTypes, currentGroupChannel = _h.currentGroupChannel, disableMarkAsRead = _h.disableMarkAsRead, filterMessageList = _h.filterMessageList, replyType = _h.replyType, loading = _h.loading, isScrolled = _h.isScrolled, unreadSince = _h.unreadSince, unreadSinceDate = _h.unreadSinceDate, typingMembers = _h.typingMembers;
-    var store = useSendbirdStateContext();
-    var allMessagesFiltered = (typeof filterMessageList === 'function')
-        ? allMessages.filter(filterMessageList)
-        : allMessages;
-    var markAsReadScheduler = store.config.markAsReadScheduler;
-    var _j = useState(false), isScrollBottom = _j[0], setIsScrollBottom = _j[1];
-    useScrollBehavior();
-    /**
-     * @param {function} callback callback from useHandleOnScrollCallback, it adjusts scroll position
-     * */
-    var onScroll = function (callback) {
-        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 (hasMorePrev && isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {
-            onScrollCallback(callback);
-        }
-        if (hasMoreNext && isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {
-            onScrollDownCallback(callback);
-        }
-        if (!disableMarkAsRead
-            && isAboutSame(clientHeight + scrollTop, scrollHeight, 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 < SCROLL_BUFFER)) {
-                // Move the scroll as much as the height of the message has changed
-                current.scrollTop += bottom - scrollBottom;
-            }
-        }
-    };
-    var handleOnScroll = useHandleOnScrollCallback({
-        hasMore: hasMorePrev,
-        hasNext: hasMoreNext,
-        onScroll: onScroll,
-        scrollRef: scrollRef,
-    });
-    var onScrollReachedEndDetector = useOnScrollPositionChangeDetector({
-        onReachedBottom: function () {
-            /**
-             * Note that this event is already being called in onScroll() above. However, it is only being called when
-             * hasMoreNext is true but it needs to be called when hasNext is false when reached bottom as well.
-             */
-            if (!hasMoreNext && !disableMarkAsRead && !!currentGroupChannel) {
-                messagesDispatcher({
-                    type: messageActionTypes.MARK_AS_READ,
-                    payload: { channel: currentGroupChannel },
-                });
-                markAsReadScheduler.push(currentGroupChannel);
-            }
-            setIsScrollBottom(true);
-        },
-        onReachedTop: function () {
-            setIsScrollBottom(false);
-        },
-        onInBetween: function () {
-            setIsScrollBottom(false);
-        },
-    });
-    var _k = useSetScrollToBottom({ loading: loading }), scrollToBottomHandler = _k.scrollToBottomHandler, scrollBottom = _k.scrollBottom;
-    if (loading) {
-        return (typeof renderPlaceholderLoader === 'function')
-            ? renderPlaceholderLoader()
-            : React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING });
-    }
-    if (allMessagesFiltered.length < 1) {
-        if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {
-            return renderPlaceholderEmpty();
-        }
-        return React__default.createElement(PlaceHolder, { className: "sendbird-conversation__no-messages", type: PlaceHolderTypes.NO_MESSAGES });
-    }
-    return (React__default.createElement(React__default.Fragment, null,
-        !isScrolled && React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING }),
-        React__default.createElement("div", { className: "sendbird-conversation__messages ".concat(className) },
-            React__default.createElement("div", { className: "sendbird-conversation__scroll-container" },
-                React__default.createElement("div", { className: "sendbird-conversation__padding" }),
-                React__default.createElement("div", { className: "sendbird-conversation__messages-padding", ref: scrollRef, onScroll: function (e) {
-                        handleOnScroll();
-                        scrollToBottomHandler(e);
-                        onScrollReachedEndDetector(e);
-                    } },
-                    allMessagesFiltered.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = 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__default.createElement(MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React__default.createElement(Message, { handleScroll: moveScroll, renderMessage: renderMessage, renderMessageContent: renderMessageContent, message: m, hasSeparator: hasSeparator, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    localMessages.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = 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__default.createElement(MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React__default.createElement(Message, { handleScroll: moveScroll, renderMessage: renderMessage, renderMessageContent: renderMessageContent, message: m, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    !hasMoreNext
-                        && ((_c = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.groupChannel) === null || _c === void 0 ? void 0 : _c.enableTypingIndicator)
-                        && ((_f = (_e = (_d = store === null || store === void 0 ? void 0 : store.config) === null || _d === void 0 ? void 0 : _d.groupChannel) === null || _e === void 0 ? void 0 : _e.typingIndicatorTypes) === null || _f === void 0 ? void 0 : _f.has(TypingIndicatorType.Bubble))
-                        && React__default.createElement(TypingIndicatorBubble, { typingMembers: typingMembers, handleScroll: moveScroll }))),
-            (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && (renderFrozenNotification
-                ? renderFrozenNotification()
-                : React__default.createElement(FrozenNotification, { className: "sendbird-conversation__messages__notification" })),
-            /**
-             * Show unread count IFF scroll is not bottom or is bottom but hasNext is true.
-             */
-            (!isScrollBottom || hasMoreNext) && (unreadSince || unreadSinceDate) && (React__default.createElement(UnreadCount, { className: "sendbird-conversation__messages__notification", count: currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount, time: unreadSince, lastReadAt: unreadSinceDate, onClick: function () {
-                    if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)
-                        scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-                    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__default.createElement("div", { className: "sendbird-conversation__scroll-bottom-button", onClick: onClickScrollBot, onKeyDown: onClickScrollBot, tabIndex: 0, role: "button" },
-                React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.CHEVRON_DOWN, fillColor: IconColors.PRIMARY }))))));
-};
-
-export { MessageList as M, TypingIndicatorType as T };
-//# sourceMappingURL=bundle-Tga27YgW.js.map

package/chunks/bundle-UnPRF3Nm.js.map

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

package/chunks/bundle-VYxAZvjJ.js.map

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

package/chunks/bundle-V_OdjTo0.js.map

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

package/chunks/bundle-YRvxgYKR.js.map

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

package/chunks/bundle-ZG2fGdWl.js.map

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

package/chunks/bundle-_umZmDrR.js.map

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

package/chunks/bundle-b3SHlOhn.js.map

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

package/chunks/bundle-dsbw7A1o.js.map

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

package/chunks/bundle-e06TkgoP.js.map

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

package/chunks/bundle-e2Vf46hw.js.map

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