stream-chat-angular 3.0.0-beta.5 → 3.0.0-beta.8

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

@@ -1,7 +1,7 @@
 import { OnChanges } from '@angular/core';
 import { Action, Attachment } from 'stream-chat';
 import { ImageLoadService } from '../message-list/image-load.service';
-import { DefaultAttachmentType, ModalContext } from '../types';
+import { ModalContext, DefaultStreamChatGenerics } from '../types';
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import * as i0 from "@angular/core";
@@ -19,9 +19,9 @@ 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;
     private modalContent;
     constructor(customTemplatesService: CustomTemplatesService, imageLoadService: ImageLoadService, channelService: ChannelService);
@@ -32,8 +32,8 @@ 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;

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/channel-header/channel-header.component.d.ts

@@ -3,7 +3,7 @@ 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 } from '../types';
+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)
@@ -14,7 +14,7 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     private customTemplatesService;
     private cdRef;
     channelActionsTemplate?: TemplateRef<ChannelActionsContext>;
-    activeChannel: Channel | undefined;
+    activeChannel: Channel<DefaultStreamChatGenerics> | undefined;
     canReceiveConnectEvents: boolean | undefined;
     private subscriptions;
     constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef);
@@ -23,7 +23,7 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     toggleMenu(event: Event): void;
     getChannelActionsContext(): ChannelActionsContext;
     get memberCountParam(): {
-        memberCount: unknown;
+        memberCount: number;
     };
     get watcherCountParam(): {
         watcherCount: number;

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

@@ -3,7 +3,7 @@ import { Observable, Subscription } from 'rxjs';
 import { Channel } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { ChannelPreviewContext } from '../types';
+import { ChannelPreviewContext, DefaultStreamChatGenerics } from '../types';
 import { ChannelListToggleService } from './channel-list-toggle.service';
 import * as i0 from "@angular/core";
 /**
@@ -13,7 +13,7 @@ export declare class ChannelListComponent implements AfterViewInit, OnDestroy {
     private channelService;
     private channelListToggleService;
     private customTemplatesService;
-    channels$: Observable<Channel[] | undefined>;
+    channels$: Observable<Channel<DefaultStreamChatGenerics>[] | undefined>;
     isError$: Observable<boolean>;
     isInitializing$: Observable<boolean>;
     isLoadingMoreChannels: boolean;
@@ -26,9 +26,9 @@ export declare class ChannelListComponent implements AfterViewInit, OnDestroy {
     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): ChannelPreviewContext;
+    getChannelPreviewContext(channel: Channel<DefaultStreamChatGenerics>): ChannelPreviewContext<DefaultStreamChatGenerics>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelListComponent, 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

@@ -2,12 +2,12 @@ import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, UserResponse } from 'stream-chat';
 import { ChatClientService, ClientEvent } from './chat-client.service';
-import { AttachmentUpload, MessageReactionType, StreamMessage } from './types';
+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;
     /**
@@ -39,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.
      *
@@ -47,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.
      */
@@ -59,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)
      */
@@ -85,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?: (clientEvent: ClientEvent, 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?: (clientEvent: ClientEvent, 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?: (clientEvent: ClientEvent, 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;
@@ -137,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.
      */
@@ -162,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).
      */
@@ -175,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
@@ -190,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
@@ -201,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
@@ -223,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
@@ -273,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 ClientEvent = {
+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 [`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.
      * :::
      */
-    events$: Observable<ClientEvent>;
+    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>>;
 }

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

@@ -23,7 +23,7 @@ export declare class CustomTemplatesService {
      *
      * For code examples to the different customizations see our [customizations example application](https://github.com/GetStream/stream-chat-angular/tree/master/projects/customizations-example), specifically the [AppComponent](https://github.com/GetStream/stream-chat-angular/tree/master/projects/customizations-example/src/app) (see [README](https://github.com/GetStream/stream-chat-angular/blob/master/README.md#customization-examples) for instructions on how to start the application).
      */
-    channelPreviewTemplate$: BehaviorSubject<TemplateRef<ChannelPreviewContext> | undefined>;
+    channelPreviewTemplate$: BehaviorSubject<TemplateRef<ChannelPreviewContext<import("./types").DefaultStreamChatGenerics>> | undefined>;
     /**
      * The message input template used when editing a message (instead of the [default message input](../components/MessageInputComponent.mdx))
      *
@@ -59,7 +59,7 @@ export declare class CustomTemplatesService {
      *
      * For code examples to the different customizations see our [customizations example application](https://github.com/GetStream/stream-chat-angular/tree/master/projects/customizations-example), specifically the [AppComponent](https://github.com/GetStream/stream-chat-angular/tree/master/projects/customizations-example/src/app) (see [README](https://github.com/GetStream/stream-chat-angular/blob/master/README.md#customization-examples) for instructions on how to start the application).
      */
-    channelActionsTemplate$: BehaviorSubject<TemplateRef<ChannelActionsContext> | undefined>;
+    channelActionsTemplate$: BehaviorSubject<TemplateRef<ChannelActionsContext<import("./types").DefaultStreamChatGenerics>> | undefined>;
     /**
      * The template used to display attachments of a [message](../components/MessageComponent.mdx) (instead of the [default attachment list](../components/AttachmentListComponent.mdx))
      *

package/lib/message/message.component.d.ts

@@ -2,7 +2,7 @@ import { TemplateRef, OnChanges, SimpleChanges, OnDestroy, OnInit, ChangeDetecto
 import { UserResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
-import { AttachmentListContext, DefaultUserType, MentionTemplateContext, MessageActionsBoxContext, MessageReactionsContext, StreamMessage } from '../types';
+import { AttachmentListContext, MentionTemplateContext, MessageActionsBoxContext, MessageReactionsContext, DefaultStreamChatGenerics, StreamMessage } from '../types';
 import { CustomTemplatesService } from '../custom-templates.service';
 import * as i0 from "@angular/core";
 declare type MessagePart = {
@@ -55,7 +55,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     ngOnDestroy(): void;
     get isSentByCurrentUser(): boolean;
     get readByText(): string;
-    get lastReadUser(): UserResponse<DefaultUserType<import("../types").DefaultUserTypeInternal>> | undefined;
+    get lastReadUser(): UserResponse<DefaultStreamChatGenerics> | undefined;
     get isOnlyReadByMe(): boolean | undefined;
     get isReadByMultipleUsers(): boolean | undefined;
     get isMessageDeliveredAndRead(): boolean | undefined;
@@ -67,7 +67,26 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
         replyCount: number | undefined;
     };
     get canDisplayReadStatus(): boolean;
-    get quotedMessageAttachments(): import("stream-chat").Attachment<import("../types").DefaultAttachmentType>[];
+    get quotedMessageAttachments(): import("stream-chat").Attachment<{
+        attachmentType: import("stream-chat").UR & import("../types").UnknownType & {
+            asset_url?: string | undefined;
+            id?: string | undefined;
+            images?: import("stream-chat").Attachment<DefaultStreamChatGenerics>[] | undefined;
+            mime_type?: string | undefined;
+        };
+        channelType: import("stream-chat").UR & import("../types").UnknownType & {
+            image?: string | undefined;
+            member_count?: number | undefined;
+            subtitle?: string | undefined;
+        };
+        commandType: string & {};
+        eventType: import("stream-chat").UR & import("../types").UnknownType;
+        messageType: {};
+        reactionType: import("stream-chat").UR & import("../types").UnknownType;
+        userType: import("stream-chat").UR & import("../types").UnknownType & import("../types").DefaultUserTypeInternal & {
+            mutes?: import("stream-chat").Mute<DefaultStreamChatGenerics>[] | undefined;
+        };
+    }>[];
     getAttachmentListContext(): AttachmentListContext;
     getMessageReactionsContext(): MessageReactionsContext;
     resendMessage(): void;

package/lib/message-actions-box/message-actions-box.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
-import { Subscription } from 'rxjs';
+import { Observable, Subscription } from 'rxjs';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
 import { CustomTemplatesService } from '../custom-templates.service';
@@ -44,9 +44,10 @@ export declare class MessageActionsBoxComponent implements OnChanges, OnDestroy
     modalTemplate: TemplateRef<ModalContext> | undefined;
     subscriptions: Subscription[];
     visibleMessageActionItems: MessageActionItem[];
+    sendMessage$: Observable<void>;
     private readonly messageActionItems;
-    private messageInput;
     private modalContent;
+    private sendMessageSubject;
     constructor(chatClientService: ChatClientService, notificationService: NotificationService, channelService: ChannelService, customTemplatesService: CustomTemplatesService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -55,7 +56,7 @@ export declare class MessageActionsBoxComponent implements OnChanges, OnDestroy
     modalClosed: () => void;
     getMessageInputContext(): MessageInputContext;
     getEditModalContext(): ModalContext;
-    trackByActionName(_: number, item: MessageActionItem): "mute" | "delete" | "flag" | "quote" | "pin" | "edit";
+    trackByActionName(_: number, item: MessageActionItem): "delete" | "flag" | "quote" | "pin" | "edit";
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageActionsBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessageActionsBoxComponent, "stream-message-actions-box", never, { "isOpen": "isOpen"; "isMine": "isMine"; "message": "message"; "enabledActions": "enabledActions"; }, { "displayedActionsCount": "displayedActionsCount"; "isEditing": "isEditing"; }, never, never>;
 }

package/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.d.ts

@@ -42,7 +42,7 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     /**
      * Emits the array of users that are mentioned in the message, it is updated when a user mentions a new user or deletes a mention.
      */
-    readonly userMentions: EventEmitter<UserResponse<import("stream-chat").UR>[]>;
+    readonly userMentions: EventEmitter<UserResponse<import("stream-chat").DefaultGenerics>[]>;
     mentionAutocompleteItemTemplate: TemplateRef<MentionAutcompleteListItemContext> | undefined;
     commandAutocompleteItemTemplate: TemplateRef<CommandAutocompleteListItemContext> | undefined;
     private readonly autocompleteKey;

package/lib/message-input/message-input.component.d.ts

@@ -5,7 +5,7 @@ import { UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
 import { NotificationService } from '../notification.service';
-import { AttachmentPreviewListContext, AttachmentUpload, EmojiPickerContext, StreamMessage } from '../types';
+import { AttachmentPreviewListContext, AttachmentUpload, DefaultStreamChatGenerics, EmojiPickerContext, StreamMessage } from '../types';
 import { MessageInputConfigService } from './message-input-config.service';
 import { TextareaInterface } from './textarea.interface';
 import { EmojiInputService } from './emoji-input.service';
@@ -49,6 +49,10 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
      * The message to edit
      */
     message: StreamMessage | undefined;
+    /**
+     * An observable that can be used to trigger message sending from the outside
+     */
+    sendMessage$: Observable<void> | undefined;
     /**
      * Emits when a message was successfuly sent or updated
      */
@@ -73,6 +77,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private isViewInited;
     private appSettings;
     private channel;
+    private sendMessageSubcription;
     constructor(channelService: ChannelService, notificationService: NotificationService, attachmentService: AttachmentService, configService: MessageInputConfigService, textareaType: Type<TextareaInterface>, componentFactoryResolver: ComponentFactoryResolver, cdRef: ChangeDetectorRef, chatClient: ChatClientService, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -80,7 +85,26 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     ngOnDestroy(): void;
     messageSent(): Promise<void>;
     get containsLinks(): boolean;
-    get quotedMessageAttachments(): import("stream-chat").Attachment<import("../types").DefaultAttachmentType>[];
+    get quotedMessageAttachments(): import("stream-chat").Attachment<{
+        attachmentType: import("stream-chat").UR & import("../types").UnknownType & {
+            asset_url?: string | undefined;
+            id?: string | undefined;
+            images?: import("stream-chat").Attachment<DefaultStreamChatGenerics>[] | undefined;
+            mime_type?: string | undefined;
+        };
+        channelType: import("stream-chat").UR & import("../types").UnknownType & {
+            image?: string | undefined;
+            member_count?: number | undefined;
+            subtitle?: string | undefined;
+        };
+        commandType: string & {};
+        eventType: import("stream-chat").UR & import("../types").UnknownType;
+        messageType: {};
+        reactionType: import("stream-chat").UR & import("../types").UnknownType;
+        userType: import("stream-chat").UR & import("../types").UnknownType & import("../types").DefaultUserTypeInternal & {
+            mutes?: import("stream-chat").Mute<DefaultStreamChatGenerics>[] | undefined;
+        };
+    }>[];
     get disabledTextareaText(): "" | "streamChat.You can't send thread replies in this channel" | "streamChat.You can't send messages in this channel" | "streamChat.Slow Mode ON";
     filesSelected(fileList: FileList | null): Promise<void>;
     deselectMessageToQuote(): void;
@@ -97,5 +121,5 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private startCooldown;
     private stopCooldown;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; }, { "messageUpdate": "messageUpdate"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; "sendMessage$": "sendMessage$"; }, { "messageUpdate": "messageUpdate"; }, never, never>;
 }

package/lib/message-input/textarea.directive.d.ts

@@ -10,7 +10,7 @@ export declare class TextareaDirective implements OnChanges {
     value: string;
     readonly valueChange: EventEmitter<string>;
     readonly send: EventEmitter<void>;
-    readonly userMentions: EventEmitter<UserResponse<import("stream-chat").UR>[]>;
+    readonly userMentions: EventEmitter<UserResponse<import("stream-chat").DefaultGenerics>[]>;
     private subscriptions;
     private unpropagatedChanges;
     constructor(viewContainerRef: ViewContainerRef);

package/lib/message-list/group-styles.d.ts

@@ -1,3 +1,3 @@
 import { StreamMessage } from '../types';
 export declare type GroupStyle = '' | 'middle' | 'top' | 'bottom' | 'single';
-export declare const getGroupStyles: (message: StreamMessage, previousMessage?: StreamMessage<import("../types").DefaultAttachmentType, import("../types").DefaultChannelType, import("stream-chat").LiteralStringForUnion, import("../types").DefaultMessageType, import("../types").UnknownType, import("../types").DefaultUserType<import("../types").DefaultUserTypeInternal>> | undefined, nextMessage?: StreamMessage<import("../types").DefaultAttachmentType, import("../types").DefaultChannelType, import("stream-chat").LiteralStringForUnion, import("../types").DefaultMessageType, import("../types").UnknownType, import("../types").DefaultUserType<import("../types").DefaultUserTypeInternal>> | undefined, noGroupByUser?: boolean) => GroupStyle;
+export declare const getGroupStyles: (message: StreamMessage, previousMessage?: StreamMessage<import("../types").DefaultStreamChatGenerics> | undefined, nextMessage?: StreamMessage<import("../types").DefaultStreamChatGenerics> | undefined, noGroupByUser?: boolean) => GroupStyle;

package/lib/message-preview.d.ts

@@ -1,2 +1,3 @@
 import { Attachment, MessageResponse, UserResponse } from 'stream-chat';
-export declare const createMessagePreview: (user: UserResponse, text: string, attachments?: Attachment[], mentionedUsers?: UserResponse[], parentId?: undefined | string, quotedMessageId?: undefined | string) => MessageResponse<import("stream-chat").UR, import("stream-chat").UR, import("stream-chat").LiteralStringForUnion, import("stream-chat").UR, import("stream-chat").UR, import("stream-chat").UR>;
+import { DefaultStreamChatGenerics } from './types';
+export declare const createMessagePreview: <T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(user: UserResponse, text: string, attachments: Attachment<T>[] | undefined, mentionedUsers: UserResponse<T>[] | undefined, parentId: undefined | string, quotedMessageId: undefined | string, customData: Partial<T["messageType"]> | undefined) => MessageResponse<T>;

package/lib/message-reactions/message-reactions.component.d.ts

@@ -1,7 +1,7 @@
 import { AfterViewChecked, ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ReactionResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
-import { DefaultReactionType, DefaultUserType, MessageReactionType } from '../types';
+import { MessageReactionType, DefaultStreamChatGenerics } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `MessageReactions` component displays the reactions of a message, the current user can add and remove reactions. You can read more about [message reactions](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript) in the platform documentation.
@@ -26,11 +26,11 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     /**
      * List of reactions of a [message](../types/stream-message.mdx), used to display the users of a reaction type.
      */
-    latestReactions: ReactionResponse<DefaultReactionType, DefaultUserType>[];
+    latestReactions: ReactionResponse<DefaultStreamChatGenerics>[];
     /**
      * List of the user's own reactions of a [message](../types/stream-message.mdx), used to display the users of a reaction type.
      */
-    ownReactions: ReactionResponse<DefaultReactionType, DefaultUserType>[];
+    ownReactions: ReactionResponse<DefaultStreamChatGenerics>[];
     /**
      * Indicates if the selector should be opened or closed. Adding a UI element to open and close the selector is the parent's component responsibility.
      */
@@ -49,7 +49,7 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     get existingReactions(): MessageReactionType[];
     get reactionsCount(): number;
     get reactionOptions(): MessageReactionType[];
-    getLatestUserByReaction(reactionType: MessageReactionType): import("stream-chat").UserResponse<DefaultUserType<import("../types").DefaultUserTypeInternal>> | null | undefined;
+    getLatestUserByReaction(reactionType: MessageReactionType): import("stream-chat").UserResponse<DefaultStreamChatGenerics> | null | undefined;
     getEmojiByReaction(reactionType: MessageReactionType): string;
     getUsersByReaction(reactionType: MessageReactionType): string;
     showTooltip(event: Event, reactionType: MessageReactionType): void;

package/lib/read-by.d.ts

@@ -1,2 +1,3 @@
 import { Channel, FormatMessageResponse, UserResponse } from 'stream-chat';
-export declare const getReadBy: (message: FormatMessageResponse, channel: Channel) => UserResponse<import("stream-chat").UR>[];
+import { DefaultStreamChatGenerics } from './types';
+export declare const getReadBy: <T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: FormatMessageResponse<T>, channel: Channel<T>) => UserResponse<import("stream-chat").DefaultGenerics>[];