@sendbird/uikit-react 3.10.1 → 3.11.0

package/chunks/bundle-7jAH-Rav.js

@@ -0,0 +1,550 @@
+import { _ as __assign, b as __awaiter, c as __generator } from './bundle-fgwje9pW.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 './bundle-NQlEMhhs.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { u as useToggleReactionCallback } from './bundle-NeB2uoNn.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './bundle-WK57RaQR.js';
+import { b as isContextMenuClosed, g as getMessageTopOffset } from './bundle-2mo18Chz.js';
+import { a as useOnScrollPositionChangeDetectorWithRef } from './bundle-143lYf48.js';
+import { p as pubSubFactory } from './bundle-byix4-_Z.js';
+import { p as pubSubTopics } from './bundle-pfcIdF14.js';
+import { a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, h as META_ARRAY_MESSAGE_TYPE_KEY, i as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './bundle-zpdae5WH.js';
+
+function runCallback(callback, lazy) {
+    if (lazy === void 0) { lazy = true; }
+    if (lazy) {
+        setTimeout(function () {
+            callback();
+        });
+    }
+    else {
+        callback();
+    }
+}
+function useMessageListScroll() {
+    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) {
+            runCallback(function () {
+                if (!scrollRef.current)
+                    return;
+                scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+                // Update data by manual update
+                scrollDistanceFromBottomRef.current = 0;
+                setIsScrollBottomReached(true);
+                if (resolve)
+                    resolve();
+            });
+        }));
+        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;
+            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' });
+                // Update data by manual update
+                scrollDistanceFromBottomRef.current = Math.max(0, scrollHeight - scrollTop - clientHeight);
+                setIsScrollBottomReached(scrollDistanceFromBottomRef.current === 0);
+                if (resolve)
+                    resolve();
+            }, lazy);
+        }));
+        return function () {
+            unsubscribes.forEach(function (_a) {
+                var remove = _a.remove;
+                return remove();
+            });
+        };
+    }, []);
+    // 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,
+    };
+}
+
+var pass = function (value) { return value; };
+/**
+ * @description This hook controls common processes related to message sending, updating.
+ * */
+function useMessageActions(params) {
+    var _this = this;
+    var _a = params.onBeforeSendUserMessage, onBeforeSendUserMessage = _a === void 0 ? pass : _a, _b = params.onBeforeSendFileMessage, onBeforeSendFileMessage = _b === void 0 ? pass : _b, _c = params.onBeforeUpdateUserMessage, onBeforeUpdateUserMessage = _c === void 0 ? pass : _c, _d = params.onBeforeSendVoiceMessage, onBeforeSendVoiceMessage = _d === void 0 ? pass : _d, _e = params.onBeforeSendMultipleFilesMessage, onBeforeSendMultipleFilesMessage = _e === void 0 ? pass : _e, sendFileMessage = params.sendFileMessage, sendMultipleFilesMessage = params.sendMultipleFilesMessage, sendUserMessage = params.sendUserMessage, updateUserMessage = params.updateUserMessage, scrollToBottom = params.scrollToBottom, quoteMessage = params.quoteMessage, replyType = params.replyType;
+    var buildInternalMessageParams = useCallback(function (basicParams) {
+        var messageParams = __assign({}, basicParams);
+        if (params.quoteMessage && replyType !== 'NONE') {
+            messageParams.isReplyToChannel = true;
+            messageParams.parentMessageId = quoteMessage.messageId;
+        }
+        return messageParams;
+    }, [replyType, quoteMessage]);
+    return {
+        sendUserMessage: useCallback(function (params) { return __awaiter(_this, void 0, void 0, function () {
+            var internalParams, processedParams;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        internalParams = buildInternalMessageParams(params);
+                        return [4 /*yield*/, onBeforeSendUserMessage(internalParams)];
+                    case 1:
+                        processedParams = _a.sent();
+                        return [2 /*return*/, sendUserMessage(processedParams, function () { return scrollToBottom(); })];
+                }
+            });
+        }); }, [buildInternalMessageParams, sendUserMessage, scrollToBottom]),
+        sendFileMessage: useCallback(function (params) { return __awaiter(_this, void 0, void 0, function () {
+            var internalParams, processedParams;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        internalParams = buildInternalMessageParams(params);
+                        return [4 /*yield*/, onBeforeSendFileMessage(internalParams)];
+                    case 1:
+                        processedParams = _a.sent();
+                        return [2 /*return*/, sendFileMessage(processedParams, function () { return scrollToBottom(); })];
+                }
+            });
+        }); }, [buildInternalMessageParams, sendFileMessage, scrollToBottom]),
+        sendMultipleFilesMessage: useCallback(function (params) { return __awaiter(_this, void 0, void 0, function () {
+            var internalParams, processedParams;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        internalParams = buildInternalMessageParams(params);
+                        return [4 /*yield*/, onBeforeSendMultipleFilesMessage(internalParams)];
+                    case 1:
+                        processedParams = _a.sent();
+                        return [2 /*return*/, sendMultipleFilesMessage(processedParams, function () { return scrollToBottom(); })];
+                }
+            });
+        }); }, [buildInternalMessageParams, sendMultipleFilesMessage, scrollToBottom]),
+        sendVoiceMessage: useCallback(function (params, duration) { return __awaiter(_this, void 0, void 0, function () {
+            var internalParams, processedParams;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        internalParams = buildInternalMessageParams(__assign(__assign({}, params), { fileName: VOICE_MESSAGE_FILE_NAME, mimeType: VOICE_MESSAGE_MIME_TYPE, metaArrays: [
+                                new MessageMetaArray({
+                                    key: META_ARRAY_VOICE_DURATION_KEY,
+                                    value: ["".concat(duration)],
+                                }),
+                                new MessageMetaArray({
+                                    key: META_ARRAY_MESSAGE_TYPE_KEY,
+                                    value: [META_ARRAY_MESSAGE_TYPE_VALUE__VOICE],
+                                }),
+                            ] }));
+                        return [4 /*yield*/, onBeforeSendVoiceMessage(internalParams)];
+                    case 1:
+                        processedParams = _a.sent();
+                        return [2 /*return*/, sendFileMessage(processedParams, function () { return scrollToBottom(); })];
+                }
+            });
+        }); }, [buildInternalMessageParams, sendFileMessage, scrollToBottom]),
+        updateUserMessage: useCallback(function (messageId, params) { return __awaiter(_this, void 0, void 0, function () {
+            var internalParams, processedParams;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        internalParams = buildInternalMessageParams(params);
+                        return [4 /*yield*/, onBeforeUpdateUserMessage(internalParams)];
+                    case 1:
+                        processedParams = _a.sent();
+                        return [2 /*return*/, updateUserMessage(messageId, processedParams)];
+                }
+            });
+        }); }, [buildInternalMessageParams, updateUserMessage]),
+    };
+}
+
+/**
+ * @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;
+    var channelUrl = props.channelUrl, children = props.children, moduleReactionEnabled = props.isReactionEnabled, moduleReplyType = props.replyType, moduleThreadReplySelectType = props.threadReplySelectType, _d = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _d === void 0 ? true : _d, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, showSearchIcon = props.showSearchIcon, _e = props.disableMarkAsRead, disableMarkAsRead = _e === void 0 ? false : _e, _f = props.scrollBehavior, scrollBehavior = _f === void 0 ? 'auto' : _f, startingPoint = props.startingPoint, _animatedMessageId = props.animatedMessageId, messageListQueryParams = props.messageListQueryParams, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage, onMessageAnimated = props.onMessageAnimated, onBackClick = props.onBackClick, onChatHeaderActionClick = props.onChatHeaderActionClick, onReplyInThreadClick = props.onReplyInThreadClick, onSearchClick = props.onSearchClick, onQuoteMessageClick = props.onQuoteMessageClick, renderUserMentionItem = props.renderUserMentionItem;
+    // Global context
+    var _g = useSendbirdStateContext(), config = _g.config, stores = _g.stores;
+    var sdkStore = stores.sdkStore;
+    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 _k = useState(null), currentChannel = _k[0], setCurrentChannel = _k[1];
+    // Ref
+    var _l = useMessageListScroll(), scrollRef = _l.scrollRef, scrollPubSub = _l.scrollPubSub, scrollDistanceFromBottomRef = _l.scrollDistanceFromBottomRef, isScrollBottomReached = _l.isScrollBottomReached, setIsScrollBottomReached = _l.setIsScrollBottomReached;
+    var messageInputRef = useRef(null);
+    var toggleReaction = useToggleReactionCallback(currentChannel, config.logger);
+    var replyType = getCaseResolvedReplyType(moduleReplyType !== null && moduleReplyType !== void 0 ? moduleReplyType : config.groupChannel.replyType).upperCase;
+    var threadReplySelectType = getCaseResolvedThreadReplySelectType(moduleThreadReplySelectType !== null && moduleThreadReplySelectType !== void 0 ? moduleThreadReplySelectType : config.groupChannel.threadReplySelectType).upperCase;
+    var chatReplyType = useIIFE(function () {
+        if (replyType === 'NONE')
+            return ReplyType.NONE;
+        return ReplyType.ONLY_REPLY_TO_CHANNEL;
+    });
+    var isReactionEnabled = useIIFE(function () {
+        if (!currentChannel || currentChannel.isSuper || currentChannel.isBroadcast || currentChannel.isEphemeral)
+            return false;
+        return moduleReactionEnabled !== null && moduleReactionEnabled !== void 0 ? moduleReactionEnabled : config.groupChannel.enableReactions;
+    });
+    var nicknamesMap = useMemo(function () { var _a; return new Map(((_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) !== null && _a !== void 0 ? _a : []).map(function (_a) {
+        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) {
+            if (!disableMarkAsRead && isScrollBottomReached) {
+                channels.forEach(function (it) { return markAsReadScheduler.push(it); });
+            }
+        },
+        onMessagesReceived: function () {
+            if (isScrollBottomReached && isContextMenuClosed()) {
+                scrollPubSub.publish('scrollToBottom', null);
+            }
+        },
+        onChannelDeleted: function () { return setCurrentChannel(null); },
+        onCurrentUserBanned: function () { return setCurrentChannel(null); },
+        onChannelUpdated: function (channel) { return setCurrentChannel(channel); },
+        logger: config.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;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                if (!messageDataSource.hasPrevious())
+                                                    return [2 /*return*/];
+                                                prevViewInfo = { scrollTop: scrollRef.current.scrollTop, scrollHeight: scrollRef.current.scrollHeight };
+                                                return [4 /*yield*/, messageDataSource.loadPrevious()];
+                                            case 1:
+                                                _a.sent();
+                                                // FIXME: We need a good way to detect right after the rendering of the screen instead of using setTimeout.
+                                                setTimeout(function () {
+                                                    var nextViewInfo = { scrollHeight: scrollRef.current.scrollHeight };
+                                                    var viewUpdated = prevViewInfo.scrollHeight < nextViewInfo.scrollHeight;
+                                                    if (viewUpdated) {
+                                                        var bottomOffset = prevViewInfo.scrollHeight - prevViewInfo.scrollTop;
+                                                        scrollPubSub.publish('scroll', { top: nextViewInfo.scrollHeight - bottomOffset, lazy: 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;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                if (!messageDataSource.hasNext())
+                                                    return [2 /*return*/];
+                                                prevViewInfo = { scrollTop: scrollRef.current.scrollTop, scrollHeight: scrollRef.current.scrollHeight };
+                                                return [4 /*yield*/, messageDataSource.loadNext()];
+                                            case 1:
+                                                _a.sent();
+                                                setTimeout(function () {
+                                                    var nextViewInfo = { scrollHeight: scrollRef.current.scrollHeight };
+                                                    var viewUpdated = prevViewInfo.scrollHeight < nextViewInfo.scrollHeight;
+                                                    if (viewUpdated) {
+                                                        scrollPubSub.publish('scroll', { top: prevViewInfo.scrollTop, lazy: 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;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(sdkStore.initialized && channelUrl)) return [3 /*break*/, 5];
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, sdkStore.sdk.groupChannel.getChannel(channelUrl)];
+                case 2:
+                    channel = _b.sent();
+                    setCurrentChannel(channel);
+                    return [3 /*break*/, 5];
+                case 3:
+                    _b.sent();
+                    setCurrentChannel(null);
+                    return [3 /*break*/, 5];
+                case 4:
+                    // Reset states when channel changes
+                    setQuoteMessage(null);
+                    setAnimatedMessageId(0);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [sdkStore.initialized, sdkStore.sdk, channelUrl]);
+    // SideEffect: Scroll to the bottom
+    //  - On the initialized message list
+    //  - On messages sent from the thread
+    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);
+                            });
+                        })];
+                case 1:
+                    _a.sent();
+                    preventDuplicateRequest.release();
+                    _a.label = 2;
+                case 2:
+                    onSentMessageFromOtherModule = function (data) {
+                        if (data.channel.url === channelUrl)
+                            scrollPubSub.publish('scrollToBottom', null);
+                    };
+                    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', null);
+                        }];
+            }
+        });
+    }); }, [messageDataSource.initialized, channelUrl]);
+    // SideEffect: Reset MessageCollection with startingPoint prop.
+    useEffect(function () {
+        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);
+        }
+    }, [startingPoint]);
+    // SideEffect: Update animatedMessageId prop to state.
+    useEffect(function () {
+        if (_animatedMessageId)
+            setAnimatedMessageId(_animatedMessageId);
+    }, [_animatedMessageId]);
+    var scrollToBottom = usePreservedCallback(function () { 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);
+                    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);
+                    return [3 /*break*/, 3];
+                case 2:
+                    scrollPubSub.publish('scrollToBottom', null);
+                    _a.label = 3;
+                case 3:
+                    if (currentChannel && !messageDataSource.hasNext()) {
+                        messageDataSource.resetNewMessages();
+                        if (!disableMarkAsRead)
+                            markAsReadScheduler.push(currentChannel);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    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);
+                        if (topOffset)
+                            scrollPubSub.publish('scroll', { top: topOffset });
+                        if (animated)
+                            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*/];
+                }
+            });
+        });
+    });
+    var messageActions = useMessageActions(__assign(__assign(__assign({}, props), messageDataSource), { scrollToBottom: scrollToBottom, quoteMessage: quoteMessage, replyType: replyType }));
+    return (React__default.createElement(GroupChannelContext.Provider, { value: __assign(__assign({ 
+            // # Props
+            channelUrl: channelUrl, isReactionEnabled: isReactionEnabled, isMessageGroupingEnabled: isMessageGroupingEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, showSearchIcon: showSearchIcon !== null && showSearchIcon !== void 0 ? showSearchIcon : config.showSearchIcon, replyType: replyType, threadReplySelectType: threadReplySelectType, disableMarkAsRead: disableMarkAsRead, scrollBehavior: scrollBehavior, 
+            // # Custom Props
+            messageListQueryParams: messageListQueryParams, 
+            // ## Message
+            onBeforeSendUserMessage: onBeforeSendUserMessage, onBeforeSendFileMessage: onBeforeSendFileMessage, onBeforeSendVoiceMessage: onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage, onBeforeUpdateUserMessage: onBeforeUpdateUserMessage, 
+            // ## Focusing
+            onMessageAnimated: onMessageAnimated, 
+            // ## Click
+            onBackClick: onBackClick, onChatHeaderActionClick: onChatHeaderActionClick, onReplyInThreadClick: onReplyInThreadClick, onSearchClick: onSearchClick, onQuoteMessageClick: onQuoteMessageClick, 
+            // ## Custom render
+            renderUserMentionItem: renderUserMentionItem, 
+            // Internal Interface
+            currentChannel: currentChannel, 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) },
+        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 () {
+    var context = useContext(GroupChannelContext);
+    if (!context)
+        throw new Error('GroupChannelContext not found. Use within the GroupChannel module.');
+    return context;
+};
+function getCollectionCreator(groupChannel, messageListQueryParams) {
+    return function (defaultParams) {
+        var params = __assign(__assign(__assign({}, defaultParams), { prevResultLimit: 30, nextResultLimit: 30 }), messageListQueryParams);
+        return groupChannel.createMessageCollection(__assign(__assign({}, params), { filter: new MessageFilter(params) }));
+    };
+}
+
+export { GroupChannelProvider as G, useGroupChannelContext as u };
+//# sourceMappingURL=bundle-7jAH-Rav.js.map

package/chunks/bundle-7jAH-Rav.js.map

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