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

package/cjs/GroupChannel/context.js

@@ -1,57 +1,46 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
 var message = require('@sendbird/chat/message');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var uikitTools = require('@sendbird/uikit-tools');
-var UserProfileContext = require('../chunks/bundle-DTzydpqA.js');
+var UserProfileContext = require('../chunks/bundle-Ch54AIEU.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useToggleReactionCallback = require('../chunks/bundle-kbRkyLdH.js');
-var resolvedReplyType = require('../chunks/bundle-6_B00yYz.js');
-var utils = require('../chunks/bundle-CHvJg3bD.js');
-var index$1 = require('../chunks/bundle-DQu5RJ2y.js');
-var index = require('../chunks/bundle-Dd1DS9KT.js');
-var pubSub_topics = require('../chunks/bundle-7CEyuoln.js');
-var consts = require('../chunks/bundle-BNzVVkzd.js');
-var getIsReactionEnabled = require('../chunks/bundle-H13ErLKW.js');
+var useToggleReactionCallback = require('../chunks/bundle-unWzPBv1.js');
+var resolvedReplyType = require('../chunks/bundle-BarChVO6.js');
+var utils = require('../chunks/bundle-DOQVOQQY.js');
+var index = require('../chunks/bundle-ClUKx_l3.js');
+var pubSub_topics = require('../chunks/bundle-C9goSwm_.js');
+var consts = require('../chunks/bundle-B9KKI197.js');
+var getIsReactionEnabled = require('../chunks/bundle-CXyVP3ik.js');
 require('../withSendbird.js');
-require('../chunks/bundle-BBsKv3Vz.js');
-require('../chunks/bundle-Bvsx1m1J.js');
 
-function runCallback(callback, lazy) {
-    if (lazy === void 0) { lazy = true; }
-    if (lazy) {
-        setTimeout(function () {
-            callback();
-        });
-    }
-    else {
-        callback();
-    }
-}
-function getScrollBehavior(behavior, animated) {
-    if (typeof animated === 'boolean')
-        return animated ? 'smooth' : 'auto';
-    return behavior;
-}
-function useMessageListScroll(behavior) {
+function useMessageListScroll(behavior, deps) {
+    if (deps === void 0) { deps = []; }
     var scrollRef = React.useRef(null);
+    var scrollPositionRef = React.useRef(0);
     var scrollDistanceFromBottomRef = React.useRef(0);
-    var scrollPubSub = React.useState(function () { return index.pubSubFactory(); })[0];
-    var _a = React.useState(false), isScrollBottomReached = _a[0], setIsScrollBottomReached = _a[1];
-    // If there is no area to scroll, it is considered as scroll bottom reached.
-    if (isScrollBottomReached === false && scrollRef.current && scrollRef.current.scrollHeight <= scrollRef.current.clientHeight) {
+    var scrollPubSub = React.useState(function () { return index.pubSubFactory({ publishSynchronous: true }); })[0];
+    var _a = React.useState(true), isScrollBottomReached = _a[0], setIsScrollBottomReached = _a[1];
+    // SideEffect: Reset scroll state
+    React.useLayoutEffect(function () {
+        scrollPositionRef.current = 0;
         scrollDistanceFromBottomRef.current = 0;
         setIsScrollBottomReached(true);
-    }
+        if (scrollRef.current)
+            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }, deps);
     React.useLayoutEffect(function () {
         var unsubscribes = [];
         unsubscribes.push(scrollPubSub.subscribe('scrollToBottom', function (_a) {
             var resolve = _a.resolve, animated = _a.animated;
             runCallback(function () {
-                if (!scrollRef.current)
+                if (!scrollRef.current) {
+                    if (resolve)
+                        resolve();
                     return;
+                }
                 if (scrollRef.current.scroll) {
                     scrollRef.current.scroll({ top: scrollRef.current.scrollHeight, behavior: getScrollBehavior(behavior, animated) });
                 }
@@ -91,32 +80,31 @@ function useMessageListScroll(behavior) {
             });
         };
     }, [behavior]);
-    // Update data by scroll events
-    index$1.useOnScrollPositionChangeDetectorWithRef(scrollRef, {
-        onReachedTop: function (_a) {
-            var distanceFromBottom = _a.distanceFromBottom;
-            setIsScrollBottomReached(false);
-            scrollDistanceFromBottomRef.current = distanceFromBottom;
-        },
-        onInBetween: function (_a) {
-            var distanceFromBottom = _a.distanceFromBottom;
-            setIsScrollBottomReached(false);
-            scrollDistanceFromBottomRef.current = distanceFromBottom;
-        },
-        onReachedBottom: function (_a) {
-            var distanceFromBottom = _a.distanceFromBottom;
-            setIsScrollBottomReached(true);
-            scrollDistanceFromBottomRef.current = distanceFromBottom;
-        },
-    });
     return {
         scrollRef: scrollRef,
         scrollPubSub: scrollPubSub,
         isScrollBottomReached: isScrollBottomReached,
         setIsScrollBottomReached: setIsScrollBottomReached,
         scrollDistanceFromBottomRef: scrollDistanceFromBottomRef,
+        scrollPositionRef: scrollPositionRef,
     };
 }
+function runCallback(callback, lazy) {
+    if (lazy === void 0) { lazy = true; }
+    if (lazy) {
+        setTimeout(function () {
+            callback();
+        });
+    }
+    else {
+        callback();
+    }
+}
+function getScrollBehavior(behavior, animated) {
+    if (typeof animated === 'boolean')
+        return animated ? 'smooth' : 'auto';
+    return behavior;
+}
 
 var pass = function (value) { return value; };
 /**
@@ -211,46 +199,6 @@ function useMessageActions(params) {
     };
 }
 
-/**
- * @description This hook is designed to prevent scroll flickering caused by duplicate calls of onEndReached and onTopReached.
- * It controls the loading of messages to ensure a single request for message retrieval.
- * */
-var usePreventDuplicateRequest = function () {
-    var context = React.useRef({ locked: false, count: 0 }).current;
-    return {
-        lock: function () {
-            context.locked = true;
-        },
-        run: function (callback) {
-            return _tslib.__awaiter(this, void 0, void 0, function () {
-                return _tslib.__generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (context.locked && context.count > 0)
-                                return [2 /*return*/];
-                            _b.label = 1;
-                        case 1:
-                            _b.trys.push([1, 3, , 4]);
-                            context.count++;
-                            return [4 /*yield*/, callback()];
-                        case 2:
-                            _b.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
-                            _b.sent();
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        },
-        release: function () {
-            context.locked = false;
-            context.count = 0;
-        },
-    };
-};
-
 var GroupChannelContext = React.createContext(null);
 var GroupChannelProvider = function (props) {
     var _a, _b, _c;
@@ -265,7 +213,7 @@ var GroupChannelProvider = function (props) {
     var _k = React.useState(null), currentChannel = _k[0], setCurrentChannel = _k[1];
     var _l = React.useState(null), fetchChannelError = _l[0], setFetchChannelError = _l[1];
     // Ref
-    var _m = useMessageListScroll(scrollBehavior), scrollRef = _m.scrollRef, scrollPubSub = _m.scrollPubSub, scrollDistanceFromBottomRef = _m.scrollDistanceFromBottomRef, isScrollBottomReached = _m.isScrollBottomReached, setIsScrollBottomReached = _m.setIsScrollBottomReached;
+    var _m = useMessageListScroll(scrollBehavior, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]), scrollRef = _m.scrollRef, scrollPubSub = _m.scrollPubSub, scrollDistanceFromBottomRef = _m.scrollDistanceFromBottomRef, isScrollBottomReached = _m.isScrollBottomReached, setIsScrollBottomReached = _m.setIsScrollBottomReached, scrollPositionRef = _m.scrollPositionRef;
     var messageInputRef = React.useRef(null);
     var toggleReaction = useToggleReactionCallback.useToggleReactionCallback(currentChannel, logger);
     var replyType = resolvedReplyType.getCaseResolvedReplyType(moduleReplyType !== null && moduleReplyType !== void 0 ? moduleReplyType : config.groupChannel.replyType).upperCase;
@@ -284,20 +232,18 @@ var GroupChannelProvider = function (props) {
         var userId = _a.userId, nickname = _a.nickname;
         return [userId, nickname];
     })); }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members]);
-    var preventDuplicateRequest = usePreventDuplicateRequest();
     var messageDataSource = uikitTools.useGroupChannelMessages(sdkStore.sdk, currentChannel, {
         startingPoint: startingPoint,
         replyType: chatReplyType,
         collectionCreator: getCollectionCreator(currentChannel, messageListQueryParams),
         shouldCountNewMessages: function () { return !isScrollBottomReached; },
         markAsRead: function (channels) {
-            // isScrollBottomReached is a state that is updated after the render is completed.
-            // So, we use scrollDistanceFromBottomRef to check quickly if the scroll is at the bottom.
-            if (!disableMarkAsRead && scrollDistanceFromBottomRef.current <= consts.SCROLL_BUFFER) {
+            if (isScrollBottomReached && !disableMarkAsRead) {
                 channels.forEach(function (it) { return markAsReadScheduler.push(it); });
             }
         },
         onMessagesReceived: function () {
+            // FIXME: onMessagesReceived called with onApiResult
             if (isScrollBottomReached && utils.isContextMenuClosed()) {
                 scrollPubSub.publish('scrollToBottom', {});
             }
@@ -313,97 +259,6 @@ var GroupChannelProvider = function (props) {
         onChannelUpdated: function (channel) { return setCurrentChannel(channel); },
         logger: logger,
     });
-    index$1.useOnScrollPositionChangeDetectorWithRef(scrollRef, {
-        onReachedTop: function () {
-            return _tslib.__awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return _tslib.__generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            preventDuplicateRequest.lock();
-                            return [4 /*yield*/, preventDuplicateRequest.run(function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                                    var prevViewInfo;
-                                    var _a, _b;
-                                    return _tslib.__generator(this, function (_c) {
-                                        switch (_c.label) {
-                                            case 0:
-                                                if (!messageDataSource.hasPrevious())
-                                                    return [2 /*return*/];
-                                                prevViewInfo = { scrollTop: (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop, scrollHeight: (_b = scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight };
-                                                return [4 /*yield*/, messageDataSource.loadPrevious()];
-                                            case 1:
-                                                _c.sent();
-                                                // FIXME: We need a good way to detect right after the rendering of the screen instead of using setTimeout.
-                                                setTimeout(function () {
-                                                    var _a, _b;
-                                                    var nextViewInfo = { scrollHeight: (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight };
-                                                    if (prevViewInfo.scrollHeight && nextViewInfo.scrollHeight) {
-                                                        var viewUpdated = prevViewInfo.scrollHeight < nextViewInfo.scrollHeight;
-                                                        if (viewUpdated) {
-                                                            var bottomOffset = prevViewInfo.scrollHeight - ((_b = prevViewInfo.scrollTop) !== null && _b !== void 0 ? _b : 0);
-                                                            scrollPubSub.publish('scroll', { top: nextViewInfo.scrollHeight - bottomOffset, lazy: false, animated: false });
-                                                        }
-                                                    }
-                                                });
-                                                return [2 /*return*/];
-                                        }
-                                    });
-                                }); })];
-                        case 1:
-                            _a.sent();
-                            preventDuplicateRequest.release();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        },
-        onReachedBottom: function () {
-            return _tslib.__awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return _tslib.__generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            preventDuplicateRequest.lock();
-                            return [4 /*yield*/, preventDuplicateRequest.run(function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                                    var prevViewInfo;
-                                    var _a, _b;
-                                    return _tslib.__generator(this, function (_c) {
-                                        switch (_c.label) {
-                                            case 0:
-                                                if (!messageDataSource.hasNext())
-                                                    return [2 /*return*/];
-                                                prevViewInfo = { scrollTop: (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop, scrollHeight: (_b = scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight };
-                                                return [4 /*yield*/, messageDataSource.loadNext()];
-                                            case 1:
-                                                _c.sent();
-                                                setTimeout(function () {
-                                                    var _a;
-                                                    var nextViewInfo = { scrollHeight: (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight };
-                                                    if (prevViewInfo.scrollHeight && nextViewInfo.scrollHeight) {
-                                                        var viewUpdated = prevViewInfo.scrollHeight < nextViewInfo.scrollHeight;
-                                                        if (viewUpdated) {
-                                                            scrollPubSub.publish('scroll', { top: prevViewInfo.scrollTop, lazy: false, animated: false });
-                                                        }
-                                                    }
-                                                });
-                                                return [2 /*return*/];
-                                        }
-                                    });
-                                }); })];
-                        case 1:
-                            _a.sent();
-                            preventDuplicateRequest.release();
-                            if (currentChannel && !messageDataSource.hasNext()) {
-                                messageDataSource.resetNewMessages();
-                                if (!disableMarkAsRead)
-                                    markAsReadScheduler.push(currentChannel);
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        },
-    });
     // SideEffect: Fetch and set to current channel by channelUrl prop.
     uikitTools.useAsyncEffect(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
         var channel, error_1;
@@ -442,36 +297,22 @@ var GroupChannelProvider = function (props) {
     uikitTools.useAsyncLayoutEffect(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
         var onSentMessageFromOtherModule, subscribes;
         return _tslib.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!messageDataSource.initialized) return [3 /*break*/, 2];
-                    // it prevents message load from previous/next before scroll to bottom finished.
-                    preventDuplicateRequest.lock();
-                    return [4 /*yield*/, preventDuplicateRequest.run(function () {
-                            return new Promise(function (resolve) {
-                                scrollPubSub.publish('scrollToBottom', { resolve: resolve, animated: false });
-                            });
-                        })];
-                case 1:
-                    _a.sent();
-                    preventDuplicateRequest.release();
-                    _a.label = 2;
-                case 2:
-                    onSentMessageFromOtherModule = function (data) {
-                        if (data.channel.url === channelUrl)
-                            scrollPubSub.publish('scrollToBottom', {});
-                    };
-                    subscribes = [
-                        config.pubSub.subscribe(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, onSentMessageFromOtherModule),
-                        config.pubSub.subscribe(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, onSentMessageFromOtherModule),
-                    ];
-                    return [2 /*return*/, function () {
-                            subscribes.forEach(function (subscribe) { return subscribe.remove(); });
-                            scrollPubSub.publish('scrollToBottom', { animated: false });
-                        }];
+            if (messageDataSource.initialized) {
+                scrollPubSub.publish('scrollToBottom', {});
             }
+            onSentMessageFromOtherModule = function (data) {
+                if (data.channel.url === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url))
+                    scrollPubSub.publish('scrollToBottom', {});
+            };
+            subscribes = [
+                config.pubSub.subscribe(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, onSentMessageFromOtherModule),
+                config.pubSub.subscribe(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, onSentMessageFromOtherModule),
+            ];
+            return [2 /*return*/, function () {
+                    subscribes.forEach(function (subscribe) { return subscribe.remove(); });
+                }];
         });
-    }); }, [messageDataSource.initialized, channelUrl]);
+    }); }, [messageDataSource.initialized, currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
     // SideEffect: Reset MessageCollection with startingPoint prop.
     React.useEffect(function () {
         if (typeof startingPoint === 'number') {
@@ -575,7 +416,7 @@ var GroupChannelProvider = function (props) {
             // ## Custom render
             renderUserMentionItem: renderUserMentionItem, 
             // Internal Interface
-            currentChannel: currentChannel, fetchChannelError: fetchChannelError, nicknamesMap: nicknamesMap, scrollRef: scrollRef, scrollDistanceFromBottomRef: scrollDistanceFromBottomRef, scrollPubSub: scrollPubSub, messageInputRef: messageInputRef, quoteMessage: quoteMessage, setQuoteMessage: setQuoteMessage, animatedMessageId: animatedMessageId, setAnimatedMessageId: setAnimatedMessageId, isScrollBottomReached: isScrollBottomReached, setIsScrollBottomReached: setIsScrollBottomReached, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction }, messageDataSource), messageActions) },
+            currentChannel: currentChannel, fetchChannelError: fetchChannelError, nicknamesMap: nicknamesMap, scrollRef: scrollRef, scrollDistanceFromBottomRef: scrollDistanceFromBottomRef, scrollPositionRef: scrollPositionRef, scrollPubSub: scrollPubSub, messageInputRef: messageInputRef, quoteMessage: quoteMessage, setQuoteMessage: setQuoteMessage, animatedMessageId: animatedMessageId, setAnimatedMessageId: setAnimatedMessageId, isScrollBottomReached: isScrollBottomReached, setIsScrollBottomReached: setIsScrollBottomReached, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction }, messageDataSource), messageActions) },
         React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: (_a = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _a !== void 0 ? _a : config === null || config === void 0 ? void 0 : config.disableUserProfile, renderUserProfile: (_b = props === null || props === void 0 ? void 0 : props.renderUserProfile) !== null && _b !== void 0 ? _b : config === null || config === void 0 ? void 0 : config.renderUserProfile, onUserProfileMessage: (_c = props === null || props === void 0 ? void 0 : props.onUserProfileMessage) !== null && _c !== void 0 ? _c : config === null || config === void 0 ? void 0 : config.onUserProfileMessage }, children)));
 };
 var useGroupChannelContext = function () {

package/cjs/GroupChannel/context.js.map

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

package/cjs/GroupChannel.js

@@ -2,90 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./chunks/bundle-eTYC1RPT.js');
+var _tslib = require('./chunks/bundle-BGmEoqIq.js');
 var React = require('react');
 var GroupChannel_context = require('./GroupChannel/context.js');
 var GroupChannel_components_GroupChannelUI = require('./GroupChannel/components/GroupChannelUI.js');
 require('@sendbird/chat/message');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/uikit-tools');
-require('./chunks/bundle-DTzydpqA.js');
+require('./chunks/bundle-Ch54AIEU.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-kbRkyLdH.js');
-require('./chunks/bundle-6_B00yYz.js');
-require('./chunks/bundle-CHvJg3bD.js');
-require('./chunks/bundle-DQu5RJ2y.js');
-require('./chunks/bundle-BNzVVkzd.js');
-require('./chunks/bundle-BBsKv3Vz.js');
-require('./chunks/bundle-Bvsx1m1J.js');
-require('./chunks/bundle-Dd1DS9KT.js');
-require('./chunks/bundle-7CEyuoln.js');
-require('./chunks/bundle-H13ErLKW.js');
-require('./chunks/bundle-KUj3wjEl.js');
+require('./chunks/bundle-unWzPBv1.js');
+require('./chunks/bundle-BarChVO6.js');
+require('./chunks/bundle-DOQVOQQY.js');
+require('./chunks/bundle-ClUKx_l3.js');
+require('./chunks/bundle-C9goSwm_.js');
+require('./chunks/bundle-B9KKI197.js');
+require('./chunks/bundle-CXyVP3ik.js');
+require('./chunks/bundle-Ck2VVUR8.js');
 require('./GroupChannel/components/TypingIndicator.js');
-require('./chunks/bundle-DY5rfl6W.js');
-require('./chunks/bundle-BNMoxGCr.js');
-require('./chunks/bundle-OWb8eJt-.js');
-require('./chunks/bundle-1A4pOyri.js');
-require('./chunks/bundle-YRiE_c63.js');
-require('./chunks/bundle-DrYI_bNa.js');
+require('./chunks/bundle-DgWaY7S0.js');
+require('./chunks/bundle-5FP1wNLB.js');
+require('./chunks/bundle-u9XWE6Rm.js');
+require('./chunks/bundle-dokTsajJ.js');
+require('./chunks/bundle-nJ_H0gk1.js');
+require('./chunks/bundle-CRjV-DLM.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./ui/ConnectionStatus.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-DOoshvnj.js');
+require('./chunks/bundle-FcnFNV4V.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./GroupChannel/components/GroupChannelHeader.js');
-require('./chunks/bundle-D7rSRN-8.js');
+require('./chunks/bundle-BBlJg7wh.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-C_8UQBXr.js');
+require('./chunks/bundle-BpJxkKab.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-DcQeRT4T.js');
-require('./chunks/bundle-BimsU_nb.js');
-require('./chunks/bundle-B2WuxwoH.js');
-require('./chunks/bundle-OIKGVRus.js');
+require('./chunks/bundle-Ca2fr0Kb.js');
+require('./chunks/bundle-XqNA0vsK.js');
+require('./chunks/bundle-BED3wGYf.js');
+require('./chunks/bundle-Bsd8mnLE.js');
 require('./ui/Header.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-CA69fSDI.js');
+require('./chunks/bundle-D91GTav0.js');
 require('./ui/IconButton.js');
 require('./GroupChannel/components/MessageList.js');
 require('./GroupChannel/components/Message.js');
-require('./chunks/bundle-CJk1q-XX.js');
-require('./chunks/bundle-Cd-3W3UM.js');
-require('./chunks/bundle-CuOOXDK0.js');
+require('./chunks/bundle-DwaO4lk0.js');
+require('./chunks/bundle-D95F7WKf.js');
+require('./chunks/bundle-Bz2MU4JV.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-wz_O1vyk.js');
+require('./chunks/bundle-WrRM6A2K.js');
 require('./ui/Button.js');
-require('./chunks/bundle-A_xDyoq6.js');
+require('./chunks/bundle-DLgT0MKO.js');
 require('dompurify');
-require('./chunks/bundle-CBNBRNN0.js');
-require('./chunks/bundle-D3BhVTZt.js');
-require('./chunks/bundle-CI1zoEKe.js');
-require('./chunks/bundle-B1Ql7yM0.js');
+require('./chunks/bundle-BZf2YVCr.js');
+require('./chunks/bundle-Co2OfFRh.js');
+require('./chunks/bundle-B8SH2f7F.js');
+require('./chunks/bundle-VNK4cKfS.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-BPV3CKzS.js');
-require('./chunks/bundle-DTJnlh7y.js');
-require('./chunks/bundle-TEjGhclf.js');
+require('./chunks/bundle-Dur9d2k7.js');
+require('./chunks/bundle-Dq1gBmDY.js');
+require('./chunks/bundle-Bs4qGnBO.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/ContextMenu.js');
-require('./chunks/bundle-Dymg5zVO.js');
+require('./chunks/bundle-K2UuTY_r.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-BFy8_d3W.js');
+require('./chunks/bundle-B40JIKoL.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-Bgeq75IH.js');
+require('./chunks/bundle-DmfO6_lp.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
-require('./chunks/bundle-DW8u-n3u.js');
+require('./chunks/bundle-CkSDsWpR.js');
 require('css-vars-ponyfill');
-require('./chunks/bundle-CW2oMonb.js');
+require('./chunks/bundle-DzkRFA4-.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -96,18 +93,18 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-cqwHj7Dj.js');
-require('./chunks/bundle-6aemRbmn.js');
+require('./chunks/bundle-DTtY3_Ni.js');
+require('./chunks/bundle-CMNar_06.js');
 require('./ui/ThreadReplies.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-CoJbL3ob.js');
+require('./chunks/bundle-WLDzr4U5.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
-require('./chunks/bundle-BE-L5873.js');
-require('./chunks/bundle-CTraI7aM.js');
-require('./chunks/bundle-jHjvHr01.js');
+require('./chunks/bundle-DxUpLiXa.js');
+require('./chunks/bundle-CvkPNwGA.js');
+require('./chunks/bundle-Cf4_cCe9.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
@@ -115,7 +112,7 @@ require('./ui/PlaybackTime.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-DUzcm-3u.js');
+require('./chunks/bundle-Co7peqju.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/FeedbackIconButton.js');
@@ -124,24 +121,25 @@ require('./ui/MessageFeedbackModal.js');
 require('./ui/Input.js');
 require('./ui/MessageFeedbackFailedModal.js');
 require('./GroupChannel/components/SuggestedReplies.js');
-require('./chunks/bundle-DMUz-Xui.js');
+require('./chunks/bundle-0QB2GZ_W.js');
 require('./GroupChannel/components/FileViewer.js');
-require('./chunks/bundle-BE1dAigY.js');
+require('./chunks/bundle-Btk78hMe.js');
 require('./GroupChannel/components/RemoveMessageModal.js');
-require('./chunks/bundle-Cd0cyqgA.js');
-require('./chunks/bundle-LO6QlzTz.js');
-require('./Channel/utils/getMessagePartsInfo.js');
-require('./Channel/utils/compareMessagesForGrouping.js');
+require('./chunks/bundle-C5bS3zdm.js');
+require('./chunks/bundle-CLMFxMug.js');
 require('./GroupChannel/components/UnreadCount.js');
 require('./GroupChannel/components/FrozenNotification.js');
 require('./ui/TypingIndicatorBubble.js');
+require('./Channel/utils/getMessagePartsInfo.js');
+require('./Channel/utils/compareMessagesForGrouping.js');
+require('./chunks/bundle-BYarXD6U.js');
 require('./GroupChannel/components/MessageInputWrapper.js');
-require('./chunks/bundle-ZjYFUjTH.js');
+require('./chunks/bundle-B1c1ZdU0.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-D1mguvwi.js');
-require('./chunks/bundle-C1YuUjH3.js');
+require('./chunks/bundle-3m9OAKfW.js');
+require('./chunks/bundle-JqwDNyBE.js');
 
 var GroupChannel = function (props) {
     return (React.createElement(GroupChannel_context.GroupChannelProvider, _tslib.__assign({}, props),

package/cjs/GroupChannel.js.map

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