stream-chat-angular 3.0.1 → 3.2.1

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core
 import { Channel } from 'stream-chat';
 import { ChannelListToggleService } from '../channel-list/channel-list-toggle.service';
 import { ChannelService } from '../channel.service';
+import { ChatClientService } from '../chat-client.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { ChannelActionsContext, DefaultStreamChatGenerics } from '../types';
 import * as i0 from "@angular/core";
@@ -13,11 +14,12 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     private channelListToggleService;
     private customTemplatesService;
     private cdRef;
+    private chatClientService;
     channelActionsTemplate?: TemplateRef<ChannelActionsContext>;
     activeChannel: Channel<DefaultStreamChatGenerics> | undefined;
     canReceiveConnectEvents: boolean | undefined;
     private subscriptions;
-    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef);
+    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, chatClientService: ChatClientService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleMenu(event: Event): void;
@@ -28,6 +30,8 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     get watcherCountParam(): {
         watcherCount: number;
     };
+    get displayText(): string | undefined;
+    get avatarName(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, {}, {}, never, never>;
 }

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

@@ -2,6 +2,7 @@ import { NgZone, OnDestroy, OnInit } from '@angular/core';
 import { Channel } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { DefaultStreamChatGenerics } from '../types';
+import { ChatClientService } from '../chat-client.service';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelPreview` component displays a channel preview in the channel list, it consists of the image, name and latest message of the channel.
@@ -9,6 +10,7 @@ import * as i0 from "@angular/core";
 export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     private channelService;
     private ngZone;
+    private chatClientService;
     /**
      * The channel to be displayed
      */
@@ -18,7 +20,7 @@ export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     latestMessage: string;
     private subscriptions;
     private canSendReadEvents;
-    constructor(channelService: ChannelService, ngZone: NgZone);
+    constructor(channelService: ChannelService, ngZone: NgZone, chatClientService: ChatClientService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     get avatarImage(): string | undefined;

package/lib/channel.service.d.ts

@@ -46,6 +46,8 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * :::important
      * If you want to subscribe to channel events, you need to manually reenter Angular's change detection zone, our [Change detection guide](../concepts/change-detection.mdx) explains this in detail.
      * :::
+     *
+     * The active channel will always be marked as read when a new message is received
      */
     activeChannel$: Observable<Channel<T> | undefined>;
     /**
@@ -159,7 +161,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     private parentMessageSetter;
     constructor(chatClientService: ChatClientService<T>, ngZone: NgZone);
     /**
-     * Sets the given `channel` as active.
+     * Sets the given `channel` as active and marks it as read.
      * @param channel
      */
     setAsActiveChannel(channel: Channel<T>): void;
@@ -181,7 +183,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      */
     loadMoreThreadReplies(): Promise<void>;
     /**
-     * Queries the channels with the given filters, sorts and options. More info about [channel querying](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) can be found in the platform documentation.
+     * Queries the channels with the given filters, sorts and options. More info about [channel querying](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) can be found in the platform documentation. By default the first channel in the list will be set as active channel and will be marked as read.
      * @param filters
      * @param sort
      * @param options

package/lib/get-channel-display-text.d.ts

@@ -0,0 +1,3 @@
+import { Channel, UserResponse } from 'stream-chat';
+import { DefaultStreamChatGenerics } from './types';
+export declare const getChannelDisplayText: (channel: Channel<DefaultStreamChatGenerics>, currentUser: UserResponse<DefaultStreamChatGenerics>) => string | undefined;

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare type Icon = 'action-icon' | 'delivered-icon' | 'reaction-icon' | 'connection-error' | 'send' | 'file-upload' | 'retry' | 'close' | 'file' | 'reply' | 'close-no-outline' | 'reply-in-thread' | 'arrow-left' | 'arrow-right' | 'menu';
+export declare type Icon = 'action-icon' | 'delivered-icon' | 'reaction-icon' | 'connection-error' | 'send' | 'file-upload' | 'retry' | 'close' | 'file' | 'reply' | 'close-no-outline' | 'reply-in-thread' | 'arrow-left' | 'arrow-right' | 'menu' | 'arrow-up' | 'arrow-down';
 /**
  * The `Icon` component can be used to display different icons (i. e. message delivered icon).
  */

package/lib/list-users.d.ts

@@ -0,0 +1,2 @@
+import { UserResponse } from 'stream-chat';
+export declare const listUsers: (users: UserResponse[]) => string;

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

@@ -69,6 +69,9 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     get canDisplayReadStatus(): boolean;
     get quotedMessageAttachments(): import("stream-chat").Attachment<{
         attachmentType: import("stream-chat").UR & import("../types").UnknownType & {
+            /**
+             * 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).
+             */
             asset_url?: string | undefined;
             id?: string | undefined;
             images?: import("stream-chat").Attachment<DefaultStreamChatGenerics>[] | undefined;

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

@@ -20,13 +20,17 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      * Determines if the message list should display channel messages or [thread messages](https://getstream.io/chat/docs/javascript/threads/?language=javascript).
      */
     mode: 'main' | 'thread';
+    /**
+     * The direction of the messages in the list, `bottom-to-top` means newest message is at the bottom of the message list and users scroll upwards to load older messages
+     */
+    direction: 'bottom-to-top' | 'top-to-bottom';
     typingIndicatorTemplate: TemplateRef<TypingIndicatorContext> | undefined;
     messageTemplate: TemplateRef<MessageContext> | undefined;
     messages$: Observable<StreamMessage[]>;
     enabledMessageActions: string[];
     private class;
     unreadMessageCount: number;
-    isUserScrolledUp: boolean | undefined;
+    isUserScrolled: boolean | undefined;
     groupStyles: GroupStyle[];
     lastSentMessageId: string | undefined;
     parentMessage: StreamMessage | undefined;
@@ -50,14 +54,17 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     ngOnDestroy(): void;
     trackByMessageId(index: number, item: StreamMessage): string;
     trackByUserId(index: number, user: UserResponse): string;
+    scrollToLatestMessage(): void;
     scrollToBottom(): void;
+    scrollToTop(): void;
     scrolled(): void;
     getTypingIndicatorContext(): TypingIndicatorContext;
     getMessageContext(message: StreamMessage): MessageContext;
     private preserveScrollbarPosition;
+    private shouldLoadMoreMessages;
     private setMessages$;
     private resetScrollState;
     private get usersTyping$();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; "direction": "direction"; }, {}, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "3.0.1",
+  "version": "3.2.1",
   "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-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/message/read-by-text';
+export * from './lib/list-users';
 export * from './lib/message-input/message-input.component';
 export * from './lib/message-input/textarea/textarea.component';
 export * from './lib/message-input/autocomplete-textarea/autocomplete-textarea.component';