@appbaseio/reactivesearch-vue 3.0.0-rc.6.2 → 3.0.0-rc.6.4

package/dist/cjs/index.js

@@ -33,7 +33,7 @@ require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
-var install = require('./install-a3eedd27.js');
+var install = require('./install-65eec53a.js');
 require('./DropDown-aef75c14.js');
 require('./Input-56eba499.js');
 require('compute-scroll-into-view');

package/dist/cjs/{install-a3eedd27.js → install-65eec53a.js}

@@ -827,7 +827,7 @@ var resetCSS = function resetCSS(props) {
   // eslint-disable-next-line no-nested-ternary
   props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryColor : props.theme.colors.borderColor : props.theme.colors.borderColor) + ";\n\t}\n\n\tcode {\n\t\tline-height: normal;\n\n\t\tcolor: " + (
   // eslint-disable-next-line no-nested-ternary
-  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\n\t}\n\n\tli{\n\t\tdisplay: unset;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n";
+  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n";
 };
 var messageBGColor = function messageBGColor(props) {
   var finalBGColor;
@@ -2545,7 +2545,8 @@ var AIAnswer = vue.defineComponent({
     renderError: vueTypes.types.title,
     isLoading: vueTypes.types.boolRequired,
     sessionIdFromStore: VueTypes.string,
-    showComponent: vueTypes.types.boolRequired
+    showComponent: vueTypes.types.boolRequired,
+    style: vueTypes.types.style
   },
   mounted: function mounted() {},
   watch: {
@@ -2571,7 +2572,7 @@ var AIAnswer = vue.defineComponent({
             role: constants.AI_ROLES.ASSISTANT,
             content: response.answer.text
           });
-          this.error = {
+          if (!this.AISessionId) this.error = {
             message: this.errorMessageForMissingSessionId
           };
         }
@@ -2589,7 +2590,6 @@ var AIAnswer = vue.defineComponent({
       });
     },
     isAIResponseLoading: function isAIResponseLoading(newVal) {
-      this.isLoadingState = newVal;
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
@@ -2598,7 +2598,6 @@ var AIAnswer = vue.defineComponent({
       });
     },
     isLoading: function isLoading(newVal) {
-      this.isLoadingState = newVal;
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
@@ -2716,6 +2715,7 @@ var AIAnswer = vue.defineComponent({
       return null;
     },
     handleKeyPress: function handleKeyPress(e) {
+      window.console.log('e', e);
       if (e.key === 'Enter') {
         this.handleSendMessage(e);
         this.inputMessage = '';
@@ -2813,7 +2813,7 @@ var AIAnswer = vue.defineComponent({
             "tabIndex": 0,
             "onClick": _this3.handleSendMessage,
             "onKeyPress": _this3.handleKeyPress,
-            "class": "enter-btn " + helper.getClassName(innerClass, 'ai-enter-button'),
+            "class": "ask-btn " + helper.getClassName(innerClass, 'ai-enter-button'),
             "disabled": _this3.isLoadingState || !_this3.AISessionId
           }, {
             "default": function _default() {
@@ -2877,7 +2877,10 @@ var AIAnswer = vue.defineComponent({
     if (!this.shouldShowComponent) {
       return null;
     }
-    return vue.createVNode(Chatbox, null, {
+    return vue.createVNode(Chatbox, {
+      "style": props.style,
+      "class": "--ai-chat-box-wrapper"
+    }, {
       "default": function _default() {
         return [_this4.$props.title && vue.createVNode(Title.Title, {
           "class": helper.getClassName(_this4.$props.innerClass, 'title') || ''
@@ -2886,6 +2889,7 @@ var AIAnswer = vue.defineComponent({
             return [_this4.$props.title];
           }
         }), vue.createVNode(ChatContainer, {
+          "class": "--ai-chat-container",
           "theme": props.theme,
           "showInput": props.showInput
         }, {
@@ -2963,12 +2967,10 @@ var AIAnswer = vue.defineComponent({
                       "default": function _default() {
                         return [vue.createVNode(MessageInput, {
                           "ref": _inputRef,
-                          "type": "text",
                           "placeholder": props.placeholder,
                           "enterButton": props.enterButton,
                           "value": _this4.inputMessage,
                           "onInput": _this4.handleMessageInputChange,
-                          "onKeyPress": _this4.handleKeyPress,
                           "id": props.componentId + "-ai-input",
                           "showIcon": props.showIcon,
                           "iconPosition": props.iconPosition,

package/dist/cjs/install.js

@@ -33,7 +33,7 @@ require('url-search-params-polyfill');
 require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
-var install = require('./install-a3eedd27.js');
+var install = require('./install-65eec53a.js');
 require('./DropDown-aef75c14.js');
 require('./Input-56eba499.js');
 require('compute-scroll-into-view');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-rc.6.2";
+var version = "3.0.0-rc.6.4";
 
 exports.default = version;

package/dist/es/index.js

@@ -29,8 +29,8 @@ import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
-import { i as install } from './install-25b06215.js';
-export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-25b06215.js';
+import { i as install } from './install-cb6c5753.js';
+export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-cb6c5753.js';
 import './DropDown-39fedff8.js';
 import './Input-11d211d2.js';
 import 'compute-scroll-into-view';

package/dist/es/{install-25b06215.js → install-cb6c5753.js}

@@ -823,7 +823,7 @@ var resetCSS = function resetCSS(props) {
   // eslint-disable-next-line no-nested-ternary
   props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryColor : props.theme.colors.borderColor : props.theme.colors.borderColor) + ";\n\t}\n\n\tcode {\n\t\tline-height: normal;\n\n\t\tcolor: " + (
   // eslint-disable-next-line no-nested-ternary
-  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\n\t}\n\n\tli{\n\t\tdisplay: unset;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n";
+  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n";
 };
 var messageBGColor = function messageBGColor(props) {
   var finalBGColor;
@@ -2541,7 +2541,8 @@ var AIAnswer = defineComponent({
     renderError: types.title,
     isLoading: types.boolRequired,
     sessionIdFromStore: VueTypes.string,
-    showComponent: types.boolRequired
+    showComponent: types.boolRequired,
+    style: types.style
   },
   mounted: function mounted() {},
   watch: {
@@ -2567,7 +2568,7 @@ var AIAnswer = defineComponent({
             role: AI_ROLES.ASSISTANT,
             content: response.answer.text
           });
-          this.error = {
+          if (!this.AISessionId) this.error = {
             message: this.errorMessageForMissingSessionId
           };
         }
@@ -2585,7 +2586,6 @@ var AIAnswer = defineComponent({
       });
     },
     isAIResponseLoading: function isAIResponseLoading(newVal) {
-      this.isLoadingState = newVal;
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
@@ -2594,7 +2594,6 @@ var AIAnswer = defineComponent({
       });
     },
     isLoading: function isLoading(newVal) {
-      this.isLoadingState = newVal;
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
@@ -2712,6 +2711,7 @@ var AIAnswer = defineComponent({
       return null;
     },
     handleKeyPress: function handleKeyPress(e) {
+      window.console.log('e', e);
       if (e.key === 'Enter') {
         this.handleSendMessage(e);
         this.inputMessage = '';
@@ -2809,7 +2809,7 @@ var AIAnswer = defineComponent({
             "tabIndex": 0,
             "onClick": _this3.handleSendMessage,
             "onKeyPress": _this3.handleKeyPress,
-            "class": "enter-btn " + getClassName$2(innerClass, 'ai-enter-button'),
+            "class": "ask-btn " + getClassName$2(innerClass, 'ai-enter-button'),
             "disabled": _this3.isLoadingState || !_this3.AISessionId
           }, {
             "default": function _default() {
@@ -2873,7 +2873,10 @@ var AIAnswer = defineComponent({
     if (!this.shouldShowComponent) {
       return null;
     }
-    return createVNode(Chatbox, null, {
+    return createVNode(Chatbox, {
+      "style": props.style,
+      "class": "--ai-chat-box-wrapper"
+    }, {
       "default": function _default() {
         return [_this4.$props.title && createVNode(Title, {
           "class": getClassName$2(_this4.$props.innerClass, 'title') || ''
@@ -2882,6 +2885,7 @@ var AIAnswer = defineComponent({
             return [_this4.$props.title];
           }
         }), createVNode(ChatContainer, {
+          "class": "--ai-chat-container",
           "theme": props.theme,
           "showInput": props.showInput
         }, {
@@ -2959,12 +2963,10 @@ var AIAnswer = defineComponent({
                       "default": function _default() {
                         return [createVNode(MessageInput, {
                           "ref": _inputRef,
-                          "type": "text",
                           "placeholder": props.placeholder,
                           "enterButton": props.enterButton,
                           "value": _this4.inputMessage,
                           "onInput": _this4.handleMessageInputChange,
-                          "onKeyPress": _this4.handleKeyPress,
                           "id": props.componentId + "-ai-input",
                           "showIcon": props.showIcon,
                           "iconPosition": props.iconPosition,

package/dist/es/install.js

@@ -29,7 +29,7 @@ import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
-export { i as default } from './install-25b06215.js';
+export { i as default } from './install-cb6c5753.js';
 import './DropDown-39fedff8.js';
 import './Input-11d211d2.js';
 import 'compute-scroll-into-view';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "3.0.0-rc.6.2";
+var version = "3.0.0-rc.6.4";
 
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@appbaseio/reactivesearch-vue",
-    "version": "3.0.0-rc.6.2",
+    "version": "3.0.0-rc.6.4",
     "private": false,
     "main": "dist/cjs/index.js",
     "jsnext:main": "dist/es/index.js",
@@ -35,7 +35,7 @@
     "sideEffects": false,
     "dependencies": {
         "@appbaseio/analytics": "^1.2.0-alpha.1",
-        "@appbaseio/reactivecore": "10.0.0-alpha.23",
+        "@appbaseio/reactivecore": "10.0.0-alpha.25",
         "@appbaseio/vue-emotion": "0.6.0-alpha.6",
         "@emotion/css": "^11.10.5",
         "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",