stream-chat-angular 2.8.2 → 2.9.0

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

@@ -1,13 +1,16 @@
 import { OnChanges } from '@angular/core';
-import { Attachment } from 'stream-chat';
+import { Action, Attachment } from 'stream-chat';
 import { ImageLoadService } from '../message-list/image-load.service';
 import { DefaultAttachmentType } from '../types';
+import { ChannelService } from '../channel.service';
 import * as i0 from "@angular/core";
 export declare class AttachmentListComponent implements OnChanges {
     private imageLoadService;
+    private channelService;
+    messageId: string | undefined;
     attachments: Attachment<DefaultAttachmentType>[];
     orderedAttachments: Attachment<DefaultAttachmentType>[];
-    constructor(imageLoadService: ImageLoadService);
+    constructor(imageLoadService: ImageLoadService, channelService: ChannelService);
     ngOnChanges(): void;
     trackById(index: number): number;
     isImage(attachment: Attachment): boolean;
@@ -17,6 +20,8 @@ export declare class AttachmentListComponent implements OnChanges {
     hasFileSize(attachment: Attachment<DefaultAttachmentType>): boolean | 0 | undefined;
     getFileSize(attachment: Attachment<DefaultAttachmentType>): string;
     trimUrl(url?: string | null): string | null;
+    sendAction(action: Action): void;
+    trackByActionValue(_: number, item: Action): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentListComponent, "stream-attachment-list", never, { "attachments": "attachments"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentListComponent, "stream-attachment-list", never, { "messageId": "messageId"; "attachments": "attachments"; }, {}, never, never>;
 }

package/lib/channel.service.d.ts

@@ -45,6 +45,7 @@ export declare class ChannelService {
     uploadAttachments(uploads: AttachmentUpload[]): Promise<AttachmentUpload[]>;
     deleteAttachment(attachmentUpload: AttachmentUpload): Promise<void>;
     autocompleteMembers(searchTerm: string): Promise<import("stream-chat").ChannelMemberResponse<import("stream-chat").UR>[]>;
+    sendAction(messageId: string, formData: Record<string, string>): Promise<void>;
     private sendMessageRequest;
     private handleNotification;
     private handleRemovedFromChannelNotification;

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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
 import { MentionConfig } from 'angular-mentions';
-import { MentionAutcompleteListItemContext, MentionAutcompleteListItem } from '../../types';
+import { MentionAutcompleteListItemContext, MentionAutcompleteListItem, CommandAutocompleteListItemContext } from '../../types';
 import { UserResponse } from 'stream-chat';
 import { ChannelService } from '../../channel.service';
 import { TextareaInterface } from '../textarea.interface';
@@ -15,17 +15,20 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     value: string;
     areMentionsEnabled: boolean | undefined;
     mentionAutocompleteItemTemplate: TemplateRef<MentionAutcompleteListItemContext> | undefined;
+    commandAutocompleteItemTemplate: TemplateRef<CommandAutocompleteListItemContext> | undefined;
     mentionScope: 'channel' | 'application';
     readonly valueChange: EventEmitter<string>;
     readonly send: EventEmitter<void>;
     readonly userMentions: EventEmitter<UserResponse<import("stream-chat").UR>[]>;
-    private readonly labelKey;
+    private readonly autocompleteKey;
     private readonly mentionTriggerChar;
+    private readonly commandTriggerChar;
     autocompleteConfig: MentionConfig;
     private messageInput;
     private subscriptions;
     private mentionedUsers;
     private userMentionConfig;
+    private slashCommandConfig;
     private searchTerm$;
     constructor(channelService: ChannelService, chatClientService: ChatClientService, transliterationService: TransliterationService);
     ngOnChanges(changes: SimpleChanges): void;
@@ -43,5 +46,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"; "areMentionsEnabled": "areMentionsEnabled"; "mentionAutocompleteItemTemplate": "mentionAutocompleteItemTemplate"; "mentionScope": "mentionScope"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTextareaComponent, "stream-autocomplete-textarea", never, { "value": "value"; "areMentionsEnabled": "areMentionsEnabled"; "mentionAutocompleteItemTemplate": "mentionAutocompleteItemTemplate"; "commandAutocompleteItemTemplate": "commandAutocompleteItemTemplate"; "mentionScope": "mentionScope"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never>;
 }

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

@@ -1,10 +1,11 @@
 import { TemplateRef } from '@angular/core';
-import { MentionAutcompleteListItemContext } from '../types';
+import { CommandAutocompleteListItemContext, MentionAutcompleteListItemContext } from '../types';
 import * as i0 from "@angular/core";
 export declare class MessageInputConfigService {
     isFileUploadEnabled: boolean | undefined;
     areMentionsEnabled: boolean | undefined;
     mentionAutocompleteItemTemplate: TemplateRef<MentionAutcompleteListItemContext> | undefined;
+    commandAutocompleteItemTemplate: TemplateRef<CommandAutocompleteListItemContext> | undefined;
     /**
      * @deprecated https://getstream.io/chat/docs/sdk/angular/services/message-input-config/#overview
      */

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 { AttachmentUpload, MentionAutcompleteListItemContext, StreamMessage } from '../types';
+import { AttachmentUpload, CommandAutocompleteListItemContext, MentionAutcompleteListItemContext, StreamMessage } from '../types';
 import { MessageInputConfigService } from './message-input-config.service';
 import { TextareaInterface } from './textarea.interface';
 import * as i0 from "@angular/core";
@@ -22,6 +22,7 @@ export declare class MessageInputComponent implements OnChanges, OnDestroy, Afte
     areMentionsEnabled: boolean | undefined;
     mentionScope: 'channel' | 'application' | undefined;
     mentionAutocompleteItemTemplate: TemplateRef<MentionAutcompleteListItemContext> | undefined;
+    commandAutocompleteItemTemplate: TemplateRef<CommandAutocompleteListItemContext> | undefined;
     /**
      * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message-input/#caution-acceptedfiletypes
      */
@@ -55,5 +56,5 @@ export declare class MessageInputComponent implements OnChanges, OnDestroy, Afte
     private initTextarea;
     private areAttachemntsValid;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mentionAutocompleteItemTemplate": "mentionAutocompleteItemTemplate"; "acceptedFileTypes": "acceptedFileTypes"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; }, { "messageUpdate": "messageUpdate"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mentionAutocompleteItemTemplate": "mentionAutocompleteItemTemplate"; "commandAutocompleteItemTemplate": "commandAutocompleteItemTemplate"; "acceptedFileTypes": "acceptedFileTypes"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; }, { "messageUpdate": "messageUpdate"; }, never, never>;
 }

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

@@ -1,6 +1,6 @@
 import { ComponentRef, EventEmitter, OnChanges, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { UserResponse } from 'stream-chat';
-import { MentionAutcompleteListItemContext } from '../types';
+import { CommandAutocompleteListItemContext, MentionAutcompleteListItemContext } from '../types';
 import { TextareaInterface } from './textarea.interface';
 import * as i0 from "@angular/core";
 export declare class TextareaDirective implements OnChanges {
@@ -9,6 +9,7 @@ export declare class TextareaDirective implements OnChanges {
     areMentionsEnabled: boolean | undefined;
     mentionAutocompleteItemTemplate: TemplateRef<MentionAutcompleteListItemContext> | undefined;
     mentionScope?: 'channel' | 'application';
+    commandAutocompleteItemTemplate: TemplateRef<CommandAutocompleteListItemContext> | undefined;
     value: string;
     readonly valueChange: EventEmitter<string>;
     readonly send: EventEmitter<void>;
@@ -18,5 +19,5 @@ export declare class TextareaDirective implements OnChanges {
     constructor(viewContainerRef: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionAutocompleteItemTemplate": "mentionAutocompleteItemTemplate"; "mentionScope": "mentionScope"; "value": "value"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionAutocompleteItemTemplate": "mentionAutocompleteItemTemplate"; "mentionScope": "mentionScope"; "commandAutocompleteItemTemplate": "commandAutocompleteItemTemplate"; "value": "value"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never>;
 }

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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnChanges, TemplateRef } from '@angular/core';
 import { UserResponse } from 'stream-chat';
-import { MentionAutcompleteListItemContext } from '../types';
+import { CommandAutocompleteListItemContext, MentionAutcompleteListItemContext } from '../types';
 export interface TextareaInterface extends OnChanges {
     value: string;
     valueChange: EventEmitter<string>;
@@ -8,5 +8,6 @@ export interface TextareaInterface extends OnChanges {
     userMentions?: EventEmitter<UserResponse[]>;
     areMentionsEnabled?: boolean;
     mentionAutocompleteItemTemplate?: TemplateRef<MentionAutcompleteListItemContext> | undefined;
+    commandAutocompleteItemTemplate?: TemplateRef<CommandAutocompleteListItemContext> | undefined;
     mentionScope?: 'channel' | 'application';
 }

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import type { ChannelMemberResponse, Event, FormatMessageResponse, LiteralStringForUnion, Mute, UserResponse } from 'stream-chat';
+import type { ChannelMemberResponse, CommandResponse, Event, FormatMessageResponse, LiteralStringForUnion, Mute, UserResponse } from 'stream-chat';
 export declare type UnknownType = Record<string, unknown>;
 export declare type CustomTrigger = {
     [key: string]: {
@@ -50,6 +50,12 @@ export declare type AttachmentUpload = {
 export declare type MentionAutcompleteListItemContext = {
     item: MentionAutcompleteListItem;
 };
+export declare type CommandAutocompleteListItemContext = {
+    item: ComandAutocompleteListItem;
+};
 export declare type MentionAutcompleteListItem = (ChannelMemberResponse | UserResponse) & {
     autocompleteLabel: string;
 };
+export declare type ComandAutocompleteListItem = CommandResponse & {
+    autocompleteLabel: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "2.8.2",
+  "version": "2.9.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.8.2';
+export const version = '2.9.0';