stream-chat-angular 4.38.0 → 4.39.0

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { Action, Attachment } from 'stream-chat';
 import { ModalContext, DefaultStreamChatGenerics, AttachmentConfigration, VideoAttachmentConfiguration, ImageAttachmentConfiguration, AttachmentContext } from '../types';
 import { ChannelService } from '../channel.service';
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
 /**
  * The `AttachmentList` component displays the attachments of a message
  */
-export declare class AttachmentListComponent implements OnChanges, OnInit, OnDestroy {
+export declare class AttachmentListComponent implements OnChanges {
     readonly customTemplatesService: CustomTemplatesService;
     private channelService;
     private attachmentConfigurationService;
@@ -34,19 +34,10 @@ export declare class AttachmentListComponent implements OnChanges, OnInit, OnDes
     imagesToView: Attachment<DefaultStreamChatGenerics>[];
     imagesToViewCurrentIndex: number;
     themeVersion: '1' | '2';
-    imageAttachmentTemplate?: TemplateRef<AttachmentContext>;
-    videoAttachmentTemplate?: TemplateRef<AttachmentContext>;
-    galleryAttachmentTemplate?: TemplateRef<AttachmentContext>;
-    fileAttachmentTemplate?: TemplateRef<AttachmentContext>;
-    cardAttachmentTemplate?: TemplateRef<AttachmentContext>;
-    attachmentActionsTemplate?: TemplateRef<AttachmentContext>;
     private modalContent;
     private attachmentConfigurations;
-    private subscriptions;
     constructor(customTemplatesService: CustomTemplatesService, channelService: ChannelService, attachmentConfigurationService: AttachmentConfigurationService, themeService: ThemeService);
-    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
     trackByUrl(_: number, attachment: Attachment): unknown;
     isImage(attachment: Attachment): boolean;
     isSvg(attachment: Attachment): boolean;

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

@@ -2,6 +2,7 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy } fr
 import { Channel, User } from 'stream-chat';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { AvatarContext, AvatarLocation, AvatarType, DefaultStreamChatGenerics } from '../types';
+import { ThemeService } from '../theme.service';
 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.
@@ -10,6 +11,7 @@ export declare class AvatarPlaceholderComponent implements OnChanges, AfterViewI
     customTemplatesService: CustomTemplatesService;
     private hostElement;
     private cdRef;
+    private themeService;
     /**
      * An optional name of the image, used for fallback image or image title (if `imageUrl` is provided)
      */
@@ -42,14 +44,18 @@ export declare class AvatarPlaceholderComponent implements OnChanges, AfterViewI
      * 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';
+    /**
+     * If a channel avatar is displayed, and if the channel has exactly two members a green dot is displayed if the other member is online. Set this flag to `false` to turn off this behavior.
+     */
+    showOnlineIndicator: boolean;
     context: AvatarContext;
     isVisible: boolean;
     private mutationObserver?;
-    constructor(customTemplatesService: CustomTemplatesService, hostElement: ElementRef<HTMLElement>, cdRef: ChangeDetectorRef);
+    constructor(customTemplatesService: CustomTemplatesService, hostElement: ElementRef<HTMLElement>, cdRef: ChangeDetectorRef, themeService: ThemeService);
     ngAfterViewInit(): void;
     ngOnChanges(): void;
     ngOnDestroy(): void;
     private checkIfVisible;
     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>;
+    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"; "showOnlineIndicator": "showOnlineIndicator"; }, {}, never, never>;
 }

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

@@ -3,6 +3,7 @@ import { UserResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
 import { AttachmentListContext, MentionTemplateContext, MessageActionsBoxContext, MessageReactionsContext, DefaultStreamChatGenerics, StreamMessage, DeliveredStatusContext, SendingStatusContext, ReadStatusContext, CustomMessageActionItem, SystemMessageContext } from '../types';
+import { Observable } from 'rxjs';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { ThemeService } from '../theme.service';
 import { NgxPopperjsTriggers, NgxPopperjsPlacements } from 'ngx-popperjs';
@@ -54,43 +55,43 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     isReactionSelectorOpen: boolean;
     visibleMessageActionsCount: number;
     messageTextParts: MessagePart[];
-    mentionTemplate: TemplateRef<MentionTemplateContext> | undefined;
-    customDeliveredStatusTemplate: TemplateRef<DeliveredStatusContext> | undefined;
-    customSendingStatusTemplate: TemplateRef<SendingStatusContext> | undefined;
-    customReadStatusTemplate: TemplateRef<ReadStatusContext> | undefined;
-    attachmentListTemplate: TemplateRef<AttachmentListContext> | undefined;
-    messageActionsBoxTemplate: TemplateRef<MessageActionsBoxContext> | undefined;
-    messageReactionsTemplate: TemplateRef<MessageReactionsContext> | undefined;
-    systemMessageTemplate: TemplateRef<SystemMessageContext> | undefined;
+    mentionTemplate$?: Observable<TemplateRef<MentionTemplateContext> | undefined>;
+    deliveredStatusTemplate$?: Observable<TemplateRef<DeliveredStatusContext> | undefined>;
+    sendingStatusTemplate$?: Observable<TemplateRef<SendingStatusContext> | undefined>;
+    readStatusTemplate$?: Observable<TemplateRef<ReadStatusContext> | undefined>;
+    attachmentListTemplate$?: Observable<TemplateRef<AttachmentListContext> | undefined>;
+    messageActionsBoxTemplate$?: Observable<TemplateRef<MessageActionsBoxContext> | undefined>;
+    messageReactionsTemplate$?: Observable<TemplateRef<MessageReactionsContext> | undefined>;
+    systemMessageTemplate$?: Observable<TemplateRef<SystemMessageContext> | undefined>;
     popperTriggerClick: NgxPopperjsTriggers;
     popperTriggerHover: NgxPopperjsTriggers;
     popperPlacementAuto: NgxPopperjsPlacements;
     shouldDisplayTranslationNotice: boolean;
     displayedMessageTextContent: 'original' | 'translation';
     imageAttachmentModalState: 'opened' | 'closed';
+    shouldDisplayThreadLink: boolean;
+    isSentByCurrentUser: boolean;
+    readByText: string;
+    lastReadUser: UserResponse<DefaultStreamChatGenerics> | undefined;
+    isOnlyReadByMe: boolean;
+    isReadByMultipleUsers: boolean;
+    isMessageDeliveredAndRead: boolean;
+    parsedDate: string;
+    areOptionsVisible: boolean;
+    hasAttachment: boolean;
+    hasReactions: boolean;
+    replyCountParam: {
+        replyCount: number | undefined;
+    };
+    canDisplayReadStatus: boolean;
     private quotedMessageAttachments;
-    private user;
+    user: UserResponse<DefaultStreamChatGenerics> | undefined;
     private subscriptions;
     private container;
     constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, themeService: ThemeService, dateParser: DateParserService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    get shouldDisplayThreadLink(): boolean;
-    get isSentByCurrentUser(): boolean;
-    get readByText(): string;
-    get lastReadUser(): UserResponse<DefaultStreamChatGenerics> | undefined;
-    get isOnlyReadByMe(): boolean | undefined;
-    get isReadByMultipleUsers(): boolean | undefined;
-    get isMessageDeliveredAndRead(): boolean | undefined;
-    get parsedDate(): string | undefined;
-    get areOptionsVisible(): boolean;
-    get hasAttachment(): boolean;
-    get hasReactions(): boolean;
-    get replyCountParam(): {
-        replyCount: number | undefined;
-    };
-    get canDisplayReadStatus(): boolean;
     getAttachmentListContext(): AttachmentListContext;
     getMessageContext(): SystemMessageContext;
     getQuotedMessageAttachmentListContext(): AttachmentListContext;
@@ -109,6 +110,8 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     private getMessageContent;
     private fixEmojiDisplay;
     private wrapLinskWithAnchorTag;
+    private setIsSentByCurrentUser;
+    private setLastReadUser;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "stream-message", never, { "message": "message"; "enabledMessageActions": "enabledMessageActions"; "isLastSentMessage": "isLastSentMessage"; "mode": "mode"; "isHighlighted": "isHighlighted"; "customActions": "customActions"; }, {}, never, never>;
 }

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

@@ -1,5 +1,5 @@
-import { EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
-import { Observable, Subscription } from 'rxjs';
+import { EventEmitter, OnChanges, 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';
@@ -9,11 +9,11 @@ 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, OnDestroy {
+export declare class MessageActionsBoxComponent implements OnChanges {
     private chatClientService;
     private notificationService;
     private channelService;
-    private customTemplatesService;
+    readonly customTemplatesService: CustomTemplatesService;
     /**
      * 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)
@@ -47,7 +47,6 @@ export declare class MessageActionsBoxComponent implements OnChanges, OnDestroy
     messageInputTemplate: TemplateRef<MessageInputContext> | undefined;
     messageActionItemTemplate: TemplateRef<MessageActionBoxItemContext> | undefined;
     modalTemplate: TemplateRef<ModalContext> | undefined;
-    subscriptions: Subscription[];
     visibleMessageActionItems: (MessageActionItem | CustomMessageActionItem)[];
     sendMessage$: Observable<void>;
     private readonly messageActionItems;
@@ -55,7 +54,6 @@ export declare class MessageActionsBoxComponent implements OnChanges, OnDestroy
     private sendMessageSubject;
     constructor(chatClientService: ChatClientService, notificationService: NotificationService, channelService: ChannelService, customTemplatesService: CustomTemplatesService);
     ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
     getActionLabel(actionLabelOrTranslationKey: ((message: StreamMessage) => string) | string): string;
     getMessageActionTemplateContext(item: MessageActionItem | CustomMessageActionItem): MessageActionBoxItemContext<any>;
     sendClicked(): void;

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

@@ -28,7 +28,6 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      * Determines what triggers the appearance of the message options: by default you can hover (click on mobile) anywhere in the row of the message (`message-row` option), or you can set `message-bubble`, in that case only a hover (click on mobile) in the message bubble will trigger the options to appear.
      */
     messageOptionsTrigger: 'message-row' | 'message-bubble';
-    typingIndicatorTemplate: TemplateRef<TypingIndicatorContext> | undefined;
     /**
      * You can hide the "jump to latest" button while scrolling. A potential use-case for this input would be to [workaround a known issue on iOS Safar](https://github.com/GetStream/stream-chat-angular/issues/418)
      */
@@ -54,6 +53,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      * You can turn on and off the loading indicator that signals to users that more messages are being loaded to the message list
      */
     displayLoadingIndicator: boolean;
+    typingIndicatorTemplate: TemplateRef<TypingIndicatorContext> | undefined;
     messageTemplate: TemplateRef<MessageContext> | undefined;
     customDateSeparatorTemplate: TemplateRef<DateSeparatorContext> | undefined;
     customnewMessagesIndicatorTemplate: TemplateRef<void> | undefined;
@@ -107,6 +107,7 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
         replyCount: number | undefined;
     };
     private preserveScrollbarPosition;
+    private forceRepaint;
     private getScrollPosition;
     private shouldLoadMoreMessages;
     private setMessages$;

package/lib/types.d.ts

@@ -132,6 +132,7 @@ export declare type AvatarContext = {
     channel?: Channel<DefaultStreamChatGenerics>;
     user?: User<DefaultStreamChatGenerics>;
     initialsType?: 'first-letter-of-first-word' | 'first-letter-of-each-word';
+    showOnlineIndicator?: boolean;
 };
 export declare type AttachmentPreviewListContext = {
     attachmentUploads$: Observable<AttachmentUpload[]> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.38.0",
+  "version": "4.39.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.38.0';
+export const version = '4.39.0';