@evercam/ui 0.0.63-preview-efeedback-button-e3a6a22ed → 0.0.63-preview-efeedback-button-3fce0f8c1

package/dist/attributes.json

@@ -1042,6 +1042,11 @@
     "description": "",
     "default": false
   },
+  "EChat/is-disabled": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
   "EChat/header-text": {
     "type": "string",
     "description": "",
@@ -1057,11 +1062,6 @@
     "description": "",
     "default": ""
   },
-  "EChat/disabled": {
-    "type": "boolean",
-    "description": "",
-    "default": false
-  },
   "EChat/suggestions": {
     "type": "array",
     "description": ""

package/dist/components/chat/EChat.vue.d.ts

@@ -1,5 +1,5 @@
 import Vue from "vue";
-import { ChatMessage, ChatMessageRole, ChatSuggestion, UserFeedback } from '../../types';
+import { ChatMessage, ChatMessageRole, ChatSuggestion, Feedback } from '../../types';
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
     prompt: string;
     containerHeight: number;
@@ -11,12 +11,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     isUserMessage(message: ChatMessage): boolean;
     hasActions(message: ChatMessage): boolean;
     getMessageContent(message: ChatMessage): string | string[];
+    getMessageInitials(message: ChatMessage): string | null;
     getMessageClasses(message: ChatMessage, index: number): {
         "e-mb-11": boolean;
     };
     updateChatBodyHeight(): void;
     isAvatarVisible(message: ChatMessage): boolean;
-    onMessageFeedback(feedback: UserFeedback, messageId?: number): void;
+    onMessageFeedback(feedback: Feedback, messageId?: number): void;
 }, {
     ChatMessageRole: typeof ChatMessageRole;
     userInitials: string;
@@ -36,10 +37,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     showCopilotAvatar: boolean;
     readonly: boolean;
     isLoading: boolean;
+    isDisabled: boolean;
     headerText: string;
     inputPlaceholder: string;
     loadingMessage: string;
-    disabled: boolean;
     suggestions: ChatSuggestion[];
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/components/chat/EChatMessage.vue.d.ts

@@ -1,11 +1,11 @@
 import Vue from "vue";
-import { ChatMessageRole, UserFeedback } from '../../types';
+import { ChatMessageRole, Feedback } from '../../types';
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
     showActions: boolean;
 }, {
     onMouseOver(): void;
     onMouseLeave(e: MouseEvent): void;
-    onFeedback(feedback: UserFeedback): void;
+    onFeedback(feedback: Feedback): void;
 }, {
     isBotRole: boolean;
     isStream: boolean;

package/dist/index.d.ts

@@ -1088,12 +1088,13 @@ export declare const components: {
         isUserMessage(message: import('./types').ChatMessage): boolean;
         hasActions(message: import('./types').ChatMessage): boolean;
         getMessageContent(message: import('./types').ChatMessage): string | string[];
+        getMessageInitials(message: import('./types').ChatMessage): string | null;
         getMessageClasses(message: import('./types').ChatMessage, index: number): {
             "e-mb-11": boolean;
         };
         updateChatBodyHeight(): void;
         isAvatarVisible(message: import('./types').ChatMessage): boolean;
-        onMessageFeedback(feedback: import('./types').UserFeedback, messageId?: number | undefined): void;
+        onMessageFeedback(feedback: import('./types').Feedback, messageId?: number | undefined): void;
     }, {
         ChatMessageRole: typeof import('./types').ChatMessageRole;
         userInitials: string;
@@ -1113,10 +1114,10 @@ export declare const components: {
         showCopilotAvatar: boolean;
         readonly: boolean;
         isLoading: boolean;
+        isDisabled: boolean;
         headerText: string;
         inputPlaceholder: string;
         loadingMessage: string;
-        disabled: boolean;
         suggestions: import('./types').ChatSuggestion[];
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EContextProvider: any;

package/dist/index.mjs

@@ -16976,7 +16976,6 @@ const A4 = Z.extend({
       currentChunkIndex: 0,
       chunkQueue: [],
       isProcessing: !1,
-      isHovered: !1,
       typewriter: null,
       timestamps: []
     };
@@ -17459,7 +17458,7 @@ const t8 = e8.exports, r8 = Z.extend({
 });
 var n8 = function() {
   var e = this, r = e._self._c;
-  return r("div", { staticClass: "e-markdown__actions-container e-relative e-h-0" }, [r("div", { staticClass: "e-message__actions e-flex e-gap-1 e-pt-2" }, [e.showCopyButton ? r("ECopyToClipboardBtn", { attrs: { text: e.messageText, dark: e.dark, "button-size": "base", "button-classes": "e-bg-transparent e-border-none", description: "Copy" } }) : e._e(), e.showFeedbackButtons ? r("EFeedbackButton", { attrs: { dark: e.dark, "with-text": "", "button-size": "base", "button-classes": "e-bg-transparent e-border-none" }, on: { submit: function(n) {
+  return r("div", { staticClass: "e-message__actions e-relative e-h-0" }, [r("div", { staticClass: "e-message__actions-container e-flex e-gap-1 e-pt-2" }, [e.showCopyButton ? r("ECopyToClipboardBtn", { attrs: { text: e.messageText, dark: e.dark, "button-size": "base", "button-classes": "e-bg-transparent e-border-none", description: "Copy" } }) : e._e(), e.showFeedbackButtons ? r("EFeedbackButton", { attrs: { dark: e.dark, "with-text": "", "button-size": "base", "button-classes": "e-bg-transparent e-border-none" }, on: { submit: function(n) {
     return e.handleFeedback(e.FeedbackType.positive, n);
   } }, nativeOn: { click: function(n) {
     return e.openFeedbackDialog.apply(null, arguments);
@@ -17590,7 +17589,7 @@ var l8 = function() {
     return [e._t("timestamp", function() {
       return [e._v(e._s(n))];
     }, { timestamp: n })];
-  } }], null, !0) }) : r("p", { staticClass: "e-chat-message__content e-font-medium e-text-wrap e-mb-1 e-mt-[12px] e-rounded-lg e-p-2 e-px-4", class: e.userMessageClasses }, [e._v(" " + e._s(e.message) + " ")])], 2)]), r("EFadeTransition", [e.withActions && e.showActions ? r("EChatMessageActions", { staticClass: "e-left-11", attrs: { dark: e.dark, "show-copy-button": e.showCopyButton, "show-feedback-buttons": e.showFeedbackButtons, message: e.message }, on: { feedback: e.onFeedback } }) : e._e()], 1)], 1);
+  } }], null, !0) }) : r("p", { staticClass: "e-chat-message__content e-font-medium e-text-wrap e-mb-1 e-mt-[12px] e-rounded-lg e-p-2 e-px-4", class: e.userMessageClasses }, [e._v(" " + e._s(e.message) + " ")]), e._t("extraContent")], 2)]), r("EFadeTransition", [e.withActions && e.showActions ? r("EChatMessageActions", { staticClass: "e-left-11", attrs: { dark: e.dark, "show-copy-button": e.showCopyButton, "show-feedback-buttons": e.showFeedbackButtons, message: e.message }, on: { feedback: e.onFeedback } }) : e._e()], 1)], 1);
 }, c8 = [], u8 = /* @__PURE__ */ q(
   o8,
   l8,
@@ -17879,6 +17878,10 @@ const k8 = T8.exports, M8 = Z.extend({
       type: Boolean,
       default: !1
     },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
     headerText: {
       type: String,
       default: "Evercam Copilot"
@@ -17891,10 +17894,6 @@ const k8 = T8.exports, M8 = Z.extend({
       type: String,
       default: ""
     },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
     suggestions: {
       type: Array,
       default: () => []
@@ -17963,17 +17962,20 @@ const k8 = T8.exports, M8 = Z.extend({
   },
   methods: {
     sendMessage() {
-      !this.disabled && this.prompt.length > 0 && (this.$emit("user-message", this.prompt), this.prompt = "");
+      !this.isDisabled && this.prompt.length > 0 && (this.$emit("user-message", this.prompt), this.prompt = "");
     },
     isUserMessage(t) {
       return t.role === Xe.USER;
     },
     hasActions(t) {
-      return t.role === Xe.COPILOT;
+      return this.isLoading || this.isDisabled ? !1 : t.role === Xe.COPILOT;
     },
     getMessageContent(t) {
       return t.content;
     },
+    getMessageInitials(t) {
+      return this.isUserMessage(t) ? this.userInitials : null;
+    },
     getMessageClasses(t, e) {
       return {
         "e-mb-11": e === this.messages.length - 1 && this.hasActions(t)
@@ -18007,7 +18009,7 @@ var $8 = function() {
       return e.$emit("suggestion-clicked", n);
     } } })], 1);
   }), 1)], 1) : r("div", e._l(e.messages, function(n, s) {
-    return r("EChatMessage", { key: `${n.id}-${s}`, class: e.getMessageClasses(n, s), attrs: { "data-message-id": n.id, "is-loading": n.isLoading, message: e.getMessageContent(e.messages[s]), initials: e.isUserMessage(n) ? e.userInitials : null, "show-avatar": e.isAvatarVisible(n), role: n.role, dark: e.dark, "with-actions": e.hasActions(n), "show-copy-button": "", "show-feedback-buttons": !e.readonly }, on: { feedback: function(l) {
+    return r("EChatMessage", { key: `${n.id}-${s}`, class: e.getMessageClasses(n, s), attrs: { dark: e.dark, role: n.role, "is-loading": n.isLoading, "data-message-id": n.id, "show-feedback-buttons": !e.readonly, "show-copy-button": "", message: e.getMessageContent(n), initials: e.getMessageInitials(n), "show-avatar": e.isAvatarVisible(n), "with-actions": e.hasActions(n) }, on: { feedback: function(l) {
       return e.onMessageFeedback(l, n.id);
     }, "animation-end": function(l) {
       return e.$emit("animation-end", l);
@@ -18015,8 +18017,10 @@ var $8 = function() {
       return [e._t("timestamp", function() {
         return [e._v(e._s(l))];
       }, { timestamp: l })];
-    } }], null, !0) });
-  }), 1), e.isLoading ? r("EChatMessage", { attrs: { "is-loading": "", "loading-message": e.loadingMessage, "data-message-id": -1, "show-avatar": e.showCopilotAvatar, role: e.ChatMessageRole.COPILOT, dark: e.dark } }) : e._e()], 1), r("EChatFooter", { directives: [{ name: "show", rawName: "v-show", value: !e.readonly, expression: "!readonly" }], ref: "chatFooter", attrs: { dark: e.dark, inline: e.inlineFooter } }, [r("EChatInput", { attrs: { dark: e.dark, disabled: e.disabled, placeholder: e.inputPlaceholder }, on: { "prompt-changed": function(n) {
+    } }, { key: "extraContent", fn: function() {
+      return [e._t("message.extraContent", null, { message: n })];
+    }, proxy: !0 }], null, !0) });
+  }), 1), e.isLoading ? r("EChatMessage", { attrs: { "is-loading": "", "loading-message": e.loadingMessage, "data-message-id": -1, "show-avatar": e.showCopilotAvatar, role: e.ChatMessageRole.COPILOT, dark: e.dark } }) : e._e()], 1), r("EChatFooter", { directives: [{ name: "show", rawName: "v-show", value: !e.readonly, expression: "!readonly" }], ref: "chatFooter", attrs: { dark: e.dark, inline: e.inlineFooter } }, [r("EChatInput", { attrs: { dark: e.dark, disabled: e.isDisabled, placeholder: e.inputPlaceholder }, on: { "prompt-changed": function(n) {
     return e.$emit("prompt-changed", n);
   }, submit: e.sendMessage }, model: { value: e.prompt, callback: function(n) {
     e.prompt = n;
@@ -18027,7 +18031,7 @@ var $8 = function() {
   E8,
   !1,
   null,
-  "51995acf",
+  "74a0db0c",
   null,
   null
 );