stream-chat-angular 5.9.1 → 5.11.0-test-update.1

package/lib/message-reactions-selector/message-reactions-selector.component.d.ts

@@ -5,14 +5,14 @@ import { ChannelService } from '../channel.service';
 import { MessageReactionsService } from '../message-reactions.service';
 import * as i0 from "@angular/core";
 /**
- * The `MessageReactionsSelectorComponent` makes it possible for users to react to a message, the reaction options can be set using the [`MessageReactionsService`](../../services/MessageReactionsService). You can read more about [message reactions](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript) in the platform documentation.
+ * The `MessageReactionsSelectorComponent` makes it possible for users to react to a message, the reaction options can be set using the [`MessageReactionsService`](/chat/docs/sdk/angular/services/MessageReactionsService/). You can read more about [message reactions](/chat/docs/javascript/send_reaction/) in the platform documentation.
  */
 export declare class MessageReactionsSelectorComponent implements OnInit, OnDestroy, AfterViewInit {
     private channelService;
     private messageReactionsService;
     private cdRef;
     /**
-     * List of the user's own reactions of a [message](../types/stream-message.mdx), used to display the users of a reaction type.
+     * List of the user's own reactions of a [message](/chat/docs/sdk/angular/types/stream-message/), used to display the users of a reaction type.
      */
     ownReactions: ReactionResponse<DefaultStreamChatGenerics>[];
     /**

package/lib/message-reactions.service.d.ts

@@ -4,24 +4,24 @@ import { ChatClientService } from './chat-client.service';
 import { NotificationService } from './notification.service';
 import * as i0 from "@angular/core";
 /**
- * The `MessageReactionsService` provides customization options to message [reactions](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript).
+ * The `MessageReactionsService` provides customization options to message [reactions](/chat/docs/javascript/send_reaction/).
  *
  */
 export declare class MessageReactionsService {
     private chatClientService;
     private notificationService;
     /**
-     * The enabled [reactions](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript) and the associated emoji
+     * The enabled [reactions](/chat/docs/javascript/send_reaction/) and the associated emoji
      *
-     * You can provide any string as a reaction. The emoji can be provided as a string, if you want to use custom images for reactions you have to provide a [custom reactions UI](../../services/CustomTemplatesService/#messagereactionstemplate)
+     * You can provide any string as a reaction. The emoji can be provided as a string, if you want to use custom images for reactions you have to provide a [custom reactions UI](/chat/docs/sdk/angular/services/CustomTemplatesService/#messagereactionstemplate/)
      */
     reactions$: BehaviorSubject<{
         [x: string]: string;
     }>;
     /**
-     * By default the [`MessageReactionsComponent`](../../components/MessageReactionsComponent) will display the reacting users when a reaction is clicked. You can override this with your own UI by providing a custom event handler.
+     * By default the [`MessageReactionsComponent`](/chat/docs/sdk/angular/components/MessageReactionsComponent/) will display the reacting users when a reaction is clicked. You can override this with your own UI by providing a custom event handler.
      *
-     * The event handler can retrieve all reactions of a message using the [`messageReactionsService.queryReactions()`](https://getstream.io/chat/docs/sdk/angular/services/MessageReactionsService/#queryreactions)
+     * The event handler can retrieve all reactions of a message using the [`messageReactionsService.queryReactions()`](/chat/docs/sdk/angular/services/MessageReactionsService/#queryreactions)
      */
     customReactionClickHandler?: (details: MessageReactionClickDetails) => void;
     constructor(chatClientService: ChatClientService, notificationService: NotificationService);
@@ -38,7 +38,7 @@ export declare class MessageReactionsService {
         [key in MessageReactionType]: string;
     };
     /**
-     * Query reactions of a specific message, more info in the [API documentation](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript#query-reactions)
+     * Query reactions of a specific message, more info in the [API documentation](/chat/docs/javascript/send_reaction/#query-reactions)
      * @param messageId
      * @param type
      * @param next

package/lib/message.service.d.ts

@@ -9,7 +9,7 @@ export declare class MessageService<T extends DefaultStreamChatGenerics = Defaul
      * Decides if the message content should be formatted as text or HTML
      *
      * If you display messages as text the following parts are still be displayed as HTML:
-     * - user mentions -> you can customize this with your own template using the [`customTemplatesService.mentionTemplate$`](https://getstream.io/chat/docs/sdk/angular/services/CustomTemplatesService/#mentiontemplate)
+     * - user mentions -> you can customize this with your own template using the [`customTemplatesService.mentionTemplate$`](/chat/docs/sdk/angular/services/CustomTemplatesService/#mentiontemplate)
      * - links -> you can customize this by providing you own [`customLinkRenderer`](#customlinkrenderer) method
      */
     displayAs: 'text' | 'html';

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

@@ -2,7 +2,7 @@ import { TemplateRef } from '@angular/core';
 import { NotificationType } from '../types';
 import * as i0 from "@angular/core";
 /**
- * The `Notification` component displays a notification within the [`NotificationList`](./NotificationListComponent.mdx)
+ * The `Notification` component displays a notification within the [`NotificationList`](/chat/docs/sdk/angular/components/NotificationListComponent/)
  */
 export declare class NotificationComponent {
     /**

package/lib/notification.service.d.ts

@@ -3,7 +3,7 @@ import { Observable } from 'rxjs';
 import { NotificationPayload, NotificationType } from './types';
 import * as i0 from "@angular/core";
 /**
- * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
+ * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](/chat/docs/sdk/angular/components/NotificationListComponent/) component displays the currently active notifications.
  */
 export declare class NotificationService {
     /**

package/lib/stream-i18n.service.d.ts

@@ -1,7 +1,7 @@
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 /**
- * The `StreamI18nService` can be used to customize the labels of the chat UI. Our [translation guide](../concepts/translation.mdx) covers this topic in detail.
+ * The `StreamI18nService` can be used to customize the labels of the chat UI. Our [translation guide](/chat/docs/sdk/angular/concepts/translation/) covers this topic in detail.
  */
 export declare class StreamI18nService {
     private translteService;

package/lib/theme.service.d.ts

@@ -1,7 +1,7 @@
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
- * The `ThemeService` can be used to change the theme of the chat UI and to customize the theme. Our [theming guide](../theming/introduction.mdx) gives a complete overview about the topic.
+ * The `ThemeService` can be used to change the theme of the chat UI and to customize the theme. Our [theming guide](/chat/docs/sdk/angular/theming/themingv2/) gives a complete overview about the topic.
  */
 export declare class ThemeService {
     /**

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

@@ -6,7 +6,7 @@ import { CustomTemplatesService } from '../custom-templates.service';
 import { DefaultStreamChatGenerics, 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.
+ * The `Thread` component represents a [message thread](/chat/docs/javascript/threads/), it is a container component that displays a thread with a header, [`MessageList`](/chat/docs/sdk/angular/components/MessageListComponent) and [`MessageInput`](/chat/docs/sdk/angular/components/MessageInputComponent/) components.
  */
 export declare class ThreadComponent implements OnDestroy {
     customTemplatesService: CustomTemplatesService;

package/lib/types.d.ts

@@ -208,7 +208,7 @@ export declare type MessageReactionsContext = {
     messageReactionCounts: {
         [key in MessageReactionType]?: number;
     };
-    /** @deprecated you can fetch the reactions using [`chatService.chatClient.queryReactions()`](https://getstream.io/chat/docs/javascript/send_reaction/?language=javascript&q=queryReactions#query-reactions) */
+    /** @deprecated you can fetch the reactions using [`chatService.chatClient.queryReactions()`](/chat/docs/javascript/send_reaction/&q=queryReactions#query-reactions) */
     latestReactions: ReactionResponse<DefaultStreamChatGenerics>[];
     ownReactions: ReactionResponse<DefaultStreamChatGenerics>[];
     messageReactionGroups: {
@@ -338,4 +338,43 @@ export declare type CustomAttachmentPreviewListContext<T extends DefaultStreamCh
 export declare type ThreadReplyButtonContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     message: StreamMessage<T>;
 };
+export declare type CustomAutocompleteItemContext = {
+    item: CustomAutocompleteItem;
+};
+export declare type CustomAutocompleteItem = {
+    /**
+     * This is the text that will be inserted into the message input once a user selects an option (appended after the trigger character)
+     */
+    autocompleteLabel: string;
+};
+export declare type CustomAutocomplete = {
+    /**
+     * The character that will trigger the autocomplete (for example #)
+     *
+     * The SDK supports @ and / by default, so you can't use those
+     */
+    triggerCharacter: string;
+    /**
+     * The HTML template to display an item in the autocomplete list
+     */
+    templateRef: TemplateRef<{
+        item: CustomAutocompleteItem;
+    }>;
+    /**
+     * Set to `true` if space characters can be part of the `autocompleteLabel`
+     */
+    allowSpace: boolean;
+    /**
+     * The options to choose from
+     *
+     * In case you want to use dynamic/server-side filtering, use `updateOptions` instead
+     */
+    options: CustomAutocompleteItem[];
+    /**
+     * If you want to have dynamic/server-side filtering provide a  method that will be called any time the autocomplete options should be filtered
+     * @param searchTerm the text to filter by (without the trigger character), can be an empty string
+     * @returns a promise that will resolve to the options, you should take care of error handling
+     */
+    updateOptions?: (searchTerm: string) => Promise<CustomAutocompleteItem[]>;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "5.9.1",
+  "version": "5.11.0-test-update.1",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -47,7 +47,7 @@
     "dayjs": "^1.11.10",
     "emoji-regex": "^10.3.0",
     "fix-webm-duration": "^1.0.6",
-    "ngx-float-ui": "^15.0.0|| ^16.0.0 || ^17.0.0 || ^18.0.0 || ^18.0.1-rc.0",
+    "ngx-float-ui": "^15.0.0|| ^16.0.0 || ^17.0.0 || ^18.0.0 || ^18.0.1-rc.0 || ^19.0.0",
     "pretty-bytes": "^6.1.1",
     "tslib": "^2.3.0",
     "uuid": "^9.0.1"

package/src/assets/version.ts

@@ -1 +1 @@
-export const version = '5.9.1';
+export const version = '5.11.0-test-update.1';