stream-chat-angular 4.27.0 → 4.28.0

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

@@ -3,6 +3,7 @@ import { ReactionResponse } 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 * 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.
@@ -10,6 +11,7 @@ import * as i0 from "@angular/core";
 export declare class MessageReactionsComponent implements AfterViewChecked, OnChanges {
     private cdRef;
     private channelService;
+    private messageReactionsService;
     /**
      * The id of the message the reactions belong to
      */
@@ -46,7 +48,7 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     currentTooltipTarget: HTMLElement | undefined;
     popperTriggerHover: NgxPopperjsTriggers;
     popperPlacementAuto: NgxPopperjsPlacements;
-    constructor(cdRef: ChangeDetectorRef, channelService: ChannelService);
+    constructor(cdRef: ChangeDetectorRef, channelService: ChannelService, messageReactionsService: MessageReactionsService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewChecked(): void;
     get existingReactions(): MessageReactionType[];
@@ -57,7 +59,7 @@ export declare class MessageReactionsComponent implements AfterViewChecked, OnCh
     getUsersByReaction(reactionType: MessageReactionType): string;
     showTooltip(event: Event, reactionType: MessageReactionType): void;
     hideTooltip(): void;
-    trackByMessageReaction(index: number, item: MessageReactionType): MessageReactionType;
+    trackByMessageReaction(index: number, item: MessageReactionType): string;
     react(type: MessageReactionType): void;
     isOwnReaction(reactionType: MessageReactionType): boolean;
     private eventHandler;

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

@@ -0,0 +1,32 @@
+import { MessageReactionType } from './types';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * The `MessageReactionsService` allows you to set which [reactions](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript) are enabled and their associated emoji.
+ *
+ */
+export declare class MessageReactionsService {
+    /**
+     * The enabled [reactions](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript) and the associated emoji
+     *
+     * You can provide any string as a reaction. The emoji can be provided as a string, if you want to use custom images for reactions you have to provide a [custom reactions UI](../../services/CustomTemplatesService/#messagereactionstemplate)
+     */
+    reactions$: BehaviorSubject<{
+        [x: string]: string;
+    }>;
+    constructor();
+    /**
+     * Sets the enabled reactions
+     */
+    set reactions(reactions: {
+        [key in MessageReactionType]: string;
+    });
+    /**
+     * Get the currently enabled reactions
+     */
+    get reactions(): {
+        [key in MessageReactionType]: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageReactionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MessageReactionsService>;
+}

package/lib/types.d.ts

@@ -200,7 +200,7 @@ export declare type ThreadHeaderContext = {
     parentMessage: StreamMessage | undefined;
     closeThreadHandler: Function;
 };
-export declare type MessageReactionType = 'angry' | 'haha' | 'like' | 'love' | 'sad' | 'wow';
+export declare type MessageReactionType = 'angry' | 'haha' | 'like' | 'love' | 'sad' | 'wow' | string;
 export declare type AttachmentConfigration = {
     url: string;
     height: string;

package/package.json

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

package/public-api.d.ts

@@ -50,4 +50,5 @@ export * from './lib/stream-autocomplete-textarea.module';
 export * from './lib/stream-textarea.module';
 export * from './lib/injection-tokens';
 export * from './lib/custom-templates.service';
+export * from './lib/message-reactions.service';
 export * from './lib/types';

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '4.27.0';
+export const version = '4.28.0';