@sendbird/uikit-react 3.12.1 → 3.13.1

package/GroupChannel/context.js

@@ -1,20 +1,20 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-yoFO4gJM.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-XgKdQ_N6.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-bazn-ENb.js';
+import { U as UserProfileProvider } from '../chunks/bundle-V0xbpJPV.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useToggleReactionCallback } from '../chunks/bundle-Q3UquQ_i.js';
-import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from '../chunks/bundle-taqbMkQe.js';
-import { b as isContextMenuClosed, c as getMessageTopOffset } from '../chunks/bundle-a2TolYYj.js';
-import { a as useOnScrollPositionChangeDetectorWithRef } from '../chunks/bundle-BGFDI87G.js';
-import { p as pubSubFactory } from '../chunks/bundle-PrsPGxuw.js';
-import { p as pubSubTopics } from '../chunks/bundle--q7ObKwF.js';
-import { a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, j as META_ARRAY_MESSAGE_TYPE_KEY, k as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from '../chunks/bundle-S-mn30SU.js';
+import { u as useToggleReactionCallback } from '../chunks/bundle-M-mPRQVf.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from '../chunks/bundle-iNwXYg8t.js';
+import { b as isContextMenuClosed, c as getMessageTopOffset } from '../chunks/bundle-Ij2ogskR.js';
+import { a as useOnScrollPositionChangeDetectorWithRef } from '../chunks/bundle-9DSYjtTH.js';
+import { p as pubSubFactory } from '../chunks/bundle-1gwAtv3_.js';
+import { p as pubSubTopics } from '../chunks/bundle-kRkORTjK.js';
+import { a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, j as META_ARRAY_MESSAGE_TYPE_KEY, k as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from '../chunks/bundle-lQUghzL6.js';
 import '../withSendbird.js';
-import '../chunks/bundle-pwwvkK5L.js';
-import '../chunks/bundle-_o_iMme_.js';
+import '../chunks/bundle-9JcU7WF6.js';
+import '../chunks/bundle--bY8mmDR.js';
 
 function runCallback(callback, lazy) {
     if (lazy === void 0) { lazy = true; }
@@ -27,18 +27,29 @@ function runCallback(callback, lazy) {
         callback();
     }
 }
-function useMessageListScroll() {
+function getScrollBehavior(behavior, animated) {
+    if (typeof animated === 'boolean')
+        return animated ? 'smooth' : 'auto';
+    return behavior;
+}
+function useMessageListScroll(behavior) {
     var scrollRef = useRef(null);
     var scrollDistanceFromBottomRef = useRef(0);
     var scrollPubSub = useState(function () { return pubSubFactory(); })[0];
     var _a = useState(false), isScrollBottomReached = _a[0], setIsScrollBottomReached = _a[1];
     useLayoutEffect(function () {
         var unsubscribes = [];
-        unsubscribes.push(scrollPubSub.subscribe('scrollToBottom', function (resolve) {
+        unsubscribes.push(scrollPubSub.subscribe('scrollToBottom', function (_a) {
+            var resolve = _a.resolve, animated = _a.animated;
             runCallback(function () {
                 if (!scrollRef.current)
                     return;
-                scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+                if (scrollRef.current.scroll) {
+                    scrollRef.current.scroll({ top: scrollRef.current.scrollHeight, behavior: getScrollBehavior(behavior, animated) });
+                }
+                else {
+                    scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+                }
                 // Update data by manual update
                 scrollDistanceFromBottomRef.current = 0;
                 setIsScrollBottomReached(true);
@@ -47,12 +58,17 @@ function useMessageListScroll() {
             });
         }));
         unsubscribes.push(scrollPubSub.subscribe('scroll', function (_a) {
-            var top = _a.top, _b = _a.animated, animated = _b === void 0 ? false : _b, lazy = _a.lazy, resolve = _a.resolve;
+            var top = _a.top, animated = _a.animated, lazy = _a.lazy, resolve = _a.resolve;
             runCallback(function () {
                 if (!scrollRef.current)
                     return;
                 var _a = scrollRef.current, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-                scrollRef.current.scroll({ top: top, behavior: animated ? 'smooth' : 'auto' });
+                if (scrollRef.current.scroll) {
+                    scrollRef.current.scroll({ top: top, behavior: getScrollBehavior(behavior, animated) });
+                }
+                else {
+                    scrollRef.current.scrollTop = top;
+                }
                 // Update data by manual update
                 scrollDistanceFromBottomRef.current = Math.max(0, scrollHeight - scrollTop - clientHeight);
                 setIsScrollBottomReached(scrollDistanceFromBottomRef.current === 0);
@@ -66,7 +82,7 @@ function useMessageListScroll() {
                 return remove();
             });
         };
-    }, []);
+    }, [behavior]);
     // Update data by scroll events
     useOnScrollPositionChangeDetectorWithRef(scrollRef, {
         onReachedTop: function (_a) {
@@ -237,11 +253,11 @@ var GroupChannelProvider = function (props) {
     var markAsReadScheduler = config.markAsReadScheduler;
     // State
     var _h = useState(null), quoteMessage = _h[0], setQuoteMessage = _h[1];
-    var _j = useState(0), animatedMessageId = _j[0], setAnimatedMessageId = _j[1];
+    var _j = useState(null), animatedMessageId = _j[0], setAnimatedMessageId = _j[1];
     var _k = useState(null), currentChannel = _k[0], setCurrentChannel = _k[1];
     var _l = useState(null), fetchChannelError = _l[0], setFetchChannelError = _l[1];
     // Ref
-    var _m = useMessageListScroll(), scrollRef = _m.scrollRef, scrollPubSub = _m.scrollPubSub, scrollDistanceFromBottomRef = _m.scrollDistanceFromBottomRef, isScrollBottomReached = _m.isScrollBottomReached, setIsScrollBottomReached = _m.setIsScrollBottomReached;
+    var _m = useMessageListScroll(scrollBehavior), scrollRef = _m.scrollRef, scrollPubSub = _m.scrollPubSub, scrollDistanceFromBottomRef = _m.scrollDistanceFromBottomRef, isScrollBottomReached = _m.isScrollBottomReached, setIsScrollBottomReached = _m.setIsScrollBottomReached;
     var messageInputRef = useRef(null);
     var toggleReaction = useToggleReactionCallback(currentChannel, config.logger);
     var replyType = getCaseResolvedReplyType(moduleReplyType !== null && moduleReplyType !== void 0 ? moduleReplyType : config.groupChannel.replyType).upperCase;
@@ -273,7 +289,7 @@ var GroupChannelProvider = function (props) {
         },
         onMessagesReceived: function () {
             if (isScrollBottomReached && isContextMenuClosed()) {
-                scrollPubSub.publish('scrollToBottom', null);
+                scrollPubSub.publish('scrollToBottom', {});
             }
         },
         onChannelDeleted: function () {
@@ -312,7 +328,7 @@ var GroupChannelProvider = function (props) {
                                                     var viewUpdated = prevViewInfo.scrollHeight < nextViewInfo.scrollHeight;
                                                     if (viewUpdated) {
                                                         var bottomOffset = prevViewInfo.scrollHeight - prevViewInfo.scrollTop;
-                                                        scrollPubSub.publish('scroll', { top: nextViewInfo.scrollHeight - bottomOffset, lazy: false });
+                                                        scrollPubSub.publish('scroll', { top: nextViewInfo.scrollHeight - bottomOffset, lazy: false, animated: false });
                                                     }
                                                 });
                                                 return [2 /*return*/];
@@ -349,7 +365,7 @@ var GroupChannelProvider = function (props) {
                                                     var nextViewInfo = { scrollHeight: scrollRef.current.scrollHeight };
                                                     var viewUpdated = prevViewInfo.scrollHeight < nextViewInfo.scrollHeight;
                                                     if (viewUpdated) {
-                                                        scrollPubSub.publish('scroll', { top: prevViewInfo.scrollTop, lazy: false });
+                                                        scrollPubSub.publish('scroll', { top: prevViewInfo.scrollTop, lazy: false, animated: false });
                                                     }
                                                 });
                                                 return [2 /*return*/];
@@ -394,7 +410,7 @@ var GroupChannelProvider = function (props) {
                 case 4:
                     // Reset states when channel changes
                     setQuoteMessage(null);
-                    setAnimatedMessageId(0);
+                    setAnimatedMessageId(null);
                     return [7 /*endfinally*/];
                 case 5: return [2 /*return*/];
             }
@@ -413,7 +429,7 @@ var GroupChannelProvider = function (props) {
                     preventDuplicateRequest.lock();
                     return [4 /*yield*/, preventDuplicateRequest.run(function () {
                             return new Promise(function (resolve) {
-                                scrollPubSub.publish('scrollToBottom', resolve);
+                                scrollPubSub.publish('scrollToBottom', { resolve: resolve, animated: false });
                             });
                         })];
                 case 1:
@@ -423,7 +439,7 @@ var GroupChannelProvider = function (props) {
                 case 2:
                     onSentMessageFromOtherModule = function (data) {
                         if (data.channel.url === channelUrl)
-                            scrollPubSub.publish('scrollToBottom', null);
+                            scrollPubSub.publish('scrollToBottom', {});
                     };
                     subscribes = [
                         config.pubSub.subscribe(pubSubTopics.SEND_USER_MESSAGE, onSentMessageFromOtherModule),
@@ -431,7 +447,7 @@ var GroupChannelProvider = function (props) {
                     ];
                     return [2 /*return*/, function () {
                             subscribes.forEach(function (subscribe) { return subscribe.remove(); });
-                            scrollPubSub.publish('scrollToBottom', null);
+                            scrollPubSub.publish('scrollToBottom', { animated: false });
                         }];
             }
         });
@@ -441,7 +457,7 @@ var GroupChannelProvider = function (props) {
         if (typeof startingPoint === 'number') {
             // We do not handle animation for message search here.
             // Please update the animatedMessageId prop to trigger the animation.
-            scrollToMessage(startingPoint, 0, false);
+            scrollToMessage(startingPoint, 0, false, false);
         }
     }, [startingPoint]);
     // SideEffect: Update animatedMessageId prop to state.
@@ -449,22 +465,22 @@ var GroupChannelProvider = function (props) {
         if (_animatedMessageId)
             setAnimatedMessageId(_animatedMessageId);
     }, [_animatedMessageId]);
-    var scrollToBottom = usePreservedCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+    var scrollToBottom = usePreservedCallback(function (animated) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     if (!scrollRef.current)
                         return [2 /*return*/];
-                    setAnimatedMessageId(0);
+                    setAnimatedMessageId(null);
                     setIsScrollBottomReached(true);
                     if (!(config.isOnline && messageDataSource.hasNext())) return [3 /*break*/, 2];
                     return [4 /*yield*/, messageDataSource.resetWithStartingPoint(Number.MAX_SAFE_INTEGER)];
                 case 1:
                     _a.sent();
-                    scrollPubSub.publish('scrollToBottom', null);
+                    scrollPubSub.publish('scrollToBottom', { animated: animated });
                     return [3 /*break*/, 3];
                 case 2:
-                    scrollPubSub.publish('scrollToBottom', null);
+                    scrollPubSub.publish('scrollToBottom', { animated: animated });
                     _a.label = 3;
                 case 3:
                     if (currentChannel && !messageDataSource.hasNext()) {
@@ -476,57 +492,54 @@ var GroupChannelProvider = function (props) {
             }
         });
     }); });
-    var scrollToMessage = usePreservedCallback(function (createdAt, messageId, animated) {
-        if (animated === void 0) { animated = true; }
-        return __awaiter(void 0, void 0, void 0, function () {
-            var element, parentNode, clickHandler, message, topOffset;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        element = scrollRef.current;
-                        parentNode = element === null || element === void 0 ? void 0 : element.parentNode;
-                        clickHandler = {
-                            activate: function () {
-                                if (!element || !parentNode)
-                                    return;
-                                element.style.pointerEvents = 'auto';
-                                parentNode.style.cursor = 'auto';
-                            },
-                            deactivate: function () {
-                                if (!element || !parentNode)
-                                    return;
-                                element.style.pointerEvents = 'none';
-                                parentNode.style.cursor = 'wait';
-                            },
-                        };
-                        clickHandler.deactivate();
-                        setAnimatedMessageId(0);
-                        message = messageDataSource.messages.find(function (it) { return it.messageId === messageId || it.createdAt === createdAt; });
-                        if (!message) return [3 /*break*/, 1];
-                        topOffset = getMessageTopOffset(message.createdAt);
+    var scrollToMessage = usePreservedCallback(function (createdAt, messageId, messageFocusAnimated, scrollAnimated) { return __awaiter(void 0, void 0, void 0, function () {
+        var element, parentNode, clickHandler, message, topOffset;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    element = scrollRef.current;
+                    parentNode = element === null || element === void 0 ? void 0 : element.parentNode;
+                    clickHandler = {
+                        activate: function () {
+                            if (!element || !parentNode)
+                                return;
+                            element.style.pointerEvents = 'auto';
+                            parentNode.style.cursor = 'auto';
+                        },
+                        deactivate: function () {
+                            if (!element || !parentNode)
+                                return;
+                            element.style.pointerEvents = 'none';
+                            parentNode.style.cursor = 'wait';
+                        },
+                    };
+                    clickHandler.deactivate();
+                    setAnimatedMessageId(null);
+                    message = messageDataSource.messages.find(function (it) { return it.messageId === messageId || it.createdAt === createdAt; });
+                    if (!message) return [3 /*break*/, 1];
+                    topOffset = getMessageTopOffset(message.createdAt);
+                    if (topOffset)
+                        scrollPubSub.publish('scroll', { top: topOffset, animated: scrollAnimated });
+                    if (messageFocusAnimated !== null && messageFocusAnimated !== void 0 ? messageFocusAnimated : true)
+                        setAnimatedMessageId(messageId);
+                    return [3 /*break*/, 3];
+                case 1: return [4 /*yield*/, messageDataSource.resetWithStartingPoint(createdAt)];
+                case 2:
+                    _a.sent();
+                    setTimeout(function () {
+                        var topOffset = getMessageTopOffset(createdAt);
                         if (topOffset)
-                            scrollPubSub.publish('scroll', { top: topOffset });
-                        if (animated)
+                            scrollPubSub.publish('scroll', { top: topOffset, lazy: false, animated: scrollAnimated });
+                        if (messageFocusAnimated !== null && messageFocusAnimated !== void 0 ? messageFocusAnimated : true)
                             setAnimatedMessageId(messageId);
-                        return [3 /*break*/, 3];
-                    case 1: return [4 /*yield*/, messageDataSource.resetWithStartingPoint(createdAt)];
-                    case 2:
-                        _a.sent();
-                        setTimeout(function () {
-                            var topOffset = getMessageTopOffset(createdAt);
-                            if (topOffset)
-                                scrollPubSub.publish('scroll', { top: topOffset, lazy: false });
-                            if (animated)
-                                setAnimatedMessageId(messageId);
-                        });
-                        _a.label = 3;
-                    case 3:
-                        clickHandler.activate();
-                        return [2 /*return*/];
-                }
-            });
+                    });
+                    _a.label = 3;
+                case 3:
+                    clickHandler.activate();
+                    return [2 /*return*/];
+            }
         });
-    });
+    }); });
     var messageActions = useMessageActions(__assign(__assign(__assign({}, props), messageDataSource), { scrollToBottom: scrollToBottom, quoteMessage: quoteMessage, replyType: replyType }));
     return (React__default.createElement(GroupChannelContext.Provider, { value: __assign(__assign({ 
             // # Props

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,82 +1,82 @@
-import { _ as __assign } from './chunks/bundle-yoFO4gJM.js';
+import { _ as __assign } from './chunks/bundle-XgKdQ_N6.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-bazn-ENb.js';
+import './chunks/bundle-V0xbpJPV.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-Q3UquQ_i.js';
-import './chunks/bundle-taqbMkQe.js';
-import './chunks/bundle-a2TolYYj.js';
-import './chunks/bundle-BGFDI87G.js';
-import './chunks/bundle-S-mn30SU.js';
-import './chunks/bundle-pwwvkK5L.js';
-import './chunks/bundle-_o_iMme_.js';
-import './chunks/bundle-PrsPGxuw.js';
-import './chunks/bundle--q7ObKwF.js';
-import './chunks/bundle-UDnO8-Dp.js';
+import './chunks/bundle-M-mPRQVf.js';
+import './chunks/bundle-iNwXYg8t.js';
+import './chunks/bundle-Ij2ogskR.js';
+import './chunks/bundle-9DSYjtTH.js';
+import './chunks/bundle-lQUghzL6.js';
+import './chunks/bundle-9JcU7WF6.js';
+import './chunks/bundle--bY8mmDR.js';
+import './chunks/bundle-1gwAtv3_.js';
+import './chunks/bundle-kRkORTjK.js';
+import './chunks/bundle-N-PDD2Cl.js';
 import './GroupChannel/components/TypingIndicator.js';
-import './chunks/bundle-52hs7-M-.js';
-import './chunks/bundle-yPhMS1LV.js';
-import './chunks/bundle-_xgfKjN0.js';
-import './chunks/bundle-wO0wz3br.js';
-import './chunks/bundle-wdUAfmoS.js';
-import './chunks/bundle-f9AOpkiS.js';
+import './chunks/bundle-ueZaur75.js';
+import './chunks/bundle-DpuIAEpN.js';
+import './chunks/bundle-fGp6w98-.js';
+import './chunks/bundle-vKBxT9Oa.js';
+import './chunks/bundle-a81-P2WI.js';
+import './chunks/bundle-Q0DCPBLF.js';
 import './ui/ConnectionStatus.js';
 import './ui/Icon.js';
-import './chunks/bundle-TovLF3ih.js';
+import './chunks/bundle-LN_WdItn.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-jHpuKuA-.js';
+import './chunks/bundle-7DsbNj8s.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-f1tjVRSh.js';
+import './chunks/bundle-o8w1wTMw.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Jun66RyD.js';
-import './chunks/bundle-SMgyl32k.js';
-import './chunks/bundle-r1f2uym4.js';
-import './chunks/bundle-fMkcL8C8.js';
+import './chunks/bundle-b3nJcKrD.js';
+import './chunks/bundle-4OgQJ7X4.js';
+import './chunks/bundle-xJvVI8rO.js';
+import './chunks/bundle-726H1FcN.js';
 import './GroupChannel/components/MessageList.js';
-import './chunks/bundle-TYsOyvS5.js';
+import './chunks/bundle-aRzA6Ar7.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-5fPKUbCn.js';
+import './chunks/bundle-ZcW4v7tz.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-yQgn6JfU.js';
-import './chunks/bundle-is3QkoNv.js';
-import './chunks/bundle-WImaBVSO.js';
+import './chunks/bundle-3uSBAMCx.js';
+import './chunks/bundle-IaU6YF_5.js';
+import './chunks/bundle-jH1LTiaZ.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-2BKREX4m.js';
+import './chunks/bundle-pYQxFvty.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-YpfSm9dM.js';
+import './chunks/bundle-YTNRflOw.js';
 import './ui/Button.js';
-import './chunks/bundle-B_WSWypW.js';
+import './chunks/bundle-wAW5sK6g.js';
 import 'dompurify';
-import './chunks/bundle-9JkrMUIl.js';
-import './chunks/bundle-014pCrux.js';
-import './chunks/bundle-tPOBtJjA.js';
-import './chunks/bundle-W_nWubt-.js';
+import './chunks/bundle-rYMayCT3.js';
+import './chunks/bundle-Bq8FTiM8.js';
+import './chunks/bundle-lYHZR3jb.js';
+import './chunks/bundle-8FWrrAa9.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-1pgLpH_4.js';
-import './chunks/bundle-6ivjnK_C.js';
-import './chunks/bundle-U7_j21Ss.js';
+import './chunks/bundle-XBlUtykQ.js';
+import './chunks/bundle-C8lBzFe4.js';
+import './chunks/bundle-YQzd7GID.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
-import './chunks/bundle-TzTFcIfJ.js';
+import './chunks/bundle-OaODZhZ_.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-rW70z6Ho.js';
+import './chunks/bundle-9eXfVBSj.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
-import './chunks/bundle-6hgn3L9Y.js';
+import './chunks/bundle-ZxknBRho.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -87,50 +87,54 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-A8dpIXKJ.js';
-import './chunks/bundle-ykuyabqF.js';
+import './chunks/bundle-vqMWfuob.js';
+import './chunks/bundle-m49aWDUM.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-LG3hn4TL.js';
+import './chunks/bundle-26v6WTQh.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-xLjEyoT0.js';
-import './chunks/bundle-cJYfaBvk.js';
-import './chunks/bundle-SXGL8fBv.js';
+import './chunks/bundle-8bj34OZZ.js';
+import './chunks/bundle-ZA3vOSBy.js';
+import './chunks/bundle-4PIMbALe.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-wKSIzWUl.js';
+import './chunks/bundle-ILthLqdx.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
+import './ui/TemplateMessageItemBody.js';
+import './chunks/bundle-G8aQ8ldg.js';
+import './ui/FallbackTemplateMessageItemBody.tsx.js';
+import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
 import './Channel/components/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-BF1Rr3vo.js';
+import './chunks/bundle-EPOzCaN-.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-gSFYF-34.js';
+import './chunks/bundle-QzQ0Z1lc.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-BLt9vn5B.js';
-import './chunks/bundle--pOSeu9W.js';
+import './chunks/bundle-CChs9z4I.js';
+import './chunks/bundle-I3SOpmVR.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-OAC6aJ8X.js';
+import './chunks/bundle-tpQ4ZoL7.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-BTLUIJqA.js';
-import './chunks/bundle-24By8B6B.js';
+import './chunks/bundle-5j_LCcnI.js';
+import './chunks/bundle-yVnIU7yv.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,44 +1,44 @@
 import React__default, { useState } from 'react';
-import { A as AddGroupChannelView } from '../../chunks/bundle-DS8eBDjC.js';
+import { A as AddGroupChannelView } from '../../chunks/bundle-Yfu3khe4.js';
 import { useGroupChannelListContext } from '../context.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-yoFO4gJM.js';
+import '../../chunks/bundle-XgKdQ_N6.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-TovLF3ih.js';
+import '../../chunks/bundle-LN_WdItn.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../chunks/bundle-F_qWVzaf.js';
+import '../../chunks/bundle-qGz9DwGC.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle--q7ObKwF.js';
+import '../../chunks/bundle-kRkORTjK.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../chunks/bundle-_xgfKjN0.js';
-import '../../chunks/bundle-yPhMS1LV.js';
-import '../../chunks/bundle-wO0wz3br.js';
-import '../../chunks/bundle-fMkcL8C8.js';
-import '../../chunks/bundle-6hgn3L9Y.js';
+import '../../chunks/bundle-fGp6w98-.js';
+import '../../chunks/bundle-DpuIAEpN.js';
+import '../../chunks/bundle-vKBxT9Oa.js';
+import '../../chunks/bundle-726H1FcN.js';
+import '../../chunks/bundle-ZxknBRho.js';
 import 'react-dom';
 import '../../ui/Button.js';
-import '../../chunks/bundle-52hs7-M-.js';
+import '../../chunks/bundle-ueZaur75.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-bazn-ENb.js';
-import '../../chunks/bundle-f1tjVRSh.js';
+import '../../chunks/bundle-V0xbpJPV.js';
+import '../../chunks/bundle-o8w1wTMw.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Jun66RyD.js';
+import '../../chunks/bundle-b3nJcKrD.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-wdUAfmoS.js';
-import '../../chunks/bundle-TYsOyvS5.js';
+import '../../chunks/bundle-a81-P2WI.js';
+import '../../chunks/bundle-aRzA6Ar7.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-5fPKUbCn.js';
+import '../../chunks/bundle-ZcW4v7tz.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-6cTGHg9E.js';
+import '../../chunks/bundle-Q-LEE_gW.js';
 import '@sendbird/chat';
 
 var AddGroupChannel = function () {

package/GroupChannelList/components/GroupChannelListHeader.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../chunks/bundle-_xgfKjN0.js';
-import { A as Avatar } from '../../chunks/bundle-f1tjVRSh.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-52hs7-M-.js';
+import { u as useLocalization } from '../../chunks/bundle-fGp6w98-.js';
+import { A as Avatar } from '../../chunks/bundle-o8w1wTMw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-ueZaur75.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-yoFO4gJM.js';
-import '../../chunks/bundle-yPhMS1LV.js';
-import '../../chunks/bundle-wO0wz3br.js';
+import '../../chunks/bundle-XgKdQ_N6.js';
+import '../../chunks/bundle-DpuIAEpN.js';
+import '../../chunks/bundle-vKBxT9Oa.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-TovLF3ih.js';
-import '../../chunks/bundle-Jun66RyD.js';
+import '../../chunks/bundle-LN_WdItn.js';
+import '../../chunks/bundle-b3nJcKrD.js';
 import '../../ui/Icon.js';
 
 var GroupChannelListHeader = function (_a) {