stream-chat-angular 3.0.0-beta.2 → 3.0.0-beta.5

package/lib/thread/thread.component.d.ts

@@ -1,18 +1,21 @@
 import { OnDestroy } from '@angular/core';
 import { ChannelService } from '../channel.service';
-import { StreamMessage } from '../types';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { StreamMessage, ThreadHeaderContext } from '../types';
 import * as i0 from "@angular/core";
 /**
  * The `Thread` component represents a [message thread](https://getstream.io/chat/docs/javascript/threads/?language=javascript), it is a container component that displays a thread with a header, [`MessageList`](./MessageListComponent.mdx) and [`MessageInput`](./MessageInputComponent.mdx) components.
  */
 export declare class ThreadComponent implements OnDestroy {
+    customTemplatesService: CustomTemplatesService;
     private channelService;
     private class;
     parentMessage: StreamMessage | undefined;
     private subscriptions;
-    constructor(channelService: ChannelService);
+    constructor(customTemplatesService: CustomTemplatesService, channelService: ChannelService);
     ngOnDestroy(): void;
-    get replyCountParam(): {
+    getThreadHeaderContext(): ThreadHeaderContext;
+    getReplyCountParam(parentMessage: StreamMessage | undefined): {
         replyCount: number | undefined;
     };
     closeThread(): void;

package/lib/types.d.ts

@@ -1,6 +1,7 @@
 import { TemplateRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
-import type { Attachment, Channel, ChannelMemberResponse, CommandResponse, Event, FormatMessageResponse, LiteralStringForUnion, Mute, UserResponse } from 'stream-chat';
+import type { Attachment, Channel, ChannelMemberResponse, CommandResponse, Event, FormatMessageResponse, LiteralStringForUnion, Mute, ReactionResponse, UserResponse } from 'stream-chat';
+import { Icon } from './icon/icon.component';
 export declare type UnknownType = Record<string, unknown>;
 export declare type CustomTrigger = {
     [key: string]: {
@@ -98,3 +99,68 @@ export declare type MessageContext = {
 export declare type ChannelActionsContext = {
     channel: Channel;
 };
+export declare type AttachmentListContext = {
+    messageId: string;
+    attachments: Attachment<DefaultAttachmentType>[];
+};
+export declare type AvatarContext = {
+    name: string | undefined;
+    imageUrl: string | undefined;
+    size: number | undefined;
+};
+export declare type AttachmentPreviewListContext = {
+    attachmentUploads$: Observable<AttachmentUpload[]> | undefined;
+    retryUploadHandler: (f: File) => any;
+    deleteUploadHandler: (u: AttachmentUpload) => any;
+};
+export declare type IconContext = {
+    icon: Icon | undefined;
+    size: number | undefined;
+};
+export declare type LoadingIndicatorContext = {
+    size: number | undefined;
+    color: string | undefined;
+};
+export declare type MessageActionsBoxContext = {
+    isOpen: boolean;
+    isMine: boolean;
+    message: StreamMessage | undefined;
+    enabledActions: string[];
+    displayedActionsCountChaneHanler: (count: number) => any;
+    isEditingChangeHandler: (isEditing: boolean) => any;
+};
+export declare type MessageActionBoxItemContext = {
+    actionName: 'quote' | 'pin' | 'flag' | 'mute' | 'edit' | 'delete';
+    actionLabelOrTranslationKey: (() => string) | string;
+    actionHandler: () => any;
+};
+export declare type MessageActionItem = {
+    actionName: 'quote' | 'pin' | 'flag' | 'mute' | 'edit' | 'delete';
+    actionLabelOrTranslationKey: (() => string) | string;
+    isVisible: (enabledActions: string[], isMine: boolean, message: StreamMessage) => boolean;
+    actionHandler: (message: StreamMessage, isMine: boolean) => any;
+};
+export declare type MessageReactionsContext = {
+    messageId: string | undefined;
+    messageReactionCounts: {
+        [key in MessageReactionType]?: number;
+    };
+    isSelectorOpen: boolean;
+    latestReactions: ReactionResponse<DefaultReactionType, DefaultUserType>[];
+    ownReactions: ReactionResponse<DefaultReactionType, DefaultUserType>[];
+    isSelectorOpenChangeHandler: (isOpen: boolean) => any;
+};
+export declare type ModalContext = {
+    isOpen: boolean;
+    isOpenChangeHandler: (isOpen: boolean) => any;
+    content: TemplateRef<void>;
+};
+export declare type NotificationContext = {
+    type: NotificationType | undefined;
+    content: TemplateRef<void> | undefined;
+};
+export declare type ThreadHeaderContext = {
+    parentMessage: StreamMessage | undefined;
+    closeThreadHandler: Function;
+};
+export declare type MessageReactionType = 'angry' | 'haha' | 'like' | 'love' | 'sad' | 'wow';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.5",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -12,8 +12,7 @@
     "@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 || ^5.0.0",
-    "@stream-io/stream-chat-css": "2.6.0"
+    "stream-chat": "^4.3.0 || ^5.0.0"
   },
   "dependencies": {
     "angular-mentions": "^1.4.0",

package/public-api.d.ts

@@ -4,8 +4,11 @@ export * from './lib/theme.service';
 export * from './lib/attachment.service';
 export * from './lib/stream-i18n.service';
 export * from './lib/avatar/avatar.component';
+export * from './lib/avatar-placeholder/avatar-placeholder.component';
 export * from './lib/icon/icon.component';
+export * from './lib/icon-placeholder/icon-placeholder.component';
 export * from './lib/loading-indicator/loading-indicator.component';
+export * from './lib/loading-indicator-placeholder/loading-indicator-placeholder.component';
 export * from './lib/message-actions-box/message-actions-box.component';
 export * from './lib/channel/channel.component';
 export * from './lib/channel-header/channel-header.component';