stream-chat-angular 4.32.2 → 4.33.0

package/lib/custom-templates.service.d.ts

@@ -188,6 +188,10 @@ export declare class CustomTemplatesService {
      * The template used to display the date separator inside the [message list](../components/MessageListComponent.mdx)
      */
     dateSeparatorTemplate$: BehaviorSubject<TemplateRef<DateSeparatorContext> | undefined>;
+    /**
+     * The template used to display the new messages indicator inside the [message list](../components/MessageListComponent.mdx)
+     */
+    newMessagesIndicatorTemplate$: BehaviorSubject<TemplateRef<void> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService>;

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

@@ -43,10 +43,16 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     displayDateSeparator: boolean;
     /**
      * If date separators are displayed, you can set the horizontal position of the date text.
+     * If `openMessageListAt` is `last-unread-message` it will also set the text position of the new messages indicator.
      */
     dateSeparatorTextPos: 'center' | 'right' | 'left';
+    /**
+     * `last-message` option will open the message list at the last message, `last-unread-message` will open the list at the last unread message. This option only works if mode is `main`.
+     */
+    openMessageListAt: 'last-message' | 'last-unread-message';
     messageTemplate: TemplateRef<MessageContext> | undefined;
     customDateSeparatorTemplate: TemplateRef<DateSeparatorContext> | undefined;
+    customnewMessagesIndicatorTemplate: TemplateRef<void> | undefined;
     messages$: Observable<StreamMessage[]>;
     enabledMessageActions: string[];
     private class;
@@ -59,6 +65,8 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     isLoading: boolean;
     isScrollInProgress: boolean;
     scrollEndTimeout: any;
+    lastReadMessageId?: string;
+    isJumpingToLatestUnreadMessage: boolean;
     private scrollContainer;
     private parentMessageElement;
     private latestMessage;
@@ -88,7 +96,8 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     scrolled(): void;
     getTypingIndicatorContext(): TypingIndicatorContext;
     getTypingIndicatorText(users: UserResponse[]): string;
-    areOnSeparateDates(message: StreamMessage, nextMessage?: StreamMessage): boolean;
+    areOnSeparateDates(message?: StreamMessage, nextMessage?: StreamMessage): boolean;
+    isSentByCurrentUser(message?: StreamMessage): boolean;
     parseDate(date: Date): string;
     get replyCountParam(): {
         replyCount: number | undefined;
@@ -103,5 +112,5 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private scrollToLatestMessage;
     private newMessageReceived;
     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"; }, {}, never, 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"; }, {}, never, never>;
 }

package/lib/types.d.ts

@@ -239,6 +239,7 @@ export declare type SystemMessageContext = MessageContext & {
 export declare type DateSeparatorContext = {
     date: Date;
     parsedDate: string;
+    isNewMessage: boolean;
 };
 export declare type ChannelQueryState = {
     state: 'in-progress' | 'success' | 'error';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.32.2",
+  "version": "4.33.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -12,7 +12,7 @@
     "@angular/common": "^12.2.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
     "@angular/core": "^12.2.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
     "@ngx-translate/core": "^13.0.0 || ^14.0.0",
-    "stream-chat": "^8.0.0"
+    "stream-chat": "^8.11.0"
   },
   "dependencies": {
     "angular-mentions": "^1.4.0",

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '4.32.2';
+export const version = '4.33.0';