stream-chat-angular 2.7.0 → 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/attachment.service.d.ts

@@ -16,7 +16,7 @@ export declare class AttachmentService {
     filesSelected(fileList: FileList | null): Promise<void>;
     retryAttachmentUpload(file: File): Promise<void>;
     deleteAttachment(upload: AttachmentUpload): Promise<void>;
-    mapToAttachments(): Attachment<import("stream-chat").UnknownType>[];
+    mapToAttachments(): Attachment<import("stream-chat").UR>[];
     createFromAttachments(attachments: Attachment[]): void;
     private createPreview;
     private uploadAttachments;

package/lib/channel.service.d.ts

@@ -44,7 +44,8 @@ export declare class ChannelService {
     deleteMessage(message: StreamMessage): Promise<void>;
     uploadAttachments(uploads: AttachmentUpload[]): Promise<AttachmentUpload[]>;
     deleteAttachment(attachmentUpload: AttachmentUpload): Promise<void>;
-    autocompleteMembers(searchTerm: string): Promise<import("stream-chat").ChannelMemberResponse<import("stream-chat").UnknownType>[]>;
+    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,10 @@ 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>;
     getAppSettings(): Promise<void>;
     flagMessage(messageId: string): Promise<void>;
-    autocompleteUsers(searchTerm: string): Promise<import("stream-chat").UserResponse<import("stream-chat").UnknownType>[]>;
+    autocompleteUsers(searchTerm: string): Promise<UserResponse<import("stream-chat").UR>[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatClientService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ChatClientService>;
 }

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").UnknownType>[]>;
-    private readonly labelKey;
+    readonly userMentions: EventEmitter<UserResponse<import("stream-chat").UR>[]>;
+    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,14 +9,15 @@ 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>;
-    readonly userMentions: EventEmitter<UserResponse<import("stream-chat").UnknownType>[]>;
+    readonly userMentions: EventEmitter<UserResponse<import("stream-chat").UR>[]>;
     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"; "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-preview.d.ts

@@ -1,2 +1,2 @@
 import { Attachment, MessageResponse, UserResponse } from 'stream-chat';
-export declare const createMessagePreview: (user: UserResponse, text: string, attachments: Attachment[], mentionedUsers: UserResponse[]) => MessageResponse<import("stream-chat").UnknownType, import("stream-chat").UnknownType, import("stream-chat").LiteralStringForUnion, import("stream-chat").UnknownType, import("stream-chat").UnknownType, import("stream-chat").UnknownType>;
+export declare const createMessagePreview: (user: UserResponse, text: string, attachments: Attachment[], mentionedUsers: UserResponse[]) => MessageResponse<import("stream-chat").UR, import("stream-chat").UR, import("stream-chat").LiteralStringForUnion, import("stream-chat").UR, import("stream-chat").UR, import("stream-chat").UR>;

package/lib/read-by.d.ts

@@ -1,2 +1,2 @@
 import { Channel, FormatMessageResponse, UserResponse } from 'stream-chat';
-export declare const getReadBy: (message: FormatMessageResponse, channel: Channel) => UserResponse<import("stream-chat").UnknownType>[];
+export declare const getReadBy: (message: FormatMessageResponse, channel: Channel) => UserResponse<import("stream-chat").UR>[];

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

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '2.7.0';
+export const version = '2.9.0';