@progress/kendo-vue-conversational-ui 7.0.0-develop.3 → 7.0.0-develop.4

package/index.d.ts

@@ -26,6 +26,8 @@ dir: PropType<string>;
 toolbarItems: PropType<AIPromptToolbarItemInterface[]>;
 outputs: PropType<AIPromptOutputInterface[]>;
 promptPlaceholder: PropType<string>;
+streaming: PropType<boolean>;
+loading: PropType<boolean>;
 }>, {}, {
 contextState: AIPromptContextInterface;
 }, {}, {
@@ -33,6 +35,7 @@ onStateAction(action: StateActionInterface): void;
 onActiveViewChange(event: string): void;
 onPromptRequest(prompt?: string, outputItem?: AIPromptOutputInterface): void;
 onCommandExecute(event: AIPromptCommandInterface): void;
+onCancel(): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 activeView: {
 type: PropType<string>;
@@ -42,10 +45,30 @@ dir: PropType<string>;
 toolbarItems: PropType<AIPromptToolbarItemInterface[]>;
 outputs: PropType<AIPromptOutputInterface[]>;
 promptPlaceholder: PropType<string>;
+streaming: PropType<boolean>;
+loading: PropType<boolean>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, () => {
 kendoAIPrompt: any;
 }, true, {}, any>;
 
+/**
+ * The fields of the AIPromptOutputView card prop.
+ */
+export declare interface AIPromptCardInterface {
+    /**
+     * Custom template for AIPromptCard header.
+     */
+    header?: (props: AIPromptOutputInterface) => any;
+    /**
+     * Custom template for AIPromptCard body.
+     */
+    body?: (props: AIPromptOutputInterface) => any;
+    /**
+     * Custom template for AIPromptCard actions.
+     */
+    actions?: (props: AIPromptOutputInterface) => any;
+}
+
 /**
  * An interface for the Command view command.
  */
@@ -82,13 +105,26 @@ export declare interface AIPromptCommandsViewProps {
 /**
  * @hidden
  */
-export declare const AIPromptContent: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare const AIPromptContent: DefineComponent<ExtractPropTypes<    {
+onCancel: PropType<() => void>;
+streaming: PropType<boolean>;
+}>, {}, {}, {
+showFloatingButton(): boolean;
+}, {
+handleKeyDown(event: KeyboardEvent): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+onCancel: PropType<() => void>;
+streaming: PropType<boolean>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
  * The AIPrompt context that is passed to the view.
  */
 declare interface AIPromptContextInterface {
     activeView?: string;
+    streaming?: boolean;
+    loading?: boolean;
+    onCancel?: () => void;
     onPromptRequest?: (prompt?: string, outputItem?: AIPromptOutputInterface) => void;
     onCommandExecute?: (command: AIPromptCommandInterface) => void;
     onActiveViewChange?: (view: string) => void;
@@ -173,27 +209,29 @@ export declare enum AIPromptOutputRating {
  */
 export declare const AIPromptOutputView: DefineComponent<ExtractPropTypes<    {
 outputs: PropType<AIPromptOutputInterface[]>;
-outputCard: PropType<string | Function>;
+outputCard: PropType<AIPromptCardInterface>;
 showOutputRating: PropType<boolean>;
 }>, {}, {
 copiedIndex: number;
 copyButtonIcon: SVGIcon;
+contentRef: any;
 }, {}, {
 retryPrompt(output: AIPromptOutputInterface): void;
 copyToClipboard(output: AIPromptOutputInterface, index: number): void;
 outputRating(output: AIPromptOutputInterface, ratingType: AIPromptOutputRating): void;
+scrollToTopOutput(): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
 copy: any;
 retry: any;
 rating: any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 outputs: PropType<AIPromptOutputInterface[]>;
-outputCard: PropType<string | Function>;
+outputCard: PropType<AIPromptCardInterface>;
 showOutputRating: PropType<boolean>;
 }>> & Readonly<{
 onCopy?: (...args: any[] | unknown[]) => any;
-onRating?: (...args: any[] | unknown[]) => any;
 onRetry?: (...args: any[] | unknown[]) => any;
+onRating?: (...args: any[] | unknown[]) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -205,10 +243,13 @@ export declare interface AIPromptOutputViewProps {
      */
     outputs?: AIPromptOutputInterface[];
     /**
-     * Represents a template that allows you to define custom Card .It accepts string of a named slot or a render function.
+     * Represents a template that allows you to define custom Card fields for:
+     * header
+     * body
+     * actions
      * The custom fields will override the default one.
      */
-    outputCard?: string | Function;
+    outputCard?: AIPromptCardInterface;
     /**
      * Specifies if the rating buttons in each card will be rendered.
      * By default, rating buttons are not rendered.
@@ -254,6 +295,14 @@ export declare interface AIPromptProps {
      * The direction of the Prompt.
      */
     dir?: string;
+    /**
+     * If true, the prompt is in a streaming state.
+     */
+    streaming?: boolean;
+    /**
+     * If true, the prompt is in a loading state.
+     */
+    loading?: boolean;
     /**
      * The onActiveViewChange event handler of the Kendo UI for Vue AIPrompt component.
      * Fires when active view is changed. Exposes the name of the new active view as event data.
@@ -269,6 +318,10 @@ export declare interface AIPromptProps {
      * Fires when user clicks the `Generate` button in the Prompt view.
      */
     onPromptrequest?: (prompt?: string, outputItem?: AIPromptOutputInterface) => void;
+    /**
+     * Called when the prompt is cancelled.
+     */
+    onCancel?: () => void;
 }
 
 /**
@@ -301,6 +354,7 @@ promptInput: PropType<any>;
 generateButton: PropType<any>;
 promptValue: PropType<string>;
 promptSuggestions: PropType<string[]>;
+enableSpeechToText: PropType<boolean | object>;
 }>, {}, {
 value: string;
 }, {
@@ -309,11 +363,16 @@ computedValue(): any;
 handleOnRequest(): void;
 handleSuggestionSelect(suggestion: string): void;
 onTextChange(event: any): void;
+onSpeechResult(event: any): void;
+onSpeechStart(): void;
+onSpeechEnd(): void;
+getButtonDisabledState(): boolean;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 promptInput: PropType<any>;
 generateButton: PropType<any>;
 promptValue: PropType<string>;
 promptSuggestions: PropType<string[]>;
+enableSpeechToText: PropType<boolean | object>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -335,6 +394,18 @@ export declare interface AIPromptViewRenderProps {
     name: string;
 }
 
+/**
+ * Represents the structure of a chat suggestion item that can be displayed above the message input.
+ *
+ * @interface ChatSuggestion
+ */
+export declare interface ChatSuggestion {
+    id: string | number;
+    text: string;
+    description?: string;
+    disabled?: boolean;
+}
+
 /**
  * @hidden
  */
@@ -375,4 +446,35 @@ declare interface StateActionInterface {
     activeView: string;
 }
 
+/**
+ * @hidden
+ */
+export declare const SuggestionGroup: DefineComponent<ExtractPropTypes<    {
+suggestions: {
+type: PropType<ChatSuggestion[]>;
+required: true;
+};
+onSuggestionClick: {
+type: PropType<(event: MouseEvent, suggestion: ChatSuggestion) => void>;
+required: true;
+};
+}>, {}, {}, {}, {
+handleSuggestionClick(event: MouseEvent, suggestion: ChatSuggestion): void;
+handleKeyDown(event: KeyboardEvent, suggestion: ChatSuggestion): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+suggestions: {
+type: PropType<ChatSuggestion[]>;
+required: true;
+};
+onSuggestionClick: {
+type: PropType<(event: MouseEvent, suggestion: ChatSuggestion) => void>;
+required: true;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface SuggestionGroupProps {
+    suggestions: ChatSuggestion[];
+    onSuggestionClick: (event: MouseEvent, suggestion: ChatSuggestion) => void;
+}
+
 export { }

package/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ai-prompt/AIPrompt.js"),m=require("./ai-prompt/AIPromptHeader.js"),p=require("./ai-prompt/AIPromptFooter.js"),i=require("./ai-prompt/AIPromptContent.js"),e=require("./ai-prompt/views/AIPromptView.js"),t=require("./ai-prompt/views/AIPromptOutputView.js"),r=require("./ai-prompt/views/AIPromptCommandsView.js"),u=require("./ai-prompt/views/AIPromptViewRender.js");exports.AIPrompt=o.AIPrompt;exports.AIPromptHeader=m.AIPromptHeader;exports.AIPromptFooter=p.AIPromptFooter;exports.AIPromptContent=i.AIPromptContent;exports.AIPromptView=e.AIPromptView;exports.promptViewDefaults=e.promptViewDefaults;exports.AIPromptOutputRating=t.AIPromptOutputRating;exports.AIPromptOutputView=t.AIPromptOutputView;exports.outputViewDefaults=t.outputViewDefaults;exports.AIPromptCommandsView=r.AIPromptCommandsView;exports.commandsViewDefaults=r.commandsViewDefaults;exports.AIPromptViewRender=u.AIPromptViewRender;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ai-prompt/AIPrompt.js"),r=require("./ai-prompt/AIPromptHeader.js"),p=require("./ai-prompt/AIPromptFooter.js"),m=require("./ai-prompt/AIPromptContent.js"),u=require("./ai-prompt/views/AIPromptView.js"),e=require("./ai-prompt/views/AIPromptOutputView.js"),i=require("./ai-prompt/views/AIPromptCommandsView.js"),n=require("./ai-prompt/views/AIPromptViewRender.js"),t=require("./ai-prompt/views/constants.js"),s=require("./chat/components/SuggestionGroup.js");exports.AIPrompt=o.AIPrompt;exports.AIPromptHeader=r.AIPromptHeader;exports.AIPromptFooter=p.AIPromptFooter;exports.AIPromptContent=m.AIPromptContent;exports.AIPromptView=u.AIPromptView;exports.AIPromptOutputRating=e.AIPromptOutputRating;exports.AIPromptOutputView=e.AIPromptOutputView;exports.AIPromptCommandsView=i.AIPromptCommandsView;exports.AIPromptViewRender=n.AIPromptViewRender;exports.commandsViewDefaults=t.commandsViewDefaults;exports.outputViewDefaults=t.outputViewDefaults;exports.promptViewDefaults=t.promptViewDefaults;exports.SuggestionGroup=s.SuggestionGroup;

package/index.mjs

@@ -5,25 +5,28 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { AIPrompt as r } from "./ai-prompt/AIPrompt.mjs";
-import { AIPromptHeader as m } from "./ai-prompt/AIPromptHeader.mjs";
+import { AIPrompt as t } from "./ai-prompt/AIPrompt.mjs";
+import { AIPromptHeader as p } from "./ai-prompt/AIPromptHeader.mjs";
 import { AIPromptFooter as f } from "./ai-prompt/AIPromptFooter.mjs";
-import { AIPromptContent as A } from "./ai-prompt/AIPromptContent.mjs";
-import { AIPromptView as P, promptViewDefaults as i } from "./ai-prompt/views/AIPromptView.mjs";
-import { AIPromptOutputRating as a, AIPromptOutputView as w, outputViewDefaults as V } from "./ai-prompt/views/AIPromptOutputView.mjs";
-import { AIPromptCommandsView as s, commandsViewDefaults as d } from "./ai-prompt/views/AIPromptCommandsView.mjs";
-import { AIPromptViewRender as D } from "./ai-prompt/views/AIPromptViewRender.mjs";
+import { AIPromptContent as x } from "./ai-prompt/AIPromptContent.mjs";
+import { AIPromptView as A } from "./ai-prompt/views/AIPromptView.mjs";
+import { AIPromptOutputRating as P, AIPromptOutputView as a } from "./ai-prompt/views/AIPromptOutputView.mjs";
+import { AIPromptCommandsView as w } from "./ai-prompt/views/AIPromptCommandsView.mjs";
+import { AIPromptViewRender as s } from "./ai-prompt/views/AIPromptViewRender.mjs";
+import { commandsViewDefaults as g, outputViewDefaults as l, promptViewDefaults as D } from "./ai-prompt/views/constants.mjs";
+import { SuggestionGroup as O } from "./chat/components/SuggestionGroup.mjs";
 export {
-  r as AIPrompt,
-  s as AIPromptCommandsView,
-  A as AIPromptContent,
+  t as AIPrompt,
+  w as AIPromptCommandsView,
+  x as AIPromptContent,
   f as AIPromptFooter,
-  m as AIPromptHeader,
-  a as AIPromptOutputRating,
-  w as AIPromptOutputView,
-  P as AIPromptView,
-  D as AIPromptViewRender,
-  d as commandsViewDefaults,
-  V as outputViewDefaults,
-  i as promptViewDefaults
+  p as AIPromptHeader,
+  P as AIPromptOutputRating,
+  a as AIPromptOutputView,
+  A as AIPromptView,
+  s as AIPromptViewRender,
+  O as SuggestionGroup,
+  g as commandsViewDefaults,
+  l as outputViewDefaults,
+  D as promptViewDefaults
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-conversational-ui",
-  "version": "7.0.0-develop.3",
+  "version": "7.0.0-develop.4",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -19,11 +19,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.4.0",
-    "@progress/kendo-vue-buttons": "7.0.0-develop.3",
-    "@progress/kendo-vue-common": "7.0.0-develop.3",
-    "@progress/kendo-vue-intl": "7.0.0-develop.3",
-    "@progress/kendo-vue-inputs": "7.0.0-develop.3",
-    "@progress/kendo-vue-layout": "7.0.0-develop.3",
+    "@progress/kendo-vue-buttons": "7.0.0-develop.4",
+    "@progress/kendo-vue-common": "7.0.0-develop.4",
+    "@progress/kendo-vue-intl": "7.0.0-develop.4",
+    "@progress/kendo-vue-inputs": "7.0.0-develop.4",
+    "@progress/kendo-vue-layout": "7.0.0-develop.4",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },