stream-chat-angular 6.0.0-beta.5 → 6.0.0-rc.2

package/lib/attachment-configuration.service.d.ts

@@ -1,26 +1,26 @@
 import { Attachment } from 'stream-chat';
-import { AttachmentConfigration, DefaultStreamChatGenerics, ImageAttachmentConfiguration, VideoAttachmentConfiguration } from './types';
+import { AttachmentConfigration, ImageAttachmentConfiguration, VideoAttachmentConfiguration } from './types';
 import * as i0 from "@angular/core";
 /**
  * The `AttachmentConfigurationService` provides customization for certain attributes of attachments displayed inside the message component. If you're using your own CDN, you can integrate resizing features of it by providing your own handlers.
  */
-export declare class AttachmentConfigurationService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
+export declare class AttachmentConfigurationService {
     /**
      * A custom handler can be provided to override the default image attachment (images uploaded from files) configuration. By default the SDK uses fixed image height (a size that's known before image is loaded), if you override that with dynamic image height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
-    customImageAttachmentConfigurationHandler?: (a: Attachment<T>, type: 'gallery' | 'single' | 'carousel', containerElement: HTMLElement) => ImageAttachmentConfiguration;
+    customImageAttachmentConfigurationHandler?: (a: Attachment, type: 'gallery' | 'single' | 'carousel', containerElement: HTMLElement) => ImageAttachmentConfiguration;
     /**
      * A custom handler can be provided to override the default video attachment (videos uploaded from files) configuration. By default the SDK uses fixed height (a size that's known before video is loaded), if you override that with dynamic height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
-    customVideoAttachmentConfigurationHandler?: (a: Attachment<T>, containerElement: HTMLElement) => VideoAttachmentConfiguration;
+    customVideoAttachmentConfigurationHandler?: (a: Attachment, containerElement: HTMLElement) => VideoAttachmentConfiguration;
     /**
      * A custom handler can be provided to override the default giphy attachment (GIFs sent with the /giphy command) configuration. By default the SDK uses fixed height (a size that's known before the GIF is loaded), if you override that with dynamic height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
-    customGiphyAttachmentConfigurationHandler?: (a: Attachment<T>) => AttachmentConfigration;
+    customGiphyAttachmentConfigurationHandler?: (a: Attachment) => AttachmentConfigration;
     /**
      * A custom handler can be provided to override the default scraped image attachment (images found in links inside messages) configuration. By default the SDK uses fixed height (a size that's known before image is loaded), if you override that with dynamic height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
-    customScrapedImageAttachmentConfigurationHandler?: (a: Attachment<T>) => AttachmentConfigration;
+    customScrapedImageAttachmentConfigurationHandler?: (a: Attachment) => AttachmentConfigration;
     /**
      * You can turn on/off thumbnail generation for video attachments
      */
@@ -31,28 +31,28 @@ export declare class AttachmentConfigurationService<T extends DefaultStreamChatG
      * @param location Specifies where the image is being displayed
      * @param element The default resizing logics reads the height/max-height and max-width propperties of this element and reduces file size based on the given values. File size reduction is done by Stream's CDN.
      */
-    getImageAttachmentConfiguration(attachment: Attachment<T>, location: 'gallery' | 'single' | 'carousel', element: HTMLElement): ImageAttachmentConfiguration;
+    getImageAttachmentConfiguration(attachment: Attachment, location: 'gallery' | 'single' | 'carousel', element: HTMLElement): ImageAttachmentConfiguration;
     /**
      * Handles the configuration for video attachments, it's possible to provide your own function to override the default logic
      * @param attachment The attachment to configure
      * @param element The default resizing logics reads the height/max-height and max-width propperties of this element and reduces file size based on the given values. File size reduction is done by Stream's CDN.
      */
-    getVideoAttachmentConfiguration(attachment: Attachment<T>, element: HTMLElement): VideoAttachmentConfiguration;
+    getVideoAttachmentConfiguration(attachment: Attachment, element: HTMLElement): VideoAttachmentConfiguration;
     /**
      * Handles the configuration for giphy attachments, it's possible to provide your own function to override the default logic
      * @param attachment The attachment to configure
      */
-    getGiphyAttachmentConfiguration(attachment: Attachment<T>): AttachmentConfigration;
+    getGiphyAttachmentConfiguration(attachment: Attachment): AttachmentConfigration;
     /**
      * Handles the configuration for scraped image attachments, it's possible to provide your own function to override the default logic
      * @param attachment The attachment to configure
      */
-    getScrapedImageAttachmentConfiguration(attachment: Attachment<T>): AttachmentConfigration;
+    getScrapedImageAttachmentConfiguration(attachment: Attachment): AttachmentConfigration;
     private addResizingParamsToUrl;
     private getSizingRestrictions;
     private getSizeRestrictions;
     private getCSSSizeRestriction;
     private getValueRepresentationOfCSSProperty;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentConfigurationService<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentConfigurationService<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentConfigurationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentConfigurationService>;
 }

package/lib/attachment-list/attachment-list.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { Action, Attachment } from 'stream-chat';
-import { ModalContext, DefaultStreamChatGenerics, AttachmentConfigration, VideoAttachmentConfiguration, ImageAttachmentConfiguration, AttachmentContext, CustomAttachmentListContext } from '../types';
+import { ModalContext, AttachmentConfigration, VideoAttachmentConfiguration, ImageAttachmentConfiguration, AttachmentContext, CustomAttachmentListContext, GalleryAttachment } from '../types';
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { AttachmentConfigurationService } from '../attachment-configuration.service';
@@ -25,23 +25,24 @@ export declare class AttachmentListComponent implements OnChanges, OnInit, OnDes
     /**
      * The attachments to display
      */
-    attachments: Attachment<DefaultStreamChatGenerics>[];
+    attachments: Attachment[];
     /**
      * Emits the state of the image carousel window
      */
     readonly imageModalStateChange: EventEmitter<"closed" | "opened">;
     class: string;
-    orderedAttachments: Attachment<DefaultStreamChatGenerics>[];
-    customAttachments: Attachment<DefaultStreamChatGenerics>[];
-    imagesToView: Attachment<DefaultStreamChatGenerics>[];
+    orderedAttachments: (Attachment | GalleryAttachment)[];
+    customAttachments: Attachment[];
+    imagesToView: Attachment[];
     imagesToViewCurrentIndex: number;
     customAttachmentsTemplate?: TemplateRef<CustomAttachmentListContext>;
     private modalContent;
     private attachmentConfigurations;
     private subscriptions;
     constructor(customTemplatesService: CustomTemplatesService, channelService: ChannelService, attachmentConfigurationService: AttachmentConfigurationService, messageService: MessageService);
-    ngOnChanges(changes: SimpleChanges): void;
+    trackByUrl: (_: number, attachment: Attachment | GalleryAttachment) => string | undefined;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     isImage(attachment: Attachment): boolean;
     isSvg(attachment: Attachment): boolean;
@@ -50,22 +51,26 @@ export declare class AttachmentListComponent implements OnChanges, OnInit, OnDes
     isVideo(attachment: Attachment): boolean | "" | undefined;
     isCard(attachment: Attachment): string | boolean | undefined;
     isVoiceMessage(attachment: Attachment): boolean;
-    hasFileSize(attachment: Attachment<DefaultStreamChatGenerics>): boolean | "" | 0 | undefined;
-    getFileSize(attachment: Attachment<DefaultStreamChatGenerics>): string;
+    hasFileSize(attachment: Attachment): boolean | "" | 0 | undefined;
+    getFileSize(attachment: Attachment): string;
     getModalContext(): ModalContext;
     trimUrl(url?: string | null): string | null;
     sendAction(action: Action): void;
+    trackByActionValue(_: number, item: Action): string | undefined;
     openImageModal(attachments: Attachment[], selectedIndex?: number): void;
     stepImages(dir: -1 | 1): void;
-    getAttachmentContext(attachment: Attachment<DefaultStreamChatGenerics>): AttachmentContext;
+    trackByImageUrl(_: number, item: Attachment): string | undefined;
+    getAttachmentContext(attachment: Attachment): AttachmentContext;
     getImageAttachmentConfiguration(attachment: Attachment, type: 'gallery' | 'single', element: HTMLElement): ImageAttachmentConfiguration;
     getCarouselImageAttachmentConfiguration(attachment: Attachment, element: HTMLElement): ImageAttachmentConfiguration;
     getVideoAttachmentConfiguration(attachment: Attachment, element: HTMLElement): VideoAttachmentConfiguration;
     getCardAttachmentConfiguration(attachment: Attachment): AttachmentConfigration;
+    isGalleryType(attachment: Attachment | GalleryAttachment): attachment is GalleryAttachment;
     get isImageModalPrevButtonVisible(): boolean;
     get isImageModalNextButtonVisible(): boolean;
     private createGallery;
     private closeImageModal;
+    private getAttachmentUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentListComponent, "stream-attachment-list", never, { "messageId": { "alias": "messageId"; "required": false; }; "parentMessageId": { "alias": "parentMessageId"; "required": false; }; "attachments": { "alias": "attachments"; "required": false; }; }, { "imageModalStateChange": "imageModalStateChange"; }, never, ["*", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentListComponent, "stream-attachment-list", never, { "messageId": "messageId"; "parentMessageId": "parentMessageId"; "attachments": "attachments"; }, { "imageModalStateChange": "imageModalStateChange"; }, never, ["*"], false, never>;
 }

package/lib/attachment-preview-list/attachment-preview-list.component.d.ts

@@ -33,5 +33,5 @@ export declare class AttachmentPreviewListComponent implements OnInit, OnDestroy
     attachmentDeleted(upload: AttachmentUpload): void;
     trackByFile(_: number, item: AttachmentUpload): File;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentPreviewListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentPreviewListComponent, "stream-attachment-preview-list", never, { "attachmentUploads$": { "alias": "attachmentUploads$"; "required": false; }; }, { "retryAttachmentUpload": "retryAttachmentUpload"; "deleteAttachment": "deleteAttachment"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentPreviewListComponent, "stream-attachment-preview-list", never, { "attachmentUploads$": "attachmentUploads$"; }, { "retryAttachmentUpload": "retryAttachmentUpload"; "deleteAttachment": "deleteAttachment"; }, never, never, false, never>;
 }

package/lib/attachment.service.d.ts

@@ -2,7 +2,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
 import { Attachment } from 'stream-chat';
 import { ChannelService } from './channel.service';
 import { NotificationService } from './notification.service';
-import { AttachmentUpload, AudioRecording, DefaultStreamChatGenerics } from './types';
+import { AttachmentUpload, AudioRecording } from './types';
 import { ChatClientService } from './chat-client.service';
 import { MessageService } from './message.service';
 import * as i0 from "@angular/core";
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
  *
  * You can read more about [uploads](/chat/docs/javascript/file_uploads/) in the Stream API documentation. You can use Stream's API or the dashboard to customize the [file](/chat/docs/javascript/app_setting_overview/#file-uploads) and [image upload](/chat/docs/javascript/app_setting_overview/#image-uploads) configuration.
  */
-export declare class AttachmentService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
+export declare class AttachmentService {
     private channelService;
     private notificationService;
     private chatClientService;
@@ -25,15 +25,15 @@ export declare class AttachmentService<T extends DefaultStreamChatGenerics = Def
      */
     attachmentUploadInProgressCounter$: BehaviorSubject<number>;
     /**
-     * Emits the state of the uploads ([`AttachmentUpload[]`](https://github.com/GetStream/stream-chat-angular/blob/master/projects/stream-chat-angular/src/lib/types.ts)), it adds a state (`success`, `error` or `uploading`) to each file the user selects for upload. It is used by the [`AttachmentPreviewList`](/chat/docs/sdk/angular/components/AttachmentPreviewListComponent/) to display the attachment previews.
+     * Emits the state of the uploads ([`AttachmentUpload[]`](https://github.com/GetStream/stream-chat-angular/blob/master/projects/stream-chat-angular/src/lib/types.ts)), it adds a state (`success`, `error` or `uploading`) to each file the user selects for upload. It is used by the [`AttachmentPreviewList`](/chat/docs/sdk/angular/v6-rc/components/AttachmentPreviewListComponent/) to display the attachment previews.
      */
     attachmentUploads$: Observable<AttachmentUpload[]>;
     /**
      * You can get and set the list if uploaded custom attachments
      *
-     * By default the SDK components won't display these, but you can provide your own `customAttachmentPreviewListTemplate$` and `customAttachmentListTemplate$` for the [`CustomTemplatesService`](/chat/docs/sdk/angular/services/CustomTemplatesService/).
+     * By default the SDK components won't display these, but you can provide your own `customAttachmentPreviewListTemplate$` and `customAttachmentListTemplate$` for the [`CustomTemplatesService`](/chat/docs/sdk/angular/v6-rc/services/CustomTemplatesService/).
      */
-    customAttachments$: BehaviorSubject<Attachment<T>[]>;
+    customAttachments$: BehaviorSubject<Attachment[]>;
     /**
      * The current number of attachments
      */
@@ -67,10 +67,12 @@ export declare class AttachmentService<T extends DefaultStreamChatGenerics = Def
     /**
      * You can add custom `image`, `video` and `file` attachments using this method.
      *
-     * Note: If you just want to use your own CDN for file uploads, you don't necessary need this method, you can just specify you own upload function in the [`ChannelService`](/chat/docs/sdk/angular/services/ChannelService/)
+     * Note: If you just want to use your own CDN for file uploads, you don't necessary need this method, you can just specify you own upload function in the [`ChannelService`](/chat/docs/sdk/angular/v6-rc/services/ChannelService/)
      * @param attachment
+     *
+     * Will set `isCustomAttachment` to `true` on the attachment. This is a non-standard field, other SDKs will ignore this property.
      */
-    addAttachment(attachment: Attachment<T>): void;
+    addAttachment(attachment: Attachment): void;
     /**
      * Retries to upload an attachment.
      * @param file
@@ -91,12 +93,12 @@ export declare class AttachmentService<T extends DefaultStreamChatGenerics = Def
      * Maps attachments received from the Stream API to uploads. This is useful when editing a message.
      * @param attachments Attachemnts received with the message
      */
-    createFromAttachments(attachments: Attachment<T>[]): void;
+    createFromAttachments(attachments: Attachment[]): void;
     private createPreview;
     private uploadAttachments;
     private areAttachmentsHaveValidExtension;
     private areAttachmentsHaveValidSize;
     private isWithinLimit;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentService<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentService<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentService>;
 }

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

@@ -1,12 +1,12 @@
 import { AfterViewInit, ChangeDetectorRef, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { Channel, User } from 'stream-chat';
 import { ChatClientService } from '../chat-client.service';
-import { AvatarLocation, AvatarType, DefaultStreamChatGenerics } from '../types';
+import { AvatarLocation, AvatarType } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `Avatar` component displays the provided image, with fallback to the first letter of the optional name input.
  */
-export declare class AvatarComponent implements OnChanges, OnInit, AfterViewInit, OnDestroy {
+export declare class AvatarComponent implements OnChanges, OnInit, OnChanges, AfterViewInit, OnDestroy {
     private chatClientService;
     private ngZone;
     private cdRef;
@@ -25,11 +25,11 @@ export declare class AvatarComponent implements OnChanges, OnInit, AfterViewInit
     /**
      * The channel the avatar belongs to (if avatar of a channel is displayed)
      */
-    channel?: Channel<DefaultStreamChatGenerics>;
+    channel?: Channel;
     /**
      * The user the avatar belongs to (if avatar of a user is displayed)
      */
-    user?: User<DefaultStreamChatGenerics>;
+    user?: User;
     /**
      * The type of the avatar: channel if channel avatar is displayed, user if user avatar is displayed
      */
@@ -51,14 +51,14 @@ export declare class AvatarComponent implements OnChanges, OnInit, AfterViewInit
     private isViewInited;
     private subscriptions;
     constructor(chatClientService: ChatClientService, ngZone: NgZone, cdRef: ChangeDetectorRef);
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     private setFallbackChannelImage;
     private setInitials;
     private updateIsOnlineSubscription;
+    ngAfterViewInit(): void;
     private getOtherMemberIfOneToOneChannel;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "stream-avatar", never, { "name": { "alias": "name"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "location": { "alias": "location"; "required": false; }; "channel": { "alias": "channel"; "required": false; }; "user": { "alias": "user"; "required": false; }; "type": { "alias": "type"; "required": false; }; "showOnlineIndicator": { "alias": "showOnlineIndicator"; "required": false; }; "initialsType": { "alias": "initialsType"; "required": false; }; }, {}, 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

@@ -1,10 +1,10 @@
 import { OnChanges } from '@angular/core';
 import { Channel, User } from 'stream-chat';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { AvatarContext, AvatarLocation, AvatarType, DefaultStreamChatGenerics } from '../types';
+import { AvatarContext, AvatarLocation, AvatarType } from '../types';
 import * as i0 from "@angular/core";
 /**
- * The `AvatarPlaceholder` component displays the [default avatar](/chat/docs/sdk/angular/components/AvatarComponent/) unless a [custom template](/chat/docs/sdk/angular/services/CustomTemplatesService/) is provided. This component is used by the SDK internally, you likely won't need to use it.
+ * The `AvatarPlaceholder` component displays the [default avatar](/chat/docs/sdk/angular/v6-rc/components/AvatarComponent/) unless a [custom template](/chat/docs/sdk/angular/v6-rc/services/CustomTemplatesService/) is provided. This component is used by the SDK internally, you likely won't need to use it.
  */
 export declare class AvatarPlaceholderComponent implements OnChanges {
     customTemplatesService: CustomTemplatesService;
@@ -23,11 +23,11 @@ export declare class AvatarPlaceholderComponent implements OnChanges {
     /**
      * The channel the avatar belongs to (if avatar of a channel is displayed)
      */
-    channel?: Channel<DefaultStreamChatGenerics>;
+    channel?: Channel;
     /**
      * The user the avatar belongs to (if avatar of a user is displayed)
      */
-    user?: User<DefaultStreamChatGenerics>;
+    user?: User;
     /**
      * The type of the avatar: channel if channel avatar is displayed, user if user avatar is displayed
      */
@@ -44,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": { "alias": "name"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "location": { "alias": "location"; "required": false; }; "channel": { "alias": "channel"; "required": false; }; "user": { "alias": "user"; "required": false; }; "type": { "alias": "type"; "required": false; }; "initialsType": { "alias": "initialsType"; "required": false; }; "showOnlineIndicator": { "alias": "showOnlineIndicator"; "required": false; }; }, {}, 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/channel.component.d.ts

@@ -4,7 +4,7 @@ import { ThemeService } from '../theme.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import * as i0 from "@angular/core";
 /**
- * The `Channel` component is a container component that displays the [`ChannelHeader`](/chat/docs/sdk/angular/components/ChannelHeaderComponent/), [`MessageList`](/chat/docs/sdk/angular/components/MessageListComponent), [`NotificationList`](/chat/docs/sdk/angular/components/NotificationListComponent/) and [`MessageInput`](/chat/docs/sdk/angular/components/MessageInputComponent/) components. You can also provide the [`Thread`](/chat/docs/sdk/angular/components/ThreadComponent/) component to use message [threads](/chat/docs/javascript/threads/).
+ * The `Channel` component is a container component that displays the [`ChannelHeader`](/chat/docs/sdk/angular/v6-rc/components/ChannelHeaderComponent/), [`MessageList`](/chat/docs/sdk/angular/v6-rc/components/MessageListComponent), [`NotificationList`](/chat/docs/sdk/angular/v6-rc/components/NotificationListComponent/) and [`MessageInput`](/chat/docs/sdk/angular/v6-rc/components/MessageInputComponent/) components. You can also provide the [`Thread`](/chat/docs/sdk/angular/v6-rc/components/ThreadComponent/) component to use message [threads](/chat/docs/javascript/threads/).
  */
 export declare class ChannelComponent {
     private channelService;

package/lib/channel-header/channel-header.component.d.ts

@@ -3,7 +3,7 @@ import { Channel } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { ChannelActionsContext, ChannelHeaderInfoContext, DefaultStreamChatGenerics } from '../types';
+import { ChannelActionsContext, ChannelHeaderInfoContext } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelHeader` component displays the avatar and name of the currently active channel along with member and watcher information. You can read about [the difference between members and watchers](/chat/docs/javascript/watch_channel/#watchers-vs-members) in the platform documentation. Please note that number of watchers is only displayed if the user has [`connect-events` capability](/chat/docs/javascript/channel_capabilities/)
@@ -15,7 +15,7 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     private chatClientService;
     channelActionsTemplate?: TemplateRef<ChannelActionsContext>;
     channelHeaderInfoTemplate?: TemplateRef<ChannelHeaderInfoContext>;
-    activeChannel: Channel<DefaultStreamChatGenerics> | undefined;
+    activeChannel: Channel | undefined;
     canReceiveConnectEvents: boolean | undefined;
     private subscriptions;
     constructor(channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, chatClientService: ChatClientService);

package/lib/channel-list/channel-list.component.d.ts

@@ -4,7 +4,7 @@ import { Channel } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { ThemeService } from '../theme.service';
-import { ChannelPreviewContext, DefaultStreamChatGenerics } from '../types';
+import { ChannelPreviewContext } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelList` component renders the list of channels.
@@ -13,7 +13,7 @@ export declare class ChannelListComponent implements OnDestroy {
     private channelService;
     private customTemplatesService;
     private themeService;
-    channels$: Observable<Channel<DefaultStreamChatGenerics>[] | undefined>;
+    channels$: Observable<Channel[] | undefined>;
     isError$: Observable<boolean>;
     isInitializing$: Observable<boolean>;
     isLoadingMoreChannels: boolean;
@@ -24,8 +24,7 @@ export declare class ChannelListComponent implements OnDestroy {
     constructor(channelService: ChannelService, customTemplatesService: CustomTemplatesService, themeService: ThemeService);
     ngOnDestroy(): void;
     loadMoreChannels(): Promise<void>;
-    recoverState(): void;
-    trackByChannelId(_: number, item: Channel<DefaultStreamChatGenerics>): string;
+    trackByChannelId(_: number, item: Channel): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChannelListComponent, "stream-channel-list", never, {}, {}, never, ["[channel-list-top]", "[channel-list-bottom]"], false, never>;
 }

package/lib/channel-preview/channel-preview.component.d.ts

@@ -1,7 +1,6 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { NgZone, OnDestroy, OnInit } from '@angular/core';
 import { Channel, FormatMessageResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
-import { DefaultStreamChatGenerics } from '../types';
 import { ChatClientService } from '../chat-client.service';
 import { MessageService } from '../message.service';
 import { CustomTemplatesService } from '../custom-templates.service';
@@ -12,13 +11,14 @@ import * as i0 from "@angular/core";
  */
 export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     private channelService;
+    private ngZone;
     private chatClientService;
     customTemplatesService: CustomTemplatesService;
     private dateParser;
     /**
      * The channel to be displayed
      */
-    channel: Channel<DefaultStreamChatGenerics> | undefined;
+    channel: Channel | undefined;
     isActive: boolean;
     isUnreadMessageWasCalled: boolean;
     isUnread: boolean;
@@ -26,12 +26,12 @@ export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     latestMessageText: string;
     latestMessageStatus?: 'delivered' | 'read';
     latestMessageTime?: string;
-    latestMessage?: FormatMessageResponse<DefaultStreamChatGenerics>;
+    latestMessage?: FormatMessageResponse;
     displayAs: 'text' | 'html';
     userId?: string;
     private subscriptions;
     private canSendReadEvents;
-    constructor(channelService: ChannelService, chatClientService: ChatClientService, messageService: MessageService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService);
+    constructor(channelService: ChannelService, ngZone: NgZone, chatClientService: ChatClientService, messageService: MessageService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     get avatarImage(): string | undefined;
@@ -42,5 +42,5 @@ export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     private setLatestMessage;
     private updateUnreadState;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelPreviewComponent, "stream-channel-preview", never, { "channel": { "alias": "channel"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelPreviewComponent, "stream-channel-preview", never, { "channel": "channel"; }, {}, 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, NextPageConfiguration } from './types';
+import { ChatClientService } from './chat-client.service';
+/**
+ * This class allows you to make paginated channel query requests.
+ */
+export declare class ChannelQuery {
+    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](/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[]) => NextPageConfiguration;
+    private nextPageConfiguration?;
+    constructor(chatService: ChatClientService, channelService: ChannelService, filters: ChannelFilters, sort?: ChannelSort, options?: ChannelOptions);
+    query(queryType: ChannelQueryType): Promise<ChannelQueryResult>;
+    setNextPageConfiguration(channelQueryResult: Channel[]): void;
+}