stream-chat-angular 4.29.1 → 4.31.0

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

@@ -1,3 +1,4 @@
+import { OnChanges } from '@angular/core';
 import { Channel, User } from 'stream-chat';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { AvatarContext, AvatarLocation, AvatarType, DefaultStreamChatGenerics } from '../types';
@@ -5,7 +6,7 @@ import * as i0 from "@angular/core";
 /**
  * The `AvatarPlaceholder` component displays the [default avatar](./AvatarComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
  */
-export declare class AvatarPlaceholderComponent {
+export declare class AvatarPlaceholderComponent implements OnChanges {
     customTemplatesService: CustomTemplatesService;
     /**
      * An optional name of the image, used for fallback image or image title (if `imageUrl` is provided)
@@ -39,8 +40,9 @@ export declare class AvatarPlaceholderComponent {
      * 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';
+    context: AvatarContext;
     constructor(customTemplatesService: CustomTemplatesService);
-    getAvatarContext(): AvatarContext;
+    ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarPlaceholderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AvatarPlaceholderComponent, "stream-avatar-placeholder", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "initialsType": "initialsType"; }, {}, never, never>;
 }

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

@@ -31,7 +31,6 @@ export declare class ChannelListComponent implements AfterViewInit, OnDestroy {
     loadMoreChannels(): Promise<void>;
     trackByChannelId(index: number, item: Channel<DefaultStreamChatGenerics>): string;
     channelSelected(): void;
-    getChannelPreviewContext(channel: Channel<DefaultStreamChatGenerics>): ChannelPreviewContext<DefaultStreamChatGenerics>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChannelListComponent, "stream-channel-list", never, {}, {}, never, ["[channel-list-top]", "[channel-list-bottom]"]>;
 }

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

@@ -1,6 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { AttachmentContext, AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, CommandAutocompleteListItemContext, CustomAttachmentUploadContext, DeliveredStatusContext, EmojiPickerContext, IconContext, LoadingIndicatorContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageInputContext, MessageReactionsContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, SystemMessageContext, ThreadHeaderContext, TypingIndicatorContext } from './types';
+import { AttachmentContext, AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, CommandAutocompleteListItemContext, CustomAttachmentUploadContext, DateSeparatorContext, DeliveredStatusContext, EmojiPickerContext, IconContext, LoadingIndicatorContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageInputContext, MessageReactionsContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, SystemMessageContext, ThreadHeaderContext, TypingIndicatorContext } from './types';
 import * as i0 from "@angular/core";
 /**
  * A central location for registering your custom templates to override parts of the chat application.
@@ -184,6 +184,10 @@ export declare class CustomTemplatesService {
      * The template used to display [system messages](https://getstream.io/chat/docs/javascript/silent_messages/?language=javascript&q=system) indise the [message component](../components/MessageComponent.mdx)
      */
     systemMessageTemplate$: BehaviorSubject<TemplateRef<SystemMessageContext> | undefined>;
+    /**
+     * The template used to display the date separator inside the [message list](../components/MessageListComponent.mdx)
+     */
+    dateSeparatorTemplate$: BehaviorSubject<TemplateRef<DateSeparatorContext> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService>;

package/lib/date-parser.service.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+/**
+ * The `DateParserService` parses dates into user-friendly string representations.
+ */
+export declare class DateParserService {
+    /**
+     * Custom parser to override `parseDate`
+     */
+    customDateParser?: (date: Date) => string;
+    /**
+     * Custom parser to override `parseDateTime`
+     */
+    customDateTimeParser?: (date: Date) => string;
+    constructor();
+    /**
+     * Return a user-friendly string representation of the date (year, month and date)
+     * @param date
+     * @returns
+     */
+    parseDate(date: Date): string;
+    /**
+     * Return a user-friendly string representation of the date and time
+     * @param date
+     * @returns
+     */
+    parseDateTime(date: Date): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateParserService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DateParserService>;
+}

package/lib/icon-placeholder/icon-placeholder.component.d.ts

@@ -1,3 +1,4 @@
+import { OnChanges } from '@angular/core';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { Icon } from '../icon/icon.component';
 import { IconContext } from '../types';
@@ -5,7 +6,7 @@ import * as i0 from "@angular/core";
 /**
  * The `IconPlaceholder` component displays the [default icons](./IconComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
  */
-export declare class IconPlaceholderComponent {
+export declare class IconPlaceholderComponent implements OnChanges {
     customTemplatesService: CustomTemplatesService;
     /**
      * The icon to display, the list of [supported icons](https://github.com/GetStream/stream-chat-angular/tree/master/projects/stream-chat-angular/src/lib/icon/icon.component.ts) can be found on GitHub.
@@ -15,8 +16,9 @@ export declare class IconPlaceholderComponent {
      * The size of the icon (in pixels)
      */
     size: number | undefined;
+    iconContext: IconContext;
     constructor(customTemplatesService: CustomTemplatesService);
-    getIconContext(): IconContext;
+    ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconPlaceholderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconPlaceholderComponent, "stream-icon-placeholder", never, { "icon": "icon"; "size": "size"; }, {}, never, never>;
 }

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

@@ -6,6 +6,7 @@ import { AttachmentListContext, MentionTemplateContext, MessageActionsBoxContext
 import { CustomTemplatesService } from '../custom-templates.service';
 import { ThemeService } from '../theme.service';
 import { NgxPopperjsTriggers, NgxPopperjsPlacements } from 'ngx-popperjs';
+import { DateParserService } from '../date-parser.service';
 import * as i0 from "@angular/core";
 declare type MessagePart = {
     content: string;
@@ -20,6 +21,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     private channelService;
     private customTemplatesService;
     private cdRef;
+    private dateParser;
     /**
      * The message to be displayed
      */
@@ -70,7 +72,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     private user;
     private subscriptions;
     private container;
-    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, themeService: ThemeService);
+    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, themeService: ThemeService, dateParser: DateParserService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

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

@@ -1,11 +1,12 @@
 import { AfterViewChecked, AfterViewInit, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { ChannelService } from '../channel.service';
 import { Observable } from 'rxjs';
-import { MessageContext, StreamMessage, TypingIndicatorContext, CustomMessageActionItem } from '../types';
+import { MessageContext, StreamMessage, TypingIndicatorContext, CustomMessageActionItem, DateSeparatorContext } from '../types';
 import { ChatClientService } from '../chat-client.service';
 import { GroupStyle } from './group-styles';
 import { UserResponse } from 'stream-chat';
 import { CustomTemplatesService } from '../custom-templates.service';
+import { DateParserService } from '../date-parser.service';
 import * as i0 from "@angular/core";
 /**
  * The `MessageList` component renders a scrollable list of messages.
@@ -14,6 +15,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private channelService;
     private chatClientService;
     private customTemplatesService;
+    private dateParser;
     /**
      * Determines if the message list should display channel messages or [thread messages](https://getstream.io/chat/docs/javascript/threads/?language=javascript).
      */
@@ -35,7 +37,16 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      * A list of custom message actions to be displayed in the message action box
      */
     customMessageActions: CustomMessageActionItem<any>[];
+    /**
+     * If `true` date separators will be displayed
+     */
+    displayDateSeparator: boolean;
+    /**
+     * If date separators are displayed, you can set the horizontal position of the date text.
+     */
+    dateSeparatorTextPos: 'center' | 'right' | 'left';
     messageTemplate: TemplateRef<MessageContext> | undefined;
+    customDateSeparatorTemplate: TemplateRef<DateSeparatorContext> | undefined;
     messages$: Observable<StreamMessage[]>;
     enabledMessageActions: string[];
     private class;
@@ -62,7 +73,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private usersTypingInChannel$;
     private usersTypingInThread$;
     private isLatestMessageInList;
-    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService);
+    constructor(channelService: ChannelService, chatClientService: ChatClientService, customTemplatesService: CustomTemplatesService, dateParser: DateParserService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -75,8 +86,9 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     scrollToTop(): void;
     scrolled(): void;
     getTypingIndicatorContext(): TypingIndicatorContext;
-    getMessageContext(message: StreamMessage): MessageContext;
     getTypingIndicatorText(users: UserResponse[]): string;
+    areOnSeparateDates(message: StreamMessage, nextMessage?: StreamMessage): boolean;
+    parseDate(date: Date): string;
     get replyCountParam(): {
         replyCount: number | undefined;
     };
@@ -90,5 +102,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"; }, {}, 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"; }, {}, never, never>;
 }

package/lib/parse-date.d.ts

@@ -0,0 +1 @@
+export declare const parseDate: (date: Date, format?: 'date' | 'date-time') => string;

package/lib/types.d.ts

@@ -236,4 +236,8 @@ export declare type AttachmentContext = {
 export declare type SystemMessageContext = MessageContext & {
     parsedDate: string | undefined;
 };
+export declare type DateSeparatorContext = {
+    date: Date;
+    parsedDate: string;
+};
 export {};

package/package.json

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

package/public-api.d.ts

@@ -17,7 +17,7 @@ export * from './lib/channel-preview/channel-preview.component';
 export * from './lib/channel-list/channel-list.component';
 export * from './lib/channel-list/channel-list-toggle.service';
 export * from './lib/message/message.component';
-export * from './lib/message/parse-date';
+export * from './lib/parse-date';
 export * from './lib/list-users';
 export * from './lib/message-input/message-input.component';
 export * from './lib/message-input/textarea/textarea.component';
@@ -51,4 +51,5 @@ 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/date-parser.service';
 export * from './lib/types';