stream-chat-angular 4.54.0 → 4.55.0

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
 import { MentionConfig } from 'angular-mentions';
 import { MentionAutcompleteListItemContext, MentionAutcompleteListItem, CommandAutocompleteListItemContext } from '../../types';
 import { UserResponse } from 'stream-chat';
@@ -20,6 +20,7 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     private emojiInputService;
     private customTemplatesService;
     private themeService;
+    private cdRef;
     class: string;
     /**
      * The value of the input HTML element.
@@ -70,7 +71,7 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     private userMentionConfig;
     private slashCommandConfig;
     private searchTerm$;
-    constructor(channelService: ChannelService, chatClientService: ChatClientService, transliterationService: TransliterationService, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, themeService: ThemeService);
+    constructor(channelService: ChannelService, chatClientService: ChatClientService, transliterationService: TransliterationService, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, themeService: ThemeService, cdRef: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     filter(searchString: string, items: {

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

@@ -63,7 +63,7 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     get reactionOptions(): MessageReactionType[];
     getLatestUserByReaction(reactionType: MessageReactionType): UserResponse<DefaultStreamChatGenerics> | null | undefined;
     getEmojiByReaction(reactionType: MessageReactionType): string;
-    reactionSelected(event: Event, reactionType: string): void;
+    reactionSelected(reactionType: string): void;
     getUsersByReaction(reactionType: MessageReactionType): string;
     getAllUsersByReaction(reactionType?: MessageReactionType): UserResponse<DefaultStreamChatGenerics>[];
     showTooltip(event: Event, reactionType: MessageReactionType): void;

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

@@ -1,4 +1,4 @@
-import { MessageReactionType } from './types';
+import { MessageReactionClickDetails, MessageReactionType } from './types';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
@@ -14,6 +14,12 @@ export declare class MessageReactionsService {
     reactions$: BehaviorSubject<{
         [x: string]: string;
     }>;
+    /**
+     * By default the [`MessageReactionsComponent`](../../components/MessageReactionsComponent) will display the reacting users when a reaction is clicked. You can override this with your own UI by providing a custom event handler.
+     *
+     * The event handler can retrieve all reactions of a message inside the active channel using the [`channelService.getMessageReactions` method](../../services/ChannelService/#getmessagereactions)
+     */
+    customReactionClickHandler?: (details: MessageReactionClickDetails) => void;
     constructor();
     /**
      * Sets the enabled reactions

package/lib/types.d.ts

@@ -268,4 +268,8 @@ export declare type FiltertNextPageConfiguration<T extends DefaultStreamChatGene
     paginationFilter: ChannelFilters<T>;
 };
 export declare type NextPageConfiguration = OffsetNextPageConfiguration | FiltertNextPageConfiguration;
+export declare type MessageReactionClickDetails = {
+    messageId: string;
+    reactionType: string;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.54.0",
+  "version": "4.55.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '4.54.0';
+export const version = '4.55.0';