stream-chat-react 8.0.0 → 8.1.2

package/dist/components/ChannelList/ChannelList.js

@@ -153,6 +153,7 @@ var UnMemoizedChannelList = function (props) {
             activeChannel: channel,
             Avatar: Avatar,
             channel: item,
+            // forces the update of preview component on channel update
             channelUpdateCount: channelUpdateCount,
             key: item.id,
             Preview: Preview,

package/dist/components/ChannelList/hooks/useChannelDeletedListener.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 useChannelDeletedListener: <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/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/ChatDown/ChatDown.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 export declare type ChatDownProps = {
-    /** The type of error */
-    type: string;
-    /** The image url for this error */
-    image?: string;
+    /** The image url for this error or ReactElement representing the image */
+    image?: string | React.ReactElement;
     /** The error message to show */
     text?: string;
+    /** The type of error */
+    type?: string;
 };
 /**
  * A simple indicator that chat functionality isn't available, triggered when the Chat API is unavailable or your network isn't working.
  */
-export declare const ChatDown: React.FC<ChatDownProps>;
+export declare const ChatDown: ({ image, text, type, }: ChatDownProps) => JSX.Element;
 //# sourceMappingURL=ChatDown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDown.d.ts","sourceRoot":"","sources":["../../../src/components/ChatDown/ChatDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,oBAAY,aAAa,GAAG;IAC1B,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAqBF;;GAEG;AACH,eAAO,MAAM,QAAQ,yBAA8D,CAAC"}
+{"version":3,"file":"ChatDown.d.ts","sourceRoot":"","sources":["../../../src/components/ChatDown/ChatDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,oBAAY,aAAa,GAAG;IAC1B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACpC,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA2BF;;GAEG;AACH,eAAO,MAAM,QAAQ,2BAxBlB,aAAa,gBAwBmE,CAAC"}

package/dist/components/ChatDown/ChatDown.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import { LoadingChannels } from '../Loading/LoadingChannels';
-import placeholder from '../../assets/str-chat__connection-error.svg';
 import { useTranslationContext } from '../../context/TranslationContext';
-var UnMemoizedChatDown = function (props) {
-    var image = props.image, text = props.text, _a = props.type, type = _a === void 0 ? 'Error' : _a;
+import { ConnectionErrorIcon } from './icons';
+var UnMemoizedChatDown = function (_a) {
+    var _b = _a.image, image = _b === void 0 ? React.createElement(ConnectionErrorIcon, null) : _b, text = _a.text, _c = _a.type, type = _c === void 0 ? 'Error' : _c;
     var t = useTranslationContext('ChatDown').t;
     return (React.createElement("div", { className: 'str-chat__down' },
         React.createElement(LoadingChannels, null),
         React.createElement("div", { className: 'str-chat__down-main' },
-            React.createElement("img", { alt: 'Connection error', "data-testid": 'chatdown-img', src: image || placeholder }),
+            typeof image === 'string' ? (React.createElement("img", { alt: 'Connection error', "data-testid": 'chatdown-img', src: image })) : (image),
             React.createElement("h1", null, type),
             React.createElement("h3", { "aria-live": 'assertive' }, text || t('Error connecting to chat, refresh the page to try again.')))));
 };

package/dist/components/ChatDown/icons.d.ts

@@ -0,0 +1,2 @@
+export declare const ConnectionErrorIcon: () => JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/ChatDown/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/ChatDown/icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,mBAwB/B,CAAC"}

package/dist/components/ChatDown/icons.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export var ConnectionErrorIcon = function () { return (React.createElement("svg", { height: '78px', version: '1.1', viewBox: '0 0 78 78', width: '78px', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("title", null, "Connection Error"),
+    React.createElement("g", { fill: 'none', fillRule: 'evenodd', id: 'Interactions', stroke: 'none', strokeWidth: '1' },
+        React.createElement("g", { fill: '#CF1F25', id: 'Connection-Error-_-Connectivity', transform: 'translate(-270.000000, -30.000000)' },
+            React.createElement("g", { id: '109-network-connection', transform: 'translate(270.000000, 30.000000)' },
+                React.createElement("path", { d: 'M66.4609744,11.414231 C81.6225232,26.5757798 81.6225232,51.157545 66.4609744,66.3188467 C51.2994256,81.4803954 26.7176604,81.4803954 11.5563587,66.3188467 C-3.60519004,51.1572979 -3.60519004,26.5755327 11.5563587,11.414231 C26.7179075,-3.74731776 51.2996727,-3.74731776 66.4609744,11.414231 Z M54.7853215,45.8823776 L54.7853215,40.5882574 C54.7853215,39.613638 53.9952341,38.8235506 53.0206147,38.8235506 L44.9576695,38.8235506 L41.428256,42.3529641 L51.255555,42.3529641 L51.255555,45.8823776 L54.7853215,45.8823776 Z M40.6659027,43.1153174 L37.8988425,45.8823776 L40.6659027,45.8823776 L40.6659027,43.1153174 Z M51.1764962,56.4702653 L58.2353232,56.4702653 C59.2099355,56.4702653 60.00003,55.6801708 60.00003,54.7055585 L60.00003,51.176145 C60.00003,50.2015327 59.2099355,49.4114382 58.2353232,49.4114382 L51.1764962,49.4114382 C50.2018839,49.4114382 49.4117894,50.2015327 49.4117894,51.176145 L49.4117894,54.7055585 C49.4117894,55.6801708 50.2018839,56.4702653 51.1764962,56.4702653 Z M35.2941353,56.4702653 L42.3529624,56.4702653 C43.3275746,56.4702653 44.1176691,55.6801708 44.1176691,54.7055585 L44.1176691,51.176145 C44.1176691,50.2015327 43.3275746,49.4114382 42.3529624,49.4114382 L35.2941353,49.4114382 C34.319523,49.4114382 33.5294285,50.2015327 33.5294285,51.176145 L33.5294285,54.7055585 C33.5294285,55.6801708 34.319523,56.4702653 35.2941353,56.4702653 Z M56.6964989,19.0874231 C56.007381,18.3985134 54.8903216,18.3985134 54.2012036,19.087423 L45.882376,27.4062507 L45.882376,19.4117761 C45.882376,18.4371568 45.0922885,17.6470693 44.1176692,17.6470693 L33.5294286,17.6470693 C32.5548092,17.6470694 31.7647218,18.4371568 31.7647218,19.4117761 L31.7647218,30.0000167 C31.7647219,30.9746363 32.5548092,31.7647237 33.5294285,31.7647237 L41.5239031,31.7647237 L34.4650761,38.8235508 L24.7058947,38.8235508 C23.7312753,38.8235508 22.9411879,39.6136382 22.9411879,40.5882575 L22.9411879,45.8823778 L26.4706014,45.8823778 L26.4706014,42.3529643 L30.9356624,42.3529643 L23.8768354,49.4117914 L19.4117743,49.4117914 C18.4371549,49.4117914 17.6470675,50.2018788 17.6470675,51.1764981 L17.6470675,54.7059117 C17.6504049,54.9674302 17.7129076,55.2248042 17.8298886,55.4587302 L16.4456526,56.8429662 C15.7446193,57.5200453 15.7252005,58.6372282 16.4022825,59.3382615 C17.0793616,60.0392948 18.1965445,60.0587136 18.8975778,59.3816316 C18.9122847,59.3674273 18.9267436,59.3529684 18.940948,59.3382615 L56.6964963,21.5830662 C57.3856425,20.8939094 57.3856425,19.7765747 56.6964963,19.0874179 Z', id: 'Combined-Shape' })))))); };

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;AAiFF;;GAEG;AACH,eAAO,MAAM,OAAO,4IAA4D,CAAC"}

package/dist/components/Gallery/Gallery.js

@@ -6,6 +6,8 @@ var UnMemoizedGallery = function (props) {
     var _a = useState(0), index = _a[0], setIndex = _a[1];
     var _b = useState(false), modalOpen = _b[0], setModalOpen = _b[1];
     var t = useTranslationContext('Gallery').t;
+    var countImagesDisplayedInPreview = 4;
+    var lastImageIndexInPreview = countImagesDisplayedInPreview - 1;
     var toggleModal = function (selectedIndex) {
         if (modalOpen) {
             setModalOpen(false);
@@ -22,16 +24,17 @@ var UnMemoizedGallery = function (props) {
             source: image.image_url || image.thumb_url || '',
         }); });
     }, [images]);
-    var renderImages = images.slice(0, 3).map(function (image, i) { return (React.createElement("button", { className: 'str-chat__gallery-image', "data-testid": 'gallery-image', key: "gallery-image-" + i, onClick: function () { return toggleModal(i); } },
-        React.createElement("img", { alt: 'User uploaded content', src: image.image_url || image.thumb_url }))); });
-    return (React.createElement("div", { className: "str-chat__gallery " + (images.length > 3 ? 'str-chat__gallery--square' : '') },
-        renderImages,
-        images.length > 3 && (React.createElement("button", { className: 'str-chat__gallery-placeholder', onClick: function () { return toggleModal(3); }, style: {
-                backgroundImage: "url(" + images[3].image_url + ")",
+    var renderImages = images.slice(0, countImagesDisplayedInPreview).map(function (image, i) {
+        return i === lastImageIndexInPreview && images.length > countImagesDisplayedInPreview ? (React.createElement("button", { className: 'str-chat__gallery-placeholder', key: "gallery-image-" + i, onClick: function () { return toggleModal(i); }, style: {
+                backgroundImage: "url(" + images[lastImageIndexInPreview].image_url + ")",
             } },
             React.createElement("p", null, t('{{ imageCount }} more', {
-                imageCount: images.length - 3,
-            })))),
+                imageCount: images.length - countImagesDisplayedInPreview,
+            })))) : (React.createElement("button", { className: 'str-chat__gallery-image', "data-testid": 'gallery-image', key: "gallery-image-" + i, onClick: function () { return toggleModal(i); } },
+            React.createElement("img", { alt: 'User uploaded content', src: image.image_url || image.thumb_url })));
+    });
+    return (React.createElement("div", { className: "str-chat__gallery " + (images.length > lastImageIndexInPreview ? 'str-chat__gallery--square' : '') },
+        renderImages,
         React.createElement(ModalWrapper, { images: formattedArray, index: index, modalIsOpen: modalOpen, toggleModal: function () { return setModalOpen(!modalOpen); } })));
 };
 /**

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"}