stream-chat-angular 3.0.0-beta.9 → 3.1.0

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

@@ -30,6 +30,7 @@ export declare class AttachmentListComponent implements OnChanges {
     isImage(attachment: Attachment): boolean;
     isFile(attachment: Attachment): boolean;
     isGallery(attachment: Attachment): boolean;
+    isVideo(attachment: Attachment): boolean | "" | undefined;
     isCard(attachment: Attachment): boolean;
     imageLoaded(): void;
     hasFileSize(attachment: Attachment<DefaultStreamChatGenerics>): boolean | "" | 0 | undefined;

package/lib/channel.service.d.ts

@@ -5,7 +5,7 @@ import { ChatClientService, ClientEvent } from './chat-client.service';
 import { AttachmentUpload, DefaultStreamChatGenerics, MessageReactionType, StreamMessage } from './types';
 import * as i0 from "@angular/core";
 /**
- * The `ChannelService` provides data and interaction for the channel list and message list. TEST
+ * The `ChannelService` provides data and interaction for the channel list and message list.
  */
 export declare class ChannelService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     private chatClientService;
@@ -118,6 +118,26 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * 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<T>, channelListSetter: (channels: (Channel<T> | ChannelResponse<T>)[]) => void, messageListSetter: (messages: StreamMessage<T>[]) => void, threadListSetter: (messages: StreamMessage<T>[]) => void, parentMessageSetter: (message: StreamMessage<T> | undefined) => void) => void;
+    /**
+     * You can override the default file upload request - you can use this to upload files to your own CDN
+     */
+    customFileUploadRequest?: (file: File, channel: Channel<T>) => Promise<{
+        file: string;
+    }>;
+    /**
+     * You can override the default image upload request - you can use this to upload images to your own CDN
+     */
+    customImageUploadRequest?: (file: File, channel: Channel<T>) => Promise<{
+        file: string;
+    }>;
+    /**
+     * You can override the default file delete request - override this if you use your own CDN
+     */
+    customFileDeleteRequest?: (url: string, channel: Channel<T>) => Promise<void>;
+    /**
+     * You can override the default image delete request - override this if you use your own CDN
+     */
+    customImageDeleteRequest?: (url: string, channel: Channel<T>) => Promise<void>;
     private channelsSubject;
     private activeChannelSubject;
     private activeChannelMessagesSubject;
@@ -143,6 +163,10 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * @param channel
      */
     setAsActiveChannel(channel: Channel<T>): void;
+    /**
+     * Deselects the currently active (if any) channel
+     */
+    deselectActiveChannel(): void;
     /**
      * Sets the given `message` as an active parent message. If `undefined` is provided, it will deleselect the current parent message.
      * @param message
@@ -161,8 +185,10 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * @param filters
      * @param sort
      * @param options
+     * @param shouldSetActiveChannel Decides if the first channel in the result should be made as an active channel, or no channel should be marked as active
+     * @returns the list of channels found by the query
      */
-    init(filters: ChannelFilters<T>, sort?: ChannelSort<T>, options?: ChannelOptions): Promise<void>;
+    init(filters: ChannelFilters<T>, sort?: ChannelSort<T>, options?: ChannelOptions, shouldSetActiveChannel?: boolean): Promise<Channel<T>[]>;
     /**
      * Resets the `activeChannel$`, `channels$` and `activeChannelMessages$` Observables. Useful when disconnecting a chat user, use in combination with [`disconnectUser`](./ChatClientService.mdx/#disconnectuser).
      */

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' | 'menu';
+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' | 'arrow-up' | 'arrow-down';
 /**
  * The `Icon` component can be used to display different icons (i. e. message delivered icon).
  */

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

@@ -20,13 +20,17 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      * Determines if the message list should display channel messages or [thread messages](https://getstream.io/chat/docs/javascript/threads/?language=javascript).
      */
     mode: 'main' | 'thread';
+    /**
+     * The direction of the messages in the list, `bottom-to-top` means newest message is at the bottom of the message list and users scroll upwards to load older messages
+     */
+    direction: 'bottom-to-top' | 'top-to-bottom';
     typingIndicatorTemplate: TemplateRef<TypingIndicatorContext> | undefined;
     messageTemplate: TemplateRef<MessageContext> | undefined;
     messages$: Observable<StreamMessage[]>;
     enabledMessageActions: string[];
     private class;
     unreadMessageCount: number;
-    isUserScrolledUp: boolean | undefined;
+    isUserScrolled: boolean | undefined;
     groupStyles: GroupStyle[];
     lastSentMessageId: string | undefined;
     parentMessage: StreamMessage | undefined;
@@ -50,14 +54,17 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     ngOnDestroy(): void;
     trackByMessageId(index: number, item: StreamMessage): string;
     trackByUserId(index: number, user: UserResponse): string;
+    scrollToLatestMessage(): void;
     scrollToBottom(): void;
+    scrollToTop(): void;
     scrolled(): void;
     getTypingIndicatorContext(): TypingIndicatorContext;
     getMessageContext(message: StreamMessage): MessageContext;
     private preserveScrollbarPosition;
+    private shouldLoadMoreMessages;
     private setMessages$;
     private resetScrollState;
     private get usersTyping$();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; "direction": "direction"; }, {}, never, never>;
 }

package/lib/types.d.ts

@@ -50,7 +50,7 @@ export declare type AttachmentUpload = {
     file: File;
     state: 'error' | 'success' | 'uploading';
     url?: string;
-    type: 'image' | 'file';
+    type: 'image' | 'file' | 'video';
     previewUri?: string | ArrayBuffer;
 };
 export declare type MentionAutcompleteListItemContext = {

package/package.json

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