@progress/kendo-angular-conversational-ui 22.1.0-develop.9 → 23.0.0-develop.1

package/chat/chat.component.d.ts

@@ -5,8 +5,8 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, NgZone, Renderer2, SimpleChanges, OnInit, ViewContainerRef } from '@angular/core';
 import { AttachmentTemplateDirective } from './templates/attachment-template.directive';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ExecuteActionEvent, FileAction, Message, SendMessageEvent, FileActionEvent, FileDownloadEvent, SendButtonSettings, FilesLayoutMode, MessageSettings } from './api';
-import { MessageBoxType } from './common/models/message-box-options';
+import { ExecuteActionEvent, FileAction, Message, ResendMessageEvent, SendMessageEvent, FileActionEvent, FileDownloadEvent, SendButtonSettings, FilesLayoutMode, MessageSettings } from './api';
+import { MessageBoxSettings, MessageBoxType } from './api/message-box';
 import { ChatMessageBoxTemplateDirective } from './templates/message-box.directive';
 import { MessageBoxComponent } from './message-box.component';
 import { MessageWidthMode } from './api/message-width-mode';
@@ -15,7 +15,9 @@ import { ChatHeaderTemplateDirective } from './templates/header-template.directi
 import { SpeechToTextButtonSettings } from '@progress/kendo-angular-buttons';
 import { MessageAction, MessageActionEvent } from './api/message-action';
 import { ChatSuggestion } from './api/chat-suggestion.interface';
-import { SelectEvent, FileSelectSettings } from '@progress/kendo-angular-upload';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { SelectEvent } from '@progress/kendo-angular-upload';
+import { FileSelectButtonSettings } from '../promptbox/common/models';
 import { ChatFile } from './api/chat-file-interface';
 import { ConversationalUIModelFields } from './common/models/model-fields';
 import { ChatTimestampTemplateDirective } from './templates/timestamp-template.directive';
@@ -28,7 +30,7 @@ import { QuickActionsLayoutMode, SuggestionsLayoutMode } from './api/suggestions
 import { TimestampVisibilityMode } from './api/timestamp-visibility';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI Chat component for Angular](slug:overview_convui).
+ * Represents the [Kendo UI Chat component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat).
  *
  * Provides a conversational UI for chat-based applications.
  * Supports message templates, attachments, localization, and user actions.
@@ -55,7 +57,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     /**
      * Sets the Chat messages.
      * Accepts an array of `Message` objects, but can also accept custom data types.
-     * For more information, check [Data Binding](slug:databinding_chat) section in the documentation.
+     * For more information, check [Data Binding](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/data-binding) section in the documentation.
      */
     messages: any[];
     /**
@@ -64,7 +66,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     authorId: string | number;
     /**
      * Determines the type of input used in the message box.
-     * ([see example](slug:message_chat)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message)).
      * @default 'textarea'
      *
      * @hidden
@@ -123,13 +125,17 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      *
      * @default true
      */
-    enableSpeechToText: boolean | SpeechToTextButtonSettings;
+    speechToTextButton: boolean | SpeechToTextButtonSettings;
     /**
-     * Sets the File Select settings.
+     * Sets the File Select Button settings.
      *
      * @default true
      */
-    enableFileSelect: boolean | FileSelectSettings;
+    fileSelectButton: boolean | FileSelectButtonSettings;
+    /**
+     * Sets the message box settings.
+     */
+    messageBoxSettings: MessageBoxSettings;
     /**
      * Sets the actions of the message toolbar.
      * These actions display in the message toolbar and let you perform specific operations on the message.
@@ -208,7 +214,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      * Sets the send button settings for the Chat component.
      * Allows customization of the send button appearance, icons and disabled state.
      *
-     * @default { fillMode: 'solid', rounded: 'full', size: 'medium', themeColor: 'primary', icon: 'paper-plane', svgIcon: paperPlaneIcon}
+     * @default { rounded: 'full', size: 'small', icon: 'arrow-up-outline', svgIcon: arrowUpOutlineIcon }
      */
     sendButtonSettings: SendButtonSettings;
     /**
@@ -217,12 +223,29 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      */
     set modelFields(value: ConversationalUIModelFields);
     get modelFields(): ConversationalUIModelFields;
+    /**
+     * Controls whether a scroll to bottom button is rendered at the bottom of the Chat. Displayed only when the user has scrolled the component upward.
+     *
+     * @default true
+     */
+    scrollToBottomButton: boolean;
+    /**
+     * Sets the loading state of the Chat component.
+     * When set to `true`, a loading button is displayed instead of the send button.
+     *
+     * @default false
+     */
+    loading: boolean;
     /**
      * Fires when the user sends a message by clicking the **Send** button or pressing **Enter**.
      *
      * The message is not automatically added to the `messages` array.
      */
     sendMessage: EventEmitter<SendMessageEvent>;
+    /**
+     * Fires when the user clicks the resend button on a failed message.
+     */
+    resendMessage: EventEmitter<ResendMessageEvent>;
     /**
      * Fires when the user clicks a quick action button in the message toolbar.
      */
@@ -241,7 +264,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     download: EventEmitter<FileDownloadEvent>;
     /**
      * Fires when the user clicks a quick action button.
-     * The Chat internally handles [known actions](slug:api_conversational-ui_actiontype) such as `reply`, `openUrl`, and `call`.
+     * The Chat internally handles [known actions](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/api/actiontype) such as `reply`, `openUrl`, and `call`.
      *
      * The event is preventable. Calling [`preventDefault`](https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault) suppresses the built-in action.
      */
@@ -294,6 +317,10 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      * Returns processed messages when model fields are used, otherwise returns original messages.
      */
     get processedMessages(): Message[];
+    /**
+     * @hidden
+     */
+    isOwnMessage(message: Message): boolean;
     /**
      * Gets the actions available in the message context menu.
      *
@@ -311,15 +338,19 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     /**
      * @hidden
      */
-    pinIcon: import("@progress/kendo-svg-icons").SVGIcon;
+    pinIcon: SVGIcon;
     /**
      * @hidden
      */
-    deleteIcon: import("@progress/kendo-svg-icons").SVGIcon;
+    deleteIcon: SVGIcon;
     /**
      * @hidden
      */
     pinnedMessage: Message;
+    /**
+     * @hidden
+     */
+    scrollToBottomIcon: SVGIcon;
     private direction;
     private subs;
     private _modelFields;
@@ -375,5 +406,5 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     private updateChatServiceProperties;
     private mergeWithDefaultActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatComponent, "kendo-chat", never, { "messages": { "alias": "messages"; "required": false; }; "authorId": { "alias": "authorId"; "required": false; }; "messageBoxType": { "alias": "messageBoxType"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "messageWidthMode": { "alias": "messageWidthMode"; "required": false; }; "timestampVisibility": { "alias": "timestampVisibility"; "required": false; }; "showUsername": { "alias": "showUsername"; "required": false; }; "showAvatar": { "alias": "showAvatar"; "required": false; }; "allowMessageCollapse": { "alias": "allowMessageCollapse"; "required": false; }; "enableSpeechToText": { "alias": "enableSpeechToText"; "required": false; }; "enableFileSelect": { "alias": "enableFileSelect"; "required": false; }; "messageToolbarActions": { "alias": "messageToolbarActions"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "authorMessageSettings": { "alias": "authorMessageSettings"; "required": false; }; "receiverMessageSettings": { "alias": "receiverMessageSettings"; "required": false; }; "messageContextMenuActions": { "alias": "messageContextMenuActions"; "required": false; }; "fileActions": { "alias": "fileActions"; "required": false; }; "messageFilesLayout": { "alias": "messageFilesLayout"; "required": false; }; "suggestionsLayout": { "alias": "suggestionsLayout"; "required": false; }; "quickActionsLayout": { "alias": "quickActionsLayout"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "sendButtonSettings": { "alias": "sendButtonSettings"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; }, { "sendMessage": "sendMessage"; "toolbarActionClick": "toolbarActionClick"; "contextMenuActionClick": "contextMenuActionClick"; "fileActionClick": "fileActionClick"; "download": "download"; "executeAction": "executeAction"; "suggestionExecute": "suggestionExecute"; "fileSelect": "fileSelect"; "fileRemove": "fileRemove"; "unpin": "unpin"; "inputValueChange": "inputValueChange"; }, ["attachmentTemplate", "chatHeaderTemplate", "chatNoDataTemplate", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "timestampTemplate", "suggestionTemplate", "statusTemplate", "messageBoxTemplate", "userStatusTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatComponent, "kendo-chat", never, { "messages": { "alias": "messages"; "required": false; }; "authorId": { "alias": "authorId"; "required": false; }; "messageBoxType": { "alias": "messageBoxType"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "messageWidthMode": { "alias": "messageWidthMode"; "required": false; }; "timestampVisibility": { "alias": "timestampVisibility"; "required": false; }; "showUsername": { "alias": "showUsername"; "required": false; }; "showAvatar": { "alias": "showAvatar"; "required": false; }; "allowMessageCollapse": { "alias": "allowMessageCollapse"; "required": false; }; "speechToTextButton": { "alias": "speechToTextButton"; "required": false; }; "fileSelectButton": { "alias": "fileSelectButton"; "required": false; }; "messageBoxSettings": { "alias": "messageBoxSettings"; "required": false; }; "messageToolbarActions": { "alias": "messageToolbarActions"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "authorMessageSettings": { "alias": "authorMessageSettings"; "required": false; }; "receiverMessageSettings": { "alias": "receiverMessageSettings"; "required": false; }; "messageContextMenuActions": { "alias": "messageContextMenuActions"; "required": false; }; "fileActions": { "alias": "fileActions"; "required": false; }; "messageFilesLayout": { "alias": "messageFilesLayout"; "required": false; }; "suggestionsLayout": { "alias": "suggestionsLayout"; "required": false; }; "quickActionsLayout": { "alias": "quickActionsLayout"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "sendButtonSettings": { "alias": "sendButtonSettings"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; "scrollToBottomButton": { "alias": "scrollToBottomButton"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "sendMessage": "sendMessage"; "resendMessage": "resendMessage"; "toolbarActionClick": "toolbarActionClick"; "contextMenuActionClick": "contextMenuActionClick"; "fileActionClick": "fileActionClick"; "download": "download"; "executeAction": "executeAction"; "suggestionExecute": "suggestionExecute"; "fileSelect": "fileSelect"; "fileRemove": "fileRemove"; "unpin": "unpin"; "inputValueChange": "inputValueChange"; }, ["attachmentTemplate", "chatHeaderTemplate", "chatNoDataTemplate", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "timestampTemplate", "suggestionTemplate", "statusTemplate", "messageBoxTemplate", "userStatusTemplate"], never, true, never>;
 }

package/chat/common/chat.service.d.ts

@@ -5,8 +5,9 @@
 import { ViewContainerRef, ElementRef } from '@angular/core';
 import { SpeechToTextButtonSettings } from '@progress/kendo-angular-buttons';
 import { MessageWidthMode } from '../api/message-width-mode';
-import { FileAction, FileActionEvent, FileDownloadEvent, FilesLayoutMode, Message, MessageAction, MessageActionEvent, MessageSettings, QuickActionsLayoutMode, SendButtonSettings, SuggestionsLayoutMode } from '../api';
-import { FileSelectSettings } from '@progress/kendo-angular-upload';
+import { FileAction, FileActionEvent, FileDownloadEvent, FilesLayoutMode, Message, MessageAction, MessageActionEvent, MessageSettings, QuickActionsLayoutMode, ResendMessageEvent, SendButtonSettings, SuggestionsLayoutMode } from '../api';
+import { FileSelectButtonSettings } from '../../promptbox/common/models';
+import { MessageBoxSettings } from '../api/message-box';
 import { ContextMenuComponent } from '@progress/kendo-angular-menu';
 import { TimestampVisibilityMode } from '../api/timestamp-visibility';
 import * as i0 from "@angular/core";
@@ -34,9 +35,10 @@ export declare class ChatService {
     timestampVisibility: TimestampVisibilityMode;
     showUsername: boolean;
     showAvatar: boolean;
-    private _enableSpeechToText;
-    private _enableFileSelect;
+    private _speechToTextButton;
+    private _fileSelectButton;
     private _sendButtonSettings;
+    private _messageBoxSettings;
     private _suggestionsLayout;
     private _quickActionsLayout;
     _authorMessageSettings: MessageSettings;
@@ -47,6 +49,7 @@ export declare class ChatService {
     contextMenuAction$: import("rxjs").Observable<MessageActionEvent>;
     fileAction$: import("rxjs").Observable<FileActionEvent>;
     fileDownload$: import("rxjs").Observable<FileDownloadEvent>;
+    resendMessage$: import("rxjs").Observable<ResendMessageEvent>;
     replyReferenceClick$: import("rxjs").Observable<string | number>;
     inputValueChange$: import("rxjs").Observable<string>;
     contextMenuVisibilityChange$: import("rxjs").Observable<boolean>;
@@ -59,12 +62,14 @@ export declare class ChatService {
     get authorMessageSettings(): MessageSettings;
     set receiverMessageSettings(settings: MessageSettings);
     get receiverMessageSettings(): MessageSettings;
-    set enableSpeechToText(settings: boolean | SpeechToTextButtonSettings);
-    get enableSpeechToText(): SpeechToTextButtonSettings;
-    set enableFileSelect(settings: boolean | FileSelectSettings);
-    get enableFileSelect(): FileSelectSettings;
+    set speechToTextButton(settings: boolean | SpeechToTextButtonSettings);
+    get speechToTextButton(): SpeechToTextButtonSettings;
+    set fileSelectButton(settings: boolean | FileSelectButtonSettings);
+    get fileSelectButton(): FileSelectButtonSettings;
     set sendButtonSettings(settings: boolean | SendButtonSettings);
     get sendButtonSettings(): SendButtonSettings;
+    set messageBoxSettings(settings: MessageBoxSettings);
+    get messageBoxSettings(): MessageBoxSettings;
     set suggestionsLayout(layoutMode: SuggestionsLayoutMode);
     get suggestionsLayout(): SuggestionsLayoutMode;
     set quickActionsLayout(layoutMode: QuickActionsLayoutMode);
@@ -78,6 +83,7 @@ export declare class ChatService {
     unregisterMessageElement(messageId: string | number): void;
     scrollToMessage(messageId: string | number): void;
     focusActiveMessageElement(): void;
+    isOwnMessage(message: Message): boolean;
     private updateComponentSettings;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ChatService>;

package/chat/common/models/model-fields.d.ts

@@ -49,7 +49,7 @@ export interface ConversationalUIModelFields {
      */
     timestampField?: string;
     /**
-     * Field name for message status.
+     * Field name for message status. Use this when status is a string or an object.
      *
      * @default "status"
      */
@@ -102,4 +102,10 @@ export interface ConversationalUIModelFields {
      * @default "typing"
      */
     typingField?: string;
+    /**
+     * Field name for the failed status.
+     *
+     * @default "failed"
+     */
+    failedField?: string;
 }

package/chat/common/scroll-anchor.directive.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -11,17 +11,25 @@ export declare class ScrollAnchorDirective implements AfterViewInit, OnInit, OnD
     private element;
     private zone;
     private renderer;
+    private cdr;
     autoScroll: boolean;
     autoScrollChange: EventEmitter<boolean>;
     overflowAnchor: string;
+    showScrollToBottomButton: boolean;
+    showMessageBoxSeparator: boolean;
     private scrolling;
     private unsubscribe;
-    constructor(element: ElementRef, zone: NgZone, renderer: Renderer2);
+    private scrollUpdate;
+    constructor(element: ElementRef, zone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onScroll(): void;
+    autoScrollToBottom(): void;
     scrollToBottom(): void;
+    calculateMessageBoxSeparator(): void;
+    private setupScrollUpdate;
+    private performScroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollAnchorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollAnchorDirective, "[kendoChatScrollAnchor]", ["scrollAnchor"], { "autoScroll": { "alias": "autoScroll"; "required": false; }; }, { "autoScrollChange": "autoScrollChange"; }, never, never, true, never>;
 }

package/chat/common/utils.d.ts

@@ -4,8 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import { Message, SendButtonSettings, MessageAction, FileAction, SuggestionsLayoutMode } from "../api";
 import { ConversationalUIModelFields } from "./models/model-fields";
-import { FileSelectSettings } from '@progress/kendo-angular-upload';
+import { FileSelectButtonSettings } from '../../promptbox/common/models';
 import { SpeechToTextButtonSettings } from "@progress/kendo-angular-buttons";
+import { MessageBoxSettings } from "../api/message-box";
 /**
  * @hidden
  */
@@ -39,7 +40,7 @@ export declare const SEND_BTN_DEFAULT_SETTINGS: SendButtonSettings;
 /**
  * @hidden
  */
-export declare const FILESELECT_DEFAULT_SETTINGS: FileSelectSettings;
+export declare const FILESELECT_BUTTON_DEFAULT_SETTINGS: FileSelectButtonSettings;
 /**
  * @hidden
  */
@@ -56,6 +57,7 @@ export declare const CONTEXT_MENU_ACTIONS: MessageAction[];
  * @hidden
  */
 export declare const FILE_ACTIONS: FileAction[];
+export declare const MESSAGE_BOX_SETTINGS: MessageBoxSettings;
 /**
  * @hidden
  */

package/chat/l10n/custom-messages.component.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  * Represents the custom messages component of the Chat.
  *
  * Use this component to override default messages for the Chat
- * ([see example](slug:globalization_chat#custom-messages)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/globalization#custom-messages)).
  *
  * @example
  * ```html

package/chat/l10n/messages.d.ts

@@ -16,6 +16,10 @@ export declare class Messages extends ComponentMessages {
      * Sets the text that displays when the receiver deletes a message.
      */
     deletedMessageReceiverText: string;
+    /**
+     * Sets the text that displays when a message fails to send.
+     */
+    messageFailedText: string;
     /**
      * Sets the text that displays in the download section of the message.
      * This message displays below all files in the message.
@@ -26,9 +30,13 @@ export declare class Messages extends ComponentMessages {
      */
     messagePlaceholder: string;
     /**
-     * Sets the text for the **Send** button.
+     * Sets the aria-label for the internal input/textarea element.
+     */
+    messageBoxTitle: string;
+    /**
+     * Sets the text for the **Action** button.
      */
-    send: string;
+    actionButtonTitle: string;
     /**
      * Sets the label for the message list.
      */
@@ -81,6 +89,10 @@ export declare class Messages extends ComponentMessages {
      * Sets the title of the button that shows the **Scroll left** when the suggestions list is scrollable with buttons.
      */
     previousSuggestionsButtonTitle: string;
+    /**
+     * Sets the title of the button that unpins a pinned message.
+     */
+    unpinMessageTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoConversationalUIMessages", never, { "deletedMessageSenderText": { "alias": "deletedMessageSenderText"; "required": false; }; "deletedMessageReceiverText": { "alias": "deletedMessageReceiverText"; "required": false; }; "downloadAllFilesText": { "alias": "downloadAllFilesText"; "required": false; }; "messagePlaceholder": { "alias": "messagePlaceholder"; "required": false; }; "send": { "alias": "send"; "required": false; }; "messageListLabel": { "alias": "messageListLabel"; "required": false; }; "messageBoxInputLabel": { "alias": "messageBoxInputLabel"; "required": false; }; "messageAttachmentLeftArrow": { "alias": "messageAttachmentLeftArrow"; "required": false; }; "messageAttachmentRightArrow": { "alias": "messageAttachmentRightArrow"; "required": false; }; "speechToTextButtonTitle": { "alias": "speechToTextButtonTitle"; "required": false; }; "fileSelectButtonTitle": { "alias": "fileSelectButtonTitle"; "required": false; }; "removeReplyTitle": { "alias": "removeReplyTitle"; "required": false; }; "removeFileTitle": { "alias": "removeFileTitle"; "required": false; }; "expandTitle": { "alias": "expandTitle"; "required": false; }; "collapseTitle": { "alias": "collapseTitle"; "required": false; }; "fileActionsTitle": { "alias": "fileActionsTitle"; "required": false; }; "nextSuggestionsButtonTitle": { "alias": "nextSuggestionsButtonTitle"; "required": false; }; "previousSuggestionsButtonTitle": { "alias": "previousSuggestionsButtonTitle"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoConversationalUIMessages", never, { "deletedMessageSenderText": { "alias": "deletedMessageSenderText"; "required": false; }; "deletedMessageReceiverText": { "alias": "deletedMessageReceiverText"; "required": false; }; "messageFailedText": { "alias": "messageFailedText"; "required": false; }; "downloadAllFilesText": { "alias": "downloadAllFilesText"; "required": false; }; "messagePlaceholder": { "alias": "messagePlaceholder"; "required": false; }; "messageBoxTitle": { "alias": "messageBoxTitle"; "required": false; }; "actionButtonTitle": { "alias": "actionButtonTitle"; "required": false; }; "messageListLabel": { "alias": "messageListLabel"; "required": false; }; "messageBoxInputLabel": { "alias": "messageBoxInputLabel"; "required": false; }; "messageAttachmentLeftArrow": { "alias": "messageAttachmentLeftArrow"; "required": false; }; "messageAttachmentRightArrow": { "alias": "messageAttachmentRightArrow"; "required": false; }; "speechToTextButtonTitle": { "alias": "speechToTextButtonTitle"; "required": false; }; "fileSelectButtonTitle": { "alias": "fileSelectButtonTitle"; "required": false; }; "removeReplyTitle": { "alias": "removeReplyTitle"; "required": false; }; "removeFileTitle": { "alias": "removeFileTitle"; "required": false; }; "expandTitle": { "alias": "expandTitle"; "required": false; }; "collapseTitle": { "alias": "collapseTitle"; "required": false; }; "fileActionsTitle": { "alias": "fileActionsTitle"; "required": false; }; "nextSuggestionsButtonTitle": { "alias": "nextSuggestionsButtonTitle"; "required": false; }; "previousSuggestionsButtonTitle": { "alias": "previousSuggestionsButtonTitle"; "required": false; }; "unpinMessageTitle": { "alias": "unpinMessageTitle"; "required": false; }; }, {}, never, never, true, never>;
 }

package/chat/message-box.component.d.ts

@@ -7,14 +7,16 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { SpeechToTextButtonSettings } from '@progress/kendo-angular-buttons';
 import { ChatMessageBoxTemplateDirective } from './templates/message-box.directive';
-import { TextAreaComponent } from '@progress/kendo-angular-inputs';
-import { FileSelectComponent, SelectEvent, FileSelectSettings } from '@progress/kendo-angular-upload';
+import { SelectEvent } from '@progress/kendo-angular-upload';
+import { FileSelectButtonSettings } from '../promptbox/common/models';
 import { ChatFile } from './api/chat-file-interface';
 import { ChatService } from './common/chat.service';
-import { SuggestedActionsComponent } from "./suggested-actions.component";
+import { MessageBoxSettings } from './api/message-box';
+import { SuggestedActionsComponent } from './suggested-actions.component';
 import { ChatSuggestion, Message, SendButtonSettings } from './api';
 import { ChatItem } from './chat-item';
 import { ChatSuggestionTemplateDirective } from './templates/suggestion-template.directive';
+import { PromptBoxComponent } from '../promptbox/promptbox.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -26,8 +28,7 @@ export declare class MessageBoxComponent implements OnInit, OnDestroy {
     private renderer;
     borderColor: string;
     messageBoxWrapperClass: boolean;
-    messageBoxInput: TextAreaComponent;
-    fileSelectComponent: FileSelectComponent;
+    messageBoxInput: PromptBoxComponent;
     suggestedActionsComponent: SuggestedActionsComponent;
     authorId: string | number;
     autoScroll: boolean;
@@ -37,15 +38,12 @@ export declare class MessageBoxComponent implements OnInit, OnDestroy {
     localization: LocalizationService;
     messageBoxTemplate: ChatMessageBoxTemplateDirective;
     suggestionTemplate: ChatSuggestionTemplateDirective;
+    loading: boolean;
     sendMessage: EventEmitter<any>;
     executeSuggestion: EventEmitter<ChatSuggestion>;
     fileSelect: EventEmitter<SelectEvent>;
     fileRemove: EventEmitter<ChatFile>;
-    files: ChatFile[];
-    sendIcon: SVGIcon;
-    attachmentIcon: SVGIcon;
     deleteIcon: SVGIcon;
-    fileIcon: SVGIcon;
     isListening: boolean;
     get reply(): Message;
     private selectedItem;
@@ -54,23 +52,25 @@ export declare class MessageBoxComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     sendClick(): void;
-    inputKeydown(e: any): void;
-    textAreaKeydown(e: any): void;
     handleSpeechResult(event: any): void;
     textFor(key: string): string;
     removeReply(): void;
     onReplyReferenceClick(event: Event): void;
     handleFileSelect(event: SelectEvent): void;
-    selectFiles(): void;
-    removeFile(index: number): void;
+    handleFileRemove(file: any): void;
+    handlePromptAction(): void;
+    onSpeechToTextStart(): void;
+    onSpeechToTextEnd(): void;
     get speechToTextButtonSettings(): SpeechToTextButtonSettings;
     get sendButtonSettings(): SendButtonSettings;
-    get enableFileSelect(): boolean | FileSelectSettings;
-    get isDisabledSendButton(): boolean;
+    get fileSelectButton(): boolean | FileSelectButtonSettings;
+    get messageBoxSettings(): MessageBoxSettings;
+    get fileSelectButtonSettings(): FileSelectButtonSettings;
+    get isActionButtonDisabled(): boolean;
     select(item: ChatItem, event?: Event): void;
     onBlur(args: any): void;
     onInputValueChange(value: string): void;
     dispatchSuggestion(suggestion: ChatSuggestion): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBoxComponent, "kendo-message-box", never, { "authorId": { "alias": "authorId"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "localization": { "alias": "localization"; "required": false; }; "messageBoxTemplate": { "alias": "messageBoxTemplate"; "required": false; }; "suggestionTemplate": { "alias": "suggestionTemplate"; "required": false; }; }, { "sendMessage": "sendMessage"; "executeSuggestion": "executeSuggestion"; "fileSelect": "fileSelect"; "fileRemove": "fileRemove"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBoxComponent, "kendo-message-box", never, { "authorId": { "alias": "authorId"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "localization": { "alias": "localization"; "required": false; }; "messageBoxTemplate": { "alias": "messageBoxTemplate"; "required": false; }; "suggestionTemplate": { "alias": "suggestionTemplate"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "sendMessage": "sendMessage"; "executeSuggestion": "executeSuggestion"; "fileSelect": "fileSelect"; "fileRemove": "fileRemove"; }, never, never, true, never>;
 }

package/chat/message.component.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Message } from './api/message.interface';
+import { MessageStatus } from './api/message-status.interface';
 import { ChatItem } from './chat-item';
 import { MessageContentTemplateDirective } from './templates/message-content-template.directive';
 import { IntlService } from '@progress/kendo-angular-intl';
@@ -43,6 +44,7 @@ export declare class MessageComponent extends ChatItem implements OnInit, OnDest
     showMessageTime: boolean;
     authorId: string | number;
     cssClass: boolean;
+    get failedClass(): boolean;
     get removedClass(): boolean;
     onKeyDown(event: KeyboardEvent): void;
     selected: boolean;
@@ -50,6 +52,8 @@ export declare class MessageComponent extends ChatItem implements OnInit, OnDest
     expandIcon: SVGIcon;
     collapseIcon: SVGIcon;
     downloadIcon: SVGIcon;
+    resendIcon: SVGIcon;
+    messageFailedIcon: SVGIcon;
     isMessageExpanded: boolean;
     showExpandCollapseIcon: boolean;
     fileActions: any;
@@ -60,6 +64,8 @@ export declare class MessageComponent extends ChatItem implements OnInit, OnDest
     get hasMessageContent(): boolean;
     get hasFiles(): boolean;
     get hasMultipleFiles(): boolean;
+    get isStatusString(): boolean;
+    get statusObject(): MessageStatus | null;
     get isActiveMessage(): boolean;
     get isMessageExpandable(): boolean;
     get showToolbar(): boolean;
@@ -83,6 +89,7 @@ export declare class MessageComponent extends ChatItem implements OnInit, OnDest
     onFileAction(action: any, file: ChatFile): void;
     getMessageById(id: string | number): Message | undefined;
     onReplyReferenceClick(event: Event, replyToId: string | number): void;
+    onResendMessage(event: Event): void;
     handleMenuClose(event?: ContextMenuPopupEvent): void;
     onActionButtonClick(event: MouseEvent): void;
     handleMenuOpen(): void;

package/chat/suggested-actions.component.d.ts

@@ -24,6 +24,8 @@ export declare class SuggestedActionsComponent extends ChatItem implements After
     get defaultClass(): boolean;
     get scrollableClass(): boolean;
     get scrollButtonsClass(): boolean;
+    get scrollStartClass(): boolean;
+    get scrollEndClass(): boolean;
     get role(): string;
     actions: Action[];
     suggestions: ChatSuggestion[];
@@ -34,14 +36,17 @@ export declare class SuggestedActionsComponent extends ChatItem implements After
     dispatchSuggestion: EventEmitter<ChatSuggestion>;
     items: QueryList<ElementRef>;
     suggestionsContainer: ElementRef;
+    scrollableContainer: ElementRef;
     prevScrollButton: ElementRef;
     nextScrollButton: ElementRef;
     selectedIndex: number;
     activeIndex: number;
     active: boolean;
+    isAtScrollStart: boolean;
+    isAtScrollEnd: boolean;
+    get isScrollable(): boolean;
     get hasScrollButtons(): boolean;
     private subscriptions;
-    private resizeObserver;
     private actionKeyHandlers;
     private suggestionKeyHandlers;
     constructor(chatService: ChatService, localization: LocalizationService, scrollService: SuggestionsScrollService, ngZone: NgZone, renderer: Renderer2);
@@ -56,8 +61,10 @@ export declare class SuggestedActionsComponent extends ChatItem implements After
     suggestionKeydown(e: any, suggestion: ChatSuggestion): void;
     getScrollButtonTitle(direction: string): string;
     onScroll(event: Event): void;
+    onScrollableContainerScroll(_event: Event): void;
     scrollSuggestions(direction: ScrollButtonType): void;
     focus(): void;
+    private updateScrollableState;
     private toggleScrollButtonState;
     private changeSelectedIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuggestedActionsComponent, never>;

package/chat/templates/attachment-template.directive.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * To define an attachment template, nest an `<ng-template>` tag with the `kendoChatAttachmentTemplate` attribute inside the `<kendo-chat>` component.
  * The template context is set to the attachment instance.
- * For more information, refer to the article on [message attachments](slug:attachments_chat).
+ * For more information, refer to the article on [message attachments](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/attachments).
  *
  * You can use the following field:
  * - `attachment`&mdash;The attachment instance.

package/chat/templates/author-message-content-template.directive.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * To define a message template, nest an `<ng-template>` tag with the `kendoChatAuthorMessageContentTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the `message` instance.
- * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ * For more information, refer to the article on [message templates](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates).
  *
  * @example
  * ```html

package/chat/templates/author-message-template.directive.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * To define a message template, nest an `<ng-template>` tag with the `kendoChatAuthorMessageTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the `message` instance.
- * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ * For more information, refer to the article on [message templates](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates).
  *
  * @example
  * ```html

package/chat/templates/message-box.directive.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
  * Creates a message box area that overrides the default message box of the Chat component.
  *
  * To define a message box template, nest an `<ng-template>` tag with the `kendoChatMessageBoxTemplate` directive inside the `<kendo-chat>` tag.
- * For more information, see [Message Box Template](slug:message_templates_chat#toc-message-box-template).
+ * For more information, see [Message Box Template](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates#message-box-template).
  *
  * @example
  * ```html

package/chat/templates/message-content-template.directive.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * To define a message template, nest an `<ng-template>` tag with the `kendoChatMessageContentTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the `message` instance.
- * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ * For more information, refer to the article on [message templates](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates).
  *
  * @example
  * ```html

package/chat/templates/message-template.directive.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * To define a message template, nest an `<ng-template>` tag with the `kendoChatMessageTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the `message` instance.
- * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ * For more information, refer to the article on [message templates](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates).
  *
  * @example
  * ```html

package/chat/templates/no-data-template.directive.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
  * Defines a template for displaying custom content when there are no messages in the Chat.
  *
  * To define an empty Chat template, nest an `<ng-template>` tag with the `kendoChatNoDataTemplate` directive inside the `<kendo-chat>` component.
- * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ * For more information, refer to the article on [message templates](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates).
  *
  * @example
  * ```html

package/chat/templates/receiver-message-content-template.directive.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * To define a message template, nest an `<ng-template>` tag with the `kendoChatReceiverMessageContentTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the `message` instance.
- * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ * For more information, refer to the article on [message templates](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates).
  *
  * @example
  * ```html

package/chat/templates/receiver-message-template.directive.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * To define a message template, nest an `<ng-template>` tag with the `kendoChatReceiverMessageTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the `message` instance.
- * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ * For more information, refer to the article on [message templates](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/chat/message-templates).
  *
  * @example
  * ```html