stream-chat-angular 5.11.2 → 5.12.0

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

@@ -1,13 +1,13 @@
 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, ThreadReplyButtonContext, 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, MessageTextContext, 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.
  *
  * 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).
  *
- * You can find the type definitions of the context that is provided for each template [on GitHub](https://github.com/GetStream/stream-chat-angular/blob/master/projects/stream-chat-angu)
+ * You can find the type definitions of the context that is provided for each template [on GitHub](https://github.com/GetStream/stream-chat-angular/blob/master/projects/stream-chat-angular/src/lib/types.ts)
  */
 export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     /**
@@ -227,6 +227,10 @@ export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics
      * 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>;
+    /**
+     * Template to display the text content inside the [message component](/chat/docs/sdk/angular/components/MessageComponent/). The default component is [stream-message-text](/chat/docs/sdk/angular/components/MessageTextComponent/)
+     */
+    messageTextTemplate$: BehaviorSubject<TemplateRef<MessageTextContext> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService<any>>;

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

@@ -2,20 +2,14 @@ import { OnChanges, SimpleChanges, OnDestroy, OnInit, ChangeDetectorRef, AfterVi
 import { UserResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
-import { AttachmentListContext, MentionTemplateContext, MessageActionsBoxContext, MessageReactionsContext, DefaultStreamChatGenerics, StreamMessage, DeliveredStatusContext, SendingStatusContext, ReadStatusContext, SystemMessageContext, CustomMetadataContext } from '../types';
+import { AttachmentListContext, MessageActionsBoxContext, MessageReactionsContext, DefaultStreamChatGenerics, StreamMessage, DeliveredStatusContext, SendingStatusContext, ReadStatusContext, SystemMessageContext, CustomMetadataContext, MessageTextContext } from '../types';
 import { Observable } from 'rxjs';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { DateParserService } from '../date-parser.service';
-import { MessageService } from '../message.service';
 import { MessageActionsService } from '../message-actions.service';
 import { NgxFloatUiContentComponent, NgxFloatUiLooseDirective } from 'ngx-float-ui';
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
-declare type MessagePart = {
-    content: string;
-    type: 'text' | 'mention';
-    user?: UserResponse;
-};
 /**
  * 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)](/chat/docs/sdk/angular/concepts/message-interactions/).
  */
@@ -25,7 +19,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     customTemplatesService: CustomTemplatesService;
     private cdRef;
     private dateParser;
-    private messageService;
     messageActionsService: MessageActionsService;
     private ngZone;
     private translateService;
@@ -56,15 +49,12 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     canReceiveReadEvents: boolean | undefined;
     canReactToMessage: boolean | undefined;
     isEditedFlagOpened: boolean;
-    messageTextParts: MessagePart[] | undefined;
-    messageText?: string;
     shouldDisplayTranslationNotice: boolean;
     displayedMessageTextContent: 'original' | 'translation';
     imageAttachmentModalState: 'opened' | 'closed';
     shouldDisplayThreadLink: boolean;
     isSentByCurrentUser: boolean;
     readByText: string;
-    displayAs: 'text' | 'html';
     lastReadUser: UserResponse<DefaultStreamChatGenerics> | undefined;
     isOnlyReadByMe: boolean;
     isReadByMultipleUsers: boolean;
@@ -84,8 +74,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     private subscriptions;
     private isViewInited;
     private userId?;
-    private readonly urlRegexp;
-    private emojiRegexp;
     messageMenuTrigger: NgxFloatUiLooseDirective;
     messageMenuFloat: NgxFloatUiContentComponent;
     messageTextElement?: ElementRef<HTMLElement>;
@@ -94,7 +82,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     private shouldPreventMessageMenuClose;
     private _visibleMessageActionsCount;
     private channelMemberCount?;
-    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, dateParser: DateParserService, messageService: MessageService, messageActionsService: MessageActionsService, ngZone: NgZone, translateService: TranslateService);
+    constructor(chatClientService: ChatClientService, channelService: ChannelService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, dateParser: DateParserService, messageActionsService: MessageActionsService, ngZone: NgZone, translateService: TranslateService);
     get visibleMessageActionsCount(): number;
     set visibleMessageActionsCount(count: number);
     ngOnInit(): void;
@@ -110,25 +98,22 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     messageActionsBoxClicked(floatingContent: NgxFloatUiContentComponent): void;
     getAttachmentListContext(): AttachmentListContext;
     getMessageContext(): SystemMessageContext;
+    getMessageTextContext(): MessageTextContext;
+    getQuotedMessageTextContext(): MessageTextContext;
     getQuotedMessageAttachmentListContext(): AttachmentListContext;
     getMessageReactionsContext(): MessageReactionsContext;
     messageClicked(): void;
     resendMessage(): void;
     setAsActiveParentMessage(): void;
-    getMentionContext(messagePart: MessagePart): MentionTemplateContext;
     getMessageActionsBoxContext(): MessageActionsBoxContext;
     getDeliveredStatusContext(): DeliveredStatusContext;
     getSendingStatusContext(): SendingStatusContext;
     getReadStatusContext(): ReadStatusContext;
     getMessageMetadataContext(): CustomMetadataContext;
     jumpToMessage(messageId: string, parentMessageId?: string): void;
+    openMessageBouncePrompt(): void;
     displayTranslatedMessage(): void;
     displayOriginalMessage(): void;
-    openMessageBouncePrompt(): void;
-    private createMessageParts;
-    private getMessageContent;
-    private fixEmojiDisplay;
-    private wrapLinksWithAnchorTag;
     private updateReadByText;
     private setIsSentByCurrentUser;
     private setLastReadUser;
@@ -138,4 +123,3 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "stream-message", never, { "message": "message"; "enabledMessageActions": "enabledMessageActions"; "isLastSentMessage": "isLastSentMessage"; "mode": "mode"; "isHighlighted": "isHighlighted"; "scroll$": "scroll$"; }, {}, never, never, false, never>;
 }
-export {};

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

@@ -4,7 +4,7 @@ import { Attachment, UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
 import { NotificationService } from '../notification.service';
-import { AttachmentPreviewListContext, AttachmentUpload, AudioRecording, CustomAttachmentUploadContext, DefaultStreamChatGenerics, EmojiPickerContext, StreamMessage } from '../types';
+import { AttachmentPreviewListContext, AttachmentUpload, AudioRecording, CustomAttachmentUploadContext, DefaultStreamChatGenerics, EmojiPickerContext, MessageTextContext, StreamMessage } from '../types';
 import { MessageInputConfigService } from './message-input-config.service';
 import { TextareaInterface } from './textarea.interface';
 import { EmojiInputService } from './emoji-input.service';
@@ -25,7 +25,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private componentFactoryResolver;
     private cdRef;
     private emojiInputService;
-    private customTemplatesService;
+    readonly customTemplatesService: CustomTemplatesService;
     private messageActionsService;
     readonly voiceRecorderService: VoiceRecorderService;
     audioRecorder?: AudioRecorderService | undefined;
@@ -157,6 +157,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     getEmojiPickerContext(): EmojiPickerContext;
     getAttachmentPreviewListContext(): AttachmentPreviewListContext;
     getAttachmentUploadContext(): CustomAttachmentUploadContext;
+    getQuotedMessageTextContext(): MessageTextContext;
     startVoiceRecording(): Promise<void>;
     voiceRecordingReady(recording: AudioRecording): Promise<void>;
     get isUpdate(): boolean;

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

@@ -0,0 +1,45 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { DefaultStreamChatGenerics, MentionTemplateContext, StreamMessage } from '../types';
+import { MessageResponseBase, UserResponse } from 'stream-chat';
+import { MessageService } from '../message.service';
+import { CustomTemplatesService } from '../custom-templates.service';
+import * as i0 from "@angular/core";
+declare type MessagePart = {
+    content: string;
+    type: 'text' | 'mention';
+    user?: UserResponse;
+};
+/**
+ * The `MessageTextComponent` displays the text content of a message.
+ */
+export declare class MessageTextComponent implements OnChanges {
+    private messageService;
+    readonly customTemplatesService: CustomTemplatesService;
+    /**
+     * The message which text should be displayed
+     */
+    message: StreamMessage<DefaultStreamChatGenerics> | undefined | MessageResponseBase<DefaultStreamChatGenerics>;
+    /**
+     * `true` if the component displayes a message quote
+     */
+    isQuoted: boolean;
+    /**
+     * `true` if the
+     */
+    shouldTranslate: boolean;
+    messageTextParts: MessagePart[] | undefined;
+    messageText?: string;
+    displayAs: 'text' | 'html';
+    private readonly urlRegexp;
+    private emojiRegexp;
+    constructor(messageService: MessageService, customTemplatesService: CustomTemplatesService);
+    ngOnChanges(changes: SimpleChanges): void;
+    getMentionContext(messagePart: MessagePart): MentionTemplateContext;
+    private createMessageParts;
+    private getMessageContent;
+    private fixEmojiDisplay;
+    private wrapLinksWithAnchorTag;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageTextComponent, "stream-message-text", never, { "message": "message"; "isQuoted": "isQuoted"; "shouldTranslate": "shouldTranslate"; }, {}, never, never, false, never>;
+}
+export {};

package/lib/stream-chat.module.d.ts

@@ -19,14 +19,15 @@ import * as i17 from "./message-bounce-prompt/message-bounce-prompt.component";
 import * as i18 from "./message-reactions-selector/message-reactions-selector.component";
 import * as i19 from "./user-list/user-list.component";
 import * as i20 from "./paginated-list/paginated-list.component";
-import * as i21 from "@angular/common";
-import * as i22 from "ngx-float-ui";
-import * as i23 from "./stream-avatar.module";
-import * as i24 from "@ngx-translate/core";
-import * as i25 from "./voice-recording/voice-recording.module";
-import * as i26 from "./icon/icon.module";
+import * as i21 from "./message-text/message-text.component";
+import * as i22 from "@angular/common";
+import * as i23 from "ngx-float-ui";
+import * as i24 from "./stream-avatar.module";
+import * as i25 from "@ngx-translate/core";
+import * as i26 from "./voice-recording/voice-recording.module";
+import * as i27 from "./icon/icon.module";
 export declare class StreamChatModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StreamChatModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StreamChatModule, [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.MessageActionsBoxComponent, typeof i9.AttachmentListComponent, typeof i10.MessageReactionsComponent, typeof i11.NotificationComponent, typeof i12.NotificationListComponent, typeof i13.AttachmentPreviewListComponent, typeof i14.ModalComponent, typeof i15.TextareaDirective, typeof i16.ThreadComponent, typeof i17.MessageBouncePromptComponent, typeof i18.MessageReactionsSelectorComponent, typeof i19.UserListComponent, typeof i20.PaginatedListComponent], [typeof i21.CommonModule, typeof i22.NgxFloatUiModule, typeof i23.StreamAvatarModule, typeof i24.TranslateModule, typeof i25.VoiceRecordingModule, typeof i26.IconModule], [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.MessageActionsBoxComponent, typeof i9.AttachmentListComponent, typeof i10.MessageReactionsComponent, typeof i11.NotificationComponent, typeof i12.NotificationListComponent, typeof i13.AttachmentPreviewListComponent, typeof i14.ModalComponent, typeof i23.StreamAvatarModule, typeof i16.ThreadComponent, typeof i17.MessageBouncePromptComponent, typeof i25.VoiceRecordingModule, typeof i18.MessageReactionsSelectorComponent, typeof i19.UserListComponent, typeof i20.PaginatedListComponent, typeof i26.IconModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StreamChatModule, [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.MessageActionsBoxComponent, typeof i9.AttachmentListComponent, typeof i10.MessageReactionsComponent, typeof i11.NotificationComponent, typeof i12.NotificationListComponent, typeof i13.AttachmentPreviewListComponent, typeof i14.ModalComponent, typeof i15.TextareaDirective, typeof i16.ThreadComponent, typeof i17.MessageBouncePromptComponent, typeof i18.MessageReactionsSelectorComponent, typeof i19.UserListComponent, typeof i20.PaginatedListComponent, typeof i21.MessageTextComponent], [typeof i22.CommonModule, typeof i23.NgxFloatUiModule, typeof i24.StreamAvatarModule, typeof i25.TranslateModule, typeof i26.VoiceRecordingModule, typeof i27.IconModule], [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.MessageActionsBoxComponent, typeof i9.AttachmentListComponent, typeof i10.MessageReactionsComponent, typeof i11.NotificationComponent, typeof i12.NotificationListComponent, typeof i13.AttachmentPreviewListComponent, typeof i14.ModalComponent, typeof i24.StreamAvatarModule, typeof i16.ThreadComponent, typeof i17.MessageBouncePromptComponent, typeof i26.VoiceRecordingModule, typeof i18.MessageReactionsSelectorComponent, typeof i19.UserListComponent, typeof i20.PaginatedListComponent, typeof i27.IconModule, typeof i21.MessageTextComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StreamChatModule>;
 }

package/lib/types.d.ts

@@ -377,4 +377,9 @@ export declare type CustomAutocomplete = {
      */
     updateOptions?: (searchTerm: string) => Promise<CustomAutocompleteItem[]>;
 };
+export declare type MessageTextContext = {
+    message: StreamMessage | undefined | MessageResponseBase;
+    isQuoted: boolean;
+    shouldTranslate: boolean;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "5.11.2",
+  "version": "5.12.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",

package/public-api.d.ts

@@ -76,3 +76,4 @@ export * from './lib/voice-recorder//voice-recorder-wavebar/voice-recorder-waveb
 export * from './lib/format-duration';
 export * from './lib/message-input/voice-recorder.service';
 export * from './lib/voice-recorder/mp3-transcoder';
+export * from './lib/message-text/message-text.component';