stream-chat-angular 4.17.0 → 4.18.0

package/lib/attachment-preview-list/attachment-preview-list.component.d.ts

@@ -18,7 +18,7 @@ export declare class AttachmentPreviewListComponent {
     /**
      * An output to notify the parent component if the user wants to delete a file
      */
-    readonly deleteAttachment: EventEmitter<AttachmentUpload>;
+    readonly deleteAttachment: EventEmitter<AttachmentUpload<import("../types").DefaultStreamChatGenerics>>;
     themeVersion: '1' | '2';
     constructor(themeService: ThemeService);
     attachmentUploadRetried(file: File): void;

package/lib/attachment.service.d.ts

@@ -2,12 +2,12 @@ import { Observable } from 'rxjs';
 import { Attachment } from 'stream-chat';
 import { ChannelService } from './channel.service';
 import { NotificationService } from './notification.service';
-import { AttachmentUpload } from './types';
+import { AttachmentUpload, DefaultStreamChatGenerics } from './types';
 import * as i0 from "@angular/core";
 /**
  * The `AttachmentService` manages the uploads of a message input.
  */
-export declare class AttachmentService {
+export declare class AttachmentService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     private channelService;
     private notificationService;
     /**
@@ -31,6 +31,14 @@ export declare class AttachmentService {
      * @returns A promise with the result
      */
     filesSelected(fileList: FileList | null): Promise<void>;
+    /**
+     * You can add custom `image`, `video` and `file` attachments using this method.
+     *
+     * Note: If you just want to use your own CDN for file uploads, you don't necessary need this method, you can just specify you own upload function in the [`ChannelService`](./ChannelService.mdx)
+     *
+     * @param attachment
+     */
+    addAttachment(attachment: Attachment<T>): void;
     /**
      * Retries to upload an attachment.
      * @param file
@@ -51,9 +59,9 @@ export declare class AttachmentService {
      * Maps attachments received from the Stream API to uploads. This is useful when editing a message.
      * @param attachments Attachemnts received with the message
      */
-    createFromAttachments(attachments: Attachment[]): void;
+    createFromAttachments(attachments: Attachment<T>[]): void;
     private createPreview;
     private uploadAttachments;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentService<any>>;
 }

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

@@ -1,6 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, CommandAutocompleteListItemContext, DeliveredStatusContext, EmojiPickerContext, IconContext, LoadingIndicatorContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageInputContext, MessageReactionsContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, ThreadHeaderContext, TypingIndicatorContext } from './types';
+import { AttachmentListContext, AttachmentPreviewListContext, AvatarContext, ChannelActionsContext, ChannelHeaderInfoContext, ChannelPreviewContext, CommandAutocompleteListItemContext, CustomAttachmentUploadContext, DeliveredStatusContext, EmojiPickerContext, IconContext, LoadingIndicatorContext, MentionAutcompleteListItemContext, MentionTemplateContext, MessageActionBoxItemContext, MessageActionsBoxContext, MessageContext, MessageInputContext, MessageReactionsContext, ModalContext, NotificationContext, ReadStatusContext, SendingStatusContext, ThreadHeaderContext, TypingIndicatorContext } from './types';
 import * as i0 from "@angular/core";
 /**
  * A central location for registering your custom templates to override parts of the chat application.
@@ -128,20 +128,34 @@ export declare class CustomTemplatesService {
     threadHeaderTemplate$: BehaviorSubject<TemplateRef<ThreadHeaderContext> | undefined>;
     /**
      * The template used for displaying the delivered state of the message inside the [message component](../components/MessageComponent.mdx)
+     *
+     * 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).
      */
     deliveredStatusTemplate$: BehaviorSubject<TemplateRef<DeliveredStatusContext> | undefined>;
     /**
      * The template used for displaying the sending state of the message inside the [message component](../components/MessageComponent.mdx)
+     *
+     * 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).
      */
     sendingStatusTemplate$: BehaviorSubject<TemplateRef<SendingStatusContext> | undefined>;
     /**
      * The template used for displaying the sent state of the message inside the [message component](../components/MessageComponent.mdx)
+     *
+     * 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).
      */
     readStatusTemplate$: BehaviorSubject<TemplateRef<ReadStatusContext> | undefined>;
     /**
      * The template used to display additional information about a channel under the channel name inside the [channel header component](../components/ChannelHeaderComponent.mdx)
+     *
+     * 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).
      */
     channelHeaderInfoTemplate$: BehaviorSubject<TemplateRef<ChannelHeaderInfoContext<import("./types").DefaultStreamChatGenerics>> | undefined>;
+    /**
+     * The template used for displaying file upload/attachment selector inside the [message input](../components/MessageInputComponent.mdx)
+     *
+     * 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).
+     */
+    customAttachmentUploadTemplate$: BehaviorSubject<TemplateRef<CustomAttachmentUploadContext> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService>;

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

@@ -5,7 +5,7 @@ import { UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
 import { NotificationService } from '../notification.service';
-import { AttachmentPreviewListContext, AttachmentUpload, DefaultStreamChatGenerics, EmojiPickerContext, StreamMessage } from '../types';
+import { AttachmentPreviewListContext, AttachmentUpload, CustomAttachmentUploadContext, DefaultStreamChatGenerics, EmojiPickerContext, StreamMessage } from '../types';
 import { MessageInputConfigService } from './message-input-config.service';
 import { TextareaInterface } from './textarea.interface';
 import { EmojiInputService } from './emoji-input.service';
@@ -76,6 +76,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     cooldown$: Observable<number> | undefined;
     isCooldownInProgress: boolean;
     emojiPickerTemplate: TemplateRef<EmojiPickerContext> | undefined;
+    customAttachmentUploadTemplate: TemplateRef<CustomAttachmentUploadContext> | undefined;
     attachmentPreviewListTemplate: TemplateRef<AttachmentPreviewListContext> | undefined;
     textareaPlaceholder: string;
     themeVersion: '1' | '2';
@@ -103,6 +104,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
             id?: string | undefined;
             images?: import("stream-chat").Attachment<DefaultStreamChatGenerics>[] | undefined;
             mime_type?: string | undefined;
+            isCustomAttachment?: boolean | undefined;
         };
         channelType: import("stream-chat").UR & import("../types").UnknownType & {
             image?: string | undefined;
@@ -122,6 +124,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     deselectMessageToQuote(): void;
     getEmojiPickerContext(): EmojiPickerContext;
     getAttachmentPreviewListContext(): AttachmentPreviewListContext;
+    getAttachmentUploadContext(): CustomAttachmentUploadContext;
     private deleteUpload;
     private retryUpload;
     private clearFileInput;

package/lib/types.d.ts

@@ -1,6 +1,7 @@
 import { TemplateRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import type { Attachment, Channel, ChannelMemberResponse, CommandResponse, Event, ExtendableGenerics, FormatMessageResponse, LiteralStringForUnion, MessageResponseBase, Mute, ReactionResponse, User, UserResponse } from 'stream-chat';
+import { AttachmentService } from './attachment.service';
 import { Icon } from './icon/icon.component';
 export declare type UnknownType = Record<string, unknown>;
 export declare type CustomTrigger = {
@@ -23,6 +24,7 @@ export declare type DefaultAttachmentType = UnknownType & {
     id?: string;
     images?: Array<Attachment<DefaultStreamChatGenerics>>;
     mime_type?: string;
+    isCustomAttachment?: boolean;
 };
 export declare type DefaultChannelType = UnknownType & {
     image?: string;
@@ -48,13 +50,14 @@ export declare type DefaultUserType = UnknownType & DefaultUserTypeInternal & {
     mutes?: Array<Mute<DefaultStreamChatGenerics>>;
 };
 export declare type StreamMessage<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = FormatMessageResponse<T>;
-export declare type AttachmentUpload = {
+export declare type AttachmentUpload<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     file: File;
     state: 'error' | 'success' | 'uploading';
     url?: string;
     type: 'image' | 'file' | 'video';
     previewUri?: string | ArrayBuffer;
     thumb_url?: string;
+    fromAttachment?: Attachment<T>;
 };
 export declare type MentionAutcompleteListItemContext = {
     item: MentionAutcompleteListItem;
@@ -209,3 +212,7 @@ export declare type ReadStatusContext = {
 export declare type ChannelHeaderInfoContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     channel: Channel<T>;
 };
+export declare type CustomAttachmentUploadContext = {
+    isMultipleFileUploadEnabled: boolean | undefined;
+    attachmentService: AttachmentService;
+};

package/package.json

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