stream-chat-angular 4.53.0 → 4.54.0

package/lib/channel.service.d.ts

@@ -1,6 +1,6 @@
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, MessageResponse, UserResponse } from 'stream-chat';
+import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, FormatMessageResponse, MessageResponse, 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';
@@ -329,9 +329,9 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
         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>> & {
             language: import("stream-chat").TranslationLanguages;
         }) | undefined;
-        latest_reactions?: import("stream-chat").ReactionResponse<T>[] | undefined;
+        latest_reactions?: ReactionResponse<T>[] | undefined;
         mentioned_users?: UserResponse<T>[] | undefined;
-        own_reactions?: import("stream-chat").ReactionResponse<T>[] | null | undefined;
+        own_reactions?: ReactionResponse<T>[] | null | undefined;
         pin_expires?: string | null | undefined;
         pinned_at?: string | null | undefined;
         pinned_by?: UserResponse<T> | null | undefined;
@@ -444,6 +444,16 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * The current active channel
      */
     get activeChannel(): Channel<T> | undefined;
+    /**
+     * The current active channel messages
+     */
+    get activeChannelMessages(): (StreamMessage<T> | MessageResponse<T> | FormatMessageResponse<T>)[];
+    /**
+     * Get all reactions of a message in the current active channel
+     * @param messageId
+     * @returns all reactions of a message
+     */
+    getMessageReactions(messageId: string): Promise<ReactionResponse<T>[]>;
     private messageUpdated;
     private messageReactionEventReceived;
     private formatMessage;

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

@@ -1,9 +1,11 @@
 import { AfterViewChecked, ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { ReactionResponse } from 'stream-chat';
+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.
@@ -12,6 +14,8 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     private cdRef;
     private channelService;
     private messageReactionsService;
+    customTemplatesService: CustomTemplatesService;
+    private themeService;
     /**
      * The id of the message the reactions belong to
      */
@@ -48,24 +52,32 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     currentTooltipTarget: HTMLElement | undefined;
     popperTriggerHover: NgxPopperjsTriggers;
     popperPlacementAuto: NgxPopperjsPlacements;
-    constructor(cdRef: ChangeDetectorRef, channelService: ChannelService, messageReactionsService: MessageReactionsService);
+    selectedReactionType: string | undefined;
+    isLoading: boolean;
+    reactions: ReactionResponse[];
+    constructor(cdRef: ChangeDetectorRef, channelService: ChannelService, messageReactionsService: MessageReactionsService, customTemplatesService: CustomTemplatesService, themeService: ThemeService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewChecked(): void;
     get existingReactions(): MessageReactionType[];
     get reactionsCount(): number;
     get reactionOptions(): MessageReactionType[];
-    getLatestUserByReaction(reactionType: MessageReactionType): import("stream-chat").UserResponse<DefaultStreamChatGenerics> | null | undefined;
+    getLatestUserByReaction(reactionType: MessageReactionType): UserResponse<DefaultStreamChatGenerics> | null | undefined;
     getEmojiByReaction(reactionType: MessageReactionType): string;
+    reactionSelected(event: Event, reactionType: string): void;
     getUsersByReaction(reactionType: MessageReactionType): string;
+    getAllUsersByReaction(reactionType?: MessageReactionType): UserResponse<DefaultStreamChatGenerics>[];
     showTooltip(event: Event, reactionType: MessageReactionType): void;
     hideTooltip(): void;
     trackByMessageReaction(index: number, item: MessageReactionType): string;
+    trackByUserId(index: number, item: UserResponse): string;
     react(type: MessageReactionType): void;
     isOwnReaction(reactionType: MessageReactionType): boolean;
+    isOpenChange: (isOpen: boolean) => void;
     private eventHandler;
     private watchForOutsideClicks;
     private stopWatchForOutsideClicks;
     private setTooltipPosition;
+    private fetchAllReactions;
     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>;
 }

package/package.json

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

package/src/assets/i18n/en.ts

@@ -19,6 +19,7 @@ export const en = {
     'Error connecting to chat, refresh the page to try again.':
       'Error connecting to chat, refresh the page to try again',
     'Error deleting message': 'Error deleting message',
+    'Error loading reactions': 'Error loading reactions',
     'Error muting a user ...': 'Error muting a user ...',
     'Error pinning message': 'Error pinning message',
     'Error removing message pin': 'Error removing message pin',