stream-chat-angular 3.1.0 → 3.2.0

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core
 import { Channel } from 'stream-chat';
 import { ChannelListToggleService } from '../channel-list/channel-list-toggle.service';
 import { ChannelService } from '../channel.service';
+import { ChatClientService } from '../chat-client.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { ChannelActionsContext, DefaultStreamChatGenerics } from '../types';
 import * as i0 from "@angular/core";
@@ -13,11 +14,12 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     private channelListToggleService;
     private customTemplatesService;
     private cdRef;
+    private chatClientService;
     channelActionsTemplate?: TemplateRef<ChannelActionsContext>;
     activeChannel: Channel<DefaultStreamChatGenerics> | undefined;
     canReceiveConnectEvents: boolean | undefined;
     private subscriptions;
-    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef);
+    constructor(channelService: ChannelService, channelListToggleService: ChannelListToggleService, customTemplatesService: CustomTemplatesService, cdRef: ChangeDetectorRef, chatClientService: ChatClientService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleMenu(event: Event): void;
@@ -28,6 +30,8 @@ export declare class ChannelHeaderComponent implements OnInit, OnDestroy {
     get watcherCountParam(): {
         watcherCount: number;
     };
+    get displayText(): string | undefined;
+    get avatarName(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChannelHeaderComponent, "stream-channel-header", never, {}, {}, never, never>;
 }

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

@@ -2,6 +2,7 @@ import { NgZone, OnDestroy, OnInit } from '@angular/core';
 import { Channel } from 'stream-chat';
 import { ChannelService } from '../channel.service';
 import { DefaultStreamChatGenerics } from '../types';
+import { ChatClientService } from '../chat-client.service';
 import * as i0 from "@angular/core";
 /**
  * The `ChannelPreview` component displays a channel preview in the channel list, it consists of the image, name and latest message of the channel.
@@ -9,6 +10,7 @@ import * as i0 from "@angular/core";
 export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     private channelService;
     private ngZone;
+    private chatClientService;
     /**
      * The channel to be displayed
      */
@@ -18,7 +20,7 @@ export declare class ChannelPreviewComponent implements OnInit, OnDestroy {
     latestMessage: string;
     private subscriptions;
     private canSendReadEvents;
-    constructor(channelService: ChannelService, ngZone: NgZone);
+    constructor(channelService: ChannelService, ngZone: NgZone, chatClientService: ChatClientService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     get avatarImage(): string | undefined;

package/lib/channel.service.d.ts

@@ -46,6 +46,8 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      * :::important
      * If you want to subscribe to channel events, you need to manually reenter Angular's change detection zone, our [Change detection guide](../concepts/change-detection.mdx) explains this in detail.
      * :::
+     *
+     * The active channel will always be marked as read when a new message is received
      */
     activeChannel$: Observable<Channel<T> | undefined>;
     /**
@@ -159,7 +161,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     private parentMessageSetter;
     constructor(chatClientService: ChatClientService<T>, ngZone: NgZone);
     /**
-     * Sets the given `channel` as active.
+     * Sets the given `channel` as active and marks it as read.
      * @param channel
      */
     setAsActiveChannel(channel: Channel<T>): void;
@@ -181,7 +183,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
      */
     loadMoreThreadReplies(): Promise<void>;
     /**
-     * Queries the channels with the given filters, sorts and options. More info about [channel querying](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) can be found in the platform documentation.
+     * Queries the channels with the given filters, sorts and options. More info about [channel querying](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) can be found in the platform documentation. By default the first channel in the list will be set as active channel and will be marked as read.
      * @param filters
      * @param sort
      * @param options

package/lib/get-channel-display-text.d.ts

@@ -0,0 +1,3 @@
+import { Channel, UserResponse } from 'stream-chat';
+import { DefaultStreamChatGenerics } from './types';
+export declare const getChannelDisplayText: (channel: Channel<DefaultStreamChatGenerics>, currentUser: UserResponse<DefaultStreamChatGenerics>) => string | undefined;

package/lib/list-users.d.ts

@@ -0,0 +1,2 @@
+import { UserResponse } from 'stream-chat';
+export declare const listUsers: (users: UserResponse[]) => string;

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

@@ -69,6 +69,9 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     get canDisplayReadStatus(): boolean;
     get quotedMessageAttachments(): import("stream-chat").Attachment<{
         attachmentType: import("stream-chat").UR & import("../types").UnknownType & {
+            /**
+             * The `Message` component displays a message with additional information such as sender and date, and enables [interaction with the message (i.e. edit or react)](../concepts/message-interactions.mdx).
+             */
             asset_url?: string | undefined;
             id?: string | undefined;
             images?: import("stream-chat").Attachment<DefaultStreamChatGenerics>[] | undefined;

package/package.json

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

package/public-api.d.ts

@@ -17,7 +17,7 @@ export * from './lib/channel-list/channel-list.component';
 export * from './lib/channel-list/channel-list-toggle.service';
 export * from './lib/message/message.component';
 export * from './lib/message/parse-date';
-export * from './lib/message/read-by-text';
+export * from './lib/list-users';
 export * from './lib/message-input/message-input.component';
 export * from './lib/message-input/textarea/textarea.component';
 export * from './lib/message-input/autocomplete-textarea/autocomplete-textarea.component';

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '3.1.0';
+export const version = '3.2.0';

package/esm2015/lib/message/read-by-text.js

@@ -1,29 +0,0 @@
-export const getReadByText = (users) => {
-    let outStr = '';
-    const slicedArr = users.map((item) => item.name || item.id).slice(0, 5);
-    const restLength = users.length - slicedArr.length;
-    if (slicedArr.length === 1) {
-        outStr = `${slicedArr[0]} `;
-    }
-    else if (slicedArr.length === 2) {
-        // joins all with "and" but =no commas
-        // example: "bob and sam"
-        outStr = `${slicedArr[0]} and ${slicedArr[1]}`;
-    }
-    else if (slicedArr.length > 2) {
-        // joins all with commas, but last one gets ", and" (oxford comma!)
-        // example: "bob, joe, sam and 4 more"
-        if (restLength === 0) {
-            // mutate slicedArr to remove last user to display it separately
-            const lastUser = slicedArr.splice(slicedArr.length - 2, 1)[0];
-            const commaSeparatedUsers = slicedArr.join(', ');
-            outStr = `${commaSeparatedUsers}, and ${lastUser}`;
-        }
-        else {
-            const commaSeparatedUsers = slicedArr.join(', ');
-            outStr = `${commaSeparatedUsers} and ${restLength} more`;
-        }
-    }
-    return outStr;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1ieS10ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3RyZWFtLWNoYXQtYW5ndWxhci9zcmMvbGliL21lc3NhZ2UvcmVhZC1ieS10ZXh0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFDLEtBQXFCLEVBQUUsRUFBRTtJQUNyRCxJQUFJLE1BQU0sR0FBRyxFQUFFLENBQUM7SUFFaEIsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN4RSxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQyxNQUFNLENBQUM7SUFFbkQsSUFBSSxTQUFTLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUMxQixNQUFNLEdBQUcsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztLQUM3QjtTQUFNLElBQUksU0FBUyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDakMsc0NBQXNDO1FBQ3RDLHlCQUF5QjtRQUN6QixNQUFNLEdBQUcsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLFFBQVEsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7S0FDaEQ7U0FBTSxJQUFJLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1FBQy9CLG1FQUFtRTtRQUNuRSxzQ0FBc0M7UUFDdEMsSUFBSSxVQUFVLEtBQUssQ0FBQyxFQUFFO1lBQ3BCLGdFQUFnRTtZQUNoRSxNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzlELE1BQU0sbUJBQW1CLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNqRCxNQUFNLEdBQUcsR0FBRyxtQkFBbUIsU0FBUyxRQUFRLEVBQUUsQ0FBQztTQUNwRDthQUFNO1lBQ0wsTUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2pELE1BQU0sR0FBRyxHQUFHLG1CQUFtQixRQUFRLFVBQVUsT0FBTyxDQUFDO1NBQzFEO0tBQ0Y7SUFFRCxPQUFPLE1BQU0sQ0FBQztBQUNoQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBVc2VyUmVzcG9uc2UgfSBmcm9tICdzdHJlYW0tY2hhdCc7XG5cbmV4cG9ydCBjb25zdCBnZXRSZWFkQnlUZXh0ID0gKHVzZXJzOiBVc2VyUmVzcG9uc2VbXSkgPT4ge1xuICBsZXQgb3V0U3RyID0gJyc7XG5cbiAgY29uc3Qgc2xpY2VkQXJyID0gdXNlcnMubWFwKChpdGVtKSA9PiBpdGVtLm5hbWUgfHwgaXRlbS5pZCkuc2xpY2UoMCwgNSk7XG4gIGNvbnN0IHJlc3RMZW5ndGggPSB1c2Vycy5sZW5ndGggLSBzbGljZWRBcnIubGVuZ3RoO1xuXG4gIGlmIChzbGljZWRBcnIubGVuZ3RoID09PSAxKSB7XG4gICAgb3V0U3RyID0gYCR7c2xpY2VkQXJyWzBdfSBgO1xuICB9IGVsc2UgaWYgKHNsaWNlZEFyci5sZW5ndGggPT09IDIpIHtcbiAgICAvLyBqb2lucyBhbGwgd2l0aCBcImFuZFwiIGJ1dCA9bm8gY29tbWFzXG4gICAgLy8gZXhhbXBsZTogXCJib2IgYW5kIHNhbVwiXG4gICAgb3V0U3RyID0gYCR7c2xpY2VkQXJyWzBdfSBhbmQgJHtzbGljZWRBcnJbMV19YDtcbiAgfSBlbHNlIGlmIChzbGljZWRBcnIubGVuZ3RoID4gMikge1xuICAgIC8vIGpvaW5zIGFsbCB3aXRoIGNvbW1hcywgYnV0IGxhc3Qgb25lIGdldHMgXCIsIGFuZFwiIChveGZvcmQgY29tbWEhKVxuICAgIC8vIGV4YW1wbGU6IFwiYm9iLCBqb2UsIHNhbSBhbmQgNCBtb3JlXCJcbiAgICBpZiAocmVzdExlbmd0aCA9PT0gMCkge1xuICAgICAgLy8gbXV0YXRlIHNsaWNlZEFyciB0byByZW1vdmUgbGFzdCB1c2VyIHRvIGRpc3BsYXkgaXQgc2VwYXJhdGVseVxuICAgICAgY29uc3QgbGFzdFVzZXIgPSBzbGljZWRBcnIuc3BsaWNlKHNsaWNlZEFyci5sZW5ndGggLSAyLCAxKVswXTtcbiAgICAgIGNvbnN0IGNvbW1hU2VwYXJhdGVkVXNlcnMgPSBzbGljZWRBcnIuam9pbignLCAnKTtcbiAgICAgIG91dFN0ciA9IGAke2NvbW1hU2VwYXJhdGVkVXNlcnN9LCBhbmQgJHtsYXN0VXNlcn1gO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBjb21tYVNlcGFyYXRlZFVzZXJzID0gc2xpY2VkQXJyLmpvaW4oJywgJyk7XG4gICAgICBvdXRTdHIgPSBgJHtjb21tYVNlcGFyYXRlZFVzZXJzfSBhbmQgJHtyZXN0TGVuZ3RofSBtb3JlYDtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gb3V0U3RyO1xufTtcbiJdfQ==

package/lib/message/read-by-text.d.ts

@@ -1,2 +0,0 @@
-import { UserResponse } from 'stream-chat';
-export declare const getReadByText: (users: UserResponse[]) => string;