stream-chat-react 7.0.0 → 8.1.1

package/dist/components/Channel/Channel.js

@@ -56,11 +56,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 import React, { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, } from 'react';
 import debounce from 'lodash.debounce';
 import throttle from 'lodash.throttle';
@@ -85,6 +80,8 @@ import { EmojiProvider } from '../../context/EmojiContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 import { TypingProvider } from '../../context/TypingContext';
 import defaultEmojiData from '../../stream-emoji.json';
+import { makeAddNotifications } from './utils';
+var JUMP_MESSAGE_PAGE_SIZE = 25;
 var UnMemoizedChannel = function (props) {
     var propsChannel = props.channel, _a = props.EmptyPlaceholder, EmptyPlaceholder = _a === void 0 ? null : _a;
     var contextChannel = useChatContext('Channel').channel;
@@ -96,7 +93,7 @@ var UnMemoizedChannel = function (props) {
 var ChannelInner = function (props) {
     var _a;
     var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, children = props.children, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _b = props.dragAndDropWindow, dragAndDropWindow = _b === void 0 ? false : _b, _c = props.emojiData, emojiData = _c === void 0 ? defaultEmojiData : _c, _d = props.LoadingErrorIndicator, LoadingErrorIndicator = _d === void 0 ? DefaultLoadingErrorIndicator : _d, _e = props.LoadingIndicator, LoadingIndicator = _e === void 0 ? DefaultLoadingIndicator : _e, maxNumberOfFiles = props.maxNumberOfFiles, _f = props.multipleUploads, multipleUploads = _f === void 0 ? true : _f, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, _g = props.optionalMessageInputProps, optionalMessageInputProps = _g === void 0 ? {} : _g, skipMessageDataMemoization = props.skipMessageDataMemoization;
-    var _h = useChatContext('Channel'), client = _h.client, customClasses = _h.customClasses, mutes = _h.mutes, theme = _h.theme, useImageFlagEmojisOnWindows = _h.useImageFlagEmojisOnWindows;
+    var _h = useChatContext('Channel'), client = _h.client, customClasses = _h.customClasses, latestMessageDatesByChannels = _h.latestMessageDatesByChannels, mutes = _h.mutes, theme = _h.theme, useImageFlagEmojisOnWindows = _h.useImageFlagEmojisOnWindows;
     var t = useTranslationContext('Channel').t;
     var _j = useState(channel.getConfig()), channelConfig = _j[0], setChannelConfig = _j[1];
     var _k = useState([]), notifications = _k[0], setNotifications = _k[1];
@@ -138,7 +135,7 @@ var ChannelInner = function (props) {
     };
     var markReadThrottled = throttle(markRead, 500, { leading: true, trailing: true });
     var handleEvent = function (event) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (event.message) {
             dispatch({
                 channel: channel,
@@ -173,6 +170,16 @@ var ChannelInner = function (props) {
                     }
                 }
             }
+            if (((_f = (_e = event.message) === null || _e === void 0 ? void 0 : _e.user) === null || _f === void 0 ? void 0 : _f.id) === client.userID &&
+                ((_g = event === null || event === void 0 ? void 0 : event.message) === null || _g === void 0 ? void 0 : _g.created_at) &&
+                ((_h = event === null || event === void 0 ? void 0 : event.message) === null || _h === void 0 ? void 0 : _h.cid)) {
+                var messageDate = new Date(event.message.created_at);
+                var cid = event.message.cid;
+                if (!latestMessageDatesByChannels[cid] ||
+                    latestMessageDatesByChannels[cid].getTime() < messageDate.getTime()) {
+                    latestMessageDatesByChannels[cid] = messageDate;
+                }
+            }
         }
         throttledCopyStateFromChannel();
     };
@@ -234,33 +241,18 @@ var ChannelInner = function (props) {
             client.off('user.deleted', handleEvent);
             notificationTimeouts.forEach(clearTimeout);
         };
-    }, [channel.cid]);
+    }, [channel.cid, doMarkReadRequest]);
     useEffect(function () {
         var _a;
-        if (state.thread && ((_a = state.messages) === null || _a === void 0 ? void 0 : _a.length)) {
-            for (var i = state.messages.length - 1; i >= 0; i -= 1) {
-                if (state.messages[i].id === state.thread.id) {
-                    dispatch({ message: state.messages[i], type: 'setThread' });
-                    break;
-                }
-            }
-        }
+        if (!state.thread)
+            return;
+        var message = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.find(function (m) { var _a; return m.id === ((_a = state.thread) === null || _a === void 0 ? void 0 : _a.id); });
+        if (message)
+            dispatch({ message: message, type: 'setThread' });
     }, [state.messages, state.thread]);
     /** MESSAGE */
     // Adds a temporary notification to message list, will be removed after 5 seconds
-    var addNotification = function (text, type) {
-        if (typeof text !== 'string' || (type !== 'success' && type !== 'error')) {
-            return;
-        }
-        var id = uuidv4();
-        setNotifications(function (prevNotifications) { return __spreadArray(__spreadArray([], prevNotifications), [{ id: id, text: text, type: type }]); });
-        var timeout = setTimeout(function () {
-            return setNotifications(function (prevNotifications) {
-                return prevNotifications.filter(function (notification) { return notification.id !== id; });
-            });
-        }, 5000);
-        notificationTimeouts.push(timeout);
-    };
+    var addNotification = makeAddNotifications(setNotifications, notificationTimeouts);
     var loadMoreFinished = debounce(function (hasMore, messages) {
         if (!isMounted.current)
             return;
@@ -280,8 +272,9 @@ var ChannelInner = function (props) {
                         if (!online.current || !window.navigator.onLine)
                             return [2 /*return*/, 0];
                         oldestMessage = (_a = state === null || state === void 0 ? void 0 : state.messages) === null || _a === void 0 ? void 0 : _a[0];
-                        if (state.loadingMore || (oldestMessage === null || oldestMessage === void 0 ? void 0 : oldestMessage.status) !== 'received')
+                        if (state.loadingMore || state.loadingMoreNewer || (oldestMessage === null || oldestMessage === void 0 ? void 0 : oldestMessage.status) !== 'received') {
                             return [2 /*return*/, 0];
+                        }
                         // initial state loads with up to 25 messages, so if less than 25 no need for additional query
                         if (channel.state.messages.length < 25) {
                             loadMoreFinished(false, channel.state.messages);
@@ -313,6 +306,85 @@ var ChannelInner = function (props) {
             });
         });
     };
+    var loadMoreNewer = function (limit) {
+        if (limit === void 0) { limit = 100; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var newestMessage, newestId, perPage, queryResponse, e_3, hasMoreNewer;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!online.current || !window.navigator.onLine)
+                            return [2 /*return*/, 0];
+                        newestMessage = (_a = state === null || state === void 0 ? void 0 : state.messages) === null || _a === void 0 ? void 0 : _a[((_b = state === null || state === void 0 ? void 0 : state.messages) === null || _b === void 0 ? void 0 : _b.length) - 1];
+                        if (state.loadingMore || state.loadingMoreNewer)
+                            return [2 /*return*/, 0];
+                        dispatch({ loadingMoreNewer: true, type: 'setLoadingMoreNewer' });
+                        newestId = newestMessage === null || newestMessage === void 0 ? void 0 : newestMessage.id;
+                        perPage = limit;
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, channel.query({
+                                messages: { id_gt: newestId, limit: perPage },
+                                watchers: { limit: perPage },
+                            })];
+                    case 2:
+                        queryResponse = _c.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        e_3 = _c.sent();
+                        console.warn('message pagination request failed with error', e_3);
+                        dispatch({ loadingMoreNewer: false, type: 'setLoadingMoreNewer' });
+                        return [2 /*return*/, 0];
+                    case 4:
+                        hasMoreNewer = channel.state.messages !== channel.state.latestMessages;
+                        dispatch({ hasMoreNewer: hasMoreNewer, messages: channel.state.messages, type: 'loadMoreNewerFinished' });
+                        return [2 /*return*/, queryResponse.messages.length];
+                }
+            });
+        });
+    };
+    var jumpToMessage = function (messageId) { return __awaiter(void 0, void 0, void 0, function () {
+        var indexOfMessage, hasMoreMessages;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    dispatch({ loadingMore: true, type: 'setLoadingMore' });
+                    return [4 /*yield*/, channel.state.loadMessageIntoState(messageId)];
+                case 1:
+                    _a.sent();
+                    indexOfMessage = channel.state.messages.findIndex(function (message) { return message.id === messageId; });
+                    hasMoreMessages = indexOfMessage >= Math.floor(JUMP_MESSAGE_PAGE_SIZE / 2);
+                    loadMoreFinished(hasMoreMessages, channel.state.messages);
+                    dispatch({
+                        hasMoreNewer: channel.state.messages !== channel.state.latestMessages,
+                        highlightedMessageId: messageId,
+                        type: 'jumpToMessageFinished',
+                    });
+                    setTimeout(function () {
+                        dispatch({ type: 'clearHighlightedMessage' });
+                    }, 500);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var jumpToLatestMessage = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var hasMoreOlder;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, channel.state.loadMessageIntoState('latest')];
+                case 1:
+                    _a.sent();
+                    hasMoreOlder = channel.state.messages.length >= 25;
+                    loadMoreFinished(hasMoreOlder, channel.state.messages);
+                    dispatch({
+                        type: 'jumpToLatestMessage',
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     var updateMessage = function (updatedMessage) {
         // add the message to the local channel state
         channel.state.addMessageSorted(updatedMessage, true);
@@ -434,7 +506,7 @@ var ChannelInner = function (props) {
         });
     }, 2000, { leading: true, trailing: true });
     var loadMoreThread = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var parentID, oldMessages, oldestMessageID, limit, queryResponse, threadHasMoreMessages, newThreadMessages, e_3;
+        var parentID, oldMessages, oldestMessageID, limit, queryResponse, threadHasMoreMessages, newThreadMessages, e_4;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -464,7 +536,7 @@ var ChannelInner = function (props) {
                     loadMoreThreadFinished(threadHasMoreMessages, newThreadMessages);
                     return [3 /*break*/, 4];
                 case 3:
-                    e_3 = _b.sent();
+                    e_4 = _b.sent();
                     loadMoreThreadFinished(false, oldMessages);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
@@ -474,13 +546,16 @@ var ChannelInner = function (props) {
     var onMentionsHoverOrClick = useMentionsHandlers(onMentionsHover, onMentionsClick);
     var editMessage = useEditMessageHandler(doUpdateMessageRequest);
     var typing = state.typing, restState = __rest(state, ["typing"]);
-    var channelStateContextValue = useCreateChannelStateContext(__assign(__assign({}, restState), { acceptedFiles: acceptedFiles, channel: channel, channelCapabilitiesArray: channelCapabilitiesArray, channelConfig: channelConfig, dragAndDropWindow: dragAndDropWindow, maxNumberOfFiles: maxNumberOfFiles, multipleUploads: multipleUploads, mutes: mutes, notifications: notifications, quotedMessage: quotedMessage, watcher_count: state.watcherCount }));
+    var channelStateContextValue = useCreateChannelStateContext(__assign(__assign({}, restState), { acceptedFiles: acceptedFiles, channel: channel, channelCapabilitiesArray: channelCapabilitiesArray, channelConfig: channelConfig, dragAndDropWindow: dragAndDropWindow, giphyVersion: props.giphyVersion || 'fixed_height', maxNumberOfFiles: maxNumberOfFiles, multipleUploads: multipleUploads, mutes: mutes, notifications: notifications, quotedMessage: quotedMessage, watcher_count: state.watcherCount }));
     var channelActionContextValue = useMemo(function () { return ({
         addNotification: addNotification,
         closeThread: closeThread,
         dispatch: dispatch,
         editMessage: editMessage,
+        jumpToLatestMessage: jumpToLatestMessage,
+        jumpToMessage: jumpToMessage,
         loadMore: loadMore,
+        loadMoreNewer: loadMoreNewer,
         loadMoreThread: loadMoreThread,
         onMentionsClick: onMentionsHoverOrClick,
         onMentionsHover: onMentionsHoverOrClick,
@@ -491,7 +566,7 @@ var ChannelInner = function (props) {
         setQuotedMessage: setQuotedMessage,
         skipMessageDataMemoization: skipMessageDataMemoization,
         updateMessage: updateMessage,
-    }); }, [channel.cid, loadMore, quotedMessage]);
+    }); }, [channel.cid, loadMore, loadMoreNewer, quotedMessage, jumpToMessage, jumpToLatestMessage]);
     var componentContextValue = useMemo(function () { return ({
         Attachment: props.Attachment || DefaultAttachment,
         AutocompleteSuggestionHeader: props.AutocompleteSuggestionHeader,

package/dist/components/Channel/channelState.d.ts

@@ -1,30 +1,40 @@
 import type { Reducer } from 'react';
 import type { Channel, MessageResponse, ChannelState as StreamChannelState } from 'stream-chat';
 import type { ChannelState, StreamMessage } from '../../context/ChannelStateContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../types/types';
-export declare type ChannelStateReducerAction<At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends DefaultCommandType = DefaultCommandType, Ev extends DefaultEventType = DefaultEventType, Me extends DefaultMessageType = DefaultMessageType, Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type ChannelStateReducerAction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     type: 'closeThread';
 } | {
-    channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+    type: 'clearHighlightedMessage';
+} | {
+    channel: Channel<StreamChatGenerics>;
     type: 'copyMessagesFromChannel';
     parentId?: string | null;
 } | {
-    channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+    channel: Channel<StreamChatGenerics>;
     type: 'copyStateFromChannelOnEvent';
 } | {
-    channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+    hasMoreNewer: boolean;
+    highlightedMessageId: string;
+    type: 'jumpToMessageFinished';
+} | {
+    channel: Channel<StreamChatGenerics>;
     type: 'initStateFromChannel';
 } | {
     hasMore: boolean;
-    messages: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[];
+    messages: StreamMessage<StreamChatGenerics>[];
     type: 'loadMoreFinished';
+} | {
+    hasMoreNewer: boolean;
+    messages: StreamMessage<StreamChatGenerics>[];
+    type: 'loadMoreNewerFinished';
 } | {
     threadHasMore: boolean;
-    threadMessages: Array<ReturnType<StreamChannelState<At, Ch, Co, Ev, Me, Re, Us>['formatMessage']>>;
+    threadMessages: Array<ReturnType<StreamChannelState<StreamChatGenerics>['formatMessage']>>;
     type: 'loadMoreThreadFinished';
 } | {
-    channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
-    message: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>;
+    channel: Channel<StreamChatGenerics>;
+    message: StreamMessage<StreamChatGenerics>;
     type: 'openThread';
 } | {
     error: Error;
@@ -33,29 +43,36 @@ export declare type ChannelStateReducerAction<At extends DefaultAttachmentType =
     loadingMore: boolean;
     type: 'setLoadingMore';
 } | {
-    message: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>;
+    loadingMoreNewer: boolean;
+    type: 'setLoadingMoreNewer';
+} | {
+    message: StreamMessage<StreamChatGenerics>;
     type: 'setThread';
 } | {
-    channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+    channel: Channel<StreamChatGenerics>;
     type: 'setTyping';
 } | {
     type: 'startLoadingThread';
 } | {
-    channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
-    message: MessageResponse<At, Ch, Co, Me, Re, Us>;
+    channel: Channel<StreamChatGenerics>;
+    message: MessageResponse<StreamChatGenerics>;
     type: 'updateThreadOnEvent';
+} | {
+    type: 'jumpToLatestMessage';
 };
-export declare type ChannelStateReducer<At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends DefaultCommandType = DefaultCommandType, Ev extends DefaultEventType = DefaultEventType, Me extends DefaultMessageType = DefaultMessageType, Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = Reducer<ChannelState<At, Ch, Co, Ev, Me, Re, Us>, ChannelStateReducerAction<At, Ch, Co, Ev, Me, Re, Us>>;
-export declare const channelReducer: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../types/types").UnknownType = import("../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../types/types").UnknownType = import("../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>(state: ChannelState<At, Ch, Co, Ev, Me, Re, Us>, action: ChannelStateReducerAction<At, Ch, Co, Ev, Me, Re, Us>) => ChannelState<At, Ch, Co, Ev, Me, Re, Us>;
+export declare type ChannelStateReducer<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Reducer<ChannelState<StreamChatGenerics>, ChannelStateReducerAction<StreamChatGenerics>>;
+export declare const channelReducer: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(state: ChannelState<StreamChatGenerics>, action: ChannelStateReducerAction<StreamChatGenerics>) => ChannelState<StreamChatGenerics>;
 export declare const initialState: {
     error: null;
     hasMore: boolean;
+    hasMoreNewer: boolean;
     loading: boolean;
     loadingMore: boolean;
     members: {};
     messages: never[];
     pinnedMessages: never[];
     read: {};
+    suppressAutoscroll: boolean;
     thread: null;
     threadHasMore: boolean;
     threadLoadingMore: boolean;

package/dist/components/Channel/channelState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"channelState.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/channelState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"channelState.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/channelState.ts"],"names":[],"mappings":"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"}

package/dist/components/Channel/channelState.js

@@ -22,7 +22,9 @@ export var channelReducer = function (state, action) {
         }
         case 'copyMessagesFromChannel': {
             var channel = action.channel, parentId = action.parentId;
-            return __assign(__assign({}, state), { messages: __spreadArray([], channel.state.messages), pinnedMessages: __spreadArray([], channel.state.pinnedMessages), threadMessages: parentId
+            return __assign(__assign({}, state), { messages: __spreadArray([], channel.state.messages), pinnedMessages: __spreadArray([], channel.state.pinnedMessages), 
+                // copying messages from channel happens with new message - this resets the suppressAutoscroll
+                suppressAutoscroll: false, threadMessages: parentId
                     ? __assign({}, channel.state.threads)[parentId] || []
                     : state.threadMessages });
         }
@@ -34,10 +36,23 @@ export var channelReducer = function (state, action) {
             var channel = action.channel;
             return __assign(__assign({}, state), { loading: false, members: __assign({}, channel.state.members), messages: __spreadArray([], channel.state.messages), pinnedMessages: __spreadArray([], channel.state.pinnedMessages), read: __assign({}, channel.state.read), watcherCount: channel.state.watcher_count, watchers: __assign({}, channel.state.watchers) });
         }
+        case 'jumpToLatestMessage': {
+            return __assign(__assign({}, state), { hasMoreNewer: false, highlightedMessageId: undefined, loading: false, suppressAutoscroll: false });
+        }
+        case 'jumpToMessageFinished': {
+            return __assign(__assign({}, state), { hasMoreNewer: action.hasMoreNewer, highlightedMessageId: action.highlightedMessageId });
+        }
+        case 'clearHighlightedMessage': {
+            return __assign(__assign({}, state), { highlightedMessageId: undefined });
+        }
         case 'loadMoreFinished': {
             var hasMore = action.hasMore, messages = action.messages;
             return __assign(__assign({}, state), { hasMore: hasMore, loadingMore: false, messages: messages });
         }
+        case 'loadMoreNewerFinished': {
+            var hasMoreNewer = action.hasMoreNewer, messages = action.messages;
+            return __assign(__assign({}, state), { hasMoreNewer: hasMoreNewer, loadingMoreNewer: false, messages: messages });
+        }
         case 'loadMoreThreadFinished': {
             var threadHasMore = action.threadHasMore, threadMessages = action.threadMessages;
             return __assign(__assign({}, state), { threadHasMore: threadHasMore, threadLoadingMore: false, threadMessages: threadMessages });
@@ -52,7 +67,12 @@ export var channelReducer = function (state, action) {
         }
         case 'setLoadingMore': {
             var loadingMore = action.loadingMore;
-            return __assign(__assign({}, state), { loadingMore: loadingMore });
+            // supporess the autoscroll behavior
+            return __assign(__assign({}, state), { loadingMore: loadingMore, suppressAutoscroll: true });
+        }
+        case 'setLoadingMoreNewer': {
+            var loadingMoreNewer = action.loadingMoreNewer;
+            return __assign(__assign({}, state), { loadingMoreNewer: loadingMoreNewer });
         }
         case 'setThread': {
             var message = action.message;
@@ -78,12 +98,14 @@ export var channelReducer = function (state, action) {
 export var initialState = {
     error: null,
     hasMore: true,
+    hasMoreNewer: false,
     loading: true,
     loadingMore: false,
     members: {},
     messages: [],
     pinnedMessages: [],
     read: {},
+    suppressAutoscroll: false,
     thread: null,
     threadHasMore: true,
     threadLoadingMore: false,

package/dist/components/Channel/hooks/useCreateChannelStateContext.d.ts

@@ -1,7 +1,7 @@
 import type { ChannelStateContextValue } from '../../../context/ChannelStateContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
-export declare const useCreateChannelStateContext: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(value: Omit<ChannelStateContextValue<At, Ch, Co, Ev, Me, Re, Us>, "channelCapabilities"> & {
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+export declare const useCreateChannelStateContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(value: Omit<ChannelStateContextValue<StreamChatGenerics>, "channelCapabilities"> & {
     channelCapabilitiesArray: string[];
     skipMessageDataMemoization?: boolean | undefined;
-}) => ChannelStateContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+}) => ChannelStateContextValue<StreamChatGenerics>;
 //# sourceMappingURL=useCreateChannelStateContext.d.ts.map

package/dist/components/Channel/hooks/useCreateChannelStateContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateChannelStateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateChannelStateContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,4BAA4B;8BAUX,MAAM,EAAE;;0DAgIrC,CAAC"}
+{"version":3,"file":"useCreateChannelStateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateChannelStateContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,4BAA4B;8BAIX,MAAM,EAAE;;kDA2IrC,CAAC"}

package/dist/components/Channel/hooks/useCreateChannelStateContext.js

@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 import { isDate, isDayOrMoment } from '../../../context/TranslationContext';
 export var useCreateChannelStateContext = function (value) {
     var _a;
-    var acceptedFiles = value.acceptedFiles, channel = value.channel, _b = value.channelCapabilitiesArray, channelCapabilitiesArray = _b === void 0 ? [] : _b, channelConfig = value.channelConfig, dragAndDropWindow = value.dragAndDropWindow, error = value.error, hasMore = value.hasMore, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _c = value.messages, messages = _c === void 0 ? [] : _c, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _d = value.read, read = _d === void 0 ? {} : _d, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _e = value.threadMessages, threadMessages = _e === void 0 ? [] : _e, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
+    var acceptedFiles = value.acceptedFiles, channel = value.channel, _b = value.channelCapabilitiesArray, channelCapabilitiesArray = _b === void 0 ? [] : _b, channelConfig = value.channelConfig, dragAndDropWindow = value.dragAndDropWindow, giphyVersion = value.giphyVersion, error = value.error, hasMore = value.hasMore, hasMoreNewer = value.hasMoreNewer, suppressAutoscroll = value.suppressAutoscroll, highlightedMessageId = value.highlightedMessageId, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _c = value.messages, messages = _c === void 0 ? [] : _c, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _d = value.read, read = _d === void 0 ? {} : _d, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _e = value.threadMessages, threadMessages = _e === void 0 ? [] : _e, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
     var channelId = channel.cid;
     var lastRead = channel.initialized && ((_a = channel.lastRead()) === null || _a === void 0 ? void 0 : _a.getTime());
     var membersLength = Object.keys(members || []).length;
@@ -49,7 +49,10 @@ export var useCreateChannelStateContext = function (value) {
         channelConfig: channelConfig,
         dragAndDropWindow: dragAndDropWindow,
         error: error,
+        giphyVersion: giphyVersion,
         hasMore: hasMore,
+        hasMoreNewer: hasMoreNewer,
+        highlightedMessageId: highlightedMessageId,
         loading: loading,
         loadingMore: loadingMore,
         maxNumberOfFiles: maxNumberOfFiles,
@@ -61,6 +64,7 @@ export var useCreateChannelStateContext = function (value) {
         pinnedMessages: pinnedMessages,
         quotedMessage: quotedMessage,
         read: read,
+        suppressAutoscroll: suppressAutoscroll,
         thread: thread,
         threadHasMore: threadHasMore,
         threadLoadingMore: threadLoadingMore,
@@ -72,6 +76,8 @@ export var useCreateChannelStateContext = function (value) {
         channelId,
         error,
         hasMore,
+        hasMoreNewer,
+        highlightedMessageId,
         lastRead,
         loading,
         loadingMore,
@@ -83,6 +89,7 @@ export var useCreateChannelStateContext = function (value) {
         readUsersLength,
         readUsersLastReads,
         skipMessageDataMemoization,
+        suppressAutoscroll,
         thread,
         threadHasMore,
         threadLoadingMore,

package/dist/components/Channel/hooks/useCreateTypingContext.d.ts

@@ -1,4 +1,4 @@
 import type { TypingContextValue } from '../../../context/TypingContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
-export declare const useCreateTypingContext: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(value: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>) => TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+export declare const useCreateTypingContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(value: TypingContextValue<StreamChatGenerics>) => TypingContextValue<StreamChatGenerics>;
 //# sourceMappingURL=useCreateTypingContext.d.ts.map

package/dist/components/Channel/hooks/useCreateTypingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateTypingContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateTypingContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB,qqBAuBlC,CAAC"}
+{"version":3,"file":"useCreateTypingContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateTypingContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,sBAAsB,6KAiBlC,CAAC"}

package/dist/components/Channel/hooks/useEditMessageHandler.d.ts

@@ -1,6 +1,6 @@
 import type { StreamChat, UpdatedMessage } from 'stream-chat';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../../types/types';
-declare type UpdateHandler<At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends DefaultCommandType = DefaultCommandType, Ev extends DefaultEventType = DefaultEventType, Me extends DefaultMessageType = DefaultMessageType, Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = (cid: string, updatedMessage: UpdatedMessage<At, Ch, Co, Me, Re, Us>) => ReturnType<StreamChat<At, Ch, Co, Ev, Me, Re, Us>['updateMessage']>;
-export declare const useEditMessageHandler: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(doUpdateMessageRequest?: UpdateHandler<At, Ch, Co, Ev, Me, Re, Us> | undefined) => (updatedMessage: UpdatedMessage<At, Ch, Co, Me, Re, Us>) => Promise<import("stream-chat").UpdateMessageAPIResponse<At, Ch, Co, Me, Re, Us>>;
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+declare type UpdateHandler<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (cid: string, updatedMessage: UpdatedMessage<StreamChatGenerics>) => ReturnType<StreamChat<StreamChatGenerics>['updateMessage']>;
+export declare const useEditMessageHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(doUpdateMessageRequest?: UpdateHandler<StreamChatGenerics> | undefined) => (updatedMessage: UpdatedMessage<StreamChatGenerics>) => Promise<import("stream-chat").UpdateMessageAPIResponse<StreamChatGenerics>>;
 export {};
 //# sourceMappingURL=useEditMessageHandler.d.ts.map

package/dist/components/Channel/hooks/useEditMessageHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditMessageHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useEditMessageHandler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE9D,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,aAAK,aAAa,CAChB,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C,CACF,GAAG,EAAE,MAAM,EACX,cAAc,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACnD,UAAU,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AAEzE,eAAO,MAAM,qBAAqB,2xBAmBjC,CAAC"}
+{"version":3,"file":"useEditMessageHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useEditMessageHandler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,aAAK,aAAa,CAChB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,CACF,GAAG,EAAE,MAAM,EACX,cAAc,EAAE,cAAc,CAAC,kBAAkB,CAAC,KAC/C,UAAU,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AAEjE,eAAO,MAAM,qBAAqB,mSAajC,CAAC"}

package/dist/components/Channel/hooks/useIsMounted.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const useIsMounted: () => import("react").MutableRefObject<boolean>;
 //# sourceMappingURL=useIsMounted.d.ts.map

package/dist/components/Channel/hooks/useIsMounted.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMounted.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useIsMounted.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY,iDAWxB,CAAC"}
+{"version":3,"file":"useIsMounted.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useIsMounted.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,iDAWxB,CAAC"}

package/dist/components/Channel/hooks/useMentionsHandlers.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { UserResponse } from 'stream-chat';
-import type { DefaultUserType } from '../../../types/types';
-export declare type OnMentionAction<Us extends DefaultUserType<Us> = DefaultUserType> = (event: React.BaseSyntheticEvent, user?: UserResponse<Us>) => void;
-export declare const useMentionsHandlers: <Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(onMentionsHover?: OnMentionAction<Us> | undefined, onMentionsClick?: OnMentionAction<Us> | undefined) => (event: React.BaseSyntheticEvent, mentioned_users: UserResponse<Us>[]) => void;
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+export declare type OnMentionAction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (event: React.BaseSyntheticEvent, user?: UserResponse<StreamChatGenerics>) => void;
+export declare const useMentionsHandlers: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(onMentionsHover?: OnMentionAction<StreamChatGenerics> | undefined, onMentionsClick?: OnMentionAction<StreamChatGenerics> | undefined) => (event: React.BaseSyntheticEvent, mentioned_users: UserResponse<StreamChatGenerics>[]) => void;
 //# sourceMappingURL=useMentionsHandlers.d.ts.map

package/dist/components/Channel/hooks/useMentionsHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionsHandlers.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useMentionsHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,oBAAY,eAAe,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI,CAC9E,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAC/B,IAAI,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KACpB,IAAI,CAAC;AAEV,eAAO,MAAM,mBAAmB,8NAKpB,MAAM,kBAAkB,8CA0BjC,CAAC"}
+{"version":3,"file":"useMentionsHandlers.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useMentionsHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,eAAe,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAE,IAAI,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;AAEvF,eAAO,MAAM,mBAAmB,sOAOpB,MAAM,kBAAkB,8DA0BjC,CAAC"}

package/dist/components/Channel/utils.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="node" />
+import type { Dispatch, SetStateAction } from 'react';
+import type { ChannelNotifications } from '../../context/ChannelStateContext';
+export declare const makeAddNotifications: (setNotifications: Dispatch<SetStateAction<ChannelNotifications>>, notificationTimeouts: NodeJS.Timeout[]) => (text: string, type: 'success' | 'error') => void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/Channel/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/utils.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG9E,eAAO,MAAM,oBAAoB,qBACb,SAAS,eAAe,oBAAoB,CAAC,CAAC,wBAC1C,OAAO,OAAO,EAAE,YAC5B,MAAM,QAAQ,SAAS,GAAG,OAAO,SAkB5C,CAAC"}

package/dist/components/Channel/utils.js

@@ -0,0 +1,19 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import { v4 as uuidv4 } from 'uuid';
+export var makeAddNotifications = function (setNotifications, notificationTimeouts) { return function (text, type) {
+    if (typeof text !== 'string' || (type !== 'success' && type !== 'error')) {
+        return;
+    }
+    var id = uuidv4();
+    setNotifications(function (prevNotifications) { return __spreadArray(__spreadArray([], prevNotifications), [{ id: id, text: text, type: type }]); });
+    var timeout = setTimeout(function () {
+        return setNotifications(function (prevNotifications) {
+            return prevNotifications.filter(function (notification) { return notification.id !== id; });
+        });
+    }, 5000);
+    notificationTimeouts.push(timeout);
+}; };

package/dist/components/ChannelHeader/ChannelHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AvatarProps } from '../Avatar';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type ChannelHeaderProps = {
     /** UI component to display a user's avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */
     Avatar?: React.ComponentType<AvatarProps>;
@@ -8,11 +8,13 @@ export declare type ChannelHeaderProps = {
     image?: string;
     /** Show a little indicator that the Channel is live right now */
     live?: boolean;
+    /** UI component to display menu icon, defaults to [MenuIcon](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelHeader/ChannelHeader.tsx)*/
+    MenuIcon?: React.ComponentType;
     /** Set title manually */
     title?: string;
 };
 /**
  * The ChannelHeader component renders some basic information about a Channel.
  */
-export declare const ChannelHeader: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../types/types").UnknownType = import("../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../types/types").UnknownType = import("../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>(props: ChannelHeaderProps) => JSX.Element;
+export declare const ChannelHeader: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ChannelHeaderProps) => JSX.Element;
 //# sourceMappingURL=ChannelHeader.d.ts.map

package/dist/components/ChannelHeader/ChannelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAyDF;;GAEG;AACH,eAAO,MAAM,aAAa,qjBAjDjB,kBAAkB,gBAiDuE,CAAC"}
+{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0KAA0K;IAC1K,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqDF;;GAEG;AACH,eAAO,MAAM,aAAa,4FAnDjB,kBAAkB,gBAmDuE,CAAC"}