stream-chat-angular 4.66.2 → 5.0.0-v5.10

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

@@ -4,7 +4,6 @@ import { ModalContext, DefaultStreamChatGenerics, AttachmentConfigration, VideoA
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { AttachmentConfigurationService } from '../attachment-configuration.service';
-import { ThemeService } from '../theme.service';
 import * as i0 from "@angular/core";
 /**
  * The `AttachmentList` component displays the attachments of a message
@@ -33,12 +32,11 @@ export declare class AttachmentListComponent implements OnChanges {
     orderedAttachments: Attachment<DefaultStreamChatGenerics>[];
     imagesToView: Attachment<DefaultStreamChatGenerics>[];
     imagesToViewCurrentIndex: number;
-    themeVersion: '1' | '2';
     private modalContent;
     private attachmentConfigurations;
-    constructor(customTemplatesService: CustomTemplatesService, channelService: ChannelService, attachmentConfigurationService: AttachmentConfigurationService, themeService: ThemeService);
+    constructor(customTemplatesService: CustomTemplatesService, channelService: ChannelService, attachmentConfigurationService: AttachmentConfigurationService);
     ngOnChanges(changes: SimpleChanges): void;
-    trackByUrl(_: number, attachment: Attachment): unknown;
+    trackByUrl(_: number, attachment: Attachment): {} | undefined;
     isImage(attachment: Attachment): boolean;
     isSvg(attachment: Attachment): boolean;
     isFile(attachment: Attachment): boolean;
@@ -54,7 +52,7 @@ export declare class AttachmentListComponent implements OnChanges {
     trackByActionValue(_: number, item: Action): string | undefined;
     openImageModal(attachments: Attachment[], selectedIndex?: number): void;
     stepImages(dir: -1 | 1): void;
-    trackByImageUrl(_: number, item: Attachment): unknown;
+    trackByImageUrl(_: number, item: Attachment): {} | undefined;
     getAttachmentContext(attachment: Attachment<DefaultStreamChatGenerics>): AttachmentContext;
     getImageAttachmentConfiguration(attachment: Attachment, type: 'gallery' | 'single', element: HTMLElement): ImageAttachmentConfiguration;
     getCarouselImageAttachmentConfiguration(attachment: Attachment, element: HTMLElement): ImageAttachmentConfiguration;
@@ -65,5 +63,5 @@ export declare class AttachmentListComponent implements OnChanges {
     private createGallery;
     private closeImageModal;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentListComponent, "stream-attachment-list", never, { "messageId": "messageId"; "parentMessageId": "parentMessageId"; "attachments": "attachments"; }, { "imageModalStateChange": "imageModalStateChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentListComponent, "stream-attachment-list", never, { "messageId": "messageId"; "parentMessageId": "parentMessageId"; "attachments": "attachments"; }, { "imageModalStateChange": "imageModalStateChange"; }, never, never, false, never>;
 }

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ThemeService } from '../theme.service';
 import { AttachmentUpload } from '../types';
 import * as i0 from "@angular/core";
 /**
@@ -19,11 +18,10 @@ export declare class AttachmentPreviewListComponent {
      * An output to notify the parent component if the user wants to delete a file
      */
     readonly deleteAttachment: EventEmitter<AttachmentUpload<import("../types").DefaultStreamChatGenerics>>;
-    themeVersion: '1' | '2';
-    constructor(themeService: ThemeService);
+    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, { "attachmentUploads$": "attachmentUploads$"; }, { "retryAttachmentUpload": "retryAttachmentUpload"; "deleteAttachment": "deleteAttachment"; }, never, 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

@@ -35,7 +35,6 @@ 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`](./ChannelService.mdx)
-     *
      * @param attachment
      */
     addAttachment(attachment: Attachment<T>): void;

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

@@ -63,5 +63,5 @@ export declare class AvatarComponent implements OnChanges, OnInit, OnChanges, Af
     ngAfterViewInit(): void;
     private getOtherMemberIfOneToOneChannel;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "stream-avatar", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "showOnlineIndicator": "showOnlineIndicator"; "initialsType": "initialsType"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "stream-avatar", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "showOnlineIndicator": "showOnlineIndicator"; "initialsType": "initialsType"; }, {}, never, never, false, never>;
 }

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

@@ -48,5 +48,5 @@ export declare class AvatarPlaceholderComponent implements OnChanges {
     constructor(customTemplatesService: CustomTemplatesService);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarPlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarPlaceholderComponent, "stream-avatar-placeholder", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "initialsType": "initialsType"; "showOnlineIndicator": "showOnlineIndicator"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarPlaceholderComponent, "stream-avatar-placeholder", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "initialsType": "initialsType"; "showOnlineIndicator": "showOnlineIndicator"; }, {}, never, never, false, never>;
 }

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

@@ -18,5 +18,5 @@ export declare class ChannelComponent {
     theme$: Observable<string>;
     constructor(channelService: ChannelService, themeService: ThemeService, customTemplatesService: CustomTemplatesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelComponent, "stream-channel", never, {}, {}, never, ["*", "[name=\"thread\"]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelComponent, "stream-channel", never, {}, {}, never, ["*", "[name=\"thread\"]"], false, never>;
 }

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

@@ -1,6 +1,5 @@
 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 { ChatClientService } from '../chat-client.service';
 import { CustomTemplatesService } from '../custom-templates.service';
@@ -11,7 +10,6 @@ import * as i0 from "@angular/core";
  */
 export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     private channelService;
-    private channelListToggleService;
     private customTemplatesService;
     private cdRef;
     private chatClientService;
@@ -20,10 +18,9 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     activeChannel: Channel<DefaultStreamChatGenerics> | undefined;
     canReceiveConnectEvents: boolean | undefined;
     private subscriptions;
-    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, chatClientService: ChatClientService);
+    constructor(channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, chatClientService: ChatClientService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    toggleMenu(event: Event): void;
     getChannelActionsContext(): ChannelActionsContext;
     getChannelInfoContext(): ChannelHeaderInfoContext;
     get memberCountParam(): {
@@ -35,5 +32,5 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     get displayText(): string | undefined;
     get avatarName(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -1,36 +1,31 @@
-import { AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
+import { 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 { ThemeService } from '../theme.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, OnDestroy {
+export declare class ChannelListComponent implements OnDestroy {
     private channelService;
-    private channelListToggleService;
     private customTemplatesService;
     private themeService;
     channels$: Observable<Channel<DefaultStreamChatGenerics>[] | undefined>;
     isError$: Observable<boolean>;
     isInitializing$: Observable<boolean>;
     isLoadingMoreChannels: boolean;
-    isOpen$: Observable<boolean>;
     hasMoreChannels$: Observable<boolean>;
     customChannelPreviewTemplate: TemplateRef<ChannelPreviewContext> | undefined;
     theme$: Observable<string>;
     subscriptions: Subscription[];
     private container;
-    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, themeService: ThemeService);
-    ngAfterViewInit(): void;
+    constructor(channelService: ChannelService, customTemplatesService: CustomTemplatesService, themeService: ThemeService);
     ngOnDestroy(): void;
     loadMoreChannels(): Promise<void>;
     trackByChannelId(index: number, item: Channel<DefaultStreamChatGenerics>): string;
-    channelSelected(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelListComponent, "stream-channel-list", never, {}, {}, never, ["[channel-list-top]", "[channel-list-bottom]"]>;
+    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

@@ -43,5 +43,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": "channel"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelPreviewComponent, "stream-channel-preview", never, { "channel": "channel"; }, {}, never, never, false, never>;
 }

package/lib/channel.service.d.ts

@@ -1,6 +1,6 @@
 import { NgZone } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
-import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, FormatMessageResponse, MessageResponse, ReactionResponse, UserResponse } from 'stream-chat';
+import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, FormatMessageResponse, MessageResponse, QueryChannelAPIResponse, ReactionResponse, UserResponse } from 'stream-chat';
 import { ChatClientService, ClientEvent } from './chat-client.service';
 import { NotificationService } from './notification.service';
 import { AttachmentUpload, ChannelQueryState, DefaultStreamChatGenerics, MessageInput, MessageReactionType, NextPageConfiguration, StreamMessage } from './types';
@@ -41,7 +41,6 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      *
      *  Our platform documentation covers the topic of [channel events](https://getstream.io/chat/docs/javascript/event_object/?language=javascript#events) in depth.
      *
-     *  By default if an error occurs during channel load, the Observable will emit an error, which will close the stream. Users will have to reload the page to be able to reinitialize the `ChannelService`. If you don't want the streams to be closed, you can pass `options.keepAliveChannels$OnError = true` to the `init` method. In that case the `channelQueryState$` stream will emit the status of the latest channel load request.
      */
     channels$: Observable<Channel<T>[] | undefined>;
     /**
@@ -243,7 +242,6 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     /**
      * Sets the given `channel` as active and marks it as read.
      * If the channel wasn't previously part of the channel, it will be added to the beginning of the list.
-     *
      * @param channel
      */
     setAsActiveChannel(channel: Channel<T>): void;
@@ -261,7 +259,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * Loads the next page of messages of the active channel. The page size can be set in the [query option](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-options) object.
      * @param direction
      */
-    loadMoreMessages(direction?: 'older' | 'newer'): false | Promise<import("stream-chat").QueryChannelAPIResponse<T>> | undefined;
+    loadMoreMessages(direction?: 'older' | 'newer'): false | Promise<QueryChannelAPIResponse<T>> | undefined;
     /**
      * Loads the next page of messages of the active thread. The page size can be set in the [query option](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-options) object.
      * @param direction
@@ -275,9 +273,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * @param shouldSetActiveChannel Decides if the first channel in the result should be made as an active channel, or no channel should be marked as active
      * @returns the list of channels found by the query
      */
-    init(filters: ChannelFilters<T>, sort?: ChannelSort<T>, options?: ChannelOptions & {
-        keepAliveChannels$OnError?: boolean;
-    }, shouldSetActiveChannel?: boolean): Promise<Channel<T>[]>;
+    init(filters: ChannelFilters<T>, sort?: ChannelSort<T>, options?: ChannelOptions, shouldSetActiveChannel?: boolean): Promise<Channel<T>[]>;
     /**
      * Resets the `activeChannel$`, `channels$` and `activeChannelMessages$` Observables. Useful when disconnecting a chat user, use in combination with [`disconnectUser`](./ChatClientService.mdx/#disconnectuser).
      */
@@ -308,12 +304,12 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * @param quotedMessageId Id of the message to quote (if sending a quote reply)
      * @param customData
      */
-    sendMessage(text: string, attachments?: Attachment<T>[], mentionedUsers?: UserResponse<T>[], parentId?: string | undefined, quotedMessageId?: string | undefined, customData?: undefined | Partial<T['messageType']>): Promise<NonNullable<StreamMessage<T>>>;
+    sendMessage(text: string, attachments?: Attachment<T>[], mentionedUsers?: UserResponse<T>[], parentId?: string | undefined, quotedMessageId?: string | undefined, customData?: undefined | Partial<T['messageType']>): Promise<StreamMessage<T>>;
     /**
      * Resends the given message to the active channel
      * @param message The message to resend
      */
-    resendMessage(message: StreamMessage): Promise<NonNullable<StreamMessage<T>>>;
+    resendMessage(message: StreamMessage): Promise<StreamMessage<T>>;
     /**
      * Updates the message in the active channel
      * @param message Mesage to be updated
@@ -348,7 +344,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
         created_at?: string | undefined;
         deleted_at?: string | undefined;
         deleted_reply_count?: number | undefined;
-        i18n?: (import("stream-chat").RequireAtLeastOne<Record<"_text" | "so_text" | "hr_text" | "th_text" | "tr_text" | "no_text" | "af_text" | "am_text" | "ar_text" | "az_text" | "bg_text" | "bn_text" | "bs_text" | "cs_text" | "da_text" | "de_text" | "el_text" | "en_text" | "es_text" | "es-MX_text" | "et_text" | "fa_text" | "fa-AF_text" | "fi_text" | "fr_text" | "fr-CA_text" | "ha_text" | "he_text" | "hi_text" | "hu_text" | "id_text" | "it_text" | "ja_text" | "ka_text" | "ko_text" | "lt_text" | "lv_text" | "ms_text" | "nl_text" | "pl_text" | "ps_text" | "pt_text" | "ro_text" | "ru_text" | "sk_text" | "sl_text" | "sq_text" | "sr_text" | "sv_text" | "sw_text" | "ta_text" | "tl_text" | "uk_text" | "ur_text" | "vi_text" | "zh_text" | "zh-TW_text", string>> & {
+        i18n?: (import("stream-chat").RequireAtLeastOne<Record<"_text" | "id_text" | "hr_text" | "th_text" | "tr_text" | "so_text" | "no_text" | "af_text" | "am_text" | "ar_text" | "az_text" | "bg_text" | "bn_text" | "bs_text" | "cs_text" | "da_text" | "de_text" | "el_text" | "en_text" | "es_text" | "es-MX_text" | "et_text" | "fa_text" | "fa-AF_text" | "fi_text" | "fr_text" | "fr-CA_text" | "ha_text" | "he_text" | "hi_text" | "hu_text" | "it_text" | "ja_text" | "ka_text" | "ko_text" | "lt_text" | "lv_text" | "ms_text" | "nl_text" | "pl_text" | "ps_text" | "pt_text" | "ro_text" | "ru_text" | "sk_text" | "sl_text" | "sq_text" | "sr_text" | "sv_text" | "sw_text" | "ta_text" | "tl_text" | "uk_text" | "ur_text" | "vi_text" | "zh_text" | "zh-TW_text", string>> & {
             language: import("stream-chat").TranslationLanguages;
         }) | undefined;
         latest_reactions?: ReactionResponse<T>[] | undefined;
@@ -376,16 +372,13 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
         attachmentType: import("stream-chat").UR;
         channelType: import("stream-chat").UR;
         commandType: import("stream-chat").LiteralStringForUnion;
-        /**
-         * The provided method will be called before a message is sent to Stream's API for update. You can use this hook to tranfrom or enrich the message being updated.
-         */
         eventType: import("stream-chat").UR;
         messageType: {};
         pollOptionType: import("stream-chat").UR;
         pollType: import("stream-chat").UR;
         reactionType: import("stream-chat").UR;
         userType: import("stream-chat").UR;
-    }>, "created_at" | "pinned_at" | "updated_at" | "status"> & import("stream-chat").UR & {
+    }>, "status" | "created_at" | "pinned_at" | "updated_at"> & import("stream-chat").UR & {
         created_at: Date;
         pinned_at: Date | null;
         status: string;

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

@@ -61,7 +61,7 @@ export declare class ChatClientService<T extends DefaultStreamChatGenerics = Def
      *  </ul>
      * @param clientOptions Setting to provide to the Stream client instance
      */
-    init(apiKey: string, userOrId: string | OwnUserResponse<T> | UserResponse<T> | undefined, userTokenOrProvider: TokenOrProvider | 'anonymous' | 'guest', clientOptions?: StreamChatOptions): ConnectAPIResponse<T>;
+    init(apiKey: string, userOrId: string | OwnUserResponse<T> | UserResponse<T> | undefined, userTokenOrProvider: TokenOrProvider, clientOptions?: StreamChatOptions): ConnectAPIResponse<T>;
     /**
      * Disconnects the current user, and closes the WebSocket connection. Useful when disconnecting a chat user, use in combination with [`reset`](./ChannelService.mdx/#reset).
      */

package/lib/edit-message-form/edit-message-form.component.d.ts

@@ -27,5 +27,5 @@ export declare class EditMessageFormComponent implements OnInit, OnDestroy {
     sendClicked(): void;
     dismissed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditMessageFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditMessageFormComponent, "stream-edit-message-form", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditMessageFormComponent, "stream-edit-message-form", never, {}, {}, never, never, false, never>;
 }

package/lib/get-message-translation.d.ts

@@ -1,3 +1,3 @@
 import { Channel, FormatMessageResponse, MessageResponse, User } from 'stream-chat';
 import { DefaultStreamChatGenerics, StreamMessage } from './types';
-export declare const getMessageTranslation: <T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: StreamMessage<DefaultStreamChatGenerics> | MessageResponse<import("stream-chat").DefaultGenerics> | FormatMessageResponse<import("stream-chat").DefaultGenerics> | undefined, channel?: Channel<T> | undefined, user?: User<import("stream-chat").DefaultGenerics> | undefined) => string | undefined;
+export declare const getMessageTranslation: <T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: StreamMessage | MessageResponse | FormatMessageResponse, channel?: Channel<T> | undefined, user?: User) => string | undefined;

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

@@ -14,5 +14,5 @@ export declare class IconComponent {
     size: number | undefined;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "stream-icon", never, { "icon": "icon"; "size": "size"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "stream-icon", never, { "icon": "icon"; "size": "size"; }, {}, never, never, false, never>;
 }

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

@@ -20,5 +20,5 @@ export declare class IconPlaceholderComponent implements OnChanges {
     constructor(customTemplatesService: CustomTemplatesService);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconPlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconPlaceholderComponent, "stream-icon-placeholder", never, { "icon": "icon"; "size": "size"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconPlaceholderComponent, "stream-icon-placeholder", never, { "icon": "icon"; "size": "size"; }, {}, never, never, false, never>;
 }

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

@@ -14,5 +14,5 @@ export declare class LoadingIndicatorComponent {
     linearGradientId: string;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorComponent, "stream-loading-indicator", never, { "size": "size"; "color": "color"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorComponent, "stream-loading-indicator", never, { "size": "size"; "color": "color"; }, {}, never, never, false, never>;
 }

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

@@ -17,5 +17,5 @@ export declare class LoadingIndicatorPlaceholderComponent {
     constructor(customTemplatesService: CustomTemplatesService);
     getLoadingIndicatorContext(): LoadingIndicatorContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIndicatorPlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorPlaceholderComponent, "stream-loading-indicator-placeholder", never, { "size": "size"; "color": "color"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorPlaceholderComponent, "stream-loading-indicator-placeholder", never, { "size": "size"; "color": "color"; }, {}, never, never, false, never>;
 }

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

@@ -1,14 +1,13 @@
-import { OnChanges, SimpleChanges, OnDestroy, OnInit, ChangeDetectorRef, NgZone, AfterViewInit } from '@angular/core';
+import { OnChanges, SimpleChanges, OnDestroy, OnInit, ChangeDetectorRef, AfterViewInit } from '@angular/core';
 import { UserResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
-import { AttachmentListContext, MentionTemplateContext, MessageActionsBoxContext, MessageReactionsContext, DefaultStreamChatGenerics, StreamMessage, DeliveredStatusContext, SendingStatusContext, ReadStatusContext, CustomMessageActionItem, SystemMessageContext, CustomMetadataContext } from '../types';
+import { AttachmentListContext, MentionTemplateContext, MessageActionsBoxContext, MessageReactionsContext, DefaultStreamChatGenerics, StreamMessage, DeliveredStatusContext, SendingStatusContext, ReadStatusContext, SystemMessageContext, CustomMetadataContext } from '../types';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { ThemeService } from '../theme.service';
-import { NgxPopperjsTriggers, NgxPopperjsPlacements, NgxPopperjsContentComponent } from 'ngx-popperjs';
 import { DateParserService } from '../date-parser.service';
 import { MessageService } from '../message.service';
 import { MessageActionsService } from '../message-actions.service';
+import { NgxFloatUiContentComponent } from 'ngx-float-ui';
 import * as i0 from "@angular/core";
 declare type MessagePart = {
     content: string;
@@ -24,7 +23,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     customTemplatesService: CustomTemplatesService;
     private cdRef;
     private dateParser;
-    private ngZone;
     private messageService;
     private messageActionsService;
     /**
@@ -47,13 +45,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
      * Highlighting is used to add visual emphasize to a message when jumping to the message
      */
     isHighlighted: boolean;
-    /**
-     * A list of custom message actions to be displayed in the action box
-     *
-     * @deprecated please use the [`MessageActionsService`](https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService) to set this property.
-     */
-    customActions: CustomMessageActionItem[];
-    readonly themeVersion: '1' | '2';
     canReceiveReadEvents: boolean | undefined;
     canReactToMessage: boolean | undefined;
     isActionBoxOpen: boolean;
@@ -62,9 +53,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     visibleMessageActionsCount: number;
     messageTextParts: MessagePart[] | undefined;
     messageText?: string;
-    popperTriggerClick: NgxPopperjsTriggers;
-    popperTriggerHover: NgxPopperjsTriggers;
-    popperPlacementAuto: NgxPopperjsPlacements;
     shouldDisplayTranslationNotice: boolean;
     displayedMessageTextContent: 'original' | 'translation';
     imageAttachmentModalState: 'opened' | 'closed';
@@ -89,16 +77,15 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     private subscriptions;
     private isViewInited;
     private userId?;
-    private container;
     private readonly urlRegexp;
     private emojiRegexp;
-    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, themeService: ThemeService, dateParser: DateParserService, ngZone: NgZone, messageService: MessageService, messageActionsService: MessageActionsService);
+    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, dateParser: DateParserService, messageService: MessageService, messageActionsService: MessageActionsService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     messageActionsClicked(): void;
-    messageActionsBoxClicked(popperContent: NgxPopperjsContentComponent): void;
+    messageActionsBoxClicked(floatingContent: NgxFloatUiContentComponent): void;
     getAttachmentListContext(): AttachmentListContext;
     getMessageContext(): SystemMessageContext;
     getQuotedMessageAttachmentListContext(): AttachmentListContext;
@@ -123,6 +110,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     private setIsSentByCurrentUser;
     private setLastReadUser;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "stream-message", never, { "message": "message"; "enabledMessageActions": "enabledMessageActions"; "isLastSentMessage": "isLastSentMessage"; "mode": "mode"; "isHighlighted": "isHighlighted"; "customActions": "customActions"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "stream-message", never, { "message": "message"; "enabledMessageActions": "enabledMessageActions"; "isLastSentMessage": "isLastSentMessage"; "mode": "mode"; "isHighlighted": "isHighlighted"; }, {}, never, never, false, never>;
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { CustomMessageActionItem, MessageActionBoxItemContext, MessageActionItem, MessageInputContext, StreamMessage } from '../types';
 import { MessageActionsService } from '../message-actions.service';
@@ -10,11 +10,6 @@ export declare class MessageActionsBoxComponent implements OnInit, OnChanges, On
     readonly customTemplatesService: CustomTemplatesService;
     private messageActionsService;
     private cdRef;
-    /**
-     * Indicates if the list should be opened or closed. Adding a UI element to open and close the list is the parent's component responsibility.
-     * @deprecated No need for this since [theme-v2](../theming/introduction.mdx)
-     */
-    isOpen: boolean;
     /**
      * Indicates if the message actions are belonging to a message that was sent by the current user or not.
      */
@@ -27,34 +22,11 @@ export declare class MessageActionsBoxComponent implements OnInit, OnChanges, On
      * The list of [channel capabilities](https://getstream.io/chat/docs/javascript/channel_capabilities/?language=javascript) that are enabled for the current user, the list of [supported interactions](../concepts/message-interactions.mdx) can be found in our message interaction guide. Unathorized actions won't be displayed on the UI.
      */
     enabledActions: string[];
-    /**
-     * A list of custom message actions to be displayed in the action box
-     *
-     * In the next major release this will be released with `messageReactionsService.customActions$`
-     *
-     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
-     */
-    customActions: CustomMessageActionItem[];
-    /**
-     * The number of authorized actions (it can be less or equal than the number of enabled actions)
-     *
-     * @deprecated components should use `messageReactionsService.getAuthorizedMessageActionsCount` method
-     *
-     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
-     */
-    readonly displayedActionsCount: EventEmitter<number>;
-    /**
-     * An event which emits `true` if the edit message modal is open, and `false` when it is closed.
-     *
-     * @deprecated components should use `messageReactionsService.messageToEdit$` Observable
-     *
-     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
-     */
-    readonly isEditing: EventEmitter<boolean>;
     messageInputTemplate: TemplateRef<MessageInputContext> | undefined;
     messageActionItemTemplate: TemplateRef<MessageActionBoxItemContext> | undefined;
     visibleMessageActionItems: (MessageActionItem | CustomMessageActionItem)[];
     isEditModalOpen: boolean;
+    customActions: CustomMessageActionItem[];
     private readonly messageActionItems;
     private subscriptions;
     private isViewInited;
@@ -64,9 +36,9 @@ export declare class MessageActionsBoxComponent implements OnInit, OnChanges, On
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     getActionLabel(actionLabelOrTranslationKey: ((message: StreamMessage) => string) | string): string;
-    getMessageActionTemplateContext(item: MessageActionItem | CustomMessageActionItem): MessageActionBoxItemContext<any>;
+    getMessageActionTemplateContext(item: MessageActionItem | CustomMessageActionItem): MessageActionBoxItemContext;
     trackByActionName(_: number, item: MessageActionItem | CustomMessageActionItem): string;
     private setVisibleActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageActionsBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageActionsBoxComponent, "stream-message-actions-box", never, { "isOpen": "isOpen"; "isMine": "isMine"; "message": "message"; "enabledActions": "enabledActions"; "customActions": "customActions"; }, { "displayedActionsCount": "displayedActionsCount"; "isEditing": "isEditing"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageActionsBoxComponent, "stream-message-actions-box", never, { "isMine": "isMine"; "message": "message"; "enabledActions": "enabledActions"; }, {}, never, never, false, never>;
 }

package/lib/message-actions.service.d.ts

@@ -30,7 +30,6 @@ export declare class MessageActionsService<T extends DefaultStreamChatGenerics =
     constructor(chatClientService: ChatClientService, notificationService: NotificationService, channelService: ChannelService);
     /**
      * This method returns how many authorized actions are available to the given message
-     *
      * @param message
      * @param enabledActions
      * @returns the count

package/lib/message-bounce-prompt/message-bounce-prompt.component.d.ts

@@ -24,5 +24,5 @@ export declare class MessageBouncePromptComponent implements OnDestroy {
     deleteMessage(): Promise<void>;
     editMessage(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBouncePromptComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBouncePromptComponent, "stream-message-bounce-prompt", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBouncePromptComponent, "stream-message-bounce-prompt", never, {}, {}, never, never, false, never>;
 }

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

@@ -60,7 +60,6 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     readonly userMentions: EventEmitter<UserResponse<import("stream-chat").DefaultGenerics>[]>;
     mentionAutocompleteItemTemplate: TemplateRef<MentionAutcompleteListItemContext> | undefined;
     commandAutocompleteItemTemplate: TemplateRef<CommandAutocompleteListItemContext> | undefined;
-    themeVersion: '1' | '2';
     private readonly autocompleteKey;
     private readonly mentionTriggerChar;
     private readonly commandTriggerChar;
@@ -89,5 +88,5 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     private updateMentionOptions;
     private updateMentionedUsersFromText;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTextareaComponent, "stream-autocomplete-textarea", never, { "value": "value"; "placeholder": "placeholder"; "areMentionsEnabled": "areMentionsEnabled"; "inputMode": "inputMode"; "mentionScope": "mentionScope"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTextareaComponent, "stream-autocomplete-textarea", never, { "value": "value"; "placeholder": "placeholder"; "areMentionsEnabled": "areMentionsEnabled"; "inputMode": "inputMode"; "mentionScope": "mentionScope"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never, false, never>;
 }

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

@@ -10,7 +10,6 @@ import { MessageInputConfigService } from './message-input-config.service';
 import { TextareaInterface } from './textarea.interface';
 import { EmojiInputService } from './emoji-input.service';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { ThemeService } from '../theme.service';
 import * as i0 from "@angular/core";
 /**
  * The `MessageInput` component displays an input where users can type their messages and upload files, and sends the message to the active channel. The component can be used to compose new messages or update existing ones. To send messages, the chat user needs to have the necessary [channel capability](https://getstream.io/chat/docs/javascript/channel_capabilities/?language=javascript).
@@ -85,7 +84,6 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     customAttachmentUploadTemplate: TemplateRef<CustomAttachmentUploadContext> | undefined;
     attachmentPreviewListTemplate: TemplateRef<AttachmentPreviewListContext> | undefined;
     textareaPlaceholder: string;
-    themeVersion: '1' | '2';
     fileInputId: string;
     private fileInput;
     private textareaAnchor;
@@ -97,7 +95,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private sendMessageSubcription;
     private readonly defaultTextareaPlaceholder;
     private readonly slowModeTextareaPlaceholder;
-    constructor(channelService: ChannelService, notificationService: NotificationService, attachmentService: AttachmentService, configService: MessageInputConfigService, textareaType: Type<TextareaInterface>, componentFactoryResolver: ComponentFactoryResolver, cdRef: ChangeDetectorRef, chatClient: ChatClientService, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, themeService: ThemeService);
+    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;
     ngOnChanges(changes: SimpleChanges): void;
@@ -117,7 +115,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
             member_count?: number | undefined;
             subtitle?: string | undefined;
         };
-        commandType: string & {};
+        commandType: string;
         eventType: import("stream-chat").UR & import("../types").UnknownType;
         messageType: {};
         pollOptionType: import("stream-chat").UR;
@@ -144,5 +142,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"; "sendMessage$": "sendMessage$"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; }, { "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$"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; }, { "messageUpdate": "messageUpdate"; }, never, never, false, never>;
 }

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

@@ -44,5 +44,5 @@ export declare class TextareaComponent implements TextareaInterface, OnChanges,
     enterHit(event: Event): void;
     private adjustTextareaHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "stream-textarea", never, { "value": "value"; "placeholder": "placeholder"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "stream-textarea", never, { "value": "value"; "placeholder": "placeholder"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; }, never, never, false, never>;
 }

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

@@ -19,5 +19,5 @@ export declare class TextareaDirective implements OnChanges {
     constructor(viewContainerRef: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "inputMode": "inputMode"; "value": "value"; "placeholder": "placeholder"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "inputMode": "inputMode"; "value": "value"; "placeholder": "placeholder"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never, false, never>;
 }

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

@@ -1,3 +1,3 @@
 import { GroupStyleOptions, StreamMessage } from '../types';
 export declare type GroupStyle = '' | 'middle' | 'top' | 'bottom' | 'single';
-export declare const getGroupStyles: (message: StreamMessage, previousMessage?: StreamMessage<import("../types").DefaultStreamChatGenerics> | undefined, nextMessage?: StreamMessage<import("../types").DefaultStreamChatGenerics> | undefined, options?: GroupStyleOptions) => GroupStyle;
+export declare const getGroupStyles: (message: StreamMessage, previousMessage?: StreamMessage, nextMessage?: StreamMessage, options?: GroupStyleOptions) => GroupStyle;