stream-chat-react 7.0.0 → 8.1.1

package/dist/components/MessageList/hooks/useScrollLocationLogic.js

@@ -1,7 +1,7 @@
 import { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { useMessageListScrollManager } from './useMessageListScrollManager';
 export var useScrollLocationLogic = function (params) {
-    var _a = params.messages, messages = _a === void 0 ? [] : _a, _b = params.scrolledUpThreshold, scrolledUpThreshold = _b === void 0 ? 200 : _b;
+    var _a = params.messages, messages = _a === void 0 ? [] : _a, _b = params.scrolledUpThreshold, scrolledUpThreshold = _b === void 0 ? 200 : _b, hasMoreNewer = params.hasMoreNewer, suppressAutoscroll = params.suppressAutoscroll;
     var _c = useState(false), hasNewMessages = _c[0], setHasNewMessages = _c[1];
     var _d = useState(), wrapperRect = _d[0], setWrapperRect = _d[1];
     var closeToBottom = useRef(false);
@@ -9,8 +9,9 @@ export var useScrollLocationLogic = function (params) {
     var listRef = useRef(null);
     var scrollToBottom = useCallback(function () {
         var _a, _b;
-        if (!((_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo))
+        if (!((_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo) || hasMoreNewer || suppressAutoscroll) {
             return;
+        }
         (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.scrollTo({
             top: listRef.current.scrollHeight,
         });
@@ -22,16 +23,19 @@ export var useScrollLocationLogic = function (params) {
                 top: listRef.current.scrollHeight,
             });
         }, 200);
-    }, [listRef]);
+    }, [listRef, hasMoreNewer, suppressAutoscroll]);
     useLayoutEffect(function () {
         if (listRef === null || listRef === void 0 ? void 0 : listRef.current) {
             setWrapperRect(listRef.current.getBoundingClientRect());
             scrollToBottom();
         }
-    }, [listRef]);
+    }, [listRef, hasMoreNewer]);
     var updateScrollTop = useMessageListScrollManager({
         messages: messages,
-        onScrollBy: function (scrollBy) { var _a; return (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({ top: scrollBy }); },
+        onScrollBy: function (scrollBy) {
+            var _a;
+            (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({ top: scrollBy });
+        },
         scrollContainerMeasures: function () {
             var _a, _b;
             return ({

package/dist/components/MessageList/hooks/useShouldForceScrollToBottom.d.ts

@@ -1,4 +1,4 @@
 import type { StreamMessage } from '../../../context/ChannelStateContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../../types/types';
-export declare function useShouldForceScrollToBottom<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>(messages: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[], currentUserId?: string): () => boolean;
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+export declare function useShouldForceScrollToBottom<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(messages: StreamMessage<StreamChatGenerics>[], currentUserId?: string): () => boolean;
 //# sourceMappingURL=useShouldForceScrollToBottom.d.ts.map

package/dist/components/MessageList/hooks/useShouldForceScrollToBottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShouldForceScrollToBottom.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageList/hooks/useShouldForceScrollToBottom.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,4BAA4B,CAC1C,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,EAChD,QAAQ,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,MAAM,iBA2B9E"}
+{"version":3,"file":"useShouldForceScrollToBottom.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageList/hooks/useShouldForceScrollToBottom.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,wBAAgB,4BAA4B,CAC1C,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,MAAM,iBA2BtE"}

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

@@ -1,26 +1,45 @@
-/// <reference types="react" />
 import type { UserResponse } from 'stream-chat';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { StreamMessage } from '../../context/ChannelStateContext';
-declare type ProcessMessagesParams<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> = {
-    disableDateSeparator: boolean;
-    hideDeletedMessages: boolean;
-    hideNewMessageSeparator: boolean;
-    messages: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[];
+declare type ProcessMessagesParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    messages: StreamMessage<StreamChatGenerics>[];
     userId: string;
+    /** Enable date separator */
+    enableDateSeparator?: boolean;
+    /** Enable deleted messages to be filtered out of resulting message list */
+    hideDeletedMessages?: boolean;
+    /** Disable date separator display for unread incoming messages */
+    hideNewMessageSeparator?: boolean;
+    /** Sets the treshold after everything is considered unread */
     lastRead?: Date | null;
-    separateGiphyPreview?: boolean;
-    setGiphyPreviewMessage?: React.Dispatch<React.SetStateAction<StreamMessage<At, Ch, Co, Ev, Me, Re, Us> | undefined>>;
-    threadList?: boolean;
+    /** Signals whether to separate giphy preview as well as used to set the giphy preview state */
+    setGiphyPreviewMessage?: React.Dispatch<React.SetStateAction<StreamMessage<StreamChatGenerics> | undefined>>;
 };
-export declare const processMessages: <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>>(params: ProcessMessagesParams<At, Ch, Co, Ev, Me, Re, Us>) => StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[];
-export declare const getLastReceived: <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>>(messages: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[]) => string | null;
-export declare const getReadStates: <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>>(messages: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[], read: Record<string, {
+/**
+ * processMessages - Transform the input message list according to config parameters
+ *
+ * Inserts date separators btw. messages created on different dates or before unread incoming messages. By default:
+ * - enabled in main message list
+ * - disabled in virtualized message list
+ * - disabled in thread
+ *
+ * Allows to filter out deleted messages, contolled by hideDeletedMessages param. This is disabled by default.
+ *
+ * Sets Giphy preview message for VirtualizedMessageList
+ *
+ * The only required params are messages and userId, the rest are config params:
+ *
+ * @return {StreamMessage<StreamChatGenerics>[]} Transformed list of messages
+ */
+export declare const processMessages: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(params: ProcessMessagesParams<StreamChatGenerics>) => StreamMessage<StreamChatGenerics>[];
+export declare const makeDateMessageId: (date?: string | Date | undefined) => string;
+export declare const getLastReceived: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(messages: StreamMessage<StreamChatGenerics>[]) => string | null;
+export declare const getReadStates: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(messages: StreamMessage<StreamChatGenerics>[], read: Record<string, {
     last_read: Date;
-    user: UserResponse<Us>;
-}> | undefined, returnAllReadData: boolean) => Record<string, UserResponse<Us>[]>;
-export declare const insertIntro: <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>>(messages: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[], headerPosition?: number | undefined) => StreamMessage<At, Ch, Co, Ev, Me, Re, Us>[];
+    user: UserResponse<StreamChatGenerics>;
+}> | undefined, returnAllReadData: boolean) => Record<string, UserResponse<StreamChatGenerics>[]>;
+export declare const insertIntro: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(messages: StreamMessage<StreamChatGenerics>[], headerPosition?: number | undefined) => StreamMessage<StreamChatGenerics>[];
 export declare type GroupStyle = '' | 'middle' | 'top' | 'bottom' | 'single';
-export declare const getGroupStyles: <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>>(message: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>, previousMessage: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>, nextMessage: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>, noGroupByUser: boolean) => GroupStyle;
+export declare const getGroupStyles: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: StreamMessage<StreamChatGenerics>, previousMessage: StreamMessage<StreamChatGenerics>, nextMessage: StreamMessage<StreamChatGenerics>, noGroupByUser: boolean) => GroupStyle;
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/utils.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,aAAK,qBAAqB,CACxB,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;IACF,oBAAoB,EAAE,OAAO,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,uBAAuB,EAAE,OAAO,CAAC;IACjC,QAAQ,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,KAAK,CAAC,QAAQ,CACrC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC,CAC5E,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,upBA0G3B,CAAC;AAGF,eAAO,MAAM,eAAe,qnBAkB3B,CAAC;AAEF,eAAO,MAAM,aAAa;eAUU,IAAI;;mCACnB,OAAO,uCAqC3B,CAAC;AAEF,eAAO,MAAM,WAAW,wrBAiEvB,CAAC;AAEF,oBAAY,UAAU,GAAG,EAAE,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,eAAO,MAAM,cAAc,quBAYV,OAAO,KACrB,UAuCF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/utils.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,aAAK,qBAAqB,CACxB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kEAAkE;IAClE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,+FAA+F;IAC/F,sBAAsB,CAAC,EAAE,KAAK,CAAC,QAAQ,CACrC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC,CACpE,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,8KAuF3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,8CAQ7B,CAAC;AAGF,eAAO,MAAM,eAAe,oJAY3B,CAAC;AAEF,eAAO,MAAM,aAAa;eAIU,IAAI;;mCACnB,OAAO,uDAqC3B,CAAC;AAEF,eAAO,MAAM,WAAW,+MAoDvB,CAAC;AAEF,oBAAY,UAAU,GAAG,EAAE,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,eAAO,MAAM,cAAc,oPAMV,OAAO,KACrB,UAuCF,CAAC"}

package/dist/components/MessageList/utils.js

@@ -1,8 +1,26 @@
 /* eslint-disable no-continue */
+import { v4 as uuidV4 } from 'uuid';
+import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
 import { isDate } from '../../context/TranslationContext';
+/**
+ * processMessages - Transform the input message list according to config parameters
+ *
+ * Inserts date separators btw. messages created on different dates or before unread incoming messages. By default:
+ * - enabled in main message list
+ * - disabled in virtualized message list
+ * - disabled in thread
+ *
+ * Allows to filter out deleted messages, contolled by hideDeletedMessages param. This is disabled by default.
+ *
+ * Sets Giphy preview message for VirtualizedMessageList
+ *
+ * The only required params are messages and userId, the rest are config params:
+ *
+ * @return {StreamMessage<StreamChatGenerics>[]} Transformed list of messages
+ */
 export var processMessages = function (params) {
-    var _a, _b, _c;
-    var disableDateSeparator = params.disableDateSeparator, hideDeletedMessages = params.hideDeletedMessages, hideNewMessageSeparator = params.hideNewMessageSeparator, lastRead = params.lastRead, messages = params.messages, separateGiphyPreview = params.separateGiphyPreview, setGiphyPreviewMessage = params.setGiphyPreviewMessage, threadList = params.threadList, userId = params.userId;
+    var _a, _b;
+    var enableDateSeparator = params.enableDateSeparator, hideDeletedMessages = params.hideDeletedMessages, hideNewMessageSeparator = params.hideNewMessageSeparator, lastRead = params.lastRead, messages = params.messages, setGiphyPreviewMessage = params.setGiphyPreviewMessage, userId = params.userId;
     var unread = false;
     var ephemeralMessagePresent = false;
     var lastDateSeparator;
@@ -12,50 +30,43 @@ export var processMessages = function (params) {
         if (hideDeletedMessages && message.type === 'deleted') {
             continue;
         }
-        if (separateGiphyPreview &&
-            setGiphyPreviewMessage &&
-            message.type === 'ephemeral' &&
-            message.command === 'giphy') {
+        if (setGiphyPreviewMessage && message.type === 'ephemeral' && message.command === 'giphy') {
             ephemeralMessagePresent = true;
             setGiphyPreviewMessage(message);
             continue;
         }
         var messageDate = (message.created_at && isDate(message.created_at) && message.created_at.toDateString()) || '';
-        var prevMessageDate = messageDate;
         var previousMessage = messages[i - 1];
-        if (i > 0 &&
-            !disableDateSeparator &&
-            !threadList &&
-            previousMessage.created_at &&
-            isDate(previousMessage.created_at)) {
+        var prevMessageDate = messageDate;
+        if (enableDateSeparator && (previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.created_at) && isDate(previousMessage.created_at)) {
             prevMessageDate = previousMessage.created_at.toDateString();
         }
-        if (!unread && !hideNewMessageSeparator && !threadList) {
+        if (!unread && !hideNewMessageSeparator) {
             unread = (lastRead && message.created_at && new Date(lastRead) < message.created_at) || false;
             // do not show date separator for current user's messages
-            if (!disableDateSeparator && unread && ((_a = message.user) === null || _a === void 0 ? void 0 : _a.id) !== userId) {
+            if (enableDateSeparator && unread && ((_a = message.user) === null || _a === void 0 ? void 0 : _a.id) !== userId) {
                 newMessages.push({
-                    customType: 'message.date',
+                    customType: CUSTOM_MESSAGE_TYPE.date,
                     date: message.created_at,
-                    id: message.id,
+                    id: makeDateMessageId(message.created_at),
                     unread: unread,
                 });
             }
         }
-        if (!disableDateSeparator &&
-            !threadList &&
-            (i === 0 ||
-                messageDate !== prevMessageDate ||
+        if (enableDateSeparator &&
+            (i === 0 || // always put date separator before the first message
+                messageDate !== prevMessageDate || // add date separator btw. 2 messages created on different date
+                // if hiding deleted messages replace the previous deleted message(s) with A separator if the last rendered message was created on different date
                 (hideDeletedMessages &&
-                    ((_b = messages[i - 1]) === null || _b === void 0 ? void 0 : _b.type) === 'deleted' &&
+                    (previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.type) === 'deleted' &&
                     lastDateSeparator !== messageDate)) &&
-            ((_c = newMessages === null || newMessages === void 0 ? void 0 : newMessages[newMessages.length - 1]) === null || _c === void 0 ? void 0 : _c.customType) !== 'message.date' // do not show two date separators in a row
+            ((_b = newMessages === null || newMessages === void 0 ? void 0 : newMessages[newMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
         ) {
             lastDateSeparator = messageDate;
             newMessages.push({
-                customType: 'message.date',
+                customType: CUSTOM_MESSAGE_TYPE.date,
                 date: message.created_at,
-                id: message.id,
+                id: makeDateMessageId(message.created_at),
             }, message);
         }
         else {
@@ -63,11 +74,21 @@ export var processMessages = function (params) {
         }
     }
     // clean up the giphy preview component state after a Cancel action
-    if (separateGiphyPreview && !ephemeralMessagePresent) {
-        setGiphyPreviewMessage === null || setGiphyPreviewMessage === void 0 ? void 0 : setGiphyPreviewMessage(undefined);
+    if (setGiphyPreviewMessage && !ephemeralMessagePresent) {
+        setGiphyPreviewMessage(undefined);
     }
     return newMessages;
 };
+export var makeDateMessageId = function (date) {
+    var idSuffix;
+    try {
+        idSuffix = !date ? uuidV4() : date instanceof Date ? date.toISOString() : date;
+    }
+    catch (e) {
+        idSuffix = uuidV4();
+    }
+    return CUSTOM_MESSAGE_TYPE.date + "-" + idSuffix;
+};
 // fast since it usually iterates just the last few messages
 export var getLastReceived = function (messages) {
     for (var i = messages.length - 1; i > 0; i -= 1) {
@@ -110,7 +131,9 @@ export var getReadStates = function (messages, read, returnAllReadData) {
 };
 export var insertIntro = function (messages, headerPosition) {
     var newMessages = messages;
-    var intro = { customType: 'channel.intro' };
+    var intro = {
+        customType: CUSTOM_MESSAGE_TYPE.intro,
+    };
     // if no headerPosition is set, HeaderComponent will go at the top
     if (!headerPosition) {
         newMessages.unshift(intro);
@@ -133,13 +156,12 @@ export var insertIntro = function (messages, headerPosition) {
         if (messageTime && messageTime < headerPosition) {
             // if header position is also smaller than message time continue;
             if (nextMessageTime && nextMessageTime < headerPosition) {
-                if (messages[i + 1] && messages[i + 1].customType === 'message.date')
+                if (messages[i + 1] && messages[i + 1].customType === CUSTOM_MESSAGE_TYPE.date)
                     continue;
                 if (!nextMessageTime) {
                     newMessages.push(intro);
                     return newMessages;
                 }
-                continue;
             }
             else {
                 newMessages.splice(i + 1, 0, intro);
@@ -151,24 +173,24 @@ export var insertIntro = function (messages, headerPosition) {
 };
 export var getGroupStyles = function (message, previousMessage, nextMessage, noGroupByUser) {
     var _a, _b, _c, _d, _e, _f, _g;
-    if (message.customType === 'message.date')
+    if (message.customType === CUSTOM_MESSAGE_TYPE.date)
         return '';
-    if (message.customType === 'channel.intro')
+    if (message.customType === CUSTOM_MESSAGE_TYPE.intro)
         return '';
     if (noGroupByUser || ((_a = message.attachments) === null || _a === void 0 ? void 0 : _a.length) !== 0)
         return 'single';
     var isTopMessage = !previousMessage ||
-        previousMessage.customType === 'channel.intro' ||
-        previousMessage.customType === 'message.date' ||
+        previousMessage.customType === CUSTOM_MESSAGE_TYPE.intro ||
+        previousMessage.customType === CUSTOM_MESSAGE_TYPE.date ||
         previousMessage.type === 'system' ||
         ((_b = previousMessage.attachments) === null || _b === void 0 ? void 0 : _b.length) !== 0 ||
         ((_c = message.user) === null || _c === void 0 ? void 0 : _c.id) !== ((_d = previousMessage.user) === null || _d === void 0 ? void 0 : _d.id) ||
         previousMessage.type === 'error' ||
         previousMessage.deleted_at;
     var isBottomMessage = !nextMessage ||
-        nextMessage.customType === 'message.date' ||
+        nextMessage.customType === CUSTOM_MESSAGE_TYPE.date ||
         nextMessage.type === 'system' ||
-        nextMessage.customType === 'channel.intro' ||
+        nextMessage.customType === CUSTOM_MESSAGE_TYPE.intro ||
         ((_e = nextMessage.attachments) === null || _e === void 0 ? void 0 : _e.length) !== 0 ||
         ((_f = message.user) === null || _f === void 0 ? void 0 : _f.id) !== ((_g = nextMessage.user) === null || _g === void 0 ? void 0 : _g.id) ||
         nextMessage.type === 'error' ||

package/dist/components/Reactions/ReactionSelector.d.ts

@@ -3,8 +3,8 @@ import { AvatarProps } from '../Avatar';
 import { ReactionEmoji } from '../Channel/emojiData';
 import type { NimbleEmojiProps } from 'emoji-mart';
 import type { ReactionResponse } from 'stream-chat';
-import type { DefaultReactionType, DefaultUserType } from '../../types/types';
-export declare type ReactionSelectorProps<Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type ReactionSelectorProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** Additional props to be passed to the [NimbleEmoji](https://github.com/missive/emoji-mart/blob/master/src/components/emoji/nimble-emoji.js) component from `emoji-mart` */
     additionalEmojiProps?: Partial<NimbleEmojiProps>;
     /** Custom UI component to display user avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */
@@ -14,7 +14,7 @@ export declare type ReactionSelectorProps<Re extends DefaultReactionType = Defau
     /** Function that adds/removes a reaction on a message (overrides the function stored in `MessageContext`) */
     handleReaction?: (reactionType: string, event: React.BaseSyntheticEvent) => Promise<void>;
     /** An array of the reaction objects to display in the list */
-    latest_reactions?: ReactionResponse<Re, Us>[];
+    latest_reactions?: ReactionResponse<StreamChatGenerics>[];
     /** An object that keeps track of the count of each type of reaction on a message */
     reaction_counts?: {
         [key: string]: number;
@@ -27,5 +27,5 @@ export declare type ReactionSelectorProps<Re extends DefaultReactionType = Defau
 /**
  * Component that allows a user to select a reaction.
  */
-export declare const ReactionSelector: React.ForwardRefExoticComponent<ReactionSelectorProps<import("../../types/types").UnknownType, DefaultUserType<DefaultUserType<DefaultUserType<DefaultUserType<DefaultUserType<DefaultUserType<DefaultUserType<any>>>>>>>> & React.RefAttributes<HTMLDivElement | null>>;
+export declare const ReactionSelector: React.ForwardRefExoticComponent<ReactionSelectorProps<DefaultStreamChatGenerics> & React.RefAttributes<HTMLDivElement | null>>;
 //# sourceMappingURL=ReactionSelector.d.ts.map

package/dist/components/Reactions/ReactionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionSelector.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAI3F,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AACjE,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAMV,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,qBAAqB,CAC/B,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6GAA6G;IAC7G,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1F,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IAC9C,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAkMF;;GAEG;AACH,eAAO,MAAM,gBAAgB,0QAES,CAAC"}
+{"version":3,"file":"ReactionSelector.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAI3F,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AACjE,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6GAA6G;IAC7G,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1F,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC1D,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmLF;;GAEG;AACH,eAAO,MAAM,gBAAgB,gIAES,CAAC"}

package/dist/components/Reactions/ReactionsList.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { ReactionEmoji } from '../Channel/emojiData';
 import type { NimbleEmojiProps } from 'emoji-mart';
 import type { ReactionResponse } from 'stream-chat';
 import type { ReactEventHandler } from '../Message/types';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../types/types';
-export declare type ReactionsListProps<Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type ReactionsListProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** Additional props to be passed to the [NimbleEmoji](https://github.com/missive/emoji-mart/blob/master/src/components/emoji/nimble-emoji.js) component from `emoji-mart` */
     additionalEmojiProps?: Partial<NimbleEmojiProps>;
     /** Custom on click handler for an individual reaction, defaults to `onReactionListClick` from the `MessageContext` */
@@ -16,12 +15,12 @@ export declare type ReactionsListProps<Re extends DefaultReactionType = DefaultR
     /** A list of the currently supported reactions on a message */
     reactionOptions?: ReactionEmoji[];
     /** An array of the reaction objects to display in the list */
-    reactions?: ReactionResponse<Re, Us>[];
+    reactions?: ReactionResponse<StreamChatGenerics>[];
     /** Display the reactions in the list in reverse order, defaults to false */
     reverse?: boolean;
 };
 /**
  * Component that displays a list of reactions on a message.
  */
-export declare const ReactionsList: <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: ReactionsListProps<Re, Us>) => JSX.Element | null;
+export declare const ReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ReactionsListProps<StreamChatGenerics>) => JSX.Element | null;
 //# sourceMappingURL=ReactionsList.d.ts.map

package/dist/components/Reactions/ReactionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,kBAAkB,CAC5B,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,sHAAsH;IACtH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IACvC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAiHF;;GAEG;AACH,eAAO,MAAM,aAAa,smBAAwE,CAAC"}
+{"version":3,"file":"ReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,sHAAsH;IACtH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACnD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAyGF;;GAEG;AACH,eAAO,MAAM,aAAa,yJAAwE,CAAC"}

package/dist/components/Reactions/SimpleReactionsList.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { ReactionEmoji } from '../Channel/emojiData';
 import type { NimbleEmojiProps } from 'emoji-mart';
 import type { ReactionResponse } from 'stream-chat';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../types/types';
-export declare type SimpleReactionsListProps<Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type SimpleReactionsListProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** Additional props to be passed to the [NimbleEmoji](https://github.com/missive/emoji-mart/blob/master/src/components/emoji/nimble-emoji.js) component from `emoji-mart` */
     additionalEmojiProps?: Partial<NimbleEmojiProps>;
     /** Function that adds/removes a reaction on a message (overrides the function stored in `MessageContext`) */
@@ -15,7 +15,7 @@ export declare type SimpleReactionsListProps<Re extends DefaultReactionType = De
     /** A list of the currently supported reactions on a message */
     reactionOptions?: ReactionEmoji[];
     /** An array of the reaction objects to display in the list */
-    reactions?: ReactionResponse<Re, Us>[];
+    reactions?: ReactionResponse<StreamChatGenerics>[];
 };
-export declare const SimpleReactionsList: <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: SimpleReactionsListProps<Re, Us>) => JSX.Element | null;
+export declare const SimpleReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: SimpleReactionsListProps<StreamChatGenerics>) => JSX.Element | null;
 //# sourceMappingURL=SimpleReactionsList.d.ts.map

package/dist/components/Reactions/SimpleReactionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,wBAAwB,CAClC,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,6GAA6G;IAC7G,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1F,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;CACxC,CAAC;AA2IF,eAAO,MAAM,mBAAmB,4mBAES,CAAC"}
+{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,6GAA6G;IAC7G,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1F,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;CACpD,CAAC;AA+HF,eAAO,MAAM,mBAAmB,+JAES,CAAC"}

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const isMutableRef: <T>(ref: import("react").ForwardedRef<T>) => ref is import("react").MutableRefObject<T>;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Reactions/utils/utils.ts"],"names":[],"mappings":";AAAA,eAAO,MAAM,YAAY,yFAOxB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Reactions/utils/utils.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,yFAOxB,CAAC"}

package/dist/components/Thread/Thread.d.ts

@@ -4,33 +4,35 @@ import { MessageListProps } from '../MessageList/MessageList';
 import { VirtualizedMessageListProps } from '../MessageList/VirtualizedMessageList';
 import { StreamMessage } from '../../context/ChannelStateContext';
 import type { MessageProps, MessageUIComponentProps } from '../Message/types';
-import type { CustomTrigger, DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../types/types';
-export declare type ThreadProps<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, V extends CustomTrigger = CustomTrigger> = {
+import type { CustomTrigger, DefaultStreamChatGenerics } from '../../types/types';
+export declare type ThreadProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = {
     /** Additional props for `MessageInput` component: [available props](https://getstream.io/chat/docs/sdk/react/message-input-components/message_input/#props) */
-    additionalMessageInputProps?: MessageInputProps<At, Ch, Co, Ev, Me, Re, Us, V>;
+    additionalMessageInputProps?: MessageInputProps<StreamChatGenerics, V>;
     /** Additional props for `MessageList` component: [available props](https://getstream.io/chat/docs/sdk/react/core-components/message_list/#props) */
-    additionalMessageListProps?: MessageListProps<At, Ch, Co, Ev, Me, Re, Us>;
+    additionalMessageListProps?: MessageListProps<StreamChatGenerics>;
     /** Additional props for `Message` component of the parent message: [available props](https://getstream.io/chat/docs/sdk/react/message-components/message/#props) */
-    additionalParentMessageProps?: MessageProps<At, Ch, Co, Ev, Me, Re, Us>;
+    additionalParentMessageProps?: MessageProps<StreamChatGenerics>;
     /** Additional props for `VirtualizedMessageList` component: [available props](https://getstream.io/chat/docs/sdk/react/core-components/virtualized_list/#props) */
-    additionalVirtualizedMessageListProps?: VirtualizedMessageListProps<At, Ch, Co, Ev, Me, Re, Us>;
+    additionalVirtualizedMessageListProps?: VirtualizedMessageListProps<StreamChatGenerics>;
     /** If true, focuses the `MessageInput` component on opening a thread */
     autoFocus?: boolean;
+    /** Injects date separator components into `Thread`, defaults to `false`. To be passed to the underlying `MessageList` or `VirtualizedMessageList` components */
+    enableDateSeparator?: boolean;
     /** Display the thread on 100% width of its parent container. Useful for mobile style view */
     fullWidth?: boolean;
     /** Custom thread input UI component used to override the default `Input` value stored in `ComponentContext` or the [MessageInputSmall](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/MessageInputSmall.tsx) default */
     Input?: React.ComponentType;
     /** Custom thread message UI component used to override the default `Message` value stored in `ComponentContext` */
-    Message?: React.ComponentType<MessageUIComponentProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Message?: React.ComponentType<MessageUIComponentProps<StreamChatGenerics>>;
     /** If true, render the `VirtualizedMessageList` instead of the standard `MessageList` component */
     virtualized?: boolean;
 };
 /**
  * The Thread component renders a parent Message with a list of replies
  */
-export declare const Thread: <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>, V extends CustomTrigger = CustomTrigger>(props: ThreadProps<At, Ch, Co, Ev, Me, Re, Us, V>) => JSX.Element | null;
-export declare type ThreadHeaderProps<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> = {
+export declare const Thread: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: ThreadProps<StreamChatGenerics, V>) => JSX.Element | null;
+export declare type ThreadHeaderProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     closeThread: (event: React.BaseSyntheticEvent) => void;
-    thread: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>;
+    thread: StreamMessage<StreamChatGenerics>;
 };
 //# sourceMappingURL=Thread.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAEL,2BAA2B,EAC5B,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,aAAa,EAA0B,MAAM,mCAAmC,CAAC;AAK1F,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,WAAW,CACrB,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,EAChD,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,+JAA+J;IAC/J,2BAA2B,CAAC,EAAE,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC/E,oJAAoJ;IACpJ,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,oKAAoK;IACpK,4BAA4B,CAAC,EAAE,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxE,mKAAmK;IACnK,qCAAqC,CAAC,EAAE,2BAA2B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAChG,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gQAAgQ;IAChQ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACnF,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,+pBAoBlB,CAAC;AAEF,oBAAY,iBAAiB,CAC3B,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;IACF,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,MAAM,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CACnD,CAAC"}
+{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAEL,2BAA2B,EAC5B,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,aAAa,EAA0B,MAAM,mCAAmC,CAAC;AAK1F,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,oBAAY,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,+JAA+J;IAC/J,2BAA2B,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACvE,oJAAoJ;IACpJ,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAClE,oKAAoK;IACpK,4BAA4B,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAChE,mKAAmK;IACnK,qCAAqC,CAAC,EAAE,2BAA2B,CAAC,kBAAkB,CAAC,CAAC;IACxF,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gKAAgK;IAChK,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gQAAgQ;IAChQ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC3E,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,8LAYlB,CAAC;AAEF,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,MAAM,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC3C,CAAC"}

package/dist/components/Thread/Thread.js

@@ -37,11 +37,7 @@ var DefaultThreadHeader = function (props) {
     var getReplyCount = function () {
         if (!thread.reply_count)
             return '';
-        if (thread.reply_count === 1)
-            return t('1 reply');
-        return t('{{ replyCount }} replies', {
-            replyCount: thread.reply_count,
-        });
+        return t('replyCount', { count: thread.reply_count });
     };
     return (React.createElement("div", { className: 'str-chat__thread-header' },
         React.createElement("div", { className: 'str-chat__thread-header-details' },
@@ -56,11 +52,11 @@ var DefaultThreadStart = function () {
     return React.createElement("div", { className: 'str-chat__thread-start' }, t('Start of a new thread'));
 };
 var ThreadInner = function (props) {
-    var additionalMessageInputProps = props.additionalMessageInputProps, additionalMessageListProps = props.additionalMessageListProps, additionalParentMessageProps = props.additionalParentMessageProps, additionalVirtualizedMessageListProps = props.additionalVirtualizedMessageListProps, _a = props.autoFocus, autoFocus = _a === void 0 ? true : _a, _b = props.fullWidth, fullWidth = _b === void 0 ? false : _b, PropInput = props.Input, PropMessage = props.Message, virtualized = props.virtualized;
-    var _c = useChannelStateContext('Thread'), thread = _c.thread, threadHasMore = _c.threadHasMore, threadLoadingMore = _c.threadLoadingMore, threadMessages = _c.threadMessages;
-    var _d = useChannelActionContext('Thread'), closeThread = _d.closeThread, loadMoreThread = _d.loadMoreThread;
+    var additionalMessageInputProps = props.additionalMessageInputProps, additionalMessageListProps = props.additionalMessageListProps, additionalParentMessageProps = props.additionalParentMessageProps, additionalVirtualizedMessageListProps = props.additionalVirtualizedMessageListProps, _a = props.autoFocus, autoFocus = _a === void 0 ? true : _a, _b = props.enableDateSeparator, enableDateSeparator = _b === void 0 ? false : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? false : _c, PropInput = props.Input, PropMessage = props.Message, virtualized = props.virtualized;
+    var _d = useChannelStateContext('Thread'), thread = _d.thread, threadHasMore = _d.threadHasMore, threadLoadingMore = _d.threadLoadingMore, threadMessages = _d.threadMessages;
+    var _e = useChannelActionContext('Thread'), closeThread = _e.closeThread, loadMoreThread = _e.loadMoreThread;
     var customClasses = useChatContext('Thread').customClasses;
-    var _e = useComponentContext('Thread'), ContextInput = _e.ThreadInput, ContextMessage = _e.Message, _f = _e.ThreadHeader, ThreadHeader = _f === void 0 ? DefaultThreadHeader : _f, _g = _e.ThreadStart, ThreadStart = _g === void 0 ? DefaultThreadStart : _g, _h = _e.VirtualMessage, VirtualMessage = _h === void 0 ? FixedHeightMessage : _h;
+    var _f = useComponentContext('Thread'), ContextInput = _f.ThreadInput, ContextMessage = _f.Message, _g = _f.ThreadHeader, ThreadHeader = _g === void 0 ? DefaultThreadHeader : _g, _h = _f.ThreadStart, ThreadStart = _h === void 0 ? DefaultThreadStart : _h, _j = _f.VirtualMessage, VirtualMessage = _j === void 0 ? FixedHeightMessage : _j;
     var messageList = useRef(null);
     var ThreadInput = PropInput || (additionalMessageInputProps === null || additionalMessageInputProps === void 0 ? void 0 : additionalMessageInputProps.Input) || ContextInput || MessageInputSmall;
     var ThreadMessage = PropMessage || (additionalMessageListProps === null || additionalMessageListProps === void 0 ? void 0 : additionalMessageListProps.Message);
@@ -88,6 +84,6 @@ var ThreadInner = function (props) {
         React.createElement("div", { className: 'str-chat__thread-list', ref: messageList },
             React.createElement(Message, __assign({ initialMessage: true, message: thread, Message: ThreadMessage || FallbackMessage, threadList: true }, additionalParentMessageProps)),
             React.createElement(ThreadStart, null),
-            React.createElement(ThreadMessageList, __assign({ hasMore: threadHasMore, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: ThreadMessage || FallbackMessage, messages: threadMessages || [], threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)))),
+            React.createElement(ThreadMessageList, __assign({ disableDateSeparator: !enableDateSeparator, hasMore: threadHasMore, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: ThreadMessage || FallbackMessage, messages: threadMessages || [], threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)))),
         React.createElement(MessageInput, __assign({ focus: autoFocus, Input: ThreadInput, parent: thread, publishTypingEvent: false }, additionalMessageInputProps))));
 };

package/dist/components/TypingIndicator/TypingIndicator.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { AvatarProps } from '../Avatar';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../types/types';
-export declare type TypingIndicatorProps<Us extends DefaultUserType<Us> = DefaultUserType> = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type TypingIndicatorProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** Custom UI component to display user 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<Us>>;
+    Avatar?: React.ComponentType<AvatarProps<StreamChatGenerics>>;
     /** Avatar size in pixels, @default 32px */
     avatarSize?: number;
     /** Whether or not the typing indicator is in a thread */
     threadList?: boolean;
 };
-export declare const TypingIndicator: <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: TypingIndicatorProps<Us>) => JSX.Element | null;
+export declare const TypingIndicator: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: TypingIndicatorProps<StreamChatGenerics>) => JSX.Element | null;
 //# sourceMappingURL=TypingIndicator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/TypingIndicator/TypingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAOjE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,oBAAoB,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI;IACnF,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9C,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAyEF,eAAO,MAAM,eAAe,omBAES,CAAC"}
+{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/TypingIndicator/TypingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAOjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,oBAAoB,CAC9B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC9D,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AA+DF,eAAO,MAAM,eAAe,2JAES,CAAC"}

package/dist/components/Window/Window.d.ts

@@ -1,14 +1,14 @@
 import React, { PropsWithChildren } from 'react';
 import { StreamMessage } from '../../context/ChannelStateContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../types/types';
-export declare type WindowProps<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 WindowProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** show or hide the window when a thread is active */
     hideOnThread?: boolean;
     /** optional prop to manually trigger the opening of a thread*/
-    thread?: StreamMessage<At, Ch, Co, Ev, Me, Re, Us>;
+    thread?: StreamMessage<StreamChatGenerics>;
 };
 /**
  * A UI component for conditionally displaying a Thread or Channel
  */
-export declare const Window: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../types/types").UnknownType = import("../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>(props: React.PropsWithChildren<WindowProps<At, Ch, Co, Me, Re, Us, DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>>) => JSX.Element;
+export declare const Window: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: React.PropsWithChildren<WindowProps<StreamChatGenerics>>) => JSX.Element;
 //# sourceMappingURL=Window.d.ts.map