@sendbird/uikit-react 3.14.6 → 3.14.7-rc.0

package/GroupChannel/context.js

@@ -1,55 +1,44 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useRef, useState, useLayoutEffect, useCallback, useMemo, useEffect, useContext } from 'react';
 import { MessageMetaArray, ReplyType } from '@sendbird/chat/message';
 import { MessageFilter } from '@sendbird/chat/groupChannel';
 import { useIIFE, useGroupChannelMessages, useAsyncEffect, useAsyncLayoutEffect, usePreservedCallback } from '@sendbird/uikit-tools';
-import { U as UserProfileProvider } from '../chunks/bundle-C_dNvBEo.js';
+import { U as UserProfileProvider } from '../chunks/bundle-nDjk3-Gt.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useToggleReactionCallback } from '../chunks/bundle-DQZG-uS3.js';
-import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from '../chunks/bundle-BiK_ngKm.js';
-import { b as isContextMenuClosed, c as getMessageTopOffset } from '../chunks/bundle-EgWLYRXK.js';
-import { a as useOnScrollPositionChangeDetectorWithRef } from '../chunks/bundle-Ck_ke5Gq.js';
-import { p as pubSubFactory } from '../chunks/bundle-B65gr4tC.js';
-import { p as pubSubTopics } from '../chunks/bundle-CriEArZn.js';
-import { g as VOICE_MESSAGE_FILE_NAME, h as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, i as META_ARRAY_MESSAGE_TYPE_KEY, j as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE, S as SCROLL_BUFFER } from '../chunks/bundle-DhBuJR0w.js';
-import { g as getIsReactionEnabled } from '../chunks/bundle-BFa8UJ8b.js';
+import { u as useToggleReactionCallback } from '../chunks/bundle-Dk6ub2kL.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from '../chunks/bundle-BhlLGPfF.js';
+import { b as isContextMenuClosed, c as getMessageTopOffset } from '../chunks/bundle-BYyuz8ug.js';
+import { p as pubSubFactory } from '../chunks/bundle-gcLnMmqs.js';
+import { p as pubSubTopics } from '../chunks/bundle-ScIM6mz0.js';
+import { d as VOICE_MESSAGE_FILE_NAME, e as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, f as META_ARRAY_MESSAGE_TYPE_KEY, g as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from '../chunks/bundle-hHUThi_g.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-D8YkcooO.js';
 import '../withSendbird.js';
-import '../chunks/bundle-B9ue8vfn.js';
-import '../chunks/bundle-Bd6fN8eX.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 = useRef(null);
+    var scrollPositionRef = useRef(0);
     var scrollDistanceFromBottomRef = useRef(0);
-    var scrollPubSub = useState(function () { return pubSubFactory(); })[0];
-    var _a = 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 = useState(function () { return pubSubFactory({ publishSynchronous: true }); })[0];
+    var _a = useState(true), isScrollBottomReached = _a[0], setIsScrollBottomReached = _a[1];
+    // SideEffect: Reset scroll state
+    useLayoutEffect(function () {
+        scrollPositionRef.current = 0;
         scrollDistanceFromBottomRef.current = 0;
         setIsScrollBottomReached(true);
-    }
+        if (scrollRef.current)
+            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }, deps);
     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) });
                 }
@@ -89,32 +78,31 @@ function useMessageListScroll(behavior) {
             });
         };
     }, [behavior]);
-    // Update data by scroll events
-    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; };
 /**
@@ -209,46 +197,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 = useRef({ locked: false, count: 0 }).current;
-    return {
-        lock: function () {
-            context.locked = true;
-        },
-        run: function (callback) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __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__default.createContext(null);
 var GroupChannelProvider = function (props) {
     var _a, _b, _c;
@@ -263,7 +211,7 @@ var GroupChannelProvider = function (props) {
     var _k = useState(null), currentChannel = _k[0], setCurrentChannel = _k[1];
     var _l = 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 = useRef(null);
     var toggleReaction = useToggleReactionCallback(currentChannel, logger);
     var replyType = getCaseResolvedReplyType(moduleReplyType !== null && moduleReplyType !== void 0 ? moduleReplyType : config.groupChannel.replyType).upperCase;
@@ -282,20 +230,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 = 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 <= SCROLL_BUFFER) {
+            if (isScrollBottomReached && !disableMarkAsRead) {
                 channels.forEach(function (it) { return markAsReadScheduler.push(it); });
             }
         },
         onMessagesReceived: function () {
+            // FIXME: onMessagesReceived called with onApiResult
             if (isScrollBottomReached && isContextMenuClosed()) {
                 scrollPubSub.publish('scrollToBottom', {});
             }
@@ -311,97 +257,6 @@ var GroupChannelProvider = function (props) {
         onChannelUpdated: function (channel) { return setCurrentChannel(channel); },
         logger: logger,
     });
-    useOnScrollPositionChangeDetectorWithRef(scrollRef, {
-        onReachedTop: function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            preventDuplicateRequest.lock();
-                            return [4 /*yield*/, preventDuplicateRequest.run(function () { return __awaiter(_this, void 0, void 0, function () {
-                                    var prevViewInfo;
-                                    var _a, _b;
-                                    return __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 __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            preventDuplicateRequest.lock();
-                            return [4 /*yield*/, preventDuplicateRequest.run(function () { return __awaiter(_this, void 0, void 0, function () {
-                                    var prevViewInfo;
-                                    var _a, _b;
-                                    return __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.
     useAsyncEffect(function () { return __awaiter(void 0, void 0, void 0, function () {
         var channel, error_1;
@@ -440,36 +295,22 @@ var GroupChannelProvider = function (props) {
     useAsyncLayoutEffect(function () { return __awaiter(void 0, void 0, void 0, function () {
         var onSentMessageFromOtherModule, subscribes;
         return __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(pubSubTopics.SEND_USER_MESSAGE, onSentMessageFromOtherModule),
-                        config.pubSub.subscribe(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(pubSubTopics.SEND_USER_MESSAGE, onSentMessageFromOtherModule),
+                config.pubSub.subscribe(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.
     useEffect(function () {
         if (typeof startingPoint === 'number') {
@@ -573,7 +414,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__default.createElement(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/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/GroupChannel.js

@@ -1,87 +1,84 @@
-import { _ as __assign } from './chunks/bundle-DKkCwVCs.js';
+import { _ as __assign } from './chunks/bundle-CCRwOILr.js';
 import React__default from 'react';
 import { GroupChannelProvider } from './GroupChannel/context.js';
 import { GroupChannelUI } from './GroupChannel/components/GroupChannelUI.js';
 import '@sendbird/chat/message';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/uikit-tools';
-import './chunks/bundle-C_dNvBEo.js';
+import './chunks/bundle-nDjk3-Gt.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-BRZDoZIQ.js';
+import './chunks/bundle-Dk6ub2kL.js';
+import './chunks/bundle-BhlLGPfF.js';
+import './chunks/bundle-BYyuz8ug.js';
+import './chunks/bundle-gcLnMmqs.js';
+import './chunks/bundle-ScIM6mz0.js';
+import './chunks/bundle-hHUThi_g.js';
+import './chunks/bundle-D8YkcooO.js';
+import './chunks/bundle-CH2cfOEt.js';
 import './GroupChannel/components/TypingIndicator.js';
-import './chunks/bundle-prXB4t_m.js';
-import './chunks/bundle-Ce-B4ROs.js';
-import './chunks/bundle-nfJ9J5Md.js';
-import './chunks/bundle-DprHnWfH.js';
-import './chunks/bundle-uIqOEfCa.js';
-import './chunks/bundle-janisM9b.js';
+import './chunks/bundle-rmCgpYl2.js';
+import './chunks/bundle-CqhNkmsl.js';
+import './chunks/bundle-BhpRDUCv.js';
+import './chunks/bundle-144DoI9L.js';
+import './chunks/bundle-BR1kJOcI.js';
+import './chunks/bundle-CIHtPXyv.js';
 import './utils/message/getOutgoingMessageState.js';
 import './ui/ConnectionStatus.js';
 import './ui/Icon.js';
-import './chunks/bundle-Dw9nwO7e.js';
+import './chunks/bundle-C5cPwfl7.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-EYdnditu.js';
+import './chunks/bundle-D3RnfJcj.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-BgL9QnGd.js';
+import './chunks/bundle-DnCl_muj.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Bmk2FVdj.js';
-import './chunks/bundle-COoyrRF6.js';
-import './chunks/bundle-DuBg9tG9.js';
-import './chunks/bundle-3Mubyujl.js';
+import './chunks/bundle-BsBFjLW0.js';
+import './chunks/bundle-BQo6_bfT.js';
+import './chunks/bundle-mHKaSEbG.js';
+import './chunks/bundle-BU6Qpz93.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-h8I0AuUK.js';
+import './chunks/bundle-ThfYP9g9.js';
 import './ui/IconButton.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-RuTR5KRM.js';
-import './chunks/bundle-t4qeDosj.js';
-import './chunks/bundle-COYqO05C.js';
+import './chunks/bundle-NeSzu3Fa.js';
+import './chunks/bundle-Bb8eZMFx.js';
+import './chunks/bundle-Dx-khVyG.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-CWXSCBTE.js';
+import './chunks/bundle-BzT1IYfR.js';
 import './ui/Button.js';
-import './chunks/bundle-YUF6WfTL.js';
+import './chunks/bundle-CP23reH8.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-DdlWQflQ.js';
+import './chunks/bundle-BUF13B_d.js';
+import './chunks/bundle-Cb1XOWfn.js';
+import './chunks/bundle-XNbFC3cL.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-C3gISq8S.js';
-import './chunks/bundle-BWiA6-mB.js';
-import './chunks/bundle-D1rcEkoi.js';
+import './chunks/bundle-B3G0tTKZ.js';
+import './chunks/bundle-BPZfkUNt.js';
+import './chunks/bundle-Brfb9sy_.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
-import './chunks/bundle-DwJ8HgZK.js';
+import './chunks/bundle-CM2t7eH3.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './ui/SortByRow.js';
-import './chunks/bundle-Boh0Ffwo.js';
+import './chunks/bundle-ZIevlLlV.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-RoB3xpYU.js';
+import './chunks/bundle--dzeu7GZ.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
-import './chunks/bundle-CGmq3qGM.js';
+import './chunks/bundle-BkNi-A4T.js';
 import 'css-vars-ponyfill';
-import './chunks/bundle-BMQLJ23N.js';
+import './chunks/bundle-DZRXYe29.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -92,18 +89,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-DYErcqMl.js';
-import './chunks/bundle-Cp2PKGXI.js';
+import './chunks/bundle-Dbcnuh2P.js';
+import './chunks/bundle-Bwc4fZzt.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-B-DnYw4p.js';
+import './chunks/bundle-D8FnCo6L.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-zwvszN0Y.js';
-import './chunks/bundle-Cn6S1UKt.js';
-import './chunks/bundle-B4izwMfD.js';
+import './chunks/bundle-B3Cfr39D.js';
+import './chunks/bundle-LkO70XqN.js';
+import './chunks/bundle-CEKJ0RSH.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -111,7 +108,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-CvjZy952.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -120,24 +117,25 @@ import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-gH-X0MYD.js';
+import './chunks/bundle-DvHzmJtg.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-CbFt9rKR.js';
+import './chunks/bundle-T71wlSjY.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-Dv6nIlPZ.js';
-import './chunks/bundle-DvNDJy8Z.js';
-import './Channel/utils/getMessagePartsInfo.js';
-import './Channel/utils/compareMessagesForGrouping.js';
+import './chunks/bundle-xyBdMMgf.js';
+import './chunks/bundle-CM1g1u8w.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
+import './Channel/utils/getMessagePartsInfo.js';
+import './Channel/utils/compareMessagesForGrouping.js';
+import './chunks/bundle-DOr1fKPF.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-Ct6xKrI3.js';
+import './chunks/bundle-CC-EM0y2.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-C093wLqR.js';
-import './chunks/bundle-DYtgOX1c.js';
+import './chunks/bundle-CPWU4ss9.js';
+import './chunks/bundle-C5qgKHd2.js';
 
 var GroupChannel = function (props) {
     return (React__default.createElement(GroupChannelProvider, __assign({}, props),

package/GroupChannel.js.map

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

package/GroupChannelList/components/AddGroupChannel.js

@@ -1,49 +1,49 @@
 import React__default, { useState } from 'react';
-import { A as AddGroupChannelView } from '../../chunks/bundle-BKVuhi2w.js';
+import { A as AddGroupChannelView } from '../../chunks/bundle-k9fHltqd.js';
 import { useGroupChannelListContext } from '../context.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-DKkCwVCs.js';
+import '../../chunks/bundle-CCRwOILr.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-Dw9nwO7e.js';
+import '../../chunks/bundle-C5cPwfl7.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../chunks/bundle-Ps1Qc3cX.js';
+import '../../chunks/bundle-CKjpprcX.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CriEArZn.js';
+import '../../chunks/bundle-ScIM6mz0.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../chunks/bundle-nfJ9J5Md.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
-import '../../chunks/bundle-3Mubyujl.js';
-import '../../chunks/bundle-CGmq3qGM.js';
-import '../../chunks/bundle-janisM9b.js';
+import '../../chunks/bundle-BhpRDUCv.js';
+import '../../chunks/bundle-CqhNkmsl.js';
+import '../../chunks/bundle-144DoI9L.js';
+import '../../chunks/bundle-BU6Qpz93.js';
+import '../../chunks/bundle-BkNi-A4T.js';
+import '../../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
 import '../../ui/Button.js';
-import '../../chunks/bundle-prXB4t_m.js';
+import '../../chunks/bundle-rmCgpYl2.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-uIqOEfCa.js';
+import '../../chunks/bundle-BR1kJOcI.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-BMQLJ23N.js';
-import '../../chunks/bundle-DhBuJR0w.js';
-import '../../chunks/bundle-DwJ8HgZK.js';
+import '../../chunks/bundle-DZRXYe29.js';
+import '../../chunks/bundle-hHUThi_g.js';
+import '../../chunks/bundle-CM2t7eH3.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-C_dNvBEo.js';
-import '../../chunks/bundle-BgL9QnGd.js';
+import '../../chunks/bundle-nDjk3-Gt.js';
+import '../../chunks/bundle-DnCl_muj.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Bmk2FVdj.js';
+import '../../chunks/bundle-BsBFjLW0.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../CreateChannel/components/SelectChannelType.js';
-import '../../chunks/bundle-BjTYwue9.js';
+import '../../chunks/bundle-DTqKZ-sN.js';
 
 var AddGroupChannel = function () {
     var _a = useState(false), createChannelVisible = _a[0], setCreateChannelVisible = _a[1];