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

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

@@ -1,13 +1,12 @@
 import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { ChannelService } from '../channel.service';
 import { Observable } from 'rxjs';
-import { MessageContext, StreamMessage, TypingIndicatorContext, CustomMessageActionItem, DateSeparatorContext, UnreadMessagesNotificationContext, UnreadMessagesIndicatorContext } from '../types';
+import { MessageContext, StreamMessage, TypingIndicatorContext, DateSeparatorContext, UnreadMessagesNotificationContext, UnreadMessagesIndicatorContext } from '../types';
 import { ChatClientService } from '../chat-client.service';
 import { GroupStyle } from './group-styles';
 import { UserResponse } from 'stream-chat';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { DateParserService } from '../date-parser.service';
-import { MessageActionsService } from '../message-actions.service';
 import * as i0 from "@angular/core";
 /**
  * The `MessageList` component renders a scrollable list of messages.
@@ -19,7 +18,6 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private dateParser;
     private ngZone;
     private cdRef;
-    private messageActionsService;
     /**
      * Determines if the message list should display channel messages or [thread messages](https://getstream.io/chat/docs/javascript/threads/?language=javascript).
      */
@@ -37,12 +35,6 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      *
      */
     hideJumpToLatestButtonDuringScroll: boolean;
-    /**
-     * A list of custom message actions to be displayed in the message action box
-     *
-     * @deprecated please use the [`MessageActionsService`](https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService) to set this property.
-     */
-    customMessageActions: CustomMessageActionItem<any>[];
     /**
      * If `true` date separators will be displayed
      */
@@ -87,7 +79,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     parentMessage: StreamMessage | undefined;
     highlightedMessageId: string | undefined;
     isLoading: boolean;
-    scrollEndTimeout: any;
+    scrollEndTimeout?: ReturnType<typeof setTimeout>;
     lastReadMessageId?: string;
     isUnreadNotificationVisible: boolean;
     firstUnreadMessageId?: string;
@@ -114,7 +106,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private checkIfUnreadNotificationIsVisibleTimeout?;
     private jumpToLatestButtonVisibilityTimeout?;
     private get class();
-    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService, ngZone: NgZone, cdRef: ChangeDetectorRef, messageActionsService: MessageActionsService);
+    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService, ngZone: NgZone, cdRef: ChangeDetectorRef);
     messageNotificationJumpClicked: () => void;
     messageNotificationDismissClicked: () => void;
     ngOnInit(): void;
@@ -149,5 +141,5 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private newMessageReceived;
     private checkIfOnSeparateDates;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; "direction": "direction"; "messageOptionsTrigger": "messageOptionsTrigger"; "hideJumpToLatestButtonDuringScroll": "hideJumpToLatestButtonDuringScroll"; "customMessageActions": "customMessageActions"; "displayDateSeparator": "displayDateSeparator"; "displayUnreadSeparator": "displayUnreadSeparator"; "dateSeparatorTextPos": "dateSeparatorTextPos"; "openMessageListAt": "openMessageListAt"; "hideUnreadCountForNotificationAndIndicator": "hideUnreadCountForNotificationAndIndicator"; "displayLoadingIndicator": "displayLoadingIndicator"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; "direction": "direction"; "messageOptionsTrigger": "messageOptionsTrigger"; "hideJumpToLatestButtonDuringScroll": "hideJumpToLatestButtonDuringScroll"; "displayDateSeparator": "displayDateSeparator"; "displayUnreadSeparator": "displayUnreadSeparator"; "dateSeparatorTextPos": "dateSeparatorTextPos"; "openMessageListAt": "openMessageListAt"; "hideUnreadCountForNotificationAndIndicator": "hideUnreadCountForNotificationAndIndicator"; "displayLoadingIndicator": "displayLoadingIndicator"; }, {}, never, never, false, never>;
 }

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

@@ -2,10 +2,8 @@ import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, EventEmitter, OnCha
 import { ReactionResponse, UserResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { MessageReactionType, DefaultStreamChatGenerics } from '../types';
-import { NgxPopperjsTriggers, NgxPopperjsPlacements } from 'ngx-popperjs';
 import { MessageReactionsService } from '../message-reactions.service';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { ThemeService } from '../theme.service';
 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.
@@ -15,7 +13,6 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     private channelService;
     private messageReactionsService;
     customTemplatesService: CustomTemplatesService;
-    private themeService;
     /**
      * The id of the message the reactions belong to
      */
@@ -50,8 +47,6 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     private selectorContainer;
     private selectorTooltip;
     currentTooltipTarget: HTMLElement | undefined;
-    popperTriggerHover: NgxPopperjsTriggers;
-    popperPlacementAuto: NgxPopperjsPlacements;
     selectedReactionType: string | undefined;
     isLoading: boolean;
     reactions: ReactionResponse[];
@@ -61,7 +56,7 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     reactionOptions: string[];
     private subscriptions;
     private isViewInited;
-    constructor(cdRef: ChangeDetectorRef, channelService: ChannelService, messageReactionsService: MessageReactionsService, customTemplatesService: CustomTemplatesService, themeService: ThemeService);
+    constructor(cdRef: ChangeDetectorRef, channelService: ChannelService, messageReactionsService: MessageReactionsService, customTemplatesService: CustomTemplatesService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -86,5 +81,5 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     private fetchAllReactions;
     private setExistingReactions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageReactionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageReactionsComponent, "stream-message-reactions", never, { "messageId": "messageId"; "messageReactionCounts": "messageReactionCounts"; "isSelectorOpen": "isSelectorOpen"; "latestReactions": "latestReactions"; "ownReactions": "ownReactions"; }, { "isSelectorOpenChange": "isSelectorOpenChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageReactionsComponent, "stream-message-reactions", never, { "messageId": "messageId"; "messageReactionCounts": "messageReactionCounts"; "isSelectorOpen": "isSelectorOpen"; "latestReactions": "latestReactions"; "ownReactions": "ownReactions"; }, { "isSelectorOpenChange": "isSelectorOpenChange"; }, never, never, false, never>;
 }

package/lib/message.service.d.ts

@@ -13,7 +13,6 @@ export declare class MessageService {
     displayAs: 'text' | 'html';
     /**
      * You can provide a custom method to display links
-     *
      * @param url the url the link should refer to
      * @returns the HTML markup as a string for the link
      */

package/lib/modal/modal.component.d.ts

@@ -25,5 +25,5 @@ export declare class ModalComponent implements OnChanges {
     private watchForOutsideClicks;
     private stopWatchForOutsideClicks;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "stream-modal", never, { "isOpen": "isOpen"; "content": "content"; }, { "isOpenChange": "isOpenChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "stream-modal", never, { "isOpen": "isOpen"; "content": "content"; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], false, never>;
 }

package/lib/notification/notification.component.d.ts

@@ -15,5 +15,5 @@ export declare class NotificationComponent {
     content: TemplateRef<void> | undefined;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "stream-notification", never, { "type": "type"; "content": "content"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "stream-notification", never, { "type": "type"; "content": "content"; }, {}, never, ["*"], false, never>;
 }

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

@@ -12,13 +12,12 @@ export declare class NotificationListComponent {
     private notificationService;
     private themeService;
     notifications$: Observable<NotificationPayload[]>;
-    themeVersion: '1' | '2';
     theme$: Observable<string>;
     constructor(customTemplatesService: CustomTemplatesService, notificationService: NotificationService, themeService: ThemeService);
     trackById(_: number, item: NotificationPayload): string;
     getNotificationContentContext(notification: NotificationPayload): {
-        dismissFn: Function;
+        dismissFn: () => void;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListComponent, "stream-notification-list", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListComponent, "stream-notification-list", never, {}, {}, never, never, false, never>;
 }

package/lib/notification.service.d.ts

@@ -21,7 +21,7 @@ export declare class NotificationService {
      * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification (before the timeout).
      */
-    addTemporaryNotification<T>(content: string | TemplateRef<T>, type?: NotificationType, timeout?: number, translateParams?: Object, templateContext?: T): () => void;
+    addTemporaryNotification<T>(content: string | TemplateRef<T>, type?: NotificationType, timeout?: number, translateParams?: object, templateContext?: T): () => void;
     /**
      * Displays a notification, that will be visible until it's removed.
      * @param content The text of the notification or the HTML template for the notification
@@ -30,10 +30,7 @@ export declare class NotificationService {
      * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification.
      */
-    addPermanentNotification<T = {
-        [key: string]: any;
-        dismissFn: () => {};
-    }>(content: string | TemplateRef<T>, type?: NotificationType, translateParams?: Object, templateContext?: T): () => void;
+    addPermanentNotification<T = object>(content: string | TemplateRef<T>, type?: NotificationType, translateParams?: object, templateContext?: T): () => void;
     private createNotification;
     private removeNotification;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;

package/lib/stream-chat.module.d.ts

@@ -24,11 +24,11 @@ import * as i22 from "./message-bounce-prompt/message-bounce-prompt.component";
 import * as i23 from "./voice-recording/voice-recording.component";
 import * as i24 from "./voice-recording/voice-recording-wavebar/voice-recording-wavebar.component";
 import * as i25 from "@angular/common";
-import * as i26 from "@ngx-translate/core";
+import * as i26 from "ngx-float-ui";
 import * as i27 from "./stream-avatar.module";
-import * as i28 from "ngx-popperjs";
+import * as i28 from "@ngx-translate/core";
 export declare class StreamChatModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StreamChatModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StreamChatModule, [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i17.TextareaDirective, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent, typeof i21.EditMessageFormComponent, typeof i22.MessageBouncePromptComponent, typeof i23.VoiceRecordingComponent, typeof i24.VoiceRecordingWavebarComponent], [typeof i25.CommonModule, typeof i26.TranslateModule, typeof i27.StreamAvatarModule, typeof i28.NgxPopperjsModule], [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i27.StreamAvatarModule, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent, typeof i21.EditMessageFormComponent, typeof i22.MessageBouncePromptComponent, typeof i23.VoiceRecordingComponent, typeof i24.VoiceRecordingWavebarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StreamChatModule, [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i17.TextareaDirective, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent, typeof i21.EditMessageFormComponent, typeof i22.MessageBouncePromptComponent, typeof i23.VoiceRecordingComponent, typeof i24.VoiceRecordingWavebarComponent], [typeof i25.CommonModule, typeof i26.NgxFloatUiModule, typeof i27.StreamAvatarModule, typeof i28.TranslateModule], [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i27.StreamAvatarModule, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent, typeof i21.EditMessageFormComponent, typeof i22.MessageBouncePromptComponent, typeof i23.VoiceRecordingComponent, typeof i24.VoiceRecordingWavebarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StreamChatModule>;
 }

package/lib/theme.service.d.ts

@@ -1,57 +1,14 @@
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare type Theme = 'light' | 'dark';
 /**
  * The `ThemeService` can be used to change the theme of the chat UI and to customize the theme. Our [theming guide](../theming/introduction.mdx) gives a complete overview about the topic.
  */
 export declare class ThemeService {
     /**
-     * A Subject that can be used to get or set the currently active theme.
+     * A Subject that can be used to get or set the currently active theme. By default light and dark themes are supported.
      */
     theme$: BehaviorSubject<string>;
-    /**
-     * Stream chat theme version - this is used internally by some UI components of the SDK, integrators shouldn't need to use this variable
-     */
-    themeVersion: '1' | '2';
-    private _customLightThemeVariables;
-    private _customDarkThemeVariables;
-    private defaultDarkModeVariables;
-    private variablesToDelete;
     constructor();
-    /**
-     * A getter that returns the currently set custom light theme variables.
-     * @deprecated Only use with [theme v1](../concepts/theming-and-css.mdx)
-     * @returns An object where the keys are theme variables, and the values are the currently set CSS values.
-     */
-    get customLightThemeVariables(): {
-        [key: string]: string;
-    } | undefined;
-    /**
-     * A setter that can be used to overwrite the values of the CSS theme variables of the light theme.
-     * @deprecated Only use with [theme v1](../concepts/theming-and-css.mdx)
-     * @param variables An object where the keys are theme variables, and the values are CSS values.
-     */
-    set customLightThemeVariables(variables: {
-        [key: string]: string;
-    } | undefined);
-    /**
-     * A getter that returns the currently set custom dark theme variables.
-     * @deprecated Only use with [theme v1](../concepts/theming-and-css.mdx)
-     * @returns An object where the keys are theme variables, and the values are the currently set CSS values.
-     */
-    get customDarkThemeVariables(): {
-        [key: string]: string;
-    } | undefined;
-    /**
-     * A setter that can be used to overwrite the values of the CSS theme variables of the dark theme.
-     * @deprecated Only use with [theme v1](../concepts/theming-and-css.mdx)
-     * @param variables An object where the keys are theme variables, and the values are CSS values.
-     */
-    set customDarkThemeVariables(variables: {
-        [key: string]: string;
-    } | undefined);
-    private deleteVariables;
-    private setVariables;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
 }

package/lib/thread/thread.component.d.ts

@@ -22,5 +22,5 @@ export declare class ThreadComponent implements OnDestroy {
     closeThread(): void;
     get channelName(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThreadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadComponent, "stream-thread", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadComponent, "stream-thread", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/types.d.ts

@@ -77,14 +77,14 @@ export declare type ComandAutocompleteListItem = CommandResponse & {
     autocompleteLabel: string;
 };
 export declare type NotificationType = 'success' | 'error' | 'info';
-export declare type NotificationPayload<T = {}> = {
+export declare type NotificationPayload<T = object> = {
     id: string;
     type: NotificationType;
     text?: string;
-    translateParams?: Object;
+    translateParams?: object;
     template?: TemplateRef<T>;
     templateContext?: T;
-    dismissFn: Function;
+    dismissFn: () => void;
 };
 export declare type ChannelPreviewContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     channel: Channel<T>;
@@ -116,7 +116,7 @@ export declare type MessageInputContext = {
     mode: 'thread' | 'main' | undefined;
     isMultipleFileUploadEnabled: boolean | undefined;
     message: StreamMessage | undefined;
-    messageUpdateHandler: Function | undefined;
+    messageUpdateHandler: () => void | undefined;
     sendMessage$: Observable<void>;
 };
 export declare type MentionTemplateContext = {
@@ -144,7 +144,7 @@ export declare type AttachmentListContext = {
     messageId: string;
     attachments: Attachment<DefaultStreamChatGenerics>[];
     parentMessageId?: string;
-    imageModalStateChangeHandler?: (state: 'opened' | 'closed') => {};
+    imageModalStateChangeHandler?: (state: 'opened' | 'closed') => void;
 };
 export declare type AvatarType = 'channel' | 'user';
 export declare type AvatarLocation = 'channel-preview' | 'channel-header' | 'message-sender' | 'message-reader' | 'quoted-message-sender' | 'autocomplete-item' | 'typing-indicator' | 'reaction';
@@ -161,8 +161,8 @@ export declare type AvatarContext = {
 };
 export declare type AttachmentPreviewListContext = {
     attachmentUploads$: Observable<AttachmentUpload[]> | undefined;
-    retryUploadHandler: (f: File) => any;
-    deleteUploadHandler: (u: AttachmentUpload) => any;
+    retryUploadHandler: (f: File) => void;
+    deleteUploadHandler: (u: AttachmentUpload) => void;
 };
 export declare type IconContext = {
     icon: Icon | undefined;
@@ -173,38 +173,21 @@ export declare type LoadingIndicatorContext = {
     color: string | undefined;
 };
 export declare type MessageActionsBoxContext = {
-    isOpen: boolean;
     isMine: boolean;
     message: StreamMessage | undefined;
     enabledActions: string[];
-    /**
-     * @deprecated please use `messageReactionsService.customActions$`
-     *
-     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
-     */
-    customActions: CustomMessageActionItem[];
-    /**
-     * @deprecated because the name contains typos, use the `displayedActionsCountChangeHandler` instead
-     */
-    displayedActionsCountChaneHanler: (count: number) => any;
-    /**
-     * @deprecated components should use `messageReactionsService.getAuthorizedMessageActionsCount` method
-     *
-     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
-     */
-    displayedActionsCountChangeHandler: (count: number) => any;
 };
 export declare type MessageActionBoxItemContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    actionName: 'quote' | 'pin' | 'flag' | 'edit' | 'delete' | string;
+    actionName: string;
     actionLabelOrTranslationKey: ((message: StreamMessage<T>) => string) | string;
     message: StreamMessage<T>;
     isMine: boolean;
-    actionHandler: (message: StreamMessage<T>, isMine: boolean) => any;
+    actionHandler: (message: StreamMessage<T>, isMine: boolean) => void;
 };
 declare type MessageActionItemBase<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     actionLabelOrTranslationKey: ((message: StreamMessage<T>) => string) | string;
     isVisible: (enabledActions: string[], isMine: boolean, message: StreamMessage<T>) => boolean;
-    actionHandler: (message: StreamMessage<T>, isMine: boolean) => any;
+    actionHandler: (message: StreamMessage<T>, isMine: boolean) => void;
 };
 export declare type MessageActionItem<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = MessageActionItemBase<T> & {
     actionName: 'quote' | 'pin' | 'flag' | 'edit' | 'delete' | 'mark-unread';
@@ -220,11 +203,11 @@ export declare type MessageReactionsContext = {
     isSelectorOpen: boolean;
     latestReactions: ReactionResponse<DefaultStreamChatGenerics>[];
     ownReactions: ReactionResponse<DefaultStreamChatGenerics>[];
-    isSelectorOpenChangeHandler: (isOpen: boolean) => any;
+    isSelectorOpenChangeHandler: (isOpen: boolean) => void;
 };
 export declare type ModalContext = {
     isOpen: boolean;
-    isOpenChangeHandler: (isOpen: boolean) => any;
+    isOpenChangeHandler: (isOpen: boolean) => void;
     content: TemplateRef<void>;
 };
 export declare type NotificationContext = {
@@ -233,9 +216,9 @@ export declare type NotificationContext = {
 };
 export declare type ThreadHeaderContext = {
     parentMessage: StreamMessage | undefined;
-    closeThreadHandler: Function;
+    closeThreadHandler: () => void;
 };
-export declare type MessageReactionType = 'angry' | 'haha' | 'like' | 'love' | 'sad' | 'wow' | string;
+export declare type MessageReactionType = string;
 export declare type AttachmentConfigration = {
     url: string;
     height: string;
@@ -282,8 +265,8 @@ export declare type UnreadMessagesIndicatorContext = {
     unreadCount: number;
 };
 export declare type UnreadMessagesNotificationContext = UnreadMessagesIndicatorContext & {
-    onJump: Function;
-    onDismiss: Function;
+    onJump: () => void;
+    onDismiss: () => void;
 };
 export declare type ChannelQueryState = {
     state: 'in-progress' | 'success' | 'error';

package/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.d.ts

@@ -28,7 +28,7 @@ export declare class VoiceRecordingWavebarComponent implements OnInit, OnChanges
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
-    seek(event: any): void;
+    seek(event: MouseEvent): void;
     trackByIndex(index: number): number;
     private containerSizeChanged;
     private downsample;
@@ -39,5 +39,5 @@ export declare class VoiceRecordingWavebarComponent implements OnInit, OnChanges
     private triangleBase;
     private divMod;
     static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecordingWavebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecordingWavebarComponent, "stream-voice-recording-wavebar", never, { "audioElement": "audioElement"; "waveFormData": "waveFormData"; "duration": "duration"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecordingWavebarComponent, "stream-voice-recording-wavebar", never, { "audioElement": "audioElement"; "waveFormData": "waveFormData"; "duration": "duration"; }, {}, never, never, false, never>;
 }

package/lib/voice-recording/voice-recording.component.d.ts

@@ -27,5 +27,5 @@ export declare class VoiceRecordingComponent implements OnChanges, AfterViewInit
     private getFileSize;
     private divMod;
     static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecordingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecordingComponent, "stream-voice-recording", never, { "attachment": "attachment"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecordingComponent, "stream-voice-recording", never, { "attachment": "attachment"; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.66.2",
+  "version": "5.0.0-v5.10",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -9,27 +9,41 @@
     "url": "https://github.com/GetStream/stream-chat-angular.git"
   },
   "peerDependencies": {
-    "@angular/common": "^12.2.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
-    "@angular/core": "^12.2.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
-    "@ngx-translate/core": "^13.0.0 || ^14.0.0 || ^15.0.0",
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@floating-ui/dom": "^1.6.3",
+    "@ngx-translate/core": "^14.0.0 || ^15.0.0",
+    "angular-mentions": "^1.4.0",
+    "ngx-float-ui": "^15.0.0|| ^16.0.0 || ^17.0.0",
+    "rxjs": "^7.4.0",
     "stream-chat": "^8.26.0"
   },
   "dependencies": {
-    "angular-mentions": "^1.4.0",
     "@stream-io/transliterate": "^1.5.2",
-    "@popperjs/core": "^2.11.5",
-    "dayjs": "^1.10.7",
-    "emoji-regex": "^10.0.0",
-    "ngx-popperjs": "^12.2.2 || ^13.3.2 || ^14.1.8 || ^15.2.4 || ^16.0.7 || ^17.0.0",
-    "pretty-bytes": "^5.6.0",
+    "dayjs": "^1.11.10",
+    "emoji-regex": "^10.3.0",
+    "pretty-bytes": "^6.1.1",
     "tslib": "^2.3.0",
-    "uuidv4": "^6.2.12"
+    "uuidv4": "^6.2.13"
+  },
+  "module": "fesm2015/stream-chat-angular.mjs",
+  "es2020": "fesm2020/stream-chat-angular.mjs",
+  "esm2020": "esm2020/stream-chat-angular.mjs",
+  "fesm2020": "fesm2020/stream-chat-angular.mjs",
+  "fesm2015": "fesm2015/stream-chat-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/stream-chat-angular.mjs",
+      "es2020": "./fesm2020/stream-chat-angular.mjs",
+      "es2015": "./fesm2015/stream-chat-angular.mjs",
+      "node": "./fesm2015/stream-chat-angular.mjs",
+      "default": "./fesm2020/stream-chat-angular.mjs"
+    }
   },
-  "main": "bundles/stream-chat-angular.umd.js",
-  "module": "fesm2015/stream-chat-angular.js",
-  "es2015": "fesm2015/stream-chat-angular.js",
-  "esm2015": "esm2015/stream-chat-angular.js",
-  "fesm2015": "fesm2015/stream-chat-angular.js",
-  "typings": "stream-chat-angular.d.ts",
   "sideEffects": false
 }

package/public-api.d.ts

@@ -15,7 +15,6 @@ export * from './lib/channel/channel.component';
 export * from './lib/channel-header/channel-header.component';
 export * from './lib/channel-preview/channel-preview.component';
 export * from './lib/channel-list/channel-list.component';
-export * from './lib/channel-list/channel-list-toggle.service';
 export * from './lib/message/message.component';
 export * from './lib/parse-date';
 export * from './lib/list-users';
@@ -29,7 +28,6 @@ export * from './lib/message-input/textarea.directive';
 export * from './lib/message-input/textarea.interface';
 export * from './lib/message-input/emoji-input.service';
 export * from './lib/message-list/message-list.component';
-export * from './lib/message-list/image-load.service';
 export * from './lib/message-list/group-styles';
 export * from './lib/attachment-list/attachment-list.component';
 export * from './lib/attachment-preview-list/attachment-preview-list.component';