stream-chat-angular 4.42.1 → 4.44.0

package/lib/channel.service.d.ts

@@ -3,7 +3,7 @@ import { Observable } from 'rxjs';
 import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, MessageResponse, UserResponse } from 'stream-chat';
 import { ChatClientService, ClientEvent } from './chat-client.service';
 import { NotificationService } from './notification.service';
-import { AttachmentUpload, ChannelQueryState, DefaultStreamChatGenerics, MessageReactionType, StreamMessage } from './types';
+import { AttachmentUpload, ChannelQueryState, DefaultStreamChatGenerics, MessageInput, MessageReactionType, StreamMessage } from './types';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelService` provides data and interaction for the channel list and message list.
@@ -165,6 +165,14 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * The provided method will be called before deleting a message. If the returned Promise resolves to `true` to deletion will go ahead. If `false` is returned, the message won't be deleted.
      */
     messageDeleteConfirmationHandler?: (message: StreamMessage<T>) => Promise<boolean>;
+    /**
+     * The provided method will be called before a new message is sent to Stream's API. You can use this hook to tranfrom or enrich the message being sent.
+     */
+    beforeSendMessage?: (input: MessageInput<T>) => MessageInput<T> | Promise<MessageInput<T>>;
+    /**
+     * The provided method will be called before a message is sent to Stream's API for update. You can use this hook to tranfrom or enrich the message being updated.
+     */
+    beforeUpdateMessage?: (message: StreamMessage<T>) => StreamMessage<T> | Promise<StreamMessage<T>>;
     private channelsSubject;
     private activeChannelSubject;
     private activeChannelMessagesSubject;
@@ -223,7 +231,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * Loads the next page of messages of the active channel. The page size can be set in the [query option](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-options) object.
      * @param direction
      */
-    loadMoreMessages(direction?: 'older' | 'newer'): Promise<void>;
+    loadMoreMessages(direction?: 'older' | 'newer'): false | Promise<import("stream-chat").QueryChannelAPIResponse<T>> | undefined;
     /**
      * Loads the next page of messages of the active thread. The page size can be set in the [query option](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-options) object.
      * @param direction
@@ -324,9 +332,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
         reply_count?: number | undefined;
         shadowed?: boolean | undefined;
         status?: string | undefined;
-        thread_participants?: UserResponse<T>[] | undefined; /**
-         * If set to false, read events won't be sent as new messages are received. If set to true active channel (if any) will immediately be marked as read.
-         */
+        thread_participants?: UserResponse<T>[] | undefined;
         updated_at?: string | undefined;
     } & {
         quoted_message?: import("stream-chat").MessageResponseBase<T> | undefined;

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

@@ -1,4 +1,4 @@
-import { OnChanges, SimpleChanges, OnDestroy, OnInit, ChangeDetectorRef } from '@angular/core';
+import { OnChanges, SimpleChanges, OnDestroy, OnInit, ChangeDetectorRef, NgZone, AfterViewInit } from '@angular/core';
 import { UserResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
@@ -16,12 +16,13 @@ declare type MessagePart = {
 /**
  * The `Message` component displays a message with additional information such as sender and date, and enables [interaction with the message (i.e. edit or react)](../concepts/message-interactions.mdx).
  */
-export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
+export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     private chatClientService;
     private channelService;
     customTemplatesService: CustomTemplatesService;
     private cdRef;
     private dateParser;
+    private ngZone;
     /**
      * The message to be displayed
      */
@@ -53,7 +54,8 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     isActionBoxOpen: boolean;
     isReactionSelectorOpen: boolean;
     visibleMessageActionsCount: number;
-    messageTextParts: MessagePart[];
+    messageTextParts: MessagePart[] | undefined;
+    messageText?: string;
     popperTriggerClick: NgxPopperjsTriggers;
     popperTriggerHover: NgxPopperjsTriggers;
     popperPlacementAuto: NgxPopperjsPlacements;
@@ -79,9 +81,12 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     user: UserResponse<DefaultStreamChatGenerics> | undefined;
     private subscriptions;
     private container;
-    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, themeService: ThemeService, dateParser: DateParserService);
+    private readonly urlRegexp;
+    private emojiRegexp;
+    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, themeService: ThemeService, dateParser: DateParserService, ngZone: NgZone);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     getAttachmentListContext(): AttachmentListContext;
     getMessageContext(): SystemMessageContext;
@@ -97,6 +102,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     jumpToMessage(messageId: string, parentMessageId?: string): void;
     displayTranslatedMessage(): void;
     displayOriginalMessage(): void;
+    mouseLeft(): void;
     private createMessageParts;
     private getMessageContent;
     private fixEmojiDisplay;

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

@@ -1,4 +1,4 @@
-import { AfterViewChecked, AfterViewInit, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { ChannelService } from '../channel.service';
 import { Observable } from 'rxjs';
 import { MessageContext, StreamMessage, TypingIndicatorContext, CustomMessageActionItem, DateSeparatorContext } from '../types';
@@ -16,6 +16,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private chatClientService;
     private customTemplatesService;
     private dateParser;
+    private ngZone;
     /**
      * Determines if the message list should display channel messages or [thread messages](https://getstream.io/chat/docs/javascript/threads/?language=javascript).
      */
@@ -65,6 +66,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     unreadMessageCount: number;
     isUserScrolled: boolean | undefined;
     groupStyles: GroupStyle[];
+    isNextMessageOnSeparateDate: boolean[];
     lastSentMessageId: string | undefined;
     parentMessage: StreamMessage | undefined;
     highlightedMessageId: string | undefined;
@@ -88,7 +90,8 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private usersTypingInThread$;
     private isLatestMessageInList;
     private channelId?;
-    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService);
+    private parsedDates;
+    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService, ngZone: NgZone);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -102,9 +105,8 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     scrolled(): void;
     getTypingIndicatorContext(): TypingIndicatorContext;
     getTypingIndicatorText(users: UserResponse[]): string;
-    areOnSeparateDates(message?: StreamMessage, nextMessage?: StreamMessage): boolean;
     isSentByCurrentUser(message?: StreamMessage): boolean;
-    parseDate(date: Date): string;
+    parseDate(date: Date): string | undefined;
     get replyCountParam(): {
         replyCount: number | undefined;
     };
@@ -118,6 +120,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private scrollMessageIntoView;
     private scrollToLatestMessage;
     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"; "dateSeparatorTextPos": "dateSeparatorTextPos"; "openMessageListAt": "openMessageListAt"; "displayLoadingIndicator": "displayLoadingIndicator"; }, {}, never, never>;
 }

package/lib/types.d.ts

@@ -246,4 +246,12 @@ export declare type ChannelQueryState = {
     state: 'in-progress' | 'success' | 'error';
     error?: unknown;
 };
+export declare type MessageInput<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    text: string;
+    attachments: Attachment<T>[];
+    mentionedUsers: UserResponse<T>[];
+    parentId: string | undefined;
+    quotedMessageId: string | undefined;
+    customData: undefined | Partial<T['messageType']>;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.42.1",
+  "version": "4.44.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.42.1';
+export const version = '4.44.0';