stream-chat-angular 4.55.1 → 4.56.0-perf-message-list.1

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

@@ -45,7 +45,6 @@ export declare class AvatarComponent implements OnChanges {
      * If channel/user image isn't provided the initials of the name of the channel/user is shown instead, you can choose how the initals should be computed
      */
     initialsType: 'first-letter-of-first-word' | 'first-letter-of-each-word';
-    isLoaded: boolean;
     isError: boolean;
     isOnline: boolean;
     private isOnlineSubscription?;

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

@@ -8,6 +8,7 @@ import { ThemeService } from '../theme.service';
 import { NgxPopperjsTriggers, NgxPopperjsPlacements } from 'ngx-popperjs';
 import { DateParserService } from '../date-parser.service';
 import { MessageService } from '../message.service';
+import { MessageActionsService } from '../message-actions.service';
 import * as i0 from "@angular/core";
 declare type MessagePart = {
     content: string;
@@ -25,6 +26,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     private dateParser;
     private ngZone;
     private messageService;
+    private messageActionsService;
     /**
      * The message to be displayed
      */
@@ -47,6 +49,8 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     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';
@@ -81,13 +85,13 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     };
     canDisplayReadStatus: boolean;
     private quotedMessageAttachments;
-    user: UserResponse<DefaultStreamChatGenerics> | undefined;
-    optionsRenderTimeoutEnded: boolean;
     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);
+    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, themeService: ThemeService, dateParser: DateParserService, ngZone: NgZone, messageService: MessageService, messageActionsService: MessageActionsService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;

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

@@ -1,19 +1,16 @@
-import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ChannelService } from '../channel.service';
-import { ChatClientService } from '../chat-client.service';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { NotificationService } from '../notification.service';
 import { CustomMessageActionItem, MessageActionBoxItemContext, MessageActionItem, MessageInputContext, ModalContext, StreamMessage } from '../types';
+import { MessageActionsService } from '../message-actions.service';
 import * as i0 from "@angular/core";
 /**
  * The `MessageActionsBox` component displays a list of message actions (i.e edit), that can be opened or closed. You can find the [list of the supported actions](../concepts/message-interactions.mdx) in the message interaction guide.
  */
-export declare class MessageActionsBoxComponent implements OnChanges {
-    private chatClientService;
-    private notificationService;
-    private channelService;
+export declare class MessageActionsBoxComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     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)
@@ -33,14 +30,26 @@ export declare class MessageActionsBoxComponent implements OnChanges {
     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.getAuthorizedMessageActionsCount` method
+     *
+     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
      */
     readonly isEditing: EventEmitter<boolean>;
     isEditModalOpen: boolean;
@@ -52,8 +61,13 @@ export declare class MessageActionsBoxComponent implements OnChanges {
     private readonly messageActionItems;
     private modalContent;
     private sendMessageSubject;
-    constructor(chatClientService: ChatClientService, notificationService: NotificationService, channelService: ChannelService, customTemplatesService: CustomTemplatesService);
+    private subscriptions;
+    private isViewInited;
+    constructor(customTemplatesService: CustomTemplatesService, messageActionsService: MessageActionsService, cdRef: ChangeDetectorRef);
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     getActionLabel(actionLabelOrTranslationKey: ((message: StreamMessage) => string) | string): string;
     getMessageActionTemplateContext(item: MessageActionItem | CustomMessageActionItem): MessageActionBoxItemContext<any>;
     sendClicked(): void;
@@ -61,6 +75,7 @@ export declare class MessageActionsBoxComponent implements OnChanges {
     getMessageInputContext(): MessageInputContext;
     getEditModalContext(): ModalContext;
     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>;
 }

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

@@ -0,0 +1,37 @@
+import { BehaviorSubject } from 'rxjs';
+import { CustomMessageActionItem, DefaultStreamChatGenerics, MessageActionItem, StreamMessage } from './types';
+import { ChatClientService } from './chat-client.service';
+import { NotificationService } from './notification.service';
+import { ChannelService } from './channel.service';
+import * as i0 from "@angular/core";
+/**
+ * The message actions service provides customization options for the [message actions](../../components/MessageActionsBoxComponent)
+ */
+export declare class MessageActionsService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
+    private chatClientService;
+    private notificationService;
+    private channelService;
+    /**
+     * Default actions - these are the actions that are handled by the built-in component
+     */
+    readonly defaultActions: MessageActionItem<T>[];
+    /**
+     * The built-in components will handle changes to this observable.
+     */
+    messageToEdit$: BehaviorSubject<StreamMessage<T> | undefined>;
+    /**
+     * You can pass your own custom actions that will be displayed inside the built-in message actions component
+     */
+    customActions$: BehaviorSubject<CustomMessageActionItem<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
+     */
+    getAuthorizedMessageActionsCount(message: StreamMessage<T>, enabledActions: string[]): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageActionsService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MessageActionsService<any>>;
+}

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

@@ -7,6 +7,7 @@ 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.
@@ -18,6 +19,7 @@ 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).
      */
@@ -38,6 +40,8 @@ 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>[];
     /**
@@ -93,8 +97,9 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private isLatestMessageInList;
     private channelId?;
     private parsedDates;
+    private isViewInited;
     private get class();
-    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService, ngZone: NgZone, cdRef: ChangeDetectorRef);
+    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService, ngZone: NgZone, cdRef: ChangeDetectorRef, messageActionsService: MessageActionsService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;

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

@@ -2,7 +2,7 @@ import { MessageReactionClickDetails, 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.
+ * The `MessageReactionsService` provides customization options to message [reactions](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript).
  *
  */
 export declare class MessageReactionsService {

package/lib/types.d.ts

@@ -157,12 +157,27 @@ export declare type MessageActionsBoxContext = {
     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;
+    /**
+     * @deprecated components should use `messageReactionsService.getAuthorizedMessageActionsCount` method
+     *
+     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
+     */
     isEditingChangeHandler: (isEditing: boolean) => any;
 };
 export declare type MessageActionBoxItemContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

package/package.json

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

package/public-api.d.ts

@@ -54,3 +54,4 @@ export * from './lib/message-reactions.service';
 export * from './lib/date-parser.service';
 export * from './lib/types';
 export * from './lib/message.service';
+export * from './lib/message-actions.service';

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '4.55.1';
+export const version = '4.56.0-perf-message-list.1';