stream-chat-angular 4.21.0 → 4.23.0

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

@@ -1,6 +1,6 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { Action, Attachment } from 'stream-chat';
-import { ModalContext, DefaultStreamChatGenerics, AttachmentConfigration, VideoAttachmentConfiguration, ImageAttachmentConfiguration } from '../types';
+import { ModalContext, DefaultStreamChatGenerics, AttachmentConfigration, VideoAttachmentConfiguration, ImageAttachmentConfiguration, AttachmentContext } from '../types';
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { AttachmentConfigurationService } from '../attachment-configuration.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 {
+export declare class AttachmentListComponent implements OnChanges, OnInit, OnDestroy {
     readonly customTemplatesService: CustomTemplatesService;
     private channelService;
     private attachmentConfigurationService;
@@ -34,10 +34,19 @@ export declare class AttachmentListComponent implements OnChanges {
     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;
@@ -54,6 +63,7 @@ export declare class AttachmentListComponent implements OnChanges {
     openImageModal(attachments: Attachment[], selectedIndex?: number): void;
     stepImages(dir: -1 | 1): void;
     trackByImageUrl(_: number, item: Attachment): unknown;
+    getAttachmentContext(attachment: Attachment<DefaultStreamChatGenerics>): AttachmentContext;
     getImageAttachmentConfiguration(attachment: Attachment, type: 'gallery' | 'single', element: HTMLElement): ImageAttachmentConfiguration;
     getCarouselImageAttachmentConfiguration(attachment: Attachment, element: HTMLElement): ImageAttachmentConfiguration;
     getVideoAttachmentConfiguration(attachment: Attachment, element: HTMLElement): VideoAttachmentConfiguration;

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

@@ -1,6 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, CommandAutocompleteListItemContext, CustomAttachmentUploadContext, DeliveredStatusContext, EmojiPickerContext, IconContext, LoadingIndicatorContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageInputContext, MessageReactionsContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, ThreadHeaderContext, TypingIndicatorContext } from './types';
+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, 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.
@@ -156,6 +156,30 @@ export declare class CustomTemplatesService {
      * For code examples to the different customizations see our [customizations example application](https://github.com/GetStream/stream-chat-angular/tree/master/projects/customizations-example), specifically the [AppComponent](https://github.com/GetStream/stream-chat-angular/tree/master/projects/customizations-example/src/app) (see [README](https://github.com/GetStream/stream-chat-angular/blob/master/README.md#customization-examples) for instructions on how to start the application).
      */
     customAttachmentUploadTemplate$: BehaviorSubject<TemplateRef<CustomAttachmentUploadContext> | undefined>;
+    /**
+     * The template that can be used to override how a single image attachment is displayed inside the [attachment list](../components/AttachmentListComponent.mdx)
+     */
+    imageAttachmentTemplate$: BehaviorSubject<TemplateRef<AttachmentContext> | undefined>;
+    /**
+     * The template that can be used to override how a video attachment is displayed inside the [attachment list](../components/AttachmentListComponent.mdx)
+     */
+    videoAttachmentTemplate$: BehaviorSubject<TemplateRef<AttachmentContext> | undefined>;
+    /**
+     * The template that can be used to override how image gallery is displayed inside the [attachment list](../components/AttachmentListComponent.mdx)
+     */
+    galleryAttachmentTemplate$: BehaviorSubject<TemplateRef<AttachmentContext> | undefined>;
+    /**
+     * The template that can be used to override how a file attachment is displayed inside the [attachment list](../components/AttachmentListComponent.mdx)
+     */
+    fileAttachmentTemplate$: BehaviorSubject<TemplateRef<AttachmentContext> | undefined>;
+    /**
+     * The template that can be used to override how a card attachment is displayed inside the [attachment list](../components/AttachmentListComponent.mdx)
+     */
+    cardAttachmentTemplate$: BehaviorSubject<TemplateRef<AttachmentContext> | undefined>;
+    /**
+     * The template that can be used to override how attachment actions are displayed inside the [attachment list](../components/AttachmentListComponent.mdx)
+     */
+    attachmentActionsTemplate$: BehaviorSubject<TemplateRef<AttachmentContext> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService>;

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

@@ -27,6 +27,10 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      */
     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)
+     */
+    hideJumpToLatestButtonDuringScroll: boolean;
     messageTemplate: TemplateRef<MessageContext> | undefined;
     messages$: Observable<StreamMessage[]>;
     enabledMessageActions: string[];
@@ -38,6 +42,8 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     parentMessage: StreamMessage | undefined;
     highlightedMessageId: string | undefined;
     isLoading: boolean;
+    isScrollInProgress: boolean;
+    scrollEndTimeout: any;
     private scrollContainer;
     private parentMessageElement;
     private latestMessage;
@@ -80,5 +86,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"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; "direction": "direction"; "messageOptionsTrigger": "messageOptionsTrigger"; "hideJumpToLatestButtonDuringScroll": "hideJumpToLatestButtonDuringScroll"; }, {}, never, never>;
 }

package/lib/types.d.ts

@@ -217,3 +217,6 @@ export declare type CustomAttachmentUploadContext = {
     isMultipleFileUploadEnabled: boolean | undefined;
     attachmentService: AttachmentService;
 };
+export declare type AttachmentContext = {
+    attachment: Attachment<DefaultStreamChatGenerics>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.21.0",
+  "version": "4.23.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.21.0';
+export const version = '4.23.0';