stream-chat-angular 2.8.0 → 2.10.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

@@ -35,6 +35,7 @@ export declare class ChannelService {
     setAsActiveChannel(channel: Channel): void;
     loadMoreMessages(): Promise<void>;
     init(filters: ChannelFilters, sort?: ChannelSort, options?: ChannelOptions): Promise<void>;
+    reset(): void;
     loadMoreChannels(): Promise<void>;
     addReaction(messageId: string, reactionType: MessageReactionType): Promise<void>;
     removeReaction(messageId: string, reactionType: MessageReactionType): Promise<void>;
@@ -45,6 +46,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/chat-client.service.d.ts

@@ -1,6 +1,6 @@
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
-import { OwnUserResponse } from 'stream-chat';
+import { OwnUserResponse, UserResponse } from 'stream-chat';
 import { AppSettings, Event, StreamChat, TokenOrProvider } from 'stream-chat';
 import { NotificationService } from './notification.service';
 import * as i0 from "@angular/core";
@@ -19,10 +19,11 @@ export declare class ChatClientService {
     private connectionStateSubject;
     private appSettingsSubject;
     constructor(ngZone: NgZone, notificationService: NotificationService);
-    init(apiKey: string, userOrId: string | OwnUserResponse, userTokenOrProvider: TokenOrProvider): Promise<void>;
+    init(apiKey: string, userOrId: string | OwnUserResponse | UserResponse, userTokenOrProvider: TokenOrProvider): Promise<void>;
+    disconnectUser(): Promise<void>;
     getAppSettings(): Promise<void>;
     flagMessage(messageId: string): Promise<void>;
-    autocompleteUsers(searchTerm: string): Promise<import("stream-chat").UserResponse<import("stream-chat").UR>[]>;
+    autocompleteUsers(searchTerm: string): Promise<UserResponse<import("stream-chat").UR>[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatClientService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ChatClientService>;
 }

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

@@ -2,7 +2,6 @@ import { TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
 import { UserResponse } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
-import { MessageActions } from '../message-actions-box/message-actions-box.component';
 import { DefaultUserType, StreamMessage } from '../types';
 import * as i0 from "@angular/core";
 export declare class MessageComponent implements OnChanges {
@@ -11,10 +10,19 @@ export declare class MessageComponent implements OnChanges {
     messageInputTemplate: TemplateRef<any> | undefined;
     mentionTemplate: TemplateRef<any> | undefined;
     message: StreamMessage | undefined;
-    enabledMessageActions: MessageActions[];
+    enabledMessageActions: string[];
+    /**
+     * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message_list/#caution-arereactionsenabled-deprecated
+     */
     areReactionsEnabled: boolean | undefined;
+    /**
+     * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message_list/#canreacttomessage-deprecated
+     */
     canReactToMessage: boolean | undefined;
     isLastSentMessage: boolean | undefined;
+    /**
+     * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message_list/#canreceivereadevents-deprecated
+     */
     canReceiveReadEvents: boolean | undefined;
     isEditing: boolean | undefined;
     isActionBoxOpen: boolean;

package/lib/message-actions-box/message-actions-box.component.d.ts

@@ -4,6 +4,9 @@ import { ChatClientService } from '../chat-client.service';
 import { NotificationService } from '../notification.service';
 import { StreamMessage } from '../types';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message-actions/#required-enabledactions
+ */
 export declare type MessageActions = 'edit' | 'delete' | 'edit-any' | 'delete-any' | 'pin' | 'quote' | 'flag' | 'mute';
 export declare class MessageActionsBoxComponent implements OnChanges {
     private chatClientService;
@@ -13,7 +16,7 @@ export declare class MessageActionsBoxComponent implements OnChanges {
     isOpen: boolean;
     isMine: boolean;
     message: StreamMessage | undefined;
-    enabledActions: MessageActions[];
+    enabledActions: string[];
     readonly displayedActionsCount: EventEmitter<number>;
     readonly isEditing: EventEmitter<boolean>;
     isEditModalOpen: boolean;

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/message-list/message-list.component.d.ts

@@ -5,7 +5,6 @@ import { StreamMessage } from '../types';
 import { ChatClientService } from '../chat-client.service';
 import { GroupStyle } from './group-styles';
 import { ImageLoadService } from './image-load.service';
-import { MessageActions } from '../message-actions-box/message-actions-box.component';
 import * as i0 from "@angular/core";
 export declare class MessageListComponent implements AfterViewChecked, OnChanges {
     private channelService;
@@ -14,12 +13,18 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     messageTemplate: TemplateRef<any> | undefined;
     messageInputTemplate: TemplateRef<any> | undefined;
     mentionTemplate: TemplateRef<any> | undefined;
-    areReactionsEnabled: boolean;
-    enabledMessageActionsInput: MessageActions[];
+    /**
+     * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message_list/#caution-arereactionsenabled-deprecated
+     */
+    areReactionsEnabled: boolean | undefined;
+    /**
+     * @deprecated https://getstream.io/chat/docs/sdk/angular/components/message_list/#caution-enabledmessageactions-deprecated
+     */
+    enabledMessageActionsInput: string[] | undefined;
     messages$: Observable<StreamMessage[]>;
     canReactToMessage: boolean | undefined;
     canReceiveReadEvents: boolean | undefined;
-    enabledMessageActions: MessageActions[];
+    enabledMessageActions: string[];
     private class;
     unreadMessageCount: number;
     isUserScrolledUp: boolean | undefined;

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.0",
+  "version": "2.10.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -13,8 +13,8 @@
     "@angular/core": "^12.2.0 || ^13.0.0",
     "@ngx-translate/core": "^13.0.0 || ^14.0.0",
     "stream-chat": ">=4.3.0",
-    "stream-chat-css": "2.0.1",
-    "@stream-io/stream-chat-css": "1.0.26"
+    "stream-chat-css": "1.0.23",
+    "@stream-io/stream-chat-css": "2.0.1"
   },
   "peerDependenciesMeta": {
     "stream-chat-css": {

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '2.8.0';
+export const version = '2.10.0';