stream-chat-angular 5.5.0 → 5.7.0

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

@@ -1,6 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { AttachmentContext, AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, ChannelPreviewInfoContext, CommandAutocompleteListItemContext, CustomAttachmentListContext, CustomAttachmentPreviewListContext, CustomAttachmentUploadContext, CustomMetadataContext, DateSeparatorContext, DefaultStreamChatGenerics, DeliveredStatusContext, EmojiPickerContext, IconContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageReactionsContext, MessageReactionsSelectorContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, SystemMessageContext, ThreadHeaderContext, TypingIndicatorContext, UnreadMessagesIndicatorContext, UnreadMessagesNotificationContext } from './types';
+import { AttachmentContext, AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, ChannelPreviewInfoContext, CommandAutocompleteListItemContext, CustomAttachmentListContext, CustomAttachmentPreviewListContext, CustomAttachmentUploadContext, CustomMetadataContext, DateSeparatorContext, DefaultStreamChatGenerics, DeliveredStatusContext, EmojiPickerContext, IconContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageReactionsContext, MessageReactionsSelectorContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, SystemMessageContext, ThreadHeaderContext, ThreadReplyButtonContext, TypingIndicatorContext, UnreadMessagesIndicatorContext, UnreadMessagesNotificationContext } from './types';
 import * as i0 from "@angular/core";
 /**
  * A central location for registering your custom templates to override parts of the chat application.
@@ -217,6 +217,16 @@ export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics
      * The template used to display custom attachments in the [message component](../../components/MessageComponent.mdx)
      */
     customAttachmentListTemplate$: BehaviorSubject<TemplateRef<CustomAttachmentListContext<DefaultStreamChatGenerics>> | undefined>;
+    /**
+     * The template used to display the number of thread replies inside the [message component](../../components/MessageComponent.mdx)
+     */
+    threadLinkButton$: BehaviorSubject<TemplateRef<ThreadReplyButtonContext<DefaultStreamChatGenerics>> | undefined>;
+    /**
+     * Template to display custom metadata inside the message bubble of the [message component](../components/MessageComponent.mdx)
+     *
+     * To properly position your template you should override the `grid-template-areas` of the `.str-chat__message-inner` selector
+     */
+    customMessageMetadataInsideBubbleTemplate$: BehaviorSubject<TemplateRef<CustomMetadataContext<DefaultStreamChatGenerics>> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService<any>>;

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

@@ -8,7 +8,6 @@ import { ChatClientService } from '../../chat-client.service';
 import { TransliterationService } from '../../transliteration.service';
 import { EmojiInputService } from '../emoji-input.service';
 import { CustomTemplatesService } from '../../custom-templates.service';
-import { ThemeService } from '../../theme.service';
 import * as i0 from "@angular/core";
 /**
  * The `AutocompleteTextarea` component is used by the [`MessageInput`](./MessageInputComponent.mdx) component to display the input HTML element where users can type their message.
@@ -19,7 +18,6 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     private transliterationService;
     private emojiInputService;
     private customTemplatesService;
-    private themeService;
     private cdRef;
     class: string;
     /**
@@ -58,6 +56,10 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
      * Emits the array of users that are mentioned in the message, it is updated when a user mentions a new user or deletes a mention.
      */
     readonly userMentions: EventEmitter<UserResponse<import("stream-chat").DefaultGenerics>[]>;
+    /**
+     * Emits any paste event that occured inside the textarea
+     */
+    readonly pasteFromClipboard: EventEmitter<ClipboardEvent>;
     mentionAutocompleteItemTemplate: TemplateRef<MentionAutcompleteListItemContext> | undefined;
     commandAutocompleteItemTemplate: TemplateRef<CommandAutocompleteListItemContext> | undefined;
     private readonly autocompleteKey;
@@ -71,7 +73,7 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     private slashCommandConfig;
     private searchTerm$;
     private isViewInited;
-    constructor(channelService: ChannelService, chatClientService: ChatClientService, transliterationService: TransliterationService, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, themeService: ThemeService, cdRef: ChangeDetectorRef);
+    constructor(channelService: ChannelService, chatClientService: ChatClientService, transliterationService: TransliterationService, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     filter(searchString: string, items: {
@@ -89,5 +91,5 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     private updateMentionOptions;
     private updateMentionedUsersFromText;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTextareaComponent, "stream-autocomplete-textarea", never, { "value": "value"; "placeholder": "placeholder"; "areMentionsEnabled": "areMentionsEnabled"; "inputMode": "inputMode"; "mentionScope": "mentionScope"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTextareaComponent, "stream-autocomplete-textarea", never, { "value": "value"; "placeholder": "placeholder"; "areMentionsEnabled": "areMentionsEnabled"; "inputMode": "inputMode"; "mentionScope": "mentionScope"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; "pasteFromClipboard": "pasteFromClipboard"; }, never, never, false, never>;
 }

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

@@ -1,3 +1,4 @@
+import { MessageInputComponent } from './message-input.component';
 import * as i0 from "@angular/core";
 /**
  * The `MessageInputConfigService` is used to keep a consistent configuration among the different [`MessageInput`](../components/MessageInputComponent.mdx) components if your UI has more than one input component.
@@ -28,6 +29,17 @@ export declare class MessageInputConfigService {
      * If `false`, the recording will added to the attachment preview, and users can continue composing the message.
      */
     sendVoiceRecordingImmediately: boolean;
+    /**
+     * Override the message input's default event handler for [paste events](https://developer.mozilla.org/en-US/docs/Web/API/Element/paste_event)
+     *
+     * The event handler will receive the event object, and the [message input component](../../components/MessageInputComponent).
+     *
+     * You can use the public API of the message input component to update the composer. Typically you want to update the message text and/or attachments, this is how you can do these:
+     * - Change message text: `inputComponent.textareaValue = '<new value>'`
+     * - Upload file or image attachments: `inputComponent.attachmentService.filesSelected(<files>)`
+     * - Upload custom attachments: `inputComponent.attachmentService.customAttachments$.next(<custom attachments>)`
+     */
+    customPasteEventHandler?: (event: ClipboardEvent, inputComponent: MessageInputComponent) => void;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputConfigService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MessageInputConfigService>;

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

@@ -149,6 +149,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
         };
     }>[];
     get disabledTextareaText(): "" | "streamChat.You can't send thread replies in this channel" | "streamChat.You can't send messages in this channel";
+    itemsPasted(event: ClipboardEvent): void;
     filesSelected(fileList: FileList | null): Promise<void>;
     deselectMessageToQuote(): void;
     deselectMessageToEdit(): void;

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

@@ -1,14 +1,13 @@
 import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { ThemeService } from '../../theme.service';
 import { EmojiInputService } from '../emoji-input.service';
 import { TextareaInterface } from '../textarea.interface';
+import { UserResponse } from 'stream-chat';
 import * as i0 from "@angular/core";
 /**
  * The `Textarea` component is used by the [`MessageInput`](./MessageInputComponent.mdx) component to display the input HTML element where users can type their message.
  */
 export declare class TextareaComponent implements TextareaInterface, OnChanges, OnDestroy, AfterViewInit {
     private emojiInputService;
-    private themeService;
     class: string;
     /**
      * The value of the input HTML element.
@@ -34,10 +33,17 @@ export declare class TextareaComponent implements TextareaInterface, OnChanges,
      * Emits when a user triggers a message send event (this happens when they hit the `Enter` key).
      */
     readonly send: EventEmitter<void>;
+    /**
+     * Emits any paste event that occured inside the textarea
+     */
+    readonly pasteFromClipboard: EventEmitter<ClipboardEvent>;
     private messageInput;
+    userMentions?: EventEmitter<UserResponse[]> | undefined;
+    areMentionsEnabled?: boolean | undefined;
+    mentionScope?: 'channel' | 'application' | undefined;
     private subscriptions;
     private isViewInited;
-    constructor(emojiInputService: EmojiInputService, themeService: ThemeService);
+    constructor(emojiInputService: EmojiInputService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -45,5 +51,5 @@ export declare class TextareaComponent implements TextareaInterface, OnChanges,
     enterHit(event: Event): void;
     private adjustTextareaHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "stream-textarea", never, { "value": "value"; "placeholder": "placeholder"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "stream-textarea", never, { "value": "value"; "placeholder": "placeholder"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "pasteFromClipboard": "pasteFromClipboard"; }, never, never, false, never>;
 }

package/lib/message-input/textarea.directive.d.ts

@@ -14,10 +14,11 @@ export declare class TextareaDirective implements OnChanges {
     readonly valueChange: EventEmitter<string>;
     readonly send: EventEmitter<void>;
     readonly userMentions: EventEmitter<UserResponse<import("stream-chat").DefaultGenerics>[]>;
+    readonly pasteFromClipboard: EventEmitter<ClipboardEvent>;
     private subscriptions;
     private unpropagatedChanges;
     constructor(viewContainerRef: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "inputMode": "inputMode"; "value": "value"; "placeholder": "placeholder"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "inputMode": "inputMode"; "value": "value"; "placeholder": "placeholder"; "autoFocus": "autoFocus"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; "pasteFromClipboard": "pasteFromClipboard"; }, never, never, false, never>;
 }

package/lib/message-input/textarea.interface.d.ts

@@ -5,6 +5,7 @@ export interface TextareaInterface {
     valueChange: EventEmitter<string>;
     send: EventEmitter<void>;
     userMentions?: EventEmitter<UserResponse[]>;
+    pasteFromClipboard: EventEmitter<ClipboardEvent>;
     areMentionsEnabled?: boolean;
     mentionScope?: 'channel' | 'application';
     placeholder?: string;

package/lib/types.d.ts

@@ -335,4 +335,7 @@ export declare type MediaRecording = {
 export declare type CustomAttachmentPreviewListContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     attachmentService: AttachmentService<T>;
 };
+export declare type ThreadReplyButtonContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    message: StreamMessage<T>;
+};
 export {};

package/package.json

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