@sendbird/uikit-react 3.14.6 → 3.14.7-rc-1

package/GroupChannel/components/MessageInputWrapper.js

@@ -1,67 +1,64 @@
-import { _ as __assign } from '../../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { M as MessageInputWrapperView } from '../../chunks/bundle-Ct6xKrI3.js';
-export { V as VoiceMessageInputWrapper } from '../../chunks/bundle-Ct6xKrI3.js';
+import { M as MessageInputWrapperView } from '../../chunks/bundle-Dg7xW_TJ.js';
+export { V as VoiceMessageInputWrapper } from '../../chunks/bundle-Dg7xW_TJ.js';
 import { useGroupChannelContext } from '../context.js';
 import { useIIFE } from '@sendbird/uikit-tools';
-import { g as getSuggestedReplies, e as isSendableMessage } from '../../chunks/bundle-janisM9b.js';
+import { g as getSuggestedReplies, e as isSendableMessage } from '../../chunks/bundle-CMOqM33u.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import '../../chunks/bundle-EgWLYRXK.js';
-import '../../chunks/bundle-nfJ9J5Md.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
+import '../../chunks/bundle-CKqOIeLq.js';
+import '../../chunks/bundle-4r7ZPzcx.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import './SuggestedMentionList.js';
-import '../../chunks/bundle-gH-X0MYD.js';
-import '../../chunks/bundle-prXB4t_m.js';
+import '../../chunks/bundle-GH8narZ-.js';
+import '../../chunks/bundle-DyVURRtM.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-Dw9nwO7e.js';
-import '../../chunks/bundle-BgL9QnGd.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-lS9BV-1I.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Bmk2FVdj.js';
-import '../../chunks/bundle-uIqOEfCa.js';
-import '../../chunks/bundle-COYqO05C.js';
-import '../../chunks/bundle-CWXSCBTE.js';
+import '../../chunks/bundle-BEDpWEUq.js';
+import '../../chunks/bundle-sq0c8UmG.js';
+import '../../chunks/bundle-DXjbblWF.js';
+import '../../chunks/bundle-6v-jzonm.js';
 import '../../withSendbird.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-DYErcqMl.js';
+import '../../chunks/bundle-D_lTgUdV.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-BMQLJ23N.js';
-import '../../chunks/bundle-DhBuJR0w.js';
-import '../../chunks/bundle-CGmq3qGM.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-DEcnZTr9.js';
 import 'react-dom';
-import '../../chunks/bundle-3Mubyujl.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-DwJ8HgZK.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-C093wLqR.js';
+import '../../chunks/bundle-DM9civEM.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-h8I0AuUK.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-YUF6WfTL.js';
+import '../../chunks/bundle--aWriVp-.js';
 import 'dompurify';
-import '../../chunks/bundle-B3nNazhn.js';
-import '../../chunks/bundle-QPuxH0uW.js';
-import '../../chunks/bundle-C8jE79mn.js';
-import '../../chunks/bundle-ZBhGb8Lc.js';
-import '../../chunks/bundle-DYtgOX1c.js';
+import '../../chunks/bundle-q8TfLkpw.js';
+import '../../chunks/bundle-jD9nAlqc.js';
+import '../../chunks/bundle-BdXUzVaM.js';
+import '../../chunks/bundle-CVf0xQqZ.js';
+import '../../chunks/bundle-D86Ophow.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-C_dNvBEo.js';
-import '../../chunks/bundle-DQZG-uS3.js';
-import '../../chunks/bundle-BiK_ngKm.js';
-import '../../chunks/bundle-Ck_ke5Gq.js';
-import '../../chunks/bundle-B9ue8vfn.js';
-import '../../chunks/bundle-Bd6fN8eX.js';
-import '../../chunks/bundle-B65gr4tC.js';
-import '../../chunks/bundle-CriEArZn.js';
-import '../../chunks/bundle-BFa8UJ8b.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-D_ELxIRc.js';
+import '../../chunks/bundle-DakS7HX2.js';
+import '../../chunks/bundle-B5bq9SyP.js';
+import '../../chunks/bundle-Dub0HHFi.js';
+import '../../chunks/bundle-MjyZT4_4.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 var MessageInputWrapper = function (props) {

package/GroupChannel/components/MessageInputWrapper.js.map

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

package/GroupChannel/components/MessageList.js

@@ -1,96 +1,97 @@
-import { _ as __assign } from '../../chunks/bundle-DKkCwVCs.js';
-import React__default, { useState, useEffect } from 'react';
+import { a as __awaiter, b as __generator, _ as __assign } from '../../chunks/bundle-zAvvLMA9.js';
+import React__default, { forwardRef, useRef, useLayoutEffect, useState, useEffect } from 'react';
 import { useGroupChannelHandler } from '@sendbird/uikit-tools';
-import { e as isSendableMessage, T as TypingIndicatorType } from '../../chunks/bundle-janisM9b.js';
+import { e as isSendableMessage, T as TypingIndicatorType } from '../../chunks/bundle-CMOqM33u.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import { Message } from './Message.js';
-import { getMessagePartsInfo } from '../../Channel/utils/getMessagePartsInfo.js';
 import { UnreadCount } from './UnreadCount.js';
 import { FrozenNotification } from './FrozenNotification.js';
-import { S as SCROLL_BUFFER } from '../../chunks/bundle-DhBuJR0w.js';
+import { S as SCROLL_BUFFER } from '../../chunks/bundle-DaqQkuav.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { MessageProvider } from '../../Message/context.js';
 import TypingIndicatorBubble from '../../ui/TypingIndicatorBubble.js';
 import { useGroupChannelContext } from '../context.js';
-import { g as getComponentKeyFromMessage } from '../../chunks/bundle-EgWLYRXK.js';
-import { d as deleteNullish } from '../../chunks/bundle-Dw9nwO7e.js';
+import { n as noop, d as deleteNullish } from '../../chunks/bundle-Dl6p5CcR.js';
+import { getMessagePartsInfo } from '../../Channel/utils/getMessagePartsInfo.js';
+import { MessageProvider } from '../../Message/context.js';
+import { g as getComponentKeyFromMessage } from '../../chunks/bundle-CKqOIeLq.js';
+import { i as isAboutSame } from '../../chunks/bundle-V1KP3Yq2.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-nfJ9J5Md.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
-import '../../chunks/bundle-prXB4t_m.js';
+import '../../chunks/bundle-4r7ZPzcx.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-DyVURRtM.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-RuTR5KRM.js';
-import '../../chunks/bundle-t4qeDosj.js';
-import '../../chunks/bundle-COYqO05C.js';
+import '../../chunks/bundle-DL-upuQh.js';
+import '../../chunks/bundle-BWOr3gdK.js';
+import '../../chunks/bundle-DXjbblWF.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-h8I0AuUK.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-CWXSCBTE.js';
+import '../../chunks/bundle-6v-jzonm.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-YUF6WfTL.js';
+import '../../chunks/bundle--aWriVp-.js';
 import 'dompurify';
-import '../../chunks/bundle-B3nNazhn.js';
-import '../../chunks/bundle-QPuxH0uW.js';
-import '../../chunks/bundle-C8jE79mn.js';
-import '../../chunks/bundle-ZBhGb8Lc.js';
+import '../../chunks/bundle-q8TfLkpw.js';
+import '../../chunks/bundle-jD9nAlqc.js';
+import '../../chunks/bundle-BdXUzVaM.js';
+import '../../chunks/bundle-CVf0xQqZ.js';
+import '../../withSendbird.js';
 import '../../ui/MessageContent.js';
-import '../../chunks/bundle-C3gISq8S.js';
-import '../../chunks/bundle-BWiA6-mB.js';
-import '../../chunks/bundle-D1rcEkoi.js';
+import '../../chunks/bundle-Cv_JSmmp.js';
+import '../../chunks/bundle-Bn31wN-4.js';
+import '../../chunks/bundle-BaXIdVj6.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
-import '../../chunks/bundle-DwJ8HgZK.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-uIqOEfCa.js';
-import '../../chunks/bundle-Boh0Ffwo.js';
+import '../../chunks/bundle-sq0c8UmG.js';
+import '../../chunks/bundle-Dj4qcISv.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-RoB3xpYU.js';
-import '../../chunks/bundle-3Mubyujl.js';
+import '../../chunks/bundle-BNZI6WLw.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../chunks/bundle-CGmq3qGM.js';
-import '../../withSendbird.js';
+import '../../chunks/bundle-DEcnZTr9.js';
 import 'css-vars-ponyfill';
-import '../../chunks/bundle-BMQLJ23N.js';
+import '../../chunks/bundle-CflUdLjG.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-C_dNvBEo.js';
-import '../../chunks/bundle-BgL9QnGd.js';
-import '../../chunks/bundle-Bmk2FVdj.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-lS9BV-1I.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CriEArZn.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
-import '../../chunks/bundle-BFa8UJ8b.js';
+import '../../chunks/bundle-MjyZT4_4.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/QuoteMessage.js';
-import '../../chunks/bundle-DYErcqMl.js';
+import '../../chunks/bundle-D_lTgUdV.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-Cp2PKGXI.js';
+import '../../chunks/bundle-LG8yCDNB.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-B-DnYw4p.js';
+import '../../chunks/bundle-C0hkVQ_x.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-zwvszN0Y.js';
-import '../../chunks/bundle-Cn6S1UKt.js';
-import '../../chunks/bundle-B4izwMfD.js';
+import '../../chunks/bundle-BeNijzt4.js';
+import '../../chunks/bundle-BT85GO4x.js';
+import '../../chunks/bundle-AoovKWt6.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
@@ -98,7 +99,7 @@ import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/TemplateMessageItemBody.js';
-import '../../chunks/bundle-C7Vw36CA.js';
+import '../../chunks/bundle-C3ERcgVV.js';
 import '../../ui/FallbackTemplateMessageItemBody.tsx.js';
 import '../../ui/LoadingTemplateMessageItemBody.tsx.js';
 import '../../ui/FeedbackIconButton.js';
@@ -107,25 +108,94 @@ import '../../ui/MessageFeedbackModal.js';
 import '../../ui/Input.js';
 import '../../ui/MessageFeedbackFailedModal.js';
 import './SuggestedReplies.js';
-import '../../chunks/bundle-gH-X0MYD.js';
+import '../../chunks/bundle-GH8narZ-.js';
 import './FileViewer.js';
-import '../../chunks/bundle-CbFt9rKR.js';
+import '../../chunks/bundle-CmyE6BHA.js';
+import '../../chunks/bundle-D_ELxIRc.js';
+import '../../chunks/bundle-DakS7HX2.js';
+import '../../chunks/bundle-B5bq9SyP.js';
 import './RemoveMessageModal.js';
-import '../../chunks/bundle-Dv6nIlPZ.js';
-import '../../chunks/bundle-DvNDJy8Z.js';
+import '../../chunks/bundle-DMTe_aLV.js';
+import '../../chunks/bundle-Kycskx-O.js';
 import '../../Channel/utils/compareMessagesForGrouping.js';
-import '../../chunks/bundle-DQZG-uS3.js';
-import '../../chunks/bundle-BiK_ngKm.js';
-import '../../chunks/bundle-Ck_ke5Gq.js';
-import '../../chunks/bundle-B9ue8vfn.js';
-import '../../chunks/bundle-Bd6fN8eX.js';
-import '../../chunks/bundle-B65gr4tC.js';
+
+var InfiniteList = forwardRef(function (props, listRef) {
+    var messages = props.messages, renderMessage = props.renderMessage, scrollPositionRef = props.scrollPositionRef, scrollDistanceFromBottomRef = props.scrollDistanceFromBottomRef, onLoadPrevious = props.onLoadPrevious, onLoadNext = props.onLoadNext, _a = props.loadThreshold, loadThreshold = _a === void 0 ? 0.05 : _a, typingIndicator = props.typingIndicator, _b = props.onScrollPosition, onScrollPosition = _b === void 0 ? noop : _b;
+    var isFetching = React__default.useRef(false);
+    var direction = React__default.useRef();
+    var oldScrollTop = useRef(0);
+    // SideEffect: keep scroll position
+    useLayoutEffect(function () {
+        if (listRef.current) {
+            if (direction.current === 'top') {
+                listRef.current.scrollTop = listRef.current.scrollHeight - scrollPositionRef.current;
+            }
+            if (direction.current === 'bottom') {
+                listRef.current.scrollTop = oldScrollTop.current;
+            }
+            direction.current = undefined;
+        }
+    }, [listRef.current, messages.length]);
+    var handleScroll = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var list, threshold;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!listRef.current)
+                        return [2 /*return*/];
+                    list = listRef.current;
+                    onScrollPosition(getReachedStatus(list));
+                    scrollPositionRef.current = list.scrollHeight - list.scrollTop;
+                    scrollDistanceFromBottomRef.current = scrollPositionRef.current - list.clientHeight;
+                    oldScrollTop.current = list.scrollTop;
+                    if (isFetching.current)
+                        return [2 /*return*/];
+                    threshold = list.clientHeight * Math.min(Math.max(0, loadThreshold), 1);
+                    if (!(list.scrollTop <= threshold)) return [3 /*break*/, 2];
+                    isFetching.current = true;
+                    direction.current = 'top';
+                    return [4 /*yield*/, onLoadPrevious()];
+                case 1:
+                    _a.sent();
+                    isFetching.current = false;
+                    return [3 /*break*/, 5];
+                case 2:
+                    if (!(list.scrollHeight - list.scrollTop - list.clientHeight <= threshold)) return [3 /*break*/, 4];
+                    isFetching.current = true;
+                    direction.current = 'bottom';
+                    return [4 /*yield*/, onLoadNext()];
+                case 3:
+                    _a.sent();
+                    isFetching.current = false;
+                    return [3 /*break*/, 5];
+                case 4:
+                    direction.current = undefined;
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (React__default.createElement("div", { className: "sendbird-conversation__scroll-container" },
+        React__default.createElement("div", { className: "sendbird-conversation__padding" }),
+        React__default.createElement("div", { ref: listRef, className: "sendbird-conversation__messages-padding", "data-testid": "sendbird-message-list-container", onScroll: handleScroll },
+            messages.map(function (message, index) { return renderMessage({ message: message, index: index }); }),
+            typingIndicator)));
+});
+function getReachedStatus(element) {
+    if (isAboutSame(element.scrollTop, 0, SCROLL_BUFFER)) {
+        return 'top';
+    }
+    if (isAboutSame(element.scrollHeight, element.clientHeight + element.scrollTop, SCROLL_BUFFER)) {
+        return 'bottom';
+    }
+    return 'middle';
+}
 
 var MessageList = function (props) {
     var _a, _b, _c, _d, _e;
     var _f = props.className, className = _f === void 0 ? '' : _f;
     var _g = deleteNullish(props), _h = _g.renderMessage, renderMessage = _h === void 0 ? function (props) { return React__default.createElement(Message, __assign({}, props)); } : _h, renderMessageContent = _g.renderMessageContent, renderSuggestedReplies = _g.renderSuggestedReplies, renderCustomSeparator = _g.renderCustomSeparator, _j = _g.renderPlaceholderLoader, renderPlaceholderLoader = _j === void 0 ? function () { return React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING }); } : _j, _k = _g.renderPlaceholderEmpty, renderPlaceholderEmpty = _k === void 0 ? function () { return React__default.createElement(PlaceHolder, { className: "sendbird-conversation__no-messages", type: PlaceHolderTypes.NO_MESSAGES }); } : _k, _l = _g.renderFrozenNotification, renderFrozenNotification = _l === void 0 ? function () { return React__default.createElement(FrozenNotification, { className: "sendbird-conversation__messages__notification" }); } : _l;
-    var _m = useGroupChannelContext(), channelUrl = _m.channelUrl, hasNext = _m.hasNext, loading = _m.loading, messages = _m.messages, newMessages = _m.newMessages, scrollToBottom = _m.scrollToBottom, isScrollBottomReached = _m.isScrollBottomReached, isMessageGroupingEnabled = _m.isMessageGroupingEnabled, scrollRef = _m.scrollRef, scrollDistanceFromBottomRef = _m.scrollDistanceFromBottomRef, currentChannel = _m.currentChannel, replyType = _m.replyType, scrollPubSub = _m.scrollPubSub;
+    var _m = useGroupChannelContext(), channelUrl = _m.channelUrl, hasNext = _m.hasNext, loading = _m.loading, messages = _m.messages, newMessages = _m.newMessages, scrollToBottom = _m.scrollToBottom, isScrollBottomReached = _m.isScrollBottomReached, isMessageGroupingEnabled = _m.isMessageGroupingEnabled, scrollRef = _m.scrollRef, scrollDistanceFromBottomRef = _m.scrollDistanceFromBottomRef, scrollPositionRef = _m.scrollPositionRef, currentChannel = _m.currentChannel, replyType = _m.replyType, scrollPubSub = _m.scrollPubSub, loadNext = _m.loadNext, loadPrevious = _m.loadPrevious, setIsScrollBottomReached = _m.setIsScrollBottomReached;
     var store = useSendbirdStateContext();
     var _o = useState(), unreadSinceDate = _o[0], setUnreadSinceDate = _o[1];
     useEffect(function () {
@@ -180,33 +250,30 @@ var MessageList = function (props) {
     }
     return (React__default.createElement(React__default.Fragment, null,
         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", { ref: scrollRef, className: "sendbird-conversation__messages-padding" },
-                    messages.map(function (message, idx) {
-                        var _a = getMessagePartsInfo({
-                            allMessages: messages,
-                            replyType: replyType !== null && replyType !== void 0 ? replyType : 'NONE',
-                            isMessageGroupingEnabled: isMessageGroupingEnabled !== null && isMessageGroupingEnabled !== void 0 ? isMessageGroupingEnabled : false,
-                            currentIndex: idx,
-                            currentMessage: message,
-                            currentChannel: currentChannel,
-                        }), chainTop = _a.chainTop, chainBottom = _a.chainBottom, hasSeparator = _a.hasSeparator;
-                        var isOutgoingMessage = isSendableMessage(message) && message.sender.userId === store.config.userId;
-                        return (React__default.createElement(MessageProvider, { message: message, key: getComponentKeyFromMessage(message), isByMe: isOutgoingMessage }, renderMessage({
-                            handleScroll: onMessageContentSizeChanged,
-                            message: message,
-                            hasSeparator: hasSeparator,
-                            chainTop: chainTop,
-                            chainBottom: chainBottom,
-                            renderMessageContent: renderMessageContent,
-                            renderSuggestedReplies: renderSuggestedReplies,
-                            renderCustomSeparator: renderCustomSeparator,
-                        })));
-                    }),
-                    !hasNext()
-                        && ((_b = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.groupChannel) === null || _b === void 0 ? void 0 : _b.enableTypingIndicator)
-                        && ((_e = (_d = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.groupChannel) === null || _d === void 0 ? void 0 : _d.typingIndicatorTypes) === null || _e === void 0 ? void 0 : _e.has(TypingIndicatorType.Bubble)) && (React__default.createElement(TypingIndicatorBubbleWrapper, { channelUrl: channelUrl, handleScroll: onMessageContentSizeChanged })))),
+            React__default.createElement(InfiniteList, { ref: scrollRef, scrollPositionRef: scrollPositionRef, scrollDistanceFromBottomRef: scrollDistanceFromBottomRef, onLoadNext: loadNext, onLoadPrevious: loadPrevious, onScrollPosition: function (it) { return setIsScrollBottomReached(it === 'bottom'); }, messages: messages, renderMessage: function (_a) {
+                    var message = _a.message, index = _a.index;
+                    var _b = getMessagePartsInfo({
+                        allMessages: messages,
+                        replyType: replyType !== null && replyType !== void 0 ? replyType : 'NONE',
+                        isMessageGroupingEnabled: isMessageGroupingEnabled !== null && isMessageGroupingEnabled !== void 0 ? isMessageGroupingEnabled : false,
+                        currentIndex: index,
+                        currentMessage: message,
+                        currentChannel: currentChannel,
+                    }), chainTop = _b.chainTop, chainBottom = _b.chainBottom, hasSeparator = _b.hasSeparator;
+                    var isOutgoingMessage = isSendableMessage(message) && message.sender.userId === store.config.userId;
+                    return (React__default.createElement(MessageProvider, { message: message, key: getComponentKeyFromMessage(message), isByMe: isOutgoingMessage }, renderMessage({
+                        handleScroll: onMessageContentSizeChanged,
+                        message: message,
+                        hasSeparator: hasSeparator,
+                        chainTop: chainTop,
+                        chainBottom: chainBottom,
+                        renderMessageContent: renderMessageContent,
+                        renderSuggestedReplies: renderSuggestedReplies,
+                        renderCustomSeparator: renderCustomSeparator,
+                    })));
+                }, typingIndicator: !hasNext()
+                    && ((_b = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.groupChannel) === null || _b === void 0 ? void 0 : _b.enableTypingIndicator)
+                    && ((_e = (_d = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.groupChannel) === null || _d === void 0 ? void 0 : _d.typingIndicatorTypes) === null || _e === void 0 ? void 0 : _e.has(TypingIndicatorType.Bubble)) && (React__default.createElement(TypingIndicatorBubbleWrapper, { channelUrl: channelUrl, handleScroll: onMessageContentSizeChanged })) }),
             React__default.createElement(React__default.Fragment, null, renderer.frozenNotification()),
             React__default.createElement(React__default.Fragment, null, renderer.unreadMessagesNotification()),
             React__default.createElement(React__default.Fragment, null, renderer.scrollToBottomButton()))));

package/GroupChannel/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/GroupChannel/components/RemoveMessageModal.js

@@ -1,43 +1,40 @@
-import { _ as __assign } from '../../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
 import { useGroupChannelContext } from '../context.js';
-import { R as RemoveMessageModalView } from '../../chunks/bundle-Dv6nIlPZ.js';
+import { R as RemoveMessageModalView } from '../../chunks/bundle-DMTe_aLV.js';
 import '@sendbird/chat/message';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-C_dNvBEo.js';
+import '../../chunks/bundle-CPH6jPCe.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-DQZG-uS3.js';
-import '../../chunks/bundle-BiK_ngKm.js';
-import '../../chunks/bundle-EgWLYRXK.js';
-import '../../chunks/bundle-Ck_ke5Gq.js';
-import '../../chunks/bundle-DhBuJR0w.js';
-import '../../chunks/bundle-B9ue8vfn.js';
-import '../../chunks/bundle-Bd6fN8eX.js';
-import '../../chunks/bundle-B65gr4tC.js';
-import '../../chunks/bundle-CriEArZn.js';
-import '../../chunks/bundle-BFa8UJ8b.js';
-import '../../chunks/bundle-CGmq3qGM.js';
-import '../../chunks/bundle-janisM9b.js';
+import '../../chunks/bundle-D_ELxIRc.js';
+import '../../chunks/bundle-DakS7HX2.js';
+import '../../chunks/bundle-CKqOIeLq.js';
+import '../../chunks/bundle-B5bq9SyP.js';
+import '../../chunks/bundle-Dub0HHFi.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-MjyZT4_4.js';
+import '../../chunks/bundle-DEcnZTr9.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-Dw9nwO7e.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
 import 'react-dom';
-import '../../chunks/bundle-nfJ9J5Md.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
-import '../../chunks/bundle-3Mubyujl.js';
+import '../../chunks/bundle-4r7ZPzcx.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-prXB4t_m.js';
+import '../../chunks/bundle-DyVURRtM.js';
 import '../../ui/Icon.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-uIqOEfCa.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-BMQLJ23N.js';
-import '../../chunks/bundle-DwJ8HgZK.js';
-import '../../chunks/bundle-DvNDJy8Z.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-HbS5lB90.js';
+import '../../chunks/bundle-Kycskx-O.js';
 
 var RemoveMessageModal = function (props) {
     var deleteMessage = useGroupChannelContext().deleteMessage;

package/GroupChannel/components/RemoveMessageModal.js.map

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

package/GroupChannel/components/SuggestedMentionList.js

@@ -1,20 +1,20 @@
-import { _ as __assign } from '../../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { S as SuggestedMentionListView } from '../../chunks/bundle-gH-X0MYD.js';
-import '../../chunks/bundle-prXB4t_m.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
+import { S as SuggestedMentionListView } from '../../chunks/bundle-GH8narZ-.js';
+import '../../chunks/bundle-DyVURRtM.js';
+import '../../chunks/bundle-BvFSwy4a.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-Dw9nwO7e.js';
-import '../../chunks/bundle-BgL9QnGd.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-lS9BV-1I.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Bmk2FVdj.js';
-import '../../chunks/bundle-nfJ9J5Md.js';
-import '../../chunks/bundle-DprHnWfH.js';
-import '../../chunks/bundle-uIqOEfCa.js';
+import '../../chunks/bundle-BEDpWEUq.js';
+import '../../chunks/bundle-4r7ZPzcx.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-COYqO05C.js';
-import '../../chunks/bundle-CWXSCBTE.js';
+import '../../chunks/bundle-DXjbblWF.js';
+import '../../chunks/bundle-6v-jzonm.js';
 
 var SuggestedMentionList = function (props) {
     return (React__default.createElement(SuggestedMentionListView, __assign({}, props)));

package/GroupChannel/components/TypingIndicator.js

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-prXB4t_m.js';
-import { L as LocalizationContext } from '../../chunks/bundle-nfJ9J5Md.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
+import { L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as uuidv4 } from '../../chunks/bundle-uIqOEfCa.js';
-import '../../chunks/bundle-DKkCwVCs.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
+import { u as uuidv4 } from '../../chunks/bundle-sq0c8UmG.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import '../../withSendbird.js';
 
 var TypingIndicatorText = function (_a) {

package/GroupChannel/components/UnreadCount.js

@@ -1,12 +1,12 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-nfJ9J5Md.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-prXB4t_m.js';
+import { L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-DyVURRtM.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { f as format } from '../../chunks/bundle-t4qeDosj.js';
-import { c as classnames } from '../../chunks/bundle-Dw9nwO7e.js';
-import '../../chunks/bundle-DKkCwVCs.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
+import { f as format } from '../../chunks/bundle-BWOr3gdK.js';
+import { c as classnames } from '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.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;
@@ -23,8 +23,8 @@ var UnreadCount = function (_a) {
             return format(lastReadAt, stringSet.DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE, { locale: dateLocale });
         }
     }, [time, lastReadAt]);
-    return (React__default.createElement("div", { className: classnames(count < 1 ? 'sendbird-notification--hide' : 'sendbird-notification', className), onClick: onClick },
-        React__default.createElement(Label, { className: "sendbird-notification__text", color: LabelColors.ONCONTENT_1, type: LabelTypography.CAPTION_2 }, "".concat(count, " "),
+    return (React__default.createElement("div", { className: classnames(count < 1 ? 'sendbird-notification--hide' : 'sendbird-notification', className), "data-testid": "sendbird-notification", onClick: onClick },
+        React__default.createElement(Label, { className: "sendbird-notification__text", testID: "sendbird-notification__text", color: LabelColors.ONCONTENT_1, type: LabelTypography.CAPTION_2 }, "".concat(count, " "),
             stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE, " ".concat(unreadSince)),
         React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.CHEVRON_DOWN, fillColor: IconColors.CONTENT })));
 };