stream-chat-angular 6.3.1 → 6.4.0

package/lib/channel.service.d.ts

@@ -187,6 +187,12 @@ export declare class ChannelService {
      * The provided method will be called before a message is sent to Stream's API for update. You can use this hook to tranfrom or enrich the message being updated.
      */
     beforeUpdateMessage?: (message: StreamMessage) => StreamMessage | Promise<StreamMessage>;
+    /**
+     * Since switching channels changes the state of multiple obserables, this observable can be used to check if all observables are updated.
+     * - `end` means all observables are in stable state
+     * - `start` means all observables are in unstable state
+     */
+    channelSwitchState$: Observable<'start' | 'end'>;
     /**
      * @internal
      */
@@ -216,6 +222,7 @@ export declare class ChannelService {
     private clientEventsSubscription;
     private isStateRecoveryInProgress;
     private channelQueryStateSubject;
+    private channelSwitchStateSubject;
     private channelQuery?;
     private _customPaginator;
     private channelListSetter;
@@ -367,7 +374,7 @@ export declare class ChannelService {
      * Selects or deselects the current message to quote reply to
      * @param message The message to select, if called with `undefined`, it deselects the message
      */
-    selectMessageToQuote(message: StreamMessage | undefined): void;
+    selectMessageToQuote(message: StreamMessage | undefined | MessageResponse): void;
     /**
      * Add a new channel to the channel list
      * The channel will be added to the beginning of the channel list

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, Type } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
-import { Attachment, UserResponse } from 'stream-chat';
+import { Attachment, DraftMessagePayload, DraftResponse, UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
 import { NotificationService } from '../notification.service';
@@ -89,6 +89,20 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     readonly messageUpdate: EventEmitter<{
         message: StreamMessage;
     }>;
+    /**
+     * Emits the messsage draft whenever the composed message changes.
+     *   - If the user clears the message input, or sends the message, undefined is emitted.
+     *   - If active channel changes, nothing is emitted.
+     *
+     * To save and fetch message drafts, you can use the [Stream message drafts API](https://getstream.io/chat/docs/javascript/drafts/).
+     *
+     * Message draft only works for new messages, nothing is emitted when input is in edit mode (if `message` input is set).
+     *
+     * To load a message draft into the input, use the `loadDraft` method.
+     *   - If channel id doesn't match the active channel id, the draft is ignored.
+     *   - If a thread message is loaded, and the input isn't in thread mode or parent ids don't match, the draft is ignored.
+     */
+    readonly messageDraftChange: EventEmitter<DraftMessagePayload | undefined>;
     voiceRecorderRef: TemplateRef<{
         service: VoiceRecorderService;
     }> | undefined;
@@ -125,6 +139,9 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private readonly slowModeTextareaPlaceholder;
     private messageToEdit?;
     private pollId;
+    private isChannelChangeResetInProgress;
+    private isSendingMessage;
+    private isLoadingDraft;
     constructor(channelService: ChannelService, notificationService: NotificationService, attachmentService: AttachmentService, configService: MessageInputConfigService, textareaType: Type<TextareaInterface>, componentFactoryResolver: ComponentFactoryResolver, cdRef: ChangeDetectorRef, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, messageActionsService: MessageActionsService, voiceRecorderService: VoiceRecorderService, audioRecorder?: AudioRecorderService | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -146,8 +163,18 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     openPollComposer(): void;
     closePollComposer: () => void;
     addPoll: (pollId: string) => void;
+    userMentionsChanged(userMentions: UserResponse[]): void;
+    updateMessageDraft(): void;
     voiceRecordingReady(recording: AudioRecording): Promise<void>;
     get isUpdate(): boolean;
+    /**
+     *
+     * @param draft DraftResponse to load into the message input.
+     * - Draft messages are only supported for new messages, input is ignored in edit mode (if `message` input is set).
+     * - If channel id doesn't match the active channel id, the draft is ignored.
+     * - If a thread message is loaded, and the input isn't in thread mode or parent ids don't match, the draft is ignored.
+     */
+    loadDraft(draft: DraftResponse): void;
     private deleteUpload;
     private retryUpload;
     private clearFileInput;
@@ -159,5 +186,5 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private checkIfInEditMode;
     private messageToUpdateChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputComponent, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; "sendMessage$": "sendMessage$"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; "watchForMessageToEdit": "watchForMessageToEdit"; "displaySendButton": "displaySendButton"; "displayVoiceRecordingButton": "displayVoiceRecordingButton"; "displayPollCreateButton": "displayPollCreateButton"; }, { "messageUpdate": "messageUpdate"; }, ["voiceRecorderRef"], ["[message-input-start]", "[message-input-end]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; "sendMessage$": "sendMessage$"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; "watchForMessageToEdit": "watchForMessageToEdit"; "displaySendButton": "displaySendButton"; "displayVoiceRecordingButton": "displayVoiceRecordingButton"; "displayPollCreateButton": "displayPollCreateButton"; }, { "messageUpdate": "messageUpdate"; "messageDraftChange": "messageDraftChange"; }, ["voiceRecorderRef"], ["[message-input-start]", "[message-input-end]"], false, never>;
 }

package/package.json

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