stream-chat-angular 2.13.1 → 2.14.0

package/lib/channel.service.d.ts

@@ -69,6 +69,8 @@ export declare class ChannelService {
     /**
      * Custom event handler to call if a new message received from a channel that is not being watched, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
+    usersTypingInChannel$: Observable<UserResponse[]>;
+    usersTypingInThread$: Observable<UserResponse[]>;
     customNewMessageNotificationHandler?: (notification: Notification, channelListSetter: (channels: Channel[]) => void) => void;
     /**
      * Custom event handler to call when the user is added to a channel, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
@@ -114,6 +116,8 @@ export declare class ChannelService {
     private options;
     private readonly messagePageSize;
     private messageToQuoteSubject;
+    private usersTypingInChannelSubject;
+    private usersTypingInThreadSubject;
     private channelListSetter;
     private messageListSetter;
     private threadListSetter;
@@ -224,6 +228,16 @@ export declare class ChannelService {
     private addChannelFromNotification;
     private removeFromChannelList;
     private watchForActiveChannelEvents;
+    /**
+     * Call this method if user started typing in the active channel
+     * @param parentId The id of the parent message, if user is typing in a thread
+     */
+    typingStarted(parentId?: string): Promise<void>;
+    /**
+     * Call this method if user stopped typing in the active channel
+     * @param parentId The id of the parent message, if user were typing in a thread
+     */
+    typingStopped(parentId?: string): Promise<void>;
     private messageUpdated;
     private messageReactionEventReceived;
     private formatMessage;
@@ -241,6 +255,8 @@ export declare class ChannelService {
     private get channels();
     private get canSendReadEvents();
     private transformToStreamMessage;
+    private handleTypingStartEvent;
+    private handleTypingStopEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ChannelService>;
 }

package/lib/message-input/emoji-input.service.d.ts

@@ -1,11 +1,11 @@
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
- *
+ * If you have an emoji picker in your application, you can propagate the selected emoji to the textarea using this service, more info can be found in [custom emoji picker guide](../code-examples/emoji-picker.mdx)
  */
 export declare class EmojiInputService {
     /**
-     *
+     * If you have an emoji picker in your application, you can propagate the selected emoji to the textarea using this Subject, more info can be found in [custom emoji picker guide](../code-examples/emoji-picker.mdx)
      */
     emojiInput$: Subject<string>;
     constructor();

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef, Type } from '@angular/core';
 import { ChatClientService } from '../chat-client.service';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
@@ -42,6 +42,7 @@ export declare class MessageInputComponent implements OnChanges, OnDestroy, Afte
     textareaRef: ComponentRef<TextareaInterface> | undefined;
     mentionedUsers: UserResponse[];
     quotedMessage: undefined | StreamMessage;
+    typingStart$: Subject<void>;
     private fileInput;
     private textareaAnchor;
     private subscriptions;
@@ -64,6 +65,7 @@ export declare class MessageInputComponent implements OnChanges, OnDestroy, Afte
     private initTextarea;
     private areAttachemntsValid;
     private setCanSendMessages;
+    private get parentMessageId();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mentionAutocompleteItemTemplate": "mentionAutocompleteItemTemplate"; "commandAutocompleteItemTemplate": "commandAutocompleteItemTemplate"; "emojiPickerTemplate": "emojiPickerTemplate"; "mode": "mode"; "acceptedFileTypes": "acceptedFileTypes"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; }, { "messageUpdate": "messageUpdate"; }, never, never>;
 }

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

@@ -1,10 +1,11 @@
 import { AfterViewChecked, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { ChannelService } from '../channel.service';
 import { Observable } from 'rxjs';
-import { StreamMessage } from '../types';
+import { DefaultUserType, StreamMessage } from '../types';
 import { ChatClientService } from '../chat-client.service';
 import { GroupStyle } from './group-styles';
 import { ImageLoadService } from './image-load.service';
+import { UserResponse } from 'stream-chat';
 import * as i0 from "@angular/core";
 export declare class MessageListComponent implements AfterViewChecked, OnChanges, OnInit, OnDestroy {
     private channelService;
@@ -13,6 +14,9 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     messageTemplate: TemplateRef<any> | undefined;
     messageInputTemplate: TemplateRef<any> | undefined;
     mentionTemplate: TemplateRef<any> | undefined;
+    typingIndicatorTemplate: TemplateRef<{
+        usersTyping$: Observable<UserResponse<DefaultUserType>[]>;
+    }> | undefined;
     /**
      * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message_list/#caution-arereactionsenabled-deprecated
      */
@@ -44,12 +48,16 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private readonly isUserScrolledUpThreshold;
     private subscriptions;
     private prevScrollTop;
+    private usersTypingInChannel$;
+    private usersTypingInThread$;
     constructor(channelService: ChannelService, chatClientService: ChatClientService, imageLoadService: ImageLoadService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
+    get usersTyping$(): Observable<UserResponse<DefaultUserType<import("../types").DefaultUserTypeInternal>>[]>;
     trackByMessageId(index: number, item: StreamMessage): string;
+    trackByUserId(index: number, user: UserResponse): string;
     scrollToBottom(): void;
     scrolled(): void;
     private preserveScrollbarPosition;
@@ -57,5 +65,5 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private setMessages$;
     private resetScrollState;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "messageTemplate": "messageTemplate"; "messageInputTemplate": "messageInputTemplate"; "mentionTemplate": "mentionTemplate"; "areReactionsEnabled": "areReactionsEnabled"; "enabledMessageActionsInput": "enabledMessageActions"; "mode": "mode"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "messageTemplate": "messageTemplate"; "messageInputTemplate": "messageInputTemplate"; "mentionTemplate": "mentionTemplate"; "typingIndicatorTemplate": "typingIndicatorTemplate"; "areReactionsEnabled": "areReactionsEnabled"; "enabledMessageActionsInput": "enabledMessageActions"; "mode": "mode"; }, {}, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "2.13.1",
+  "version": "2.14.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 = '2.13.1';
+export const version = '2.14.0';