stream-chat-angular 4.12.1 → 4.14.0

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

@@ -7,7 +7,7 @@ import { AttachmentConfigurationService } from '../attachment-configuration.serv
 import { ThemeService } from '../theme.service';
 import * as i0 from "@angular/core";
 /**
- * The `AttachmentList` compontent displays the attachments of a message
+ * The `AttachmentList` component displays the attachments of a message
  */
 export declare class AttachmentListComponent implements OnChanges {
     readonly customTemplatesService: CustomTemplatesService;

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

@@ -4,7 +4,7 @@ import { ThemeService } from '../theme.service';
 import { AttachmentUpload } from '../types';
 import * as i0 from "@angular/core";
 /**
- * The `AttachmentPreviewList` compontent displays a preview of the attachments uploaded to a message. Users can delete attachments using the preview component, or retry upload if it failed previously.
+ * The `AttachmentPreviewList` component displays a preview of the attachments uploaded to a message. Users can delete attachments using the preview component, or retry upload if it failed previously.
  */
 export declare class AttachmentPreviewListComponent {
     /**

package/lib/avatar/avatar.component.d.ts

@@ -1,3 +1,4 @@
+import { NgZone, OnChanges, SimpleChanges } from '@angular/core';
 import { Channel, User } from 'stream-chat';
 import { ChatClientService } from '../chat-client.service';
 import { AvatarLocation, AvatarType, DefaultStreamChatGenerics } from '../types';
@@ -5,8 +6,9 @@ import * as i0 from "@angular/core";
 /**
  * The `Avatar` component displays the provided image, with fallback to the first letter of the optional name input.
  */
-export declare class AvatarComponent {
+export declare class AvatarComponent implements OnChanges {
     private chatClientService;
+    private ngZone;
     /**
      * An optional name of the image, used for fallback image or image title (if `imageUrl` is provided)
      */
@@ -35,12 +37,19 @@ export declare class AvatarComponent {
      * The type of the avatar: channel if channel avatar is displayed, user if user avatar is displayed
      */
     type: AvatarType | undefined;
+    /**
+     * If a channel avatar is displayed, and if the channel has exactly two members a green dot is displayed if the other member is online. Set this flag to `false` to turn off this behavior.
+     */
+    showOnlineIndicator: boolean;
     isLoaded: boolean;
     isError: boolean;
-    constructor(chatClientService: ChatClientService);
+    isOnline: boolean;
+    private isOnlineSubscription?;
+    constructor(chatClientService: ChatClientService, ngZone: NgZone);
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
     get initials(): string;
     get fallbackChannelImage(): string | undefined;
     private getOtherMemberIfOneToOneChannel;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "stream-avatar", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "stream-avatar", never, { "name": "name"; "imageUrl": "imageUrl"; "size": "size"; "location": "location"; "channel": "channel"; "user": "user"; "type": "type"; "showOnlineIndicator": "showOnlineIndicator"; }, {}, never, never>;
 }

package/lib/avatar-placeholder/avatar-placeholder.component.d.ts

@@ -3,7 +3,7 @@ import { CustomTemplatesService } from '../custom-templates.service';
 import { AvatarContext, AvatarLocation, AvatarType, DefaultStreamChatGenerics } from '../types';
 import * as i0 from "@angular/core";
 /**
- * The `AvatarPlaceholder` component displays the [default avatar](./AvatarComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This componet is used by the SDK internally, you likely won't need to use it.
+ * The `AvatarPlaceholder` component displays the [default avatar](./AvatarComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
  */
 export declare class AvatarPlaceholderComponent {
     customTemplatesService: CustomTemplatesService;

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

@@ -4,7 +4,7 @@ import { ChannelListToggleService } from '../channel-list/channel-list-toggle.se
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { ChannelActionsContext, DefaultStreamChatGenerics } from '../types';
+import { ChannelActionsContext, ChannelHeaderInfoContext, DefaultStreamChatGenerics } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelHeader` component displays the avatar and name of the currently active channel along with member and watcher information. You can read about [the difference between members and watchers](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript#watchers-vs-members) in the platform documentation. Please note that number of watchers is only displayed if the user has [`connect-events` capability](https://getstream.io/chat/docs/javascript/channel_capabilities/?language=javascript)
@@ -16,6 +16,7 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     private cdRef;
     private chatClientService;
     channelActionsTemplate?: TemplateRef<ChannelActionsContext>;
+    channelHeaderInfoTemplate?: TemplateRef<ChannelHeaderInfoContext>;
     activeChannel: Channel<DefaultStreamChatGenerics> | undefined;
     canReceiveConnectEvents: boolean | undefined;
     private subscriptions;
@@ -24,6 +25,7 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     toggleMenu(event: Event): void;
     getChannelActionsContext(): ChannelActionsContext;
+    getChannelInfoContext(): ChannelHeaderInfoContext;
     get memberCountParam(): {
         memberCount: number;
     };

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

@@ -33,5 +33,5 @@ export declare class ChannelListComponent implements AfterViewInit, OnDestroy {
     channelSelected(): void;
     getChannelPreviewContext(channel: Channel<DefaultStreamChatGenerics>): ChannelPreviewContext<DefaultStreamChatGenerics>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelListComponent, "stream-channel-list", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChannelListComponent, "stream-channel-list", never, {}, {}, never, ["[channel-list-top]", "[channel-list-bottom]"]>;
 }

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, 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, 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.
@@ -138,6 +138,10 @@ export declare class CustomTemplatesService {
      * The template used for displaying the sent state of the message inside the [message component](../components/MessageComponent.mdx)
      */
     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)
+     */
+    channelHeaderInfoTemplate$: BehaviorSubject<TemplateRef<ChannelHeaderInfoContext<import("./types").DefaultStreamChatGenerics>> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService>;

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

@@ -3,7 +3,7 @@ import { Icon } from '../icon/icon.component';
 import { IconContext } from '../types';
 import * as i0 from "@angular/core";
 /**
- * The `IconPlaceholder` component displays the [default icons](./IconComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This componet is used by the SDK internally, you likely won't need to use it.
+ * The `IconPlaceholder` component displays the [default icons](./IconComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
  */
 export declare class IconPlaceholderComponent {
     customTemplatesService: CustomTemplatesService;

package/lib/loading-indicator-placeholder/loading-indicator-placeholder.component.d.ts

@@ -2,7 +2,7 @@ import { CustomTemplatesService } from '../custom-templates.service';
 import { LoadingIndicatorContext } from '../types';
 import * as i0 from "@angular/core";
 /**
- * The `LoadingInficatorPlaceholder` component displays the [default loading indicator](./LoadingIndicatorComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This componet is used by the SDK internally, you likely won't need to use it.
+ * The `LoadingInficatorPlaceholder` component displays the [default loading indicator](./LoadingIndicatorComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
  */
 export declare class LoadingIndicatorPlaceholderComponent {
     customTemplatesService: CustomTemplatesService;

package/lib/types.d.ts

@@ -206,3 +206,6 @@ export declare type ReadStatusContext = {
     message: StreamMessage;
     readByText: string;
 };
+export declare type ChannelHeaderInfoContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    channel: Channel<T>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.12.1",
+  "version": "4.14.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",