@sendbird/uikit-react 3.11.1 → 3.12.0-rc.0

package/chunks/bundle-jamufWw7.js

@@ -1,230 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { useChannelContext } from '../Channel/context.js';
-import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { M as Message } from './bundle-veNmMfAH.js';
-import { i as isAboutSame } from './bundle-QWYghVSN.js';
-import { U as UnreadCount } from './bundle-8OBG2Jrw.js';
-import { F as FrozenNotification } from './bundle-dMLt2ro9.js';
-import { S as SCROLL_BUFFER } from './bundle-e5lT4U6_.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { MessageProvider } from '../Message/context.js';
-import { u as useHandleOnScrollCallback } from './bundle-A9vhM7uK.js';
-import { u as useThrottleCallback } from './bundle-kP3o9aRv.js';
-import TypingIndicatorBubble from '../ui/TypingIndicatorBubble.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-OYvgeZlT.js';
-import { getMessagePartsInfo } from '../Channel/utils/getMessagePartsInfo.js';
-
-var TypingIndicatorType;
-(function (TypingIndicatorType) {
-    TypingIndicatorType["Text"] = "text";
-    TypingIndicatorType["Bubble"] = "bubble";
-})(TypingIndicatorType || (TypingIndicatorType = {}));
-
-var DELAY = 100;
-function useSetScrollToBottom(_a) {
-    var loading = _a.loading;
-    var _b = useState(0), scrollBottom = _b[0], setScrollBottom = _b[1];
-    useEffect(function () {
-        if (loading) {
-            setScrollBottom(0);
-        }
-    }, [loading]);
-    var scrollCb = function (e) {
-        var element = e.target;
-        try {
-            setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);
-        }
-        catch (_a) {
-            //
-        }
-    };
-    return {
-        scrollBottom: scrollBottom,
-        scrollToBottomHandler: useThrottleCallback(scrollCb, DELAY, { trailing: true }),
-    };
-}
-
-function useScrollBehavior() {
-    var _a = useChannelContext(), scrollRef = _a.scrollRef, _b = _a.scrollBehavior, scrollBehavior = _b === void 0 ? 'auto' : _b;
-    useEffect(function () {
-        if (scrollRef.current) {
-            scrollRef.current.style.scrollBehavior = scrollBehavior;
-        }
-    }, [scrollRef.current]);
-    return null;
-}
-
-/* We operate the CSS files for Channel&GroupChannel modules in the GroupChannel */
-var SCROLL_BOTTOM_PADDING = 50;
-var MessageList = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var _g = _a.className, className = _g === void 0 ? '' : _g, renderMessage = _a.renderMessage, renderMessageContent = _a.renderMessageContent, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderCustomSeparator = _a.renderCustomSeparator, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderFrozenNotification = _a.renderFrozenNotification;
-    var _h = useChannelContext(), allMessages = _h.allMessages, localMessages = _h.localMessages, hasMorePrev = _h.hasMorePrev, hasMoreNext = _h.hasMoreNext, setInitialTimeStamp = _h.setInitialTimeStamp, setAnimatedMessageId = _h.setAnimatedMessageId, setHighLightedMessageId = _h.setHighLightedMessageId, isMessageGroupingEnabled = _h.isMessageGroupingEnabled, scrollRef = _h.scrollRef, onScrollCallback = _h.onScrollCallback, onScrollDownCallback = _h.onScrollDownCallback, messagesDispatcher = _h.messagesDispatcher, messageActionTypes = _h.messageActionTypes, currentGroupChannel = _h.currentGroupChannel, disableMarkAsRead = _h.disableMarkAsRead, filterMessageList = _h.filterMessageList, replyType = _h.replyType, loading = _h.loading, isScrolled = _h.isScrolled, unreadSince = _h.unreadSince, unreadSinceDate = _h.unreadSinceDate, typingMembers = _h.typingMembers;
-    var store = useSendbirdStateContext();
-    var allMessagesFiltered = (typeof filterMessageList === 'function')
-        ? allMessages.filter(filterMessageList)
-        : allMessages;
-    var markAsReadScheduler = store.config.markAsReadScheduler;
-    var _j = useState(false), isScrollBottom = _j[0], setIsScrollBottom = _j[1];
-    useScrollBehavior();
-    /**
-     * @param {function} callback callback from useHandleOnScrollCallback, it adjusts scroll position
-     * */
-    var onScroll = function (callback) {
-        var element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-        if (element == null) {
-            return;
-        }
-        var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
-        if (hasMorePrev && isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {
-            onScrollCallback(callback);
-        }
-        if (hasMoreNext && isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {
-            onScrollDownCallback(callback);
-        }
-        if (!disableMarkAsRead
-            && isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)
-            && !!currentGroupChannel) {
-            messagesDispatcher({
-                type: messageActionTypes.MARK_AS_READ,
-                payload: { channel: currentGroupChannel },
-            });
-            markAsReadScheduler.push(currentGroupChannel);
-        }
-    };
-    var onClickScrollBot = function () {
-        var _a, _b, _c, _d, _e;
-        setInitialTimeStamp === null || setInitialTimeStamp === void 0 ? void 0 : setInitialTimeStamp(null);
-        setAnimatedMessageId === null || setAnimatedMessageId === void 0 ? void 0 : setAnimatedMessageId(null);
-        setHighLightedMessageId === null || setHighLightedMessageId === void 0 ? void 0 : setHighLightedMessageId(null);
-        if (((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) > -1) {
-            scrollRef.current.scrollTop = ((_c = (_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) !== null && _c !== void 0 ? _c : 0) - ((_e = (_d = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) !== null && _e !== void 0 ? _e : 0);
-        }
-    };
-    /**
-     * 1. Move the messsage list scroll
-     *    when each message's height is changed by `reactions` OR `showEdit`
-     * 2. Keep the scrollBottom value after fetching new message list
-     */
-    var moveScroll = function (isBottomMessageAffected) {
-        if (isBottomMessageAffected === void 0) { isBottomMessageAffected = false; }
-        var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-        if (current) {
-            var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-            if (scrollBottom < bottom
-                && (!isBottomMessageAffected || scrollBottom < SCROLL_BUFFER)) {
-                // Move the scroll as much as the height of the message has changed
-                current.scrollTop += bottom - scrollBottom;
-            }
-        }
-    };
-    var handleOnScroll = useHandleOnScrollCallback({
-        hasMore: hasMorePrev,
-        hasNext: hasMoreNext,
-        onScroll: onScroll,
-        scrollRef: scrollRef,
-    });
-    var onScrollReachedEndDetector = useOnScrollPositionChangeDetector({
-        onReachedBottom: function () {
-            /**
-             * Note that this event is already being called in onScroll() above. However, it is only being called when
-             * hasMoreNext is true but it needs to be called when hasNext is false when reached bottom as well.
-             */
-            if (!hasMoreNext && !disableMarkAsRead && !!currentGroupChannel) {
-                messagesDispatcher({
-                    type: messageActionTypes.MARK_AS_READ,
-                    payload: { channel: currentGroupChannel },
-                });
-                markAsReadScheduler.push(currentGroupChannel);
-            }
-            setIsScrollBottom(true);
-        },
-        onReachedTop: function () {
-            setIsScrollBottom(false);
-        },
-        onInBetween: function () {
-            setIsScrollBottom(false);
-        },
-    });
-    var _k = useSetScrollToBottom({ loading: loading }), scrollToBottomHandler = _k.scrollToBottomHandler, scrollBottom = _k.scrollBottom;
-    if (loading) {
-        return (typeof renderPlaceholderLoader === 'function')
-            ? renderPlaceholderLoader()
-            : React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING });
-    }
-    if (allMessagesFiltered.length < 1) {
-        if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {
-            return renderPlaceholderEmpty();
-        }
-        return React__default.createElement(PlaceHolder, { className: "sendbird-conversation__no-messages", type: PlaceHolderTypes.NO_MESSAGES });
-    }
-    return (React__default.createElement(React__default.Fragment, null,
-        !isScrolled && React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING }),
-        React__default.createElement("div", { className: "sendbird-conversation__messages ".concat(className) },
-            React__default.createElement("div", { className: "sendbird-conversation__scroll-container" },
-                React__default.createElement("div", { className: "sendbird-conversation__padding" }),
-                React__default.createElement("div", { className: "sendbird-conversation__messages-padding", ref: scrollRef, onScroll: function (e) {
-                        handleOnScroll();
-                        scrollToBottomHandler(e);
-                        onScrollReachedEndDetector(e);
-                    } },
-                    allMessagesFiltered.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = getMessagePartsInfo({
-                            allMessages: allMessagesFiltered,
-                            replyType: replyType,
-                            isMessageGroupingEnabled: isMessageGroupingEnabled,
-                            currentIndex: idx,
-                            currentMessage: m,
-                            currentChannel: currentGroupChannel,
-                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom, hasSeparator = _c.hasSeparator;
-                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
-                        return (React__default.createElement(MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React__default.createElement(Message, { handleScroll: moveScroll, renderMessage: renderMessage, renderMessageContent: renderMessageContent, message: m, hasSeparator: hasSeparator, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    localMessages.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = getMessagePartsInfo({
-                            allMessages: allMessagesFiltered,
-                            replyType: replyType,
-                            isMessageGroupingEnabled: isMessageGroupingEnabled,
-                            currentIndex: idx,
-                            currentMessage: m,
-                            currentChannel: currentGroupChannel,
-                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom;
-                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
-                        return (React__default.createElement(MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React__default.createElement(Message, { handleScroll: moveScroll, renderMessage: renderMessage, renderMessageContent: renderMessageContent, message: m, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    !hasMoreNext
-                        && ((_c = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.groupChannel) === null || _c === void 0 ? void 0 : _c.enableTypingIndicator)
-                        && ((_f = (_e = (_d = store === null || store === void 0 ? void 0 : store.config) === null || _d === void 0 ? void 0 : _d.groupChannel) === null || _e === void 0 ? void 0 : _e.typingIndicatorTypes) === null || _f === void 0 ? void 0 : _f.has(TypingIndicatorType.Bubble))
-                        && React__default.createElement(TypingIndicatorBubble, { typingMembers: typingMembers, handleScroll: moveScroll }))),
-            (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && (renderFrozenNotification
-                ? renderFrozenNotification()
-                : React__default.createElement(FrozenNotification, { className: "sendbird-conversation__messages__notification" })),
-            /**
-             * Show unread count IFF scroll is not bottom or is bottom but hasNext is true.
-             */
-            (!isScrollBottom || hasMoreNext) && (unreadSince || unreadSinceDate) && (React__default.createElement(UnreadCount, { className: "sendbird-conversation__messages__notification", count: currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount, time: unreadSince, lastReadAt: unreadSinceDate, onClick: function () {
-                    if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)
-                        scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-                    if (!disableMarkAsRead && !!currentGroupChannel) {
-                        markAsReadScheduler.push(currentGroupChannel);
-                        messagesDispatcher({
-                            type: messageActionTypes.MARK_AS_READ,
-                            payload: { channel: currentGroupChannel },
-                        });
-                    }
-                    setInitialTimeStamp(null);
-                    setAnimatedMessageId(null);
-                    setHighLightedMessageId(null);
-                } })),
-            // This flag is an unmatched variable
-            scrollBottom > SCROLL_BOTTOM_PADDING && (React__default.createElement("div", { className: "sendbird-conversation__scroll-bottom-button", onClick: onClickScrollBot, onKeyDown: onClickScrollBot, tabIndex: 0, role: "button" },
-                React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.CHEVRON_DOWN, fillColor: IconColors.PRIMARY }))))));
-};
-
-export { MessageList as M, TypingIndicatorType as T };
-//# sourceMappingURL=bundle-jamufWw7.js.map

package/chunks/bundle-jiwqHI-2.js.map

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

package/chunks/bundle-kP3o9aRv.js.map

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

package/chunks/bundle-l7rDKrwx.js.map

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

package/chunks/bundle-laq4Cm2M.js.map

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

package/chunks/bundle-ncF5Vx6b.js.map

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

package/chunks/bundle-pffuo01q.js.map

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

package/chunks/bundle-qI3fzrBt.js.map

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

package/chunks/bundle-rOhl9tWD.js.map

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

package/chunks/bundle-szN3I4WN.js

@@ -1,199 +0,0 @@
-import React__default, { useEffect, useState, useContext } from 'react';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-zOkaSZl3.js';
-import { u as useChannelListContext } from './bundle--LjMBMp3.js';
-import { g as getTotalMembers, M as MessageStatus, a as getLastMessageCreatedAt, b as getLastMessage, c as getChannelUnreadMessageCount, d as getChannelTitle } from './bundle-9M3o3hPA.js';
-import { _ as __assign } from './bundle-0vtSUcHY.js';
-import { GroupChannelFilter } from '@sendbird/chat/groupChannel';
-import { useGroupChannelList, useGroupChannelHandler } from '@sendbird/uikit-tools';
-import { U as UserProfileProvider } from './bundle-U_0F9z8c.js';
-import { u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './bundle-YoiKtyRA.js';
-import { n as noop } from './bundle-4ab6nIKe.js';
-import { u as useLongPress } from './bundle-AAE0evYg.js';
-import { u as useMediaQueryContext } from './bundle-1XQGq5tE.js';
-import { i as isVoiceMessage } from './bundle-hrqkDKRD.js';
-import { a as TypingIndicatorText } from './bundle-4JVMIRVC.js';
-import Badge from '../ui/Badge.js';
-import ChannelAvatar from '../ui/ChannelAvatar.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-RzWTDZDo.js';
-import MentionUserLabel from '../ui/MentionUserLabel.js';
-import { M as Modal } from './bundle-92kzAxsw.js';
-import TextButton from '../ui/TextButton.js';
-
-var GroupChannelListContext = React__default.createContext(null);
-var GroupChannelListProvider = function (props) {
-    var 
-    // Default
-    children = props.children, _a = props.className, className = _a === void 0 ? '' : _a, selectedChannelUrl = props.selectedChannelUrl, 
-    // Flags
-    _b = props.allowProfileEdit, 
-    // Flags
-    allowProfileEdit = _b === void 0 ? true : _b, _c = props.disableAutoSelect, disableAutoSelect = _c === void 0 ? false : _c, _d = props.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _d === void 0 ? false : _d, _e = props.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _e === void 0 ? false : _e, 
-    // Custom
-    channelListQueryParams = props.channelListQueryParams, onThemeChange = props.onThemeChange, _f = props.onChannelSelect, onChannelSelect = _f === void 0 ? noop : _f, _g = props.onChannelCreated, onChannelCreated = _g === void 0 ? noop : _g, onCreateChannelClick = props.onCreateChannelClick, onBeforeCreateChannel = props.onBeforeCreateChannel, onUserProfileUpdated = props.onUserProfileUpdated, 
-    // UserProfile
-    disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile, onUserProfileMessage = props.onUserProfileMessage;
-    var globalStore = useSendbirdStateContext();
-    var config = globalStore.config, stores = globalStore.stores;
-    var sdkStore = stores.sdkStore;
-    var _h = config.isTypingIndicatorEnabledOnChannelList, isTypingIndicatorEnabledOnChannelList = _h === void 0 ? false : _h, _j = config.isMessageReceiptStatusEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList = _j === void 0 ? false : _j;
-    var sdk = sdkStore.sdk;
-    var isConnected = useOnlineStatus(sdk, config.logger);
-    var scheduler = useMarkAsDeliveredScheduler({ isConnected: isConnected }, config);
-    var channelListDataSource = useGroupChannelList(sdk, {
-        collectionCreator: getCollectionCreator(sdk, channelListQueryParams),
-        markAsDelivered: function (channels) { return channels.forEach(scheduler.push); },
-        onChannelsDeleted: function (channelUrls) {
-            channelUrls.forEach(function (url) {
-                if (url === selectedChannelUrl)
-                    onChannelSelect(null);
-            });
-        },
-    });
-    var refreshing = channelListDataSource.refreshing, initialized = channelListDataSource.initialized, groupChannels = channelListDataSource.groupChannels, refresh = channelListDataSource.refresh, loadMore = channelListDataSource.loadMore;
-    // SideEffect: Auto select channel
-    useEffect(function () {
-        var _a;
-        if (!disableAutoSelect && stores.sdkStore.initialized && initialized) {
-            if (!selectedChannelUrl)
-                onChannelSelect((_a = groupChannels[0]) !== null && _a !== void 0 ? _a : null);
-        }
-    }, [disableAutoSelect, stores.sdkStore.initialized, initialized, selectedChannelUrl]);
-    var _k = useState([]), typingChannelUrls = _k[0], setTypingChannelUrls = _k[1];
-    useGroupChannelHandler(sdk, {
-        onTypingStatusUpdated: function (channel) {
-            var _a;
-            var channelList = typingChannelUrls.filter(function (channelUrl) { return channelUrl !== channel.url; });
-            if (((_a = channel.getTypingUsers()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                setTypingChannelUrls(channelList.concat(channel.url));
-            }
-            else {
-                setTypingChannelUrls(channelList);
-            }
-        },
-    });
-    return (React__default.createElement(GroupChannelListContext.Provider, { value: {
-            // Default
-            className: className,
-            selectedChannelUrl: selectedChannelUrl,
-            // Flags
-            allowProfileEdit: allowProfileEdit !== null && allowProfileEdit !== void 0 ? allowProfileEdit : config === null || config === void 0 ? void 0 : config.allowProfileEdit,
-            disableAutoSelect: disableAutoSelect,
-            isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null && isTypingIndicatorEnabled !== void 0 ? isTypingIndicatorEnabled : isTypingIndicatorEnabledOnChannelList,
-            isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null && isMessageReceiptStatusEnabled !== void 0 ? isMessageReceiptStatusEnabled : isMessageReceiptStatusEnabledOnChannelList,
-            // Essential
-            onChannelSelect: onChannelSelect,
-            onChannelCreated: onChannelCreated,
-            // Partial props
-            onThemeChange: onThemeChange,
-            onCreateChannelClick: onCreateChannelClick,
-            onBeforeCreateChannel: onBeforeCreateChannel,
-            onUserProfileUpdated: onUserProfileUpdated,
-            // Internal
-            typingChannelUrls: typingChannelUrls,
-            // ReturnType<UseGroupChannelList>
-            refreshing: refreshing,
-            initialized: initialized,
-            groupChannels: groupChannels,
-            refresh: refresh,
-            loadMore: loadMore,
-        } },
-        React__default.createElement(UserProfileProvider, { disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : config === null || config === void 0 ? void 0 : config.disableUserProfile, renderUserProfile: renderUserProfile !== null && renderUserProfile !== void 0 ? renderUserProfile : config === null || config === void 0 ? void 0 : config.renderUserProfile, onUserProfileMessage: onUserProfileMessage !== null && onUserProfileMessage !== void 0 ? onUserProfileMessage : config === null || config === void 0 ? void 0 : config.onUserProfileMessage },
-            React__default.createElement("div", { className: "sendbird-channel-list ".concat(className) }, children))));
-};
-var useGroupChannelListContext = function () {
-    var context = useContext(GroupChannelListContext);
-    if (!context)
-        throw new Error('GroupChannelListContext not found. Use within the GroupChannelList module.');
-    return context;
-};
-function getCollectionCreator(sdk, channelListQueryParams) {
-    return function (defaultParams) {
-        var params = __assign(__assign({}, defaultParams), channelListQueryParams);
-        return sdk.groupChannel.createGroupChannelCollection(__assign(__assign({}, params), { filter: new GroupChannelFilter(params) }));
-    };
-}
-
-var GroupChannelListItemView = function (_a) {
-    var channel = _a.channel, tabIndex = _a.tabIndex, isTyping = _a.isTyping, isSelected = _a.isSelected, channelName = _a.channelName, _b = _a.isMessageStatusEnabled, isMessageStatusEnabled = _b === void 0 ? true : _b, _c = _a.onClick, onClick = _c === void 0 ? noop : _c, _d = _a.onLeaveChannel, onLeaveChannel = _d === void 0 ? noop : _d, renderChannelAction = _a.renderChannelAction;
-    var config = useSendbirdStateContext().config;
-    var theme = config.theme, isMentionEnabled = config.isMentionEnabled, userId = config.userId;
-    var _e = useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
-    var isMobile = useMediaQueryContext().isMobile;
-    var _f = useState(false), showMobileLeave = _f[0], setShowMobileLeave = _f[1];
-    var onLongPress = useLongPress({
-        onLongPress: function () {
-            if (isMobile) {
-                setShowMobileLeave(true);
-            }
-        },
-        onClick: onClick,
-    }, {
-        delay: 1000,
-    });
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", __assign({ className: [
-                'sendbird-channel-preview',
-                isSelected ? 'sendbird-channel-preview--active' : '',
-            ].join(' '), role: "link", tabIndex: tabIndex }, (isMobile ? __assign({}, onLongPress) : { onClick: onClick })),
-            React__default.createElement("div", { className: "sendbird-channel-preview__avatar" },
-                React__default.createElement(ChannelAvatar, { channel: channel, userId: userId, theme: theme })),
-            React__default.createElement("div", { className: "sendbird-channel-preview__content" },
-                React__default.createElement("div", { className: "sendbird-channel-preview__content__upper" },
-                    React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
-                        (channel.isBroadcast || false) && (React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
-                            React__default.createElement(Icon, { type: IconTypes.BROADCAST, fillColor: IconColors.SECONDARY, height: "16px", width: "16px" }))),
-                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, channelName),
-                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, getTotalMembers(channel)),
-                        (channel.isFrozen) && (React__default.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
-                            React__default.createElement(Icon, { type: IconTypes.FREEZE, fillColor: IconColors.PRIMARY, height: 12, width: 12 })))),
-                    !channel.isEphemeral && isMessageStatusEnabled && (React__default.createElement(MessageStatus, { className: "sendbird-channel-preview__content__upper__last-message-at", channel: channel, message: channel.lastMessage, isDateSeparatorConsidered: false })),
-                    !channel.isEphemeral && !isMessageStatusEnabled && (React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__last-message-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, getLastMessageCreatedAt({
-                        channel: channel,
-                        locale: dateLocale,
-                        stringSet: stringSet,
-                    })))),
-                React__default.createElement("div", { className: "sendbird-channel-preview__content__lower" },
-                    React__default.createElement(Label, { className: "sendbird-channel-preview__content__lower__last-message", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 },
-                        isTyping && (React__default.createElement(TypingIndicatorText, { members: channel.getTypingUsers() })),
-                        !isTyping
-                            && !isVoiceMessage(channel.lastMessage)
-                            && getLastMessage(channel, stringSet),
-                        !isTyping
-                            && isVoiceMessage(channel.lastMessage)
-                            && stringSet.VOICE_MESSAGE),
-                    /**
-                     * Do not show unread count for focused channel. This is because of the limitation where
-                     * isScrollBottom and hasNext states needs to be added globally but they are from channel context
-                     * so channel list cannot see them with the current architecture.
-                     */
-                    !isSelected && !channel.isEphemeral && (React__default.createElement("div", { className: "sendbird-channel-preview__content__lower__unread-message-count" },
-                        isMentionEnabled && channel.unreadMentionCount > 0 ? (React__default.createElement(MentionUserLabel, { className: "sendbird-channel-preview__content__lower__unread-message-count__mention", color: "purple" }, '@')) : null,
-                        getChannelUnreadMessageCount(channel) ? ( // return number
-                        React__default.createElement(Badge, { count: getChannelUnreadMessageCount(channel) })) : null)))),
-            !isMobile && (React__default.createElement("div", { className: "sendbird-channel-preview__action" }, renderChannelAction({ channel: channel })))),
-        showMobileLeave && isMobile && (React__default.createElement(Modal, { className: "sendbird-channel-preview__leave--mobile", titleText: channelName, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () { return setShowMobileLeave(false); } },
-            React__default.createElement(TextButton, { onClick: function () {
-                    onLeaveChannel();
-                    setShowMobileLeave(false);
-                }, className: "sendbird-channel-preview__leave-label--mobile" },
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))))));
-};
-
-var ChannelPreview = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var channel = _a.channel, _j = _a.isActive, isActive = _j === void 0 ? false : _j, _k = _a.isTyping, isTyping = _k === void 0 ? false : _k, renderChannelAction = _a.renderChannelAction, onLeaveChannel = _a.onLeaveChannel, onClick = _a.onClick, tabIndex = _a.tabIndex;
-    var sbState = useSendbirdStateContext();
-    var _l = useChannelListContext(), _m = _l.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _m === void 0 ? false : _m, _o = _l.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _o === void 0 ? false : _o;
-    var stringSet = useLocalization().stringSet;
-    var userId = (_d = (_c = (_b = sbState === null || sbState === void 0 ? void 0 : sbState.stores) === null || _b === void 0 ? void 0 : _b.userStore) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.userId;
-    var isMessageStatusEnabled = isMessageReceiptStatusEnabled
-        && (((_e = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _e === void 0 ? void 0 : _e.messageType) === 'user' || ((_f = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _f === void 0 ? void 0 : _f.messageType) === 'file')
-        && ((_h = (_g = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _g === void 0 ? void 0 : _g.sender) === null || _h === void 0 ? void 0 : _h.userId) === userId;
-    var channelName = getChannelTitle(channel, userId, stringSet);
-    return (React__default.createElement(GroupChannelListItemView, { channel: channel, tabIndex: tabIndex, isTyping: isTypingIndicatorEnabled && isTyping, isSelected: isActive, channelName: channelName, isMessageStatusEnabled: isMessageStatusEnabled, onClick: onClick, onLeaveChannel: onLeaveChannel, renderChannelAction: renderChannelAction }));
-};
-
-export { ChannelPreview as C, GroupChannelListItemView as G, GroupChannelListProvider as a, useGroupChannelListContext as u };
-//# sourceMappingURL=bundle-szN3I4WN.js.map

package/chunks/bundle-veNmMfAH.js.map

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

package/chunks/bundle-wICBtdE1.js.map

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

package/chunks/bundle-zOkaSZl3.js.map

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

package/chunks/bundle-zqJVlTpN.js.map

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

package/cjs/chunks/bundle--t70CDfb.js.map

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

package/cjs/chunks/bundle--yF0PJ6E.js.map

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

package/cjs/chunks/bundle--zfwoPVm.js.map

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

package/cjs/chunks/bundle-08DJamJs.js.map

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

package/cjs/chunks/bundle-0LtiaxJx.js.map

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

package/cjs/chunks/bundle-1CojrMYd.js.map

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

package/cjs/chunks/bundle-1WCZv5Jt.js.map

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

package/cjs/chunks/bundle-3MlXHMIm.js.map

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

package/cjs/chunks/bundle-49TaYIAY.js.map

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

package/cjs/chunks/bundle-4QpLkquA.js.map

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

package/cjs/chunks/bundle-5E4_BBHS.js.map

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

package/cjs/chunks/bundle-8XvxyLQN.js.map

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

package/cjs/chunks/bundle-A7TvCVbX.js.map

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

package/cjs/chunks/bundle-A_nlAok6.js.map

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

package/cjs/chunks/bundle-BMB3xh2i.js.map

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

package/cjs/chunks/bundle-BrOubGHT.js.map

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

package/cjs/chunks/bundle-DgcTM2HW.js.map

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

package/cjs/chunks/bundle-Dy4KUUCa.js.map

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

package/cjs/chunks/bundle-E1H3DQtB.js.map

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

package/cjs/chunks/bundle-EsJltkVm.js.map

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

package/cjs/chunks/bundle-FHJHaFw9.js.map

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

package/cjs/chunks/bundle-H3iUL9jU.js.map

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

package/cjs/chunks/bundle-KloNxGOC.js.map

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

package/cjs/chunks/bundle-Kwa0c8dM.js.map

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

package/cjs/chunks/bundle-LFW-mAQF.js.map

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