stream-chat-angular 2.18.0 → 2.20.1

package/lib/channel-header/channel-header.component.d.ts

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 import { Channel } from 'stream-chat';
 import { ChannelListToggleService } from '../channel-list/channel-list-toggle.service';
 import { ChannelService } from '../channel.service';
@@ -8,6 +9,12 @@ import * as i0 from "@angular/core";
 export declare class ChannelHeaderComponent {
     private channelService;
     private channelListToggleService;
+    /**
+     * Template that can be used to add actions (such as edit, invite) to the channel header
+     */
+    channelActionsTemplate?: TemplateRef<{
+        channel: Channel;
+    }>;
     activeChannel: Channel | undefined;
     canReceiveConnectEvents: boolean | undefined;
     constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService);
@@ -19,5 +26,5 @@ export declare class ChannelHeaderComponent {
         watcherCount: number;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, { "channelActionsTemplate": "channelActionsTemplate"; }, {}, never, never>;
 }

package/lib/channel.service.d.ts

@@ -1,6 +1,6 @@
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelSort, Event, UserResponse } from 'stream-chat';
+import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, UserResponse } from 'stream-chat';
 import { ChatClientService, Notification } from './chat-client.service';
 import { MessageReactionType } from './message-reactions/message-reactions.component';
 import { AttachmentUpload, StreamMessage } from './types';
@@ -78,7 +78,7 @@ export declare class ChannelService {
      */
     usersTypingInThread$: Observable<UserResponse[]>;
     /**
-     * Emits a map that contains the date of the latest message sent by the current user by channels (this is used to detect is slow mode countdown should be started)
+     * Emits a map that contains the date of the latest message sent by the current user by channels (this is used to detect if slow mode countdown should be started)
      */
     latestMessageDateByUserByChannels$: Observable<{
         [key: string]: Date;
@@ -86,39 +86,39 @@ export declare class ChannelService {
     /**
      * Custom event handler to call if a new message received from a channel that is not being watched, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customNewMessageNotificationHandler?: (notification: Notification, channelListSetter: (channels: Channel[]) => void) => void;
+    customNewMessageNotificationHandler?: (notification: Notification, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void) => void;
     /**
      * Custom event handler to call when the user is added to a channel, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customAddedToChannelNotificationHandler?: (notification: Notification, channelListSetter: (channels: Channel[]) => void) => void;
+    customAddedToChannelNotificationHandler?: (notification: Notification, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void) => void;
     /**
      * Custom event handler to call when the user is removed from a channel, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customRemovedFromChannelNotificationHandler?: (notification: Notification, channelListSetter: (channels: Channel[]) => void) => void;
+    customRemovedFromChannelNotificationHandler?: (notification: Notification, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void) => void;
     /**
      * Custom event handler to call when a channel is deleted, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customChannelDeletedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: Channel[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelDeletedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
     /**
      * Custom event handler to call when a channel is updated, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customChannelUpdatedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: Channel[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelUpdatedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
     /**
      * Custom event handler to call when a channel is truncated, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customChannelTruncatedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: Channel[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelTruncatedHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
     /**
      * Custom event handler to call when a channel becomes hidden, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customChannelHiddenHandler?: (event: Event, channel: Channel, channelListSetter: (channels: Channel[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelHiddenHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
     /**
      * Custom event handler to call when a channel becomes visible, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customChannelVisibleHandler?: (event: Event, channel: Channel, channelListSetter: (channels: Channel[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customChannelVisibleHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
     /**
      * Custom event handler to call if a new message received from a channel that is being watched, provide an event handler if you want to override the [default channel list ordering](./ChannelService.mdx/#channels)
      */
-    customNewMessageHandler?: (event: Event, channel: Channel, channelListSetter: (channels: Channel[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
+    customNewMessageHandler?: (event: Event, channel: Channel, channelListSetter: (channels: (Channel | ChannelResponse)[]) => void, messageListSetter: (messages: StreamMessage[]) => void, threadListSetter: (messages: StreamMessage[]) => void, parentMessageSetter: (message: StreamMessage | undefined) => void) => void;
     private channelsSubject;
     private activeChannelSubject;
     private activeChannelMessagesSubject;
@@ -241,8 +241,8 @@ export declare class ChannelService {
     private handleRemovedFromChannelNotification;
     private handleNewMessageNotification;
     private handleAddedToChannelNotification;
-    private addChannelFromNotification;
-    private removeFromChannelList;
+    private addChannelsFromNotification;
+    private removeChannelsFromChannelList;
     private watchForActiveChannelEvents;
     /**
      * Call this method if user started typing in the active channel

package/lib/chat-client.service.d.ts

@@ -1,6 +1,6 @@
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
-import { OwnUserResponse, UserResponse } from 'stream-chat';
+import { Channel, ChannelResponse, OwnUserResponse, UserResponse } from 'stream-chat';
 import { AppSettings, Event, StreamChat, TokenOrProvider } from 'stream-chat';
 import { NotificationService } from './notification.service';
 import * as i0 from "@angular/core";
@@ -33,9 +33,14 @@ export declare class ChatClientService {
      * Emits the current connection state of the user (`online` or `offline`)
      */
     connectionState$: Observable<'offline' | 'online'>;
+    /**
+     * Emits the list of pending invites of the user. It emits every pending invitation during initialization and then extends the list when a new invite is received. More information can be found in the [channel invitations](../code-examples/channel-invites.mdx) guide.
+     */
+    pendingInvites$: Observable<(ChannelResponse | Channel)[]>;
     private notificationSubject;
     private connectionStateSubject;
     private appSettingsSubject;
+    private pendingInvitesSubject;
     constructor(ngZone: NgZone, notificationService: NotificationService);
     /**
      * Creates a [`StreamChat`](https://github.com/GetStream/stream-chat-js/blob/668b3e5521339f4e14fc657834531b4c8bf8176b/src/client.ts#L124) instance using the provided `apiKey`, and connects a user with the given meta data and token. More info about [connecting users](https://getstream.io/chat/docs/javascript/init_and_users/?language=javascript) can be found in the platform documentation.
@@ -63,6 +68,7 @@ export declare class ChatClientService {
      * @returns The users matching the search
      */
     autocompleteUsers(searchTerm: string): Promise<UserResponse<import("stream-chat").UR>[]>;
+    private updatePendingInvites;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatClientService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ChatClientService>;
 }

package/lib/icon/icon.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare type Icon = 'action-icon' | 'delivered-icon' | 'reaction-icon' | 'connection-error' | 'send' | 'file-upload' | 'retry' | 'close' | 'file' | 'reply' | 'close-no-outline' | 'reply-in-thread' | 'arrow-left' | 'arrow-right';
+export declare type Icon = 'action-icon' | 'delivered-icon' | 'reaction-icon' | 'connection-error' | 'send' | 'file-upload' | 'retry' | 'close' | 'file' | 'reply' | 'close-no-outline' | 'reply-in-thread' | 'arrow-left' | 'arrow-right' | 'menu';
 /**
  * The `Icon` component can be used to display different icons (i. e. message delivered icon).
  */

package/lib/notification/notification.component.d.ts

@@ -1,4 +1,4 @@
-import { NotificationType } from '../notification.service';
+import { NotificationType } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `Notification` component displays a notification within the [`NotificationList`](./NotificationListComponent.mdx)

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

@@ -1,5 +1,6 @@
 import { Observable } from 'rxjs';
-import { NotificationPayload, NotificationService } from '../notification.service';
+import { NotificationService } from '../notification.service';
+import { NotificationPayload } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `NotificationList` component displays the list of active notifications.
@@ -8,7 +9,10 @@ export declare class NotificationListComponent {
     private notificationService;
     notifications$: Observable<NotificationPayload[]>;
     constructor(notificationService: NotificationService);
-    trackByItem(_: number, item: NotificationPayload): NotificationPayload;
+    trackById(_: number, item: NotificationPayload): string;
+    getTemplateContext(notification: NotificationPayload): {
+        dismissFn: Function;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListComponent, "stream-notification-list", never, {}, {}, never, never>;
 }

package/lib/notification.service.d.ts

@@ -1,11 +1,7 @@
+import { TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
+import { NotificationPayload, NotificationType } from './types';
 import * as i0 from "@angular/core";
-export declare type NotificationType = 'success' | 'error';
-export declare type NotificationPayload = {
-    type: NotificationType;
-    text: string;
-    translateParams?: Object;
-};
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
  */
@@ -18,22 +14,27 @@ export declare class NotificationService {
     constructor();
     /**
      * Displays a notification for the given amount of time.
-     * @param text The text of the notification
+     * @param content The text of the notification or the HTML template for the notification
      * @param type The type of the notification
      * @param timeout The number of milliseconds while the notification should be visible
-     * @param translateParams Translation parameters for the `text`
+     * @param translateParams Translation parameters for the `content` (for text notifications)
+     * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification (before the timeout).
      */
-    addTemporaryNotification(text: string, type?: NotificationType, timeout?: number, translateParams?: Object): () => void;
+    addTemporaryNotification<T>(content: string | TemplateRef<T>, type?: NotificationType, timeout?: number, translateParams?: Object, templateContext?: T): () => void;
     /**
      * Displays a notification, that will be visible until it's removed.
-     * @param text The text of the notification
+     * @param content The text of the notification or the HTML template for the notification
      * @param type The type of the notification
-     * @param translateParams Translation parameters for the `text`
+     * @param translateParams Translation parameters for the `content` (for text notifications)
+     * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification.
      */
-    addPermanentNotification(text: string, type?: NotificationType, translateParams?: Object): () => void;
-    private addNotification;
+    addPermanentNotification<T = {
+        [key: string]: any;
+        dismissFn: () => {};
+    }>(content: string | TemplateRef<T>, type?: NotificationType, translateParams?: Object, templateContext?: T): () => void;
+    private createNotification;
     private removeNotification;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;

package/lib/types.d.ts

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 import type { Attachment, ChannelMemberResponse, CommandResponse, Event, FormatMessageResponse, LiteralStringForUnion, Mute, UserResponse } from 'stream-chat';
 export declare type UnknownType = Record<string, unknown>;
 export declare type CustomTrigger = {
@@ -55,3 +56,13 @@ export declare type MentionAutcompleteListItem = (ChannelMemberResponse | UserRe
 export declare type ComandAutocompleteListItem = CommandResponse & {
     autocompleteLabel: string;
 };
+export declare type NotificationType = 'success' | 'error' | 'info';
+export declare type NotificationPayload<T = {}> = {
+    id: string;
+    type: NotificationType;
+    text?: string;
+    translateParams?: Object;
+    template?: TemplateRef<T>;
+    templateContext?: T;
+    dismissFn: Function;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "2.18.0",
+  "version": "2.20.1",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -13,7 +13,7 @@
     "@angular/core": "^12.2.0 || ^13.0.0",
     "@ngx-translate/core": "^13.0.0 || ^14.0.0",
     "stream-chat": "^4.3.0 || ^5.0.0",
-    "@stream-io/stream-chat-css": "2.5.0"
+    "@stream-io/stream-chat-css": "2.6.0"
   },
   "dependencies": {
     "angular-mentions": "^1.4.0",

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '2.18.0';
+export const version = '2.20.1';