stream-chat-react 8.0.0 → 8.1.0

package/dist/components/ChannelList/hooks/useChannelDeletedListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChannelDeletedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelDeletedListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yBAAyB,wVAO/B,IAAI,sBA4BV,CAAC"}
+{"version":3,"file":"useChannelDeletedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelDeletedListener.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yBAAyB,wVAO/B,IAAI,sBA4BV,CAAC"}

package/dist/components/ChannelList/hooks/useChannelHiddenListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useChannelHiddenListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, event: Event<StreamChatGenerics>) => void) | undefined) => void;

package/dist/components/ChannelList/hooks/useChannelHiddenListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChannelHiddenListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelHiddenListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,wBAAwB,wVAO9B,IAAI,sBA2BV,CAAC"}
+{"version":3,"file":"useChannelHiddenListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelHiddenListener.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,wBAAwB,wVAO9B,IAAI,sBA2BV,CAAC"}

package/dist/components/ChannelList/hooks/useChannelTruncatedListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useChannelTruncatedListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, event: Event<StreamChatGenerics>) => void) | undefined, forceUpdate?: (() => void) | undefined) => void;

package/dist/components/ChannelList/hooks/useChannelTruncatedListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChannelTruncatedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelTruncatedListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,2BAA2B,wVAOjC,IAAI,oCACW,IAAI,sBAsBzB,CAAC"}
+{"version":3,"file":"useChannelTruncatedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelTruncatedListener.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,2BAA2B,wVAOjC,IAAI,oCACW,IAAI,sBAsBzB,CAAC"}

package/dist/components/ChannelList/hooks/useChannelUpdatedListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useChannelUpdatedListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, event: Event<StreamChatGenerics>) => void) | undefined, forceUpdate?: (() => void) | undefined) => void;

package/dist/components/ChannelList/hooks/useChannelUpdatedListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChannelUpdatedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelUpdatedListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yBAAyB,wVAO/B,IAAI,oCACW,IAAI,sBAqCzB,CAAC"}
+{"version":3,"file":"useChannelUpdatedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelUpdatedListener.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yBAAyB,wVAO/B,IAAI,oCACW,IAAI,sBAqCzB,CAAC"}

package/dist/components/ChannelList/hooks/useChannelVisibleListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useChannelVisibleListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, event: Event<StreamChatGenerics>) => void) | undefined) => void;

package/dist/components/ChannelList/hooks/useChannelVisibleListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChannelVisibleListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelVisibleListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yBAAyB,wVAO/B,IAAI,sBAoBV,CAAC"}
+{"version":3,"file":"useChannelVisibleListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useChannelVisibleListener.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yBAAyB,wVAO/B,IAAI,sBAoBV,CAAC"}

package/dist/components/ChannelList/hooks/useMessageNewListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useMessageNewListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, lockChannelOrder?: boolean, allowNewMessagesFromUnfilteredChannels?: boolean) => void;

package/dist/components/ChannelList/hooks/useMessageNewListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageNewListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useMessageNewListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,qBAAqB,gRA+BjC,CAAC"}
+{"version":3,"file":"useMessageNewListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useMessageNewListener.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,qBAAqB,gRA+BjC,CAAC"}

package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useNotificationAddedToChannelListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, event: Event<StreamChatGenerics>) => void) | undefined, allowNewMessagesFromUnfilteredChannels?: boolean) => void;

package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationAddedToChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,qCAAqC,wVAO3C,IAAI,wEAqBV,CAAC"}
+{"version":3,"file":"useNotificationAddedToChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,qCAAqC,wVAO3C,IAAI,wEAqBV,CAAC"}

package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useNotificationMessageNewListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, event: Event<StreamChatGenerics>) => void) | undefined, allowNewMessagesFromUnfilteredChannels?: boolean) => void;

package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationMessageNewListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationMessageNewListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,iCAAiC,wVAOvC,IAAI,wEAqBV,CAAC"}
+{"version":3,"file":"useNotificationMessageNewListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationMessageNewListener.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,iCAAiC,wVAOvC,IAAI,wEAqBV,CAAC"}

package/dist/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useNotificationRemovedFromChannelListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>, event: Event<StreamChatGenerics>) => void) | undefined) => void;

package/dist/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationRemovedFromChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yCAAyC,wVAO/C,IAAI,sBAqBV,CAAC"}
+{"version":3,"file":"useNotificationRemovedFromChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,yCAAyC,wVAO/C,IAAI,sBAqBV,CAAC"}

package/dist/components/ChannelList/hooks/usePaginatedChannels.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, ChannelFilters, ChannelOptions, ChannelSort, StreamChat } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const usePaginatedChannels: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(client: StreamChat<StreamChatGenerics>, filters: ChannelFilters<StreamChatGenerics>, sort: ChannelSort<StreamChatGenerics>, options: ChannelOptions, activeChannelHandler: (channels: Channel<StreamChatGenerics>[], setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>) => void) => {

package/dist/components/ChannelList/hooks/usePaginatedChannels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,0NAMtB,cAAc,2KAIlB,IAAI;;;;;;;;;;CAsEV,CAAC"}
+{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,0NAMtB,cAAc,2KAIlB,IAAI;;;;;;;;;;CAsEV,CAAC"}

package/dist/components/ChannelList/hooks/useUserPresenceChangedListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const useUserPresenceChangedListener: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>) => void;

package/dist/components/ChannelList/hooks/useUserPresenceChangedListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUserPresenceChangedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useUserPresenceChangedListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,8BAA8B,kMA+B1C,CAAC"}
+{"version":3,"file":"useUserPresenceChangedListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useUserPresenceChangedListener.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,8BAA8B,kMA+B1C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,gBAAgB,EAAkB,MAAM,2BAA2B,CAAC;AAG7E,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,8BAA8B,CACxC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;IAC5C,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAChD,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6MAA6M;IAC7M,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6PAA6P;IAC7P,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,8BAA8B,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,0JA8E1B,CAAC"}
+{"version":3,"file":"ChannelPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAE,gBAAgB,EAAkB,MAAM,2BAA2B,CAAC;AAG7E,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,8BAA8B,CACxC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;IAC5C,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAChD,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6MAA6M;IAC7M,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6PAA6P;IAC7P,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,8BAA8B,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,0JA2E1B,CAAC"}

package/dist/components/ChannelPreview/ChannelPreview.js

@@ -9,14 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { ChannelPreviewMessenger } from './ChannelPreviewMessenger';
 import { useIsChannelMuted } from './hooks/useIsChannelMuted';
 import { getDisplayImage, getDisplayTitle, getLatestMessagePreview } from './utils';
 import { useChatContext } from '../../context/ChatContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 export var ChannelPreview = function (props) {
-    var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a;
+    var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a, channelUpdateCount = props.channelUpdateCount;
     var _b = useChatContext('ChannelPreview'), activeChannel = _b.channel, client = _b.client, setActiveChannel = _b.setActiveChannel;
     var _c = useTranslationContext('ChannelPreview'), t = _c.t, userLanguage = _c.userLanguage;
     var _d = useState(channel.state.messages[channel.state.messages.length - 1]), lastMessage = _d[0], setLastMessage = _d[1];
@@ -33,7 +33,7 @@ export var ChannelPreview = function (props) {
         client.on('notification.mark_read', handleEvent);
         return function () { return client.off('notification.mark_read', handleEvent); };
     }, []);
-    useEffect(function () {
+    var refreshUnreadCount = useCallback(function () {
         if (isActive || muted) {
             setUnread(0);
         }
@@ -42,15 +42,11 @@ export var ChannelPreview = function (props) {
         }
     }, [channel, isActive, muted]);
     useEffect(function () {
+        refreshUnreadCount();
         var handleEvent = function (event) {
             if (event.message)
                 setLastMessage(event.message);
-            if (!isActive && !muted) {
-                setUnread(channel.countUnread());
-            }
-            else {
-                setUnread(0);
-            }
+            refreshUnreadCount();
         };
         channel.on('message.new', handleEvent);
         channel.on('message.updated', handleEvent);
@@ -60,7 +56,7 @@ export var ChannelPreview = function (props) {
             channel.off('message.updated', handleEvent);
             channel.off('message.deleted', handleEvent);
         };
-    }, [channel, isActive, muted]);
+    }, [refreshUnreadCount, channelUpdateCount]);
     if (!Preview)
         return null;
     var displayImage = getDisplayImage(channel, client.user);

package/dist/components/ChannelPreview/ChannelPreviewMessenger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ChannelPreviewUIComponentProps } from './ChannelPreview';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 /**

package/dist/components/ChannelPreview/ChannelPreviewMessenger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreviewMessenger.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreviewMessenger.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA2DnE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,8JAES,CAAC"}
+{"version":3,"file":"ChannelPreviewMessenger.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreviewMessenger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA2DnE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,8JAES,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Channel, UserResponse } from 'stream-chat';
 import type { TranslationContextValue } from '../../context/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/utils.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAwB,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,iBAAiB,SAAU,MAAM,gBAAoC,CAAC;AAEnF,eAAO,MAAM,uBAAuB,8HAI/B,uBAAuB,CAAC,GAAG,CAAC,iBACjB,uBAAuB,CAAC,cAAc,CAAC,KACpD,MAAM,GAAG,WA6BX,CAAC;AAEF,eAAO,MAAM,eAAe,4MAiB3B,CAAC;AAEF,eAAO,MAAM,eAAe,4MAiB3B,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/utils.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAwB,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,iBAAiB,SAAU,MAAM,gBAAoC,CAAC;AAEnF,eAAO,MAAM,uBAAuB,8HAI/B,uBAAuB,CAAC,GAAG,CAAC,iBACjB,uBAAuB,CAAC,cAAc,CAAC,KACpD,MAAM,GAAG,WA6BX,CAAC;AAEF,eAAO,MAAM,eAAe,4MAiB3B,CAAC;AAEF,eAAO,MAAM,eAAe,4MAiB3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iPAAiP;IACjP,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,yKAoDhB,CAAC"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iPAAiP;IACjP,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,yKAsDhB,CAAC"}

package/dist/components/Chat/Chat.js

@@ -10,7 +10,7 @@ import { TranslationProvider } from '../../context/TranslationContext';
  */
 export var Chat = function (props) {
     var children = props.children, client = props.client, customClasses = props.customClasses, customStyles = props.customStyles, _a = props.darkMode, darkMode = _a === void 0 ? false : _a, defaultLanguage = props.defaultLanguage, i18nInstance = props.i18nInstance, _b = props.initialNavOpen, initialNavOpen = _b === void 0 ? true : _b, _c = props.theme, theme = _c === void 0 ? 'messaging light' : _c, _d = props.useImageFlagEmojisOnWindows, useImageFlagEmojisOnWindows = _d === void 0 ? false : _d;
-    var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, translators = _e.translators;
+    var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, latestMessageDatesByChannels = _e.latestMessageDatesByChannels, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, translators = _e.translators;
     useCustomStyles(darkMode ? darkModeTheme : customStyles);
     var chatContextValue = useCreateChatContext({
         channel: channel,
@@ -18,6 +18,7 @@ export var Chat = function (props) {
         closeMobileNav: closeMobileNav,
         customClasses: customClasses,
         getAppSettings: getAppSettings,
+        latestMessageDatesByChannels: latestMessageDatesByChannels,
         mutes: mutes,
         navOpen: navOpen,
         openMobileNav: openMobileNav,

package/dist/components/Chat/hooks/useChat.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="node" />
-/// <reference types="react" />
 import { SupportedTranslations, TranslationContextValue } from '../../../context/TranslationContext';
 import { Streami18n } from '../../../i18n';
 import type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';
@@ -14,6 +13,7 @@ export declare const useChat: <StreamChatGenerics extends DefaultStreamChatGener
     channel: Channel<StreamChatGenerics> | undefined;
     closeMobileNav: () => void;
     getAppSettings: () => Promise<AppSettingsAPIResponse<StreamChatGenerics>>;
+    latestMessageDatesByChannels: {};
     mutes: Mute<StreamChatGenerics>[];
     navOpen: boolean | undefined;
     openMobileNav: () => NodeJS.Timeout;

package/dist/components/Chat/hooks/useChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";;AAGA,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;2FA+EJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;;CAyBlD,CAAC"}
+{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";AAGA,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;2FAgFJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;;CA8BlD,CAAC"}

package/dist/components/Chat/hooks/useChat.js

@@ -51,16 +51,17 @@ import { isLanguageSupported, } from '../../../context/TranslationContext';
 import { Streami18n } from '../../../i18n';
 import { version } from '../../../version';
 export var useChat = function (_a) {
-    var _b;
-    var client = _a.client, _c = _a.defaultLanguage, defaultLanguage = _c === void 0 ? 'en' : _c, i18nInstance = _a.i18nInstance, initialNavOpen = _a.initialNavOpen;
-    var _d = useState({
+    var _b, _c;
+    var client = _a.client, _d = _a.defaultLanguage, defaultLanguage = _d === void 0 ? 'en' : _d, i18nInstance = _a.i18nInstance, initialNavOpen = _a.initialNavOpen;
+    var _e = useState({
         t: function (key) { return key; },
         tDateTimeParser: function (input) { return Dayjs(input); },
         userLanguage: 'en',
-    }), translators = _d[0], setTranslators = _d[1];
-    var _e = useState(), channel = _e[0], setChannel = _e[1];
-    var _f = useState([]), mutes = _f[0], setMutes = _f[1];
-    var _g = useState(initialNavOpen), navOpen = _g[0], setNavOpen = _g[1];
+    }), translators = _e[0], setTranslators = _e[1];
+    var _f = useState(), channel = _f[0], setChannel = _f[1];
+    var _g = useState([]), mutes = _g[0], setMutes = _g[1];
+    var _h = useState(initialNavOpen), navOpen = _h[0], setNavOpen = _h[1];
+    var _j = useState({}), latestMessageDatesByChannels = _j[0], setLatestMessageDatesByChannels = _j[1];
     var clientMutes = ((_b = client.user) === null || _b === void 0 ? void 0 : _b.mutes) || [];
     var closeMobileNav = function () { return setNavOpen(false); };
     var openMobileNav = function () { return setTimeout(function () { return setNavOpen(true); }, 100); };
@@ -126,10 +127,14 @@ export var useChat = function (_a) {
             });
         });
     }, []);
+    useEffect(function () {
+        setLatestMessageDatesByChannels({});
+    }, [(_c = client.user) === null || _c === void 0 ? void 0 : _c.id]);
     return {
         channel: channel,
         closeMobileNav: closeMobileNav,
         getAppSettings: getAppSettings,
+        latestMessageDatesByChannels: latestMessageDatesByChannels,
         mutes: mutes,
         navOpen: navOpen,
         openMobileNav: openMobileNav,

package/dist/components/Chat/hooks/useCreateChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateChatContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,yKA4ChC,CAAC"}
+{"version":3,"file":"useCreateChatContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,yKA8ChC,CAAC"}

package/dist/components/Chat/hooks/useCreateChatContext.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 export var useCreateChatContext = function (value) {
     var _a;
-    var channel = value.channel, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, theme = value.theme, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
+    var channel = value.channel, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, latestMessageDatesByChannels = value.latestMessageDatesByChannels, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, theme = value.theme, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
     var channelCid = channel === null || channel === void 0 ? void 0 : channel.cid;
     var clientValues = "" + client.clientID + Object.keys(client.activeChannels).length + Object.keys(client.listeners).length + client.mutedChannels.length + "\n  " + ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id);
     var mutedUsersLength = mutes.length;
@@ -11,6 +11,7 @@ export var useCreateChatContext = function (value) {
         closeMobileNav: closeMobileNav,
         customClasses: customClasses,
         getAppSettings: getAppSettings,
+        latestMessageDatesByChannels: latestMessageDatesByChannels,
         mutes: mutes,
         navOpen: navOpen,
         openMobileNav: openMobileNav,

package/dist/components/DateSeparator/DateSeparator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type DateSeparatorProps = {
     /** The date to format */
     date: Date;

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

@@ -1 +1 @@
-{"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":";AAIA,oBAAY,kBAAkB,GAAG;IAC/B,yBAAyB;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,mHAAmH;IACnH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,aAAa,UAjCc,kBAAkB,uBAiCwC,CAAC"}
+{"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"AAIA,oBAAY,kBAAkB,GAAG;IAC/B,yBAAyB;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,mHAAmH;IACnH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,aAAa,UAjCc,kBAAkB,uBAiCwC,CAAC"}

package/dist/components/Gallery/Gallery.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type GalleryProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EACF;QACE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAChC,EAAE,GACH,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;CACtC,CAAC;AAwEF;;GAEG;AACH,eAAO,MAAM,OAAO,4IAA4D,CAAC"}
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EACF;QACE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAChC,EAAE,GACH,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;CACtC,CAAC;AAwEF;;GAEG;AACH,eAAO,MAAM,OAAO,4IAA4D,CAAC"}

package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts

@@ -3,17 +3,17 @@ export declare type InfiniteScrollProps = {
     className?: string;
     element?: React.ElementType;
     hasMore?: boolean;
+    hasMoreNewer?: boolean;
     initialLoad?: boolean;
     isLoading?: boolean;
-    isReverse?: boolean;
     listenToScroll?: (offset: number, reverseOffset: number, threshold: number) => void;
     loader?: React.ReactNode;
     loading?: React.ReactNode;
     loadMore?: () => void;
+    loadMoreNewer?: () => void;
     pageStart?: number;
     threshold?: number;
     useCapture?: boolean;
-    useWindow?: boolean;
 };
 export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;
 //# sourceMappingURL=InfiniteScroll.d.ts.map

package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA8B9D,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiGxD,CAAC"}
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAY9D,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwFxD,CAAC"}

package/dist/components/InfiniteScrollPaginator/InfiniteScroll.js

@@ -30,55 +30,31 @@ var mousewheelListener = function (event) {
         event.preventDefault();
     }
 };
-var calculateTopPosition = function (element) {
-    if (element instanceof HTMLElement) {
-        return element.offsetTop + calculateTopPosition(element.offsetParent);
-    }
-    return 0;
-};
-/**
- * Computes by recursively summing offsetTop until an element without offsetParent is reached
- */
-var calculateOffset = function (element, scrollTop) {
-    if (!element) {
-        return 0;
-    }
-    return calculateTopPosition(element) + (element.offsetHeight - scrollTop - window.innerHeight);
-};
 export var InfiniteScroll = function (props) {
-    var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, _b = props.hasMore, hasMore = _b === void 0 ? false : _b, _c = props.initialLoad, initialLoad = _c === void 0 ? true : _c, _d = props.isLoading, isLoading = _d === void 0 ? false : _d, _e = props.isReverse, isReverse = _e === void 0 ? false : _e, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, _f = props.threshold, threshold = _f === void 0 ? 250 : _f, _g = props.useCapture, useCapture = _g === void 0 ? false : _g, _h = props.useWindow, useWindow = _h === void 0 ? true : _h, elementProps = __rest(props, ["children", "element", "hasMore", "initialLoad", "isLoading", "isReverse", "listenToScroll", "loader", "loadMore", "threshold", "useCapture", "useWindow"]);
+    var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, _b = props.hasMore, hasMore = _b === void 0 ? false : _b, _c = props.hasMoreNewer, hasMoreNewer = _c === void 0 ? false : _c, _d = props.initialLoad, initialLoad = _d === void 0 ? true : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, _f = props.threshold, threshold = _f === void 0 ? 250 : _f, _g = props.useCapture, useCapture = _g === void 0 ? false : _g, elementProps = __rest(props, ["children", "element", "hasMore", "hasMoreNewer", "initialLoad", "isLoading", "listenToScroll", "loader", "loadMore", "loadMoreNewer", "threshold", "useCapture"]);
     var scrollComponent = useRef();
     var scrollListener = useCallback(function () {
         var element = scrollComponent.current;
-        if (!element)
+        if (!element || element.offsetParent === null) {
             return;
-        var parentElement = element.parentElement;
-        var offset = 0;
-        var reverseOffset = 0;
-        if (useWindow) {
-            var doc = document.documentElement || document.body.parentNode || document.body;
-            var scrollTop = window.pageYOffset !== undefined ? window.pageYOffset : doc.scrollTop;
-            offset = calculateOffset(element, scrollTop);
-            reverseOffset = scrollTop;
-        }
-        else if (parentElement) {
-            offset = element.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
-            reverseOffset = parentElement.scrollTop;
         }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        var parentElement = element.parentElement;
+        var offset = element.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
+        var reverseOffset = parentElement.scrollTop;
         if (listenToScroll) {
             listenToScroll(offset, reverseOffset, threshold);
         }
-        // Here we make sure the element is visible as well as checking the offset
-        if ((isReverse ? reverseOffset : offset) < Number(threshold) &&
-            element.offsetParent !== null &&
-            typeof loadMore === 'function' &&
-            hasMore) {
+        if (reverseOffset < Number(threshold) && typeof loadMore === 'function' && hasMore) {
             loadMore();
         }
-    }, [hasMore, useWindow, isReverse, threshold, listenToScroll, loadMore]);
+        if (offset < Number(threshold) && typeof loadMoreNewer === 'function' && hasMoreNewer) {
+            loadMoreNewer();
+        }
+    }, [hasMore, hasMoreNewer, threshold, listenToScroll, loadMore, loadMoreNewer]);
     useEffect(function () {
         var _a;
-        var scrollElement = useWindow ? window : (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
+        var scrollElement = (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
         if (isLoading || !scrollElement) {
             return function () { return undefined; };
         }
@@ -91,10 +67,10 @@ export var InfiniteScroll = function (props) {
             scrollElement.removeEventListener('scroll', scrollListener, useCapture);
             scrollElement.removeEventListener('resize', scrollListener, useCapture);
         };
-    }, [initialLoad, isLoading, scrollListener, useCapture, useWindow]);
+    }, [initialLoad, isLoading, scrollListener, useCapture]);
     useEffect(function () {
         var _a;
-        var scrollElement = useWindow ? window : (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
+        var scrollElement = (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
         if (scrollElement) {
             scrollElement.addEventListener('wheel', mousewheelListener, { passive: false });
         }
@@ -103,18 +79,13 @@ export var InfiniteScroll = function (props) {
                 scrollElement.removeEventListener('wheel', mousewheelListener, useCapture);
             }
         };
-    }, [useCapture, useWindow]);
+    }, [useCapture]);
     var attributes = __assign(__assign({}, elementProps), { ref: function (element) {
             scrollComponent.current = element;
         } });
     var childrenArray = [children];
     if (isLoading && loader) {
-        if (isReverse) {
-            childrenArray.unshift(loader);
-        }
-        else {
-            childrenArray.push(loader);
-        }
+        childrenArray.unshift(loader);
     }
     return React.createElement(element, attributes, childrenArray);
 };

package/dist/components/InfiniteScrollPaginator/index.d.ts

@@ -1,4 +1,2 @@
 export * from './InfiniteScroll';
-export * from './InfiniteScrollPaginator';
-export * from './ReverseInfiniteScroll';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InfiniteScrollPaginator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/InfiniteScrollPaginator/index.js

@@ -1,3 +1 @@
 export * from './InfiniteScroll';
-export * from './InfiniteScrollPaginator';
-export * from './ReverseInfiniteScroll';

package/dist/components/Message/FixedHeightMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type FixedHeightMessageProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

package/dist/components/Message/FixedHeightMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixedHeightMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/FixedHeightMessage.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAkBnE,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,uJAES,CAAC"}
+{"version":3,"file":"FixedHeightMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/FixedHeightMessage.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAkBnE,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,uJAES,CAAC"}

package/dist/components/Message/Message.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MessageProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAuHnE;;;GAGG;AACH,eAAO,MAAM,OAAO,uLA8GnB,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAuHnE;;;GAGG;AACH,eAAO,MAAM,OAAO,uLAiHnB,CAAC"}

package/dist/components/Message/Message.js

@@ -69,7 +69,7 @@ var MemoizedMessage = React.memo(MessageWithContext, areMessagePropsEqual);
 export var Message = function (props) {
     var closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, disableQuotedMessages = props.disableQuotedMessages, getDeleteMessageErrorNotification = props.getDeleteMessageErrorNotification, getFlagMessageErrorNotification = props.getFlagMessageErrorNotification, getFlagMessageSuccessNotification = props.getFlagMessageSuccessNotification, getMuteUserErrorNotification = props.getMuteUserErrorNotification, getMuteUserSuccessNotification = props.getMuteUserSuccessNotification, getPinMessageErrorNotification = props.getPinMessageErrorNotification, message = props.message, _a = props.onlySenderCanEdit, onlySenderCanEdit = _a === void 0 ? false : _a, propOnMentionsClick = props.onMentionsClick, propOnMentionsHover = props.onMentionsHover, propOpenThread = props.openThread, pinPermissions = props.pinPermissions, propRetrySendMessage = props.retrySendMessage;
     var addNotification = useChannelActionContext('Message').addNotification;
-    var mutes = useChannelStateContext('Message').mutes;
+    var _b = useChannelStateContext('Message'), highlightedMessageId = _b.highlightedMessageId, mutes = _b.mutes;
     var reactionSelectorRef = useRef(null);
     var handleAction = useActionHandler(message);
     var handleOpenThread = useOpenThreadHandler(message, propOpenThread);
@@ -90,14 +90,15 @@ export var Message = function (props) {
         getSuccessNotification: getMuteUserSuccessNotification,
         notify: addNotification,
     });
-    var _b = useMentionsHandler(message, {
+    var _c = useMentionsHandler(message, {
         onMentionsClick: propOnMentionsClick,
         onMentionsHover: propOnMentionsHover,
-    }), onMentionsClick = _b.onMentionsClick, onMentionsHover = _b.onMentionsHover;
-    var _c = usePinHandler(message, pinPermissions, {
+    }), onMentionsClick = _c.onMentionsClick, onMentionsHover = _c.onMentionsHover;
+    var _d = usePinHandler(message, pinPermissions, {
         getErrorNotification: getPinMessageErrorNotification,
         notify: addNotification,
-    }), canPin = _c.canPin, handlePin = _c.handlePin;
-    var _d = useReactionClick(message, reactionSelectorRef, undefined, closeReactionSelectorOnClick), isReactionEnabled = _d.isReactionEnabled, onReactionListClick = _d.onReactionListClick, showDetailedReactions = _d.showDetailedReactions;
-    return (React.createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFlag: handleFlag, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
+    }), canPin = _d.canPin, handlePin = _d.handlePin;
+    var _e = useReactionClick(message, reactionSelectorRef, undefined, closeReactionSelectorOnClick), isReactionEnabled = _e.isReactionEnabled, onReactionListClick = _e.onReactionListClick, showDetailedReactions = _e.showDetailedReactions;
+    var highlighted = highlightedMessageId === message.id;
+    return (React.createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFlag: handleFlag, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, highlighted: highlighted, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
 };

package/dist/components/Message/MessageCommerce.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageContextValue } from '../../context/MessageContext';
 import type { MessageUIComponentProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';

package/dist/components/Message/MessageCommerce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageCommerce.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageCommerce.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAmInE;;;;GAIG;AACH,eAAO,MAAM,eAAe,4JAQ3B,CAAC"}
+{"version":3,"file":"MessageCommerce.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageCommerce.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAmInE;;;;GAIG;AACH,eAAO,MAAM,eAAe,4JAQ3B,CAAC"}