stream-chat-angular 2.20.2 → 3.0.0-beta.10

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

@@ -1,13 +1,15 @@
 import { OnChanges } from '@angular/core';
 import { Action, Attachment } from 'stream-chat';
 import { ImageLoadService } from '../message-list/image-load.service';
-import { DefaultAttachmentType } from '../types';
+import { ModalContext, DefaultStreamChatGenerics } from '../types';
 import { ChannelService } from '../channel.service';
+import { CustomTemplatesService } from '../custom-templates.service';
 import * as i0 from "@angular/core";
 /**
  * The `AttachmentList` compontent displays the attachments of a message
  */
 export declare class AttachmentListComponent implements OnChanges {
+    readonly customTemplatesService: CustomTemplatesService;
     private imageLoadService;
     private channelService;
     /**
@@ -17,11 +19,12 @@ export declare class AttachmentListComponent implements OnChanges {
     /**
      * The attachments to display
      */
-    attachments: Attachment<DefaultAttachmentType>[];
-    orderedAttachments: Attachment<DefaultAttachmentType>[];
-    imagesToView: Attachment<DefaultAttachmentType>[];
+    attachments: Attachment<DefaultStreamChatGenerics>[];
+    orderedAttachments: Attachment<DefaultStreamChatGenerics>[];
+    imagesToView: Attachment<DefaultStreamChatGenerics>[];
     imagesToViewCurrentIndex: number;
-    constructor(imageLoadService: ImageLoadService, channelService: ChannelService);
+    private modalContent;
+    constructor(customTemplatesService: CustomTemplatesService, imageLoadService: ImageLoadService, channelService: ChannelService);
     ngOnChanges(): void;
     trackById(index: number): number;
     isImage(attachment: Attachment): boolean;
@@ -29,18 +32,19 @@ export declare class AttachmentListComponent implements OnChanges {
     isGallery(attachment: Attachment): boolean;
     isCard(attachment: Attachment): boolean;
     imageLoaded(): void;
-    hasFileSize(attachment: Attachment<DefaultAttachmentType>): boolean | "" | 0 | undefined;
-    getFileSize(attachment: Attachment<DefaultAttachmentType>): string;
+    hasFileSize(attachment: Attachment<DefaultStreamChatGenerics>): boolean | "" | 0 | undefined;
+    getFileSize(attachment: Attachment<DefaultStreamChatGenerics>): 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;
-    closeImageModal(): void;
     stepImages(dir: -1 | 1): void;
     trackByImageUrl(_: number, item: Attachment): unknown;
     get isImageModalPrevButtonVisible(): boolean;
     get isImageModalNextButtonVisible(): boolean;
     private createGallery;
+    private closeImageModal;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentListComponent, "stream-attachment-list", never, { "messageId": "messageId"; "attachments": "attachments"; }, {}, never, never>;
 }

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

@@ -1,17 +1,27 @@
+import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
-import { AttachmentService } from '../attachment.service';
 import { AttachmentUpload } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `AttachmentPreviewList` compontent displays a preview of the attachments uploaded to a message. Users can delete attachments using the preview component, or retry upload if it failed previously.
  */
 export declare class AttachmentPreviewListComponent {
-    private attachmentService;
-    attachmentUploads$: Observable<AttachmentUpload[]>;
-    constructor(attachmentService: AttachmentService);
-    retryAttachmentUpload(file: File): Promise<void>;
-    deleteAttachment(upload: AttachmentUpload): Promise<void>;
+    /**
+     * A stream that emits the current file uploads and their states
+     */
+    attachmentUploads$: Observable<AttachmentUpload[]> | undefined;
+    /**
+     * An output to notify the parent component if the user tries to retry a failed upload
+     */
+    readonly retryAttachmentUpload: EventEmitter<File>;
+    /**
+     * An output to notify the parent component if the user wants to delete a file
+     */
+    readonly deleteAttachment: EventEmitter<AttachmentUpload>;
+    constructor();
+    attachmentUploadRetried(file: File): void;
+    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, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentPreviewListComponent, "stream-attachment-preview-list", never, { "attachmentUploads$": "attachmentUploads$"; }, { "retryAttachmentUpload": "retryAttachmentUpload"; "deleteAttachment": "deleteAttachment"; }, never, never>;
 }

package/lib/attachment.service.d.ts

@@ -46,7 +46,7 @@ export declare class AttachmentService {
      * Maps the current uploads to a format that can be sent along with the message to the Stream API.
      * @returns the attachments
      */
-    mapToAttachments(): Attachment<import("stream-chat").UR>[];
+    mapToAttachments(): Attachment<import("stream-chat").DefaultGenerics>[];
     /**
      * Maps attachments received from the Stream API to uploads. This is useful when editing a message.
      * @param attachments Attachemnts received with the message

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

@@ -0,0 +1,25 @@
+import { CustomTemplatesService } from '../custom-templates.service';
+import { AvatarContext } from '../types';
+import * as i0 from "@angular/core";
+/**
+ * The `AvatarPlaceholder` component displays the [default avatar](./AvatarComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This componet is used by the SDK internally, you likely won't need to use it.
+ */
+export declare class AvatarPlaceholderComponent {
+    customTemplatesService: CustomTemplatesService;
+    /**
+     * An optional name of the image, used for fallback image or image title (if `imageUrl` is provided)
+     */
+    name: string | undefined;
+    /**
+     * 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;
+    constructor(customTemplatesService: CustomTemplatesService);
+    getAvatarContext(): AvatarContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarPlaceholderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarPlaceholderComponent, "stream-avatar-placeholder", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; }, {}, never, never>;
+}

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

@@ -1,30 +1,33 @@
-import { TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { Channel } from 'stream-chat';
 import { ChannelListToggleService } from '../channel-list/channel-list-toggle.service';
 import { ChannelService } from '../channel.service';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { ChannelActionsContext, DefaultStreamChatGenerics } 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](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript#watchers-vs-members) in the platform documentation. Please note that number of watchers is only displayed if the user has [`connect-events` capability](https://getstream.io/chat/docs/javascript/channel_capabilities/?language=javascript)
  */
-export declare class ChannelHeaderComponent {
+export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     private channelService;
     private channelListToggleService;
-    /**
-     * Template that can be used to add actions (such as edit, invite) to the channel header
-     */
-    channelActionsTemplate?: TemplateRef<{
-        channel: Channel;
-    }>;
-    activeChannel: Channel | undefined;
+    private customTemplatesService;
+    private cdRef;
+    channelActionsTemplate?: TemplateRef<ChannelActionsContext>;
+    activeChannel: Channel<DefaultStreamChatGenerics> | undefined;
     canReceiveConnectEvents: boolean | undefined;
-    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService);
+    private subscriptions;
+    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     toggleMenu(event: Event): void;
+    getChannelActionsContext(): ChannelActionsContext;
     get memberCountParam(): {
-        memberCount: unknown;
+        memberCount: number;
     };
     get watcherCountParam(): {
         watcherCount: number;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, { "channelActionsTemplate": "channelActionsTemplate"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, {}, {}, never, never>;
 }

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

@@ -1,31 +1,34 @@
-import { AfterViewInit, TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
+import { AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
+import { Observable, Subscription } from 'rxjs';
 import { Channel } from 'stream-chat';
 import { ChannelService } from '../channel.service';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { ChannelPreviewContext, DefaultStreamChatGenerics } from '../types';
 import { ChannelListToggleService } from './channel-list-toggle.service';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelList` component renders the list of channels.
  */
-export declare class ChannelListComponent implements AfterViewInit {
+export declare class ChannelListComponent implements AfterViewInit, OnDestroy {
     private channelService;
     private channelListToggleService;
-    /**
-     * By default, the [default preview component](./ChannelPreviewComponent.mdx) is used. To change the contents of the channel list, [provide your own custom template](./ChannelPreviewComponent.mdx/#customization).
-     */
-    customChannelPreviewTemplate: TemplateRef<any> | undefined;
-    channels$: Observable<Channel[] | undefined>;
+    private customTemplatesService;
+    channels$: Observable<Channel<DefaultStreamChatGenerics>[] | undefined>;
     isError$: Observable<boolean>;
     isInitializing$: Observable<boolean>;
     isLoadingMoreChannels: boolean;
     isOpen$: Observable<boolean>;
     hasMoreChannels$: Observable<boolean>;
+    customChannelPreviewTemplate: TemplateRef<ChannelPreviewContext> | undefined;
+    subscriptions: Subscription[];
     private container;
-    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService);
+    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     loadMoreChannels(): Promise<void>;
-    trackByChannelId(index: number, item: Channel): string;
+    trackByChannelId(index: number, item: Channel<DefaultStreamChatGenerics>): string;
     channelSelected(): void;
+    getChannelPreviewContext(channel: Channel<DefaultStreamChatGenerics>): ChannelPreviewContext<DefaultStreamChatGenerics>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelListComponent, "stream-channel-list", never, { "customChannelPreviewTemplate": "customChannelPreviewTemplate"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelListComponent, "stream-channel-list", never, {}, {}, never, never>;
 }

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

@@ -1,6 +1,7 @@
 import { NgZone, OnDestroy, OnInit } from '@angular/core';
 import { Channel } from 'stream-chat';
 import { ChannelService } from '../channel.service';
+import { DefaultStreamChatGenerics } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelPreview` component displays a channel preview in the channel list, it consists of the image, name and latest message of the channel.
@@ -11,7 +12,7 @@ export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     /**
      * The channel to be displayed
      */
-    channel: Channel | undefined;
+    channel: Channel<DefaultStreamChatGenerics> | undefined;
     isActive: boolean;
     isUnread: boolean;
     latestMessage: string;
@@ -20,7 +21,7 @@ export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     constructor(channelService: ChannelService, ngZone: NgZone);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    get avatarImage(): unknown;
+    get avatarImage(): string | undefined;
     get avatarName(): string | undefined;
     get title(): string | undefined;
     setAsActiveChannel(): void;

package/lib/channel.service.d.ts

@@ -1,14 +1,13 @@
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, UserResponse } from 'stream-chat';
-import { ChatClientService, Notification } from './chat-client.service';
-import { MessageReactionType } from './message-reactions/message-reactions.component';
-import { AttachmentUpload, StreamMessage } from './types';
+import { ChatClientService, ClientEvent } from './chat-client.service';
+import { AttachmentUpload, DefaultStreamChatGenerics, MessageReactionType, StreamMessage } from './types';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelService` provides data and interaction for the channel list and message list. TEST
  */
-export declare class ChannelService {
+export declare class ChannelService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     private chatClientService;
     private ngZone;
     /**
@@ -40,7 +39,7 @@ export declare class ChannelService {
      *
      *  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[] | undefined>;
+    channels$: Observable<Channel<T>[] | undefined>;
     /**
      * Emits the currently active channel.
      *
@@ -48,11 +47,11 @@ export declare class ChannelService {
      * 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.
      * :::
      */
-    activeChannel$: Observable<Channel | undefined>;
+    activeChannel$: Observable<Channel<T> | undefined>;
     /**
      * Emits the list of currently loaded messages of the active channel.
      */
-    activeChannelMessages$: Observable<StreamMessage[]>;
+    activeChannelMessages$: Observable<StreamMessage<T>[]>;
     /**
      * Emits the id of the currently selected parent message. If no message is selected, it emits undefined.
      */
@@ -60,23 +59,23 @@ export declare class ChannelService {
     /**
      * Emits the list of currently loaded thread replies belonging to the selected parent message. If there is no currently active thread it emits an empty array.
      */
-    activeThreadMessages$: Observable<StreamMessage[]>;
+    activeThreadMessages$: Observable<StreamMessage<T>[]>;
     /**
      * Emits the currently selected parent message. If no message is selected, it emits undefined.
      */
-    activeParentMessage$: Observable<StreamMessage | undefined>;
+    activeParentMessage$: Observable<StreamMessage<T> | undefined>;
     /**
      * Emits the currently selected message to quote
      */
-    messageToQuote$: Observable<StreamMessage | undefined>;
+    messageToQuote$: Observable<StreamMessage<T> | undefined>;
     /**
      * Emits the list of users that are currently typing in the channel (current user is not included)
      */
-    usersTypingInChannel$: Observable<UserResponse[]>;
+    usersTypingInChannel$: Observable<UserResponse<T>[]>;
     /**
      * Emits the list of users that are currently typing in the active thread (current user is not included)
      */
-    usersTypingInThread$: Observable<UserResponse[]>;
+    usersTypingInThread$: Observable<UserResponse<T>[]>;
     /**
      * Emits a map that contains the date of the latest message sent by the current user by channels (this is used to detect if slow mode countdown should be started)
      */
@@ -86,39 +85,39 @@ export declare class ChannelService {
     /**
      * 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)
      */
-    customNewMessageNotificationHandler?: (notification: Notification, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void) => void;
+    customNewMessageNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => 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)
      */
-    customAddedToChannelNotificationHandler?: (notification: Notification, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void) => void;
+    customAddedToChannelNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => 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)
      */
-    customRemovedFromChannelNotificationHandler?: (notification: Notification, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void) => void;
+    customRemovedFromChannelNotificationHandler?: (clientEvent: ClientEvent, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => 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)
      */
-    customChannelDeletedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelDeletedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => 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)
      */
-    customChannelUpdatedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => 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> | ChannelResponse<T>)[]) => 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)
      */
-    customChannelTruncatedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelTruncatedHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => 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)
      */
-    customChannelHiddenHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelHiddenHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => 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)
      */
-    customChannelVisibleHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelVisibleHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => 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)
      */
-    customNewMessageHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customNewMessageHandler?: (event: Event, channel: Channel<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
     private channelsSubject;
     private activeChannelSubject;
     private activeChannelMessagesSubject;
@@ -138,17 +137,17 @@ export declare class ChannelService {
     private messageListSetter;
     private threadListSetter;
     private parentMessageSetter;
-    constructor(chatClientService: ChatClientService, ngZone: NgZone);
+    constructor(chatClientService: ChatClientService<T>, ngZone: NgZone);
     /**
      * Sets the given `channel` as active.
      * @param channel
      */
-    setAsActiveChannel(channel: Channel): void;
+    setAsActiveChannel(channel: Channel<T>): void;
     /**
      * Sets the given `message` as an active parent message. If `undefined` is provided, it will deleselect the current parent message.
      * @param message
      */
-    setAsActiveParentMessage(message: StreamMessage | undefined): Promise<void>;
+    setAsActiveParentMessage(message: StreamMessage<T> | undefined): Promise<void>;
     /**
      * 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.
      */
@@ -163,7 +162,7 @@ export declare class ChannelService {
      * @param sort
      * @param options
      */
-    init(filters: ChannelFilters, sort?: ChannelSort, options?: ChannelOptions): Promise<void>;
+    init(filters: ChannelFilters<T>, sort?: ChannelSort<T>, options?: ChannelOptions): Promise<void>;
     /**
      * Resets the `activeChannel$`, `channels$` and `activeChannelMessages$` Observables. Useful when disconnecting a chat user, use in combination with [`disconnectUser`](./ChatClientService.mdx/#disconnectuser).
      */
@@ -176,8 +175,9 @@ export declare class ChannelService {
      * Adds a reaction to a message.
      * @param messageId The id of the message to add the reaction to
      * @param reactionType The type of the reaction
+     * @param customData
      */
-    addReaction(messageId: string, reactionType: MessageReactionType): Promise<void>;
+    addReaction(messageId: string, reactionType: MessageReactionType, customData?: T['reactionType']): Promise<void>;
     /**
      * Removes a reaction from a message.
      * @param messageId The id of the message to remove the reaction from
@@ -191,8 +191,9 @@ export declare class ChannelService {
      * @param mentionedUsers Mentioned users
      * @param parentId Id of the parent message (if sending a thread reply)
      * @param quotedMessageId Id of the message to quote (if sending a quote reply)
+     * @param customData
      */
-    sendMessage(text: string, attachments?: Attachment[], mentionedUsers?: UserResponse[], parentId?: string | undefined, quotedMessageId?: string | undefined): Promise<void>;
+    sendMessage(text: string, attachments?: Attachment<T>[], mentionedUsers?: UserResponse<T>[], parentId?: string | undefined, quotedMessageId?: string | undefined, customData?: undefined | Partial<T['messageType']>): Promise<void>;
     /**
      * Resends the given message to the active channel
      * @param message The message to resend
@@ -202,7 +203,7 @@ export declare class ChannelService {
      * Updates the message in the active channel
      * @param message Mesage to be updated
      */
-    updateMessage(message: StreamMessage): Promise<void>;
+    updateMessage(message: StreamMessage<T>): Promise<void>;
     /**
      * Deletes the message from the active channel
      * @param message Message to be deleted
@@ -224,7 +225,7 @@ export declare class ChannelService {
      * @param searchTerm Text to search for in the names of members
      * @returns The list of members matching the search filter
      */
-    autocompleteMembers(searchTerm: string): Promise<import("stream-chat").ChannelMemberResponse<import("stream-chat").UR>[]>;
+    autocompleteMembers(searchTerm: string): Promise<import("stream-chat").ChannelMemberResponse<T>[]>;
     /**
      * [Runs a message action](https://getstream.io/chat/docs/rest/#messages-runmessageaction) in the current channel. Updates the message list based on the action result (if no message is returned, the message will be removed from the message list).
      * @param messageId
@@ -274,6 +275,6 @@ export declare class ChannelService {
     private handleTypingStartEvent;
     private handleTypingStopEvent;
     private updateLatestMessages;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChannelService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ChannelService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChannelService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChannelService<any>>;
 }

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

@@ -3,28 +3,29 @@ import { Observable } from 'rxjs';
 import { Channel, ChannelResponse, OwnUserResponse, UserResponse } from 'stream-chat';
 import { AppSettings, Event, StreamChat, TokenOrProvider } from 'stream-chat';
 import { NotificationService } from './notification.service';
+import { DefaultStreamChatGenerics } from './types';
 import * as i0 from "@angular/core";
-export declare type Notification = {
+export declare type ClientEvent<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     eventType: string;
-    event: Event;
+    event: Event<T>;
 };
 /**
  * The `ChatClient` service connects the user to the Stream chat.
  */
-export declare class ChatClientService {
+export declare class ChatClientService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     private ngZone;
     private notificationService;
     /**
      * The [StreamChat client](https://github.com/GetStream/stream-chat-js/blob/master/src/client.ts) instance. In general you shouldn't need to access the client, but it's there if you want to use it.
      */
-    chatClient: StreamChat;
+    chatClient: StreamChat<T>;
     /**
-     * Emits [`Notification`](https://github.com/GetStream/stream-chat-angular/blob/master/projects/stream-chat-angular/src/lib/chat-client.service.ts) events. The platform documentation covers [the list of client and notification events](https://getstream.io/chat/docs/javascript/event_object/?language=javascript).
+     * Emits [`ClientEvent`](https://github.com/GetStream/stream-chat-angular/blob/master/projects/stream-chat-angular/src/lib/chat-client.service.ts) events. The platform documentation covers [the list of client, user presence and notification events](https://getstream.io/chat/docs/javascript/event_object/?language=javascript).
      * :::important
      * For performance reasons this Observable operates outside of the Angular change detection zone. If you subscribe to it, you need to manually reenter Angular's change detection zone, our [Change detection guide](../concepts/change-detection.mdx) explains this in detail.
      * :::
      */
-    notification$: Observable<Notification>;
+    events$: Observable<ClientEvent<T>>;
     /**
      * Emits the current [application settings](https://getstream.io/chat/docs/javascript/app_setting_overview/?language=javascript). Since getting the application settings is an expensive API call and we don't always need the result, this is not initialized by default, you need to call `getApplicationSettings` to load them.
      */
@@ -36,7 +37,7 @@ export declare class ChatClientService {
     /**
      * 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 | Channel)[]>;
+    pendingInvites$: Observable<(ChannelResponse<T> | Channel<T>)[]>;
     private notificationSubject;
     private connectionStateSubject;
     private appSettingsSubject;
@@ -48,7 +49,7 @@ export declare class ChatClientService {
      * @param userOrId
      * @param userTokenOrProvider
      */
-    init(apiKey: string, userOrId: string | OwnUserResponse | UserResponse, userTokenOrProvider: TokenOrProvider): Promise<void>;
+    init(apiKey: string, userOrId: string | OwnUserResponse<T> | UserResponse<T>, userTokenOrProvider: TokenOrProvider): Promise<void>;
     /**
      * Disconnects the current user, and closes the WebSocket connection. Useful when disconnecting a chat user, use in combination with [`reset`](./ChannelService.mdx/#reset).
      */
@@ -67,8 +68,8 @@ export declare class ChatClientService {
      * @param searchTerm
      * @returns The users matching the search
      */
-    autocompleteUsers(searchTerm: string): Promise<UserResponse<import("stream-chat").UR>[]>;
+    autocompleteUsers(searchTerm: string): Promise<UserResponse<T>[]>;
     private updatePendingInvites;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChatClientService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ChatClientService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatClientService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChatClientService<any>>;
 }