stream-chat-angular 5.0.0-v5.8 → 5.0.0

package/lib/attachment.service.d.ts

@@ -3,13 +3,17 @@ import { Attachment } from 'stream-chat';
 import { ChannelService } from './channel.service';
 import { NotificationService } from './notification.service';
 import { AttachmentUpload, DefaultStreamChatGenerics } from './types';
+import { ChatClientService } from './chat-client.service';
 import * as i0 from "@angular/core";
 /**
  * The `AttachmentService` manages the uploads of a message input.
+ *
+ * You can read more about [uploads](https://getstream.io/chat/docs/javascript/file_uploads/?language=javascript&q=size) in the Stream API documentation. You can use Stream's API or the dashboard to customize the [file](https://getstream.io/chat/docs/javascript/app_setting_overview/?language=javascript&q=size#file-uploads) and [image upload](https://getstream.io/chat/docs/javascript/app_setting_overview/?language=javascript&q=size#image-uploads) configuration.
  */
 export declare class AttachmentService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     private channelService;
     private notificationService;
+    private chatClientService;
     /**
      * Emits the number of uploads in progress.
      */
@@ -20,17 +24,18 @@ export declare class AttachmentService<T extends DefaultStreamChatGenerics = Def
     attachmentUploads$: Observable<AttachmentUpload[]>;
     private attachmentUploadInProgressCounterSubject;
     private attachmentUploadsSubject;
-    constructor(channelService: ChannelService, notificationService: NotificationService);
+    private appSettings;
+    constructor(channelService: ChannelService, notificationService: NotificationService, chatClientService: ChatClientService);
     /**
      * Resets the attachments uploads (for example after the message with the attachments sent successfully)
      */
     resetAttachmentUploads(): void;
     /**
      * Uploads the selected files, and creates preview for image files. The result is propagated throught the `attachmentUploads$` stream.
-     * @param fileList The files selected by the user
-     * @returns A promise with the result
+     * @param fileList The files selected by the user, if you have Blobs instead of Files, you can convert them with this method: https://developer.mozilla.org/en-US/docs/Web/API/File/File
+     * @returns A promise with true or false. If false is returned the upload was canceled because of a client side error. The error is emitted via the `NotificationService`.
      */
-    filesSelected(fileList: FileList | null): Promise<void>;
+    filesSelected(fileList: FileList | File[] | null): Promise<boolean | undefined>;
     /**
      * You can add custom `image`, `video` and `file` attachments using this method.
      *
@@ -61,6 +66,8 @@ export declare class AttachmentService<T extends DefaultStreamChatGenerics = Def
     createFromAttachments(attachments: Attachment<T>[]): void;
     private createPreview;
     private uploadAttachments;
+    private areAttachmentsHaveValidExtension;
+    private areAttachmentsHaveValidSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentService<any>>;
 }

package/lib/avatar/avatar.component.d.ts

@@ -18,10 +18,6 @@ export declare class AvatarComponent implements OnChanges, OnInit, OnChanges, Af
      * The URL of the image to be displayed. If the image can't be displayed the first letter of the name input is displayed.
      */
     imageUrl: string | undefined;
-    /**
-     * The size in pixels of the avatar image.
-     */
-    size: number;
     /**
      * The location the avatar will be displayed in
      */
@@ -63,5 +59,5 @@ export declare class AvatarComponent implements OnChanges, OnInit, OnChanges, Af
     ngAfterViewInit(): void;
     private getOtherMemberIfOneToOneChannel;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "stream-avatar", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "showOnlineIndicator": "showOnlineIndicator"; "initialsType": "initialsType"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "stream-avatar", never, { "name": "name"; "imageUrl": "imageUrl"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "showOnlineIndicator": "showOnlineIndicator"; "initialsType": "initialsType"; }, {}, never, never, false, never>;
 }

package/lib/avatar-placeholder/avatar-placeholder.component.d.ts

@@ -16,10 +16,6 @@ export declare class AvatarPlaceholderComponent implements OnChanges {
      * The URL of the image to be displayed. If the image can't be displayed the first letter of the name input is displayed.
      */
     imageUrl: string | undefined;
-    /**
-     * The size in pixels of the avatar image.
-     */
-    size: number;
     /**
      * The location the avatar will be displayed in
      */
@@ -48,5 +44,5 @@ export declare class AvatarPlaceholderComponent implements OnChanges {
     constructor(customTemplatesService: CustomTemplatesService);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarPlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarPlaceholderComponent, "stream-avatar-placeholder", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "initialsType": "initialsType"; "showOnlineIndicator": "showOnlineIndicator"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarPlaceholderComponent, "stream-avatar-placeholder", never, { "name": "name"; "imageUrl": "imageUrl"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "initialsType": "initialsType"; "showOnlineIndicator": "showOnlineIndicator"; }, {}, never, never, false, never>;
 }

package/lib/channel-query.d.ts

@@ -0,0 +1,26 @@
+import { Channel, ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';
+import { ChannelService } from './channel.service';
+import { ChannelQueryResult, ChannelQueryType, DefaultStreamChatGenerics, NextPageConfiguration } from './types';
+import { ChatClientService } from './chat-client.service';
+/**
+ * This class allows you to make paginated channel query requests.
+ */
+export declare class ChannelQuery<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
+    private chatService;
+    private channelService;
+    private filters;
+    private sort;
+    private options;
+    /**
+     * By default the SDK uses an offset based pagination, you can change/extend this by providing your own custom paginator method.
+     *
+     * The method will be called with the result of the latest channel query.
+     *
+     * You can return either an offset, or a filter using the [`$lte`/`$gte` operator](https://getstream.io/chat/docs/javascript/query_syntax_operators/). If you return a filter, it will be merged with the filter provided for the `init` method.
+     */
+    customPaginator?: (channelQueryResult: Channel<T>[]) => NextPageConfiguration;
+    private nextPageConfiguration?;
+    constructor(chatService: ChatClientService<T>, channelService: ChannelService<T>, filters: ChannelFilters<T>, sort?: ChannelSort<T>, options?: ChannelOptions);
+    query(queryType: ChannelQueryType): Promise<ChannelQueryResult<T>>;
+    setNextPageConfiguration(channelQueryResult: Channel<T>[]): void;
+}

package/lib/channel.service.d.ts

@@ -1,9 +1,9 @@
 import { NgZone } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
-import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, FormatMessageResponse, MessageResponse, QueryChannelAPIResponse, ReactionResponse, UserResponse } from 'stream-chat';
+import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, FormatMessageResponse, MessageResponse, ReactionResponse, UserResponse } from 'stream-chat';
 import { ChatClientService, ClientEvent } from './chat-client.service';
 import { NotificationService } from './notification.service';
-import { AttachmentUpload, ChannelQueryState, DefaultStreamChatGenerics, MessageInput, MessageReactionType, NextPageConfiguration, StreamMessage } from './types';
+import { AttachmentUpload, ChannelQueryResult, ChannelQueryState, ChannelQueryType, DefaultStreamChatGenerics, MessageInput, MessageReactionType, NextPageConfiguration, StreamMessage } from './types';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelService` provides data and interaction for the channel list and message list.
@@ -22,25 +22,6 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * :::important
      * If you want to subscribe to channel events, you need to manually reenter Angular's change detection zone, our [Change detection guide](../concepts/change-detection.mdx) explains this in detail.
      * :::
-     *
-     *  Apart from pagination, the channel list is also updated on the following events:
-     *
-     *  | Event type                          | Default behavior                                                   | Custom handler to override                    |
-     *  | ----------------------------------- | ------------------------------------------------------------------ | --------------------------------------------- |
-     *  | `channel.deleted`                   | Remove channel from the list                                       | `customChannelDeletedHandler`                 |
-     *  | `channel.hidden`                    | Remove channel from the list                                       | `customChannelHiddenHandler`                  |
-     *  | `channel.truncated`                 | Updates the channel                                                | `customChannelTruncatedHandler`               |
-     *  | `channel.updated`                   | Updates the channel                                                | `customChannelUpdatedHandler`                 |
-     *  | `channel.visible`                   | Adds the channel to the list                                       | `customChannelVisibleHandler`                 |
-     *  | `message.new`                       | Moves the channel to top of the list                               | `customNewMessageHandler`                     |
-     *  | `notification.added_to_channel`     | Adds the new channel to the top of the list and starts watching it | `customAddedToChannelNotificationHandler`     |
-     *  | `notification.message_new`          | Adds the new channel to the top of the list and starts watching it | `customNewMessageNotificationHandler`         |
-     *  | `notification.removed_from_channel` | Removes the channel from the list                                  | `customRemovedFromChannelNotificationHandler` |
-     *
-     *  It's important to note that filters don't apply to updates to the list from events.
-     *
-     *  Our platform documentation covers the topic of [channel events](https://getstream.io/chat/docs/javascript/event_object/?language=javascript#events) in depth.
-     *
      */
     channels$: Observable<Channel<T>[] | undefined>;
     /**
@@ -122,40 +103,58 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     activeChannelUnreadCount?: number;
     /**
      * Custom event handler to call if a new message received from a channel that is not being watched, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customNewMessageNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void) => void;
+    customNewMessageNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void) => void;
     /**
-     * Custom event handler to call when the user is added to a channel, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call when the user is added to a channel, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customAddedToChannelNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void) => void;
+    customAddedToChannelNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void) => void;
     /**
-     * Custom event handler to call when the user is removed from a channel, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call when the user is removed from a channel, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customRemovedFromChannelNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void) => void;
+    customRemovedFromChannelNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void) => void;
     /**
-     * Custom event handler to call when a channel is deleted, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call when a channel is deleted, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customChannelDeletedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
+    customChannelDeletedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
     /**
-     * Custom event handler to call when a channel is updated, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call when a channel is updated, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customChannelUpdatedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelUpdatedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
     /**
-     * Custom event handler to call when a channel is truncated, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call when a channel is truncated, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customChannelTruncatedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
+    customChannelTruncatedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
     /**
-     * Custom event handler to call when a channel becomes hidden, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call when a channel becomes hidden, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customChannelHiddenHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
+    customChannelHiddenHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
     /**
-     * Custom event handler to call when a channel becomes visible, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call when a channel becomes visible, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customChannelVisibleHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
+    customChannelVisibleHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
     /**
-     * Custom event handler to call if a new message received from a channel that is being watched, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
+     * Custom event handler to call if a new message received from a channel that is being watched, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels).
+     *
+     * If you're adding a new channel, make sure that it's a [watched](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript) channel.
      */
-    customNewMessageHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
+    customNewMessageHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: Channel<T>[], shouldStopWatchingRemovedChannels?: boolean) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
     /**
      * You can override the default file upload request - you can use this to upload files to your own CDN
      */
@@ -189,15 +188,11 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      */
     beforeUpdateMessage?: (message: StreamMessage<T>) => StreamMessage<T> | Promise<StreamMessage<T>>;
     /**
-     * By default the SDK uses an offset based pagination, you can change/extend this by providing your own custom paginator method.
-     *
-     * The method will be called with the result of the latest channel query.
-     *
-     * You can return either an offset, or a filter using the [`$lte`/`$gte` operator](https://getstream.io/chat/docs/javascript/query_syntax_operators/). If you return a filter, it will be merged with the filter provided for the `init` method.
+     * @internal
      */
-    customPaginator?: (channelQueryResult: Channel<T>[]) => NextPageConfiguration;
+    static readonly MAX_MESSAGE_COUNT_IN_MESSAGE_LIST = 250;
     /**
-     * internal
+     * @internal
      */
     static readonly MAX_MESSAGE_REACTIONS_TO_FETCH = 1200;
     private channelsSubject;
@@ -211,10 +206,8 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     private activeThreadMessagesSubject;
     private jumpToMessageSubject;
     private latestMessageDateByUserByChannelsSubject;
-    private filters;
-    private sort;
-    private options;
-    private readonly messagePageSize;
+    private messagePageSize;
+    private readonly attachmentMaxSizeFallbackInMB;
     private messageToQuoteSubject;
     private usersTypingInChannelSubject;
     private usersTypingInThreadSubject;
@@ -223,14 +216,19 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     private clientEventsSubscription;
     private isStateRecoveryInProgress;
     private channelQueryStateSubject;
+    private channelQuery?;
+    private _customPaginator;
     private channelListSetter;
     private messageListSetter;
     private threadListSetter;
     private parentMessageSetter;
     private dismissErrorNotification?;
-    private nextPageConfiguration?;
     private areReadEventsPaused;
     constructor(chatClientService: ChatClientService<T>, ngZone: NgZone, notificationService: NotificationService);
+    /**
+     * internal
+     */
+    removeOldMessageFromMessageList(): void;
     /**
      * If set to false, read events won't be sent as new messages are received. If set to true active channel (if any) will immediately be marked as read.
      */
@@ -239,6 +237,14 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * If set to false, read events won't be sent as new messages are received. If set to true active channel (if any) will immediately be marked as read.
      */
     set shouldMarkActiveChannelAsRead(shouldMarkActiveChannelAsRead: boolean);
+    /**
+     * By default the SDK uses an offset based pagination, you can change/extend this by providing your own custom paginator method.
+     *
+     * The method will be called with the result of the latest channel query.
+     *
+     * You can return either an offset, or a filter using the [`$lte`/`$gte` operator](https://getstream.io/chat/docs/javascript/query_syntax_operators/). If you return a filter, it will be merged with the filter provided for the `init` method.
+     */
+    set customPaginator(paginator: ((channelQueryResult: Channel<T>[]) => NextPageConfiguration) | undefined);
     /**
      * Sets the given `channel` as active and marks it as read.
      * If the channel wasn't previously part of the channel, it will be added to the beginning of the list.
@@ -259,21 +265,33 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * Loads the next page of messages of the active channel. The page size can be set in the [query option](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-options) object.
      * @param direction
      */
-    loadMoreMessages(direction?: 'older' | 'newer'): false | Promise<QueryChannelAPIResponse<T>> | undefined;
+    loadMoreMessages(direction?: 'older' | 'newer'): false | Promise<import("stream-chat").QueryChannelAPIResponse<T>> | undefined;
     /**
      * Loads the next page of messages of the active thread. The page size can be set in the [query option](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-options) object.
      * @param direction
      */
-    loadMoreThreadReplies(direction?: 'older' | 'newer'): Promise<void>;
+    loadMoreThreadReplies(direction?: 'older' | 'newer'): false | Promise<void>;
     /**
      * Queries the channels with the given filters, sorts and options. More info about [channel querying](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) can be found in the platform documentation. By default the first channel in the list will be set as active channel and will be marked as read.
      * @param filters
      * @param sort
      * @param options
-     * @param shouldSetActiveChannel Decides if the first channel in the result should be made as an active channel, or no channel should be marked as active
+     * @param shouldSetActiveChannel Decides if the first channel in the result should be made as an active channel or not.
      * @returns the list of channels found by the query
      */
     init(filters: ChannelFilters<T>, sort?: ChannelSort<T>, options?: ChannelOptions, shouldSetActiveChannel?: boolean): Promise<Channel<T>[]>;
+    /**
+     * Queries the channels with the given query function. More info about [channel querying](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) can be found in the platform documentation.
+     * @param query
+     * @param options
+     * @param options.shouldSetActiveChannel The `shouldSetActiveChannel` specifies if the first channel in the result should be selected as the active channel or not. Default is `true`.
+     * @param options.messagePageSize How many messages should we load? The default is 25
+     * @returns the channels that were loaded
+     */
+    initWithCustomQuery(query: (queryType: ChannelQueryType) => Promise<ChannelQueryResult<T>>, options?: {
+        shouldSetActiveChannel: boolean;
+        messagePageSize: number;
+    }): Promise<Channel<T>[]>;
     /**
      * Resets the `activeChannel$`, `channels$` and `activeChannelMessages$` Observables. Useful when disconnecting a chat user, use in combination with [`disconnectUser`](./ChatClientService.mdx/#disconnectuser).
      */
@@ -363,7 +381,9 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
         } | null | undefined;
         reply_count?: number | undefined;
         shadowed?: boolean | undefined;
-        status?: string | undefined;
+        status?: string | undefined; /**
+         * If set to false, read events won't be sent as new messages are received. If set to true active channel (if any) will immediately be marked as read.
+         */
         thread_participants?: UserResponse<T>[] | undefined;
         updated_at?: string | undefined;
     } & {
@@ -425,6 +445,12 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * @param channel
      */
     addChannel(channel: Channel<T>): void;
+    /**
+     *
+     * @param cid
+     * @param shouldStopWatching
+     */
+    removeChannel(cid: string, shouldStopWatching?: boolean): void;
     private sendMessageRequest;
     /**
      * Jumps to the selected message inside the message list, if the message is not yet loaded, it'll load the message (and it's surroundings) from the API.
@@ -432,6 +458,10 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * @param parentMessageId The ID of the parent message if we want to load a thread message
      */
     jumpToMessage(messageId: string, parentMessageId?: string): Promise<void>;
+    /**
+     * Clears the currently selected message to jump
+     */
+    clearMessageJump(): void;
     /**
      * Pins the given message in the channel
      * @param message
@@ -446,8 +476,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     private handleRemovedFromChannelNotification;
     private handleNewMessageNotification;
     private handleAddedToChannelNotification;
-    private addChannelsFromNotification;
-    private removeChannelsFromChannelList;
+    private addChannelFromNotification;
     private watchForActiveChannelEvents;
     /**
      * Call this method if user started typing in the active channel
@@ -504,7 +533,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     private updateLatestMessages;
     private setChannelState;
     private markRead;
-    private setNextPageConfiguration;
+    private _init;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ChannelService<any>>;
 }

package/lib/chat-client.service.d.ts

@@ -1,6 +1,6 @@
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Channel, ChannelResponse, ConnectAPIResponse, OwnUserResponse, StreamChatOptions, UserResponse } from 'stream-chat';
+import { Channel, ConnectAPIResponse, OwnUserResponse, StreamChatOptions, UserResponse } from 'stream-chat';
 import { AppSettings, Event, StreamChat, TokenOrProvider } from 'stream-chat';
 import { NotificationService } from './notification.service';
 import { DefaultStreamChatGenerics } from './types';
@@ -37,7 +37,7 @@ export declare class ChatClientService<T extends DefaultStreamChatGenerics = Def
     /**
      * Emits the list of pending invites of the user. It emits every pending invitation during initialization and then extends the list when a new invite is received. More information can be found in the [channel invitations](../code-examples/channel-invites.mdx) guide.
      */
-    pendingInvites$: Observable<(ChannelResponse<T> | Channel<T>)[]>;
+    pendingInvites$: Observable<Channel<T>[]>;
     /**
      * Emits the current chat user
      */
@@ -48,6 +48,8 @@ export declare class ChatClientService<T extends DefaultStreamChatGenerics = Def
     private pendingInvitesSubject;
     private userSubject;
     private subscriptions;
+    private trackPendingChannelInvites;
+    private appSettingsPromise?;
     constructor(ngZone: NgZone, notificationService: NotificationService);
     /**
      * Creates a [`StreamChat`](https://github.com/GetStream/stream-chat-js/blob/668b3e5521339f4e14fc657834531b4c8bf8176b/src/client.ts#L124) instance using the provided `apiKey`, and connects a user with the given meta data and token. More info about [connecting users](https://getstream.io/chat/docs/javascript/init_and_users/?language=javascript) can be found in the platform documentation.
@@ -61,7 +63,9 @@ export declare class ChatClientService<T extends DefaultStreamChatGenerics = Def
      *  </ul>
      * @param clientOptions Setting to provide to the Stream client instance
      */
-    init(apiKey: string, userOrId: string | OwnUserResponse<T> | UserResponse<T> | undefined, userTokenOrProvider: TokenOrProvider, clientOptions?: StreamChatOptions): ConnectAPIResponse<T>;
+    init(apiKey: string, userOrId: string | OwnUserResponse<T> | UserResponse<T> | undefined, userTokenOrProvider: TokenOrProvider, clientOptions?: StreamChatOptions & {
+        trackPendingChannelInvites?: boolean;
+    }): ConnectAPIResponse<T>;
     /**
      * Disconnects the current user, and closes the WebSocket connection. Useful when disconnecting a chat user, use in combination with [`reset`](./ChannelService.mdx/#reset).
      */

package/lib/custom-templates.service.d.ts

@@ -1,6 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { AttachmentContext, AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, ChannelPreviewInfoContext, CommandAutocompleteListItemContext, CustomAttachmentUploadContext, CustomMetadataContext, DateSeparatorContext, DefaultStreamChatGenerics, DeliveredStatusContext, EmojiPickerContext, IconContext, LoadingIndicatorContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageInputContext, MessageReactionsContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, SystemMessageContext, ThreadHeaderContext, TypingIndicatorContext, UnreadMessagesIndicatorContext, UnreadMessagesNotificationContext } from './types';
+import { AttachmentContext, AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, ChannelPreviewInfoContext, CommandAutocompleteListItemContext, CustomAttachmentUploadContext, CustomMetadataContext, DateSeparatorContext, DefaultStreamChatGenerics, DeliveredStatusContext, EmojiPickerContext, IconContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageReactionsContext, MessageReactionsSelectorContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, SystemMessageContext, ThreadHeaderContext, TypingIndicatorContext, UnreadMessagesIndicatorContext, UnreadMessagesNotificationContext } from './types';
 import * as i0 from "@angular/core";
 /**
  * A central location for registering your custom templates to override parts of the chat application.
@@ -23,11 +23,6 @@ export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics
      *
      */
     channelPreviewTemplate$: BehaviorSubject<TemplateRef<ChannelPreviewContext<DefaultStreamChatGenerics>> | undefined>;
-    /**
-     * The message input template used when editing a message (instead of the [default message input](../components/MessageInputComponent.mdx))
-     *
-     */
-    messageInputTemplate$: BehaviorSubject<TemplateRef<MessageInputContext> | undefined>;
     /**
      * The template used for displaying a [mention inside a message](../code-examples/mention-actions.mdx)
      *
@@ -77,12 +72,12 @@ export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics
      * Template for displaying the loading indicator (instead of the [default loading indicator](../components/LoadingIndicatorComponent.mdx))
      *
      */
-    loadingIndicatorTemplate$: BehaviorSubject<TemplateRef<LoadingIndicatorContext> | undefined>;
+    loadingIndicatorTemplate$: BehaviorSubject<TemplateRef<void> | undefined>;
     /**
      * Template for displaying the message actions box (instead of the [default message actions box](../components/MessageActionsBoxComponent.mdx))
      *
      */
-    messageActionsBoxTemplate$: BehaviorSubject<TemplateRef<MessageActionsBoxContext> | undefined>;
+    messageActionsBoxTemplate$: BehaviorSubject<TemplateRef<MessageActionsBoxContext<DefaultStreamChatGenerics>> | undefined>;
     /**
      * The template used for displaying an item in the [message actions box](../components/MessageActionsBoxComponent.mdx)
      *
@@ -93,6 +88,11 @@ export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics
      *
      */
     messageReactionsTemplate$: BehaviorSubject<TemplateRef<MessageReactionsContext> | undefined>;
+    /**
+     * The template used to display the reactions of a [message](../components/MessageComponent.mdx), and the selector to add a reaction to a message (instead of the [default message reactions component](../components/MessageReactionsComponent.mdx))
+     *
+     */
+    messageReactionsSelectorTemplate$: BehaviorSubject<TemplateRef<MessageReactionsSelectorContext> | undefined>;
     /**
      * The template used to display a modal window (instead of the [default modal](../components/ModalComponent.mdx))
      *
@@ -200,10 +200,6 @@ export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics
      * The template to show if the thread message list is empty
      */
     emptyThreadMessageListPlaceholder$: BehaviorSubject<TemplateRef<void> | undefined>;
-    /**
-     * The template used to display the [edit message form](../components/EditMessageFormComponent.mdx)
-     */
-    editMessageFormTemplate$: BehaviorSubject<TemplateRef<void> | undefined>;
     /**
      * The template used to display the [message bounce prompt](../components/MessageBouncePromptComponent.mdx)
      */

package/lib/icon/icon.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare type Icon = 'action-icon' | 'delivered-icon' | 'read-icon' | 'reaction-icon' | 'connection-error' | 'send' | 'file-upload' | 'retry' | 'close' | 'file' | 'audio-file' | 'reply' | 'close-no-outline' | 'reply-in-thread' | 'arrow-left' | 'arrow-right' | 'menu' | 'arrow-up' | 'arrow-down' | 'chat-bubble' | 'attach' | 'unspecified-filetype' | 'download' | 'error' | 'play' | 'pause';
+export declare type Icon = 'action' | 'delivered' | 'read' | 'reaction' | 'send' | 'retry' | 'close' | 'audio-file' | 'reply-in-thread' | 'arrow-left' | 'arrow-up' | 'arrow-down' | 'arrow-right' | 'chat-bubble' | 'attach' | 'unspecified-filetype' | 'download' | 'error' | 'play' | 'pause';
 /**
  * The `Icon` component can be used to display different icons (i. e. message delivered icon).
  */
@@ -8,11 +8,7 @@ export declare class IconComponent {
      * The icon to display, the list of [supported icons](https://github.com/GetStream/stream-chat-angular/tree/master/projects/stream-chat-angular/src/lib/icon/icon.component.ts) can be found on GitHub.
      */
     icon: Icon | undefined;
-    /**
-     * The size of the icon (in pixels)
-     */
-    size: number | undefined;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "stream-icon", never, { "icon": "icon"; "size": "size"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "stream-icon", never, { "icon": "icon"; }, {}, never, never, false, never>;
 }

package/lib/icon-placeholder/icon-placeholder.component.d.ts

@@ -12,13 +12,9 @@ export declare class IconPlaceholderComponent implements OnChanges {
      * The icon to display, the list of [supported icons](https://github.com/GetStream/stream-chat-angular/tree/master/projects/stream-chat-angular/src/lib/icon/icon.component.ts) can be found on GitHub.
      */
     icon: Icon | undefined;
-    /**
-     * The size of the icon (in pixels)
-     */
-    size: number | undefined;
     iconContext: IconContext;
     constructor(customTemplatesService: CustomTemplatesService);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconPlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconPlaceholderComponent, "stream-icon-placeholder", never, { "icon": "icon"; "size": "size"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconPlaceholderComponent, "stream-icon-placeholder", never, { "icon": "icon"; }, {}, never, never, false, never>;
 }

package/lib/loading-indicator/loading-indicator.component.d.ts

@@ -3,16 +3,7 @@ import * as i0 from "@angular/core";
  * The `LoadingIndicator` component displays a spinner to indicate that an action is in progress.
  */
 export declare class LoadingIndicatorComponent {
-    /**
-     * The size of the indicator (in pixels)
-     */
-    size: number;
-    /**
-     * The color of the indicator
-     */
-    color: string;
-    linearGradientId: string;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorComponent, "stream-loading-indicator", never, { "size": "size"; "color": "color"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorComponent, "stream-loading-indicator", never, {}, {}, never, never, false, never>;
 }

package/lib/loading-indicator-placeholder/loading-indicator-placeholder.component.d.ts

@@ -1,21 +1,11 @@
 import { CustomTemplatesService } from '../custom-templates.service';
-import { LoadingIndicatorContext } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `LoadingInficatorPlaceholder` component displays the [default loading indicator](./LoadingIndicatorComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
  */
 export declare class LoadingIndicatorPlaceholderComponent {
     customTemplatesService: CustomTemplatesService;
-    /**
-     * The size of the indicator (in pixels)
-     */
-    size: number;
-    /**
-     * The color of the indicator
-     */
-    color: string;
     constructor(customTemplatesService: CustomTemplatesService);
-    getLoadingIndicatorContext(): LoadingIndicatorContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIndicatorPlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorPlaceholderComponent, "stream-loading-indicator-placeholder", never, { "size": "size"; "color": "color"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorPlaceholderComponent, "stream-loading-indicator-placeholder", never, {}, {}, never, never, false, never>;
 }