@appbaseio/reactivesearch-vue 3.0.0-rc.6.1 → 3.0.0-rc.6.3

package/dist/cjs/MultiDropdownList.js

@@ -14,7 +14,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var Button = require('./Button-9e179864.js');
+var Button = require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');

package/dist/cjs/{Pagination-58a0cf3f.js → Pagination-bcf8af5f.js}

@@ -6,7 +6,7 @@ var reactivecore = require('@appbaseio/reactivecore');
 var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-var Button = require('./Button-9e179864.js');
+var Button = require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
 
 function _isSlot(s) {

package/dist/cjs/ReactiveGoogleMap.js

@@ -14,9 +14,9 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
 var css = require('@emotion/css');
 require('polished');
-require('./Button-9e179864.js');
+require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
-var Pagination = require('./Pagination-58a0cf3f.js');
+var Pagination = require('./Pagination-bcf8af5f.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-779ed366.js');

package/dist/cjs/ReactiveList.js

@@ -14,9 +14,9 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
 var css = require('@emotion/css');
 require('polished');
-require('./Button-9e179864.js');
+require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
-var Pagination = require('./Pagination-58a0cf3f.js');
+var Pagination = require('./Pagination-bcf8af5f.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-779ed366.js');

package/dist/cjs/SelectedFilters.js

@@ -14,7 +14,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var Button = require('./Button-9e179864.js');
+var Button = require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
 require('redux');
 var index = require('./index-779ed366.js');

package/dist/cjs/SingleDropdownList.js

@@ -14,7 +14,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var Button = require('./Button-9e179864.js');
+var Button = require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');

package/dist/cjs/ToggleButton.js

@@ -13,7 +13,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var Button = require('./Button-9e179864.js');
+var Button = require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');

package/dist/cjs/index.js

@@ -12,9 +12,9 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-require('./Button-9e179864.js');
+require('./Button-f96a0570.js');
 require('./vueTypes-a5f1745e.js');
-require('./Pagination-58a0cf3f.js');
+require('./Pagination-bcf8af5f.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -33,7 +33,7 @@ require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
-var install = require('./install-7fb595b8.js');
+var install = require('./install-547d13b9.js');
 require('./DropDown-aef75c14.js');
 require('./Input-56eba499.js');
 require('compute-scroll-into-view');

package/dist/cjs/{install-7fb595b8.js → install-547d13b9.js}

@@ -12,7 +12,7 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
 var css = require('@emotion/css');
 var polished = require('polished');
-var Button = require('./Button-9e179864.js');
+var Button = require('./Button-f96a0570.js');
 var vueTypes = require('./vueTypes-a5f1745e.js');
 var ReactiveList = require('./ReactiveList.js');
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
@@ -870,7 +870,7 @@ var MessageInput = vueEmotion.styled(Input.TextArea)(_templateObject9 || (_templ
   var enterButton = _ref.enterButton;
   return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
 });
-var SendButton = vueEmotion.styled(Button.Button)(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n"])));
+var SendButton = vueEmotion.styled(Button.Button)(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n"])));
 var AIFeedbackContainer = vueEmotion.styled('div')(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t.--feedback-svgs-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 5px;\n\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\ttransition: all ease-in 0.1s;\n\t\t\t&.selected {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.--feedback-input-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 7px;\n\t}\n"])));
 
 var _templateObject$7, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
@@ -2506,6 +2506,9 @@ var AIAnswer = vue.defineComponent({
     },
     shouldShowComponent: function shouldShowComponent() {
       return this.showComponent;
+    },
+    errorMessageForMissingSessionId: function errorMessageForMissingSessionId() {
+      return "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.";
     }
   },
   props: {
@@ -2542,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: {
@@ -2563,9 +2567,15 @@ var AIAnswer = vue.defineComponent({
           finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
             return msg.role !== constants.AI_ROLES.SYSTEM;
           }));
+        } else if (response && response.answer && response.answer.text) {
+          finalMessages.push({
+            role: constants.AI_ROLES.ASSISTANT,
+            content: response.answer.text
+          });
+          this.error = {
+            message: this.errorMessageForMissingSessionId
+          };
         }
-        //  fresh response
-        if (response && response.answer) ;
         this.messages = finalMessages;
       } else if (!newVal && !this.error) {
         this.messages = [];
@@ -2584,7 +2594,7 @@ var AIAnswer = vue.defineComponent({
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
+        loading: newVal || this.isLoading,
         error: this.$props.AIResponseError
       });
     },
@@ -2593,7 +2603,7 @@ var AIAnswer = vue.defineComponent({
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
+        loading: newVal || this.isAIResponseLoading,
         error: this.$props.AIResponseError
       });
     },
@@ -2605,10 +2615,17 @@ var AIAnswer = vue.defineComponent({
     AIResponseError: function AIResponseError(newVal) {
       this.error = newVal;
       this.AISessionId = ((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || null;
+      if (this.error && !this.AISessionId) {
+        var errorMessage = this.errorMessageForMissingSessionId;
+        this.error = {
+          message: errorMessage
+        };
+        console.error(errorMessage);
+      }
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: this.$props.isAIResponseLoading || this.$props.isLoading,
+        loading: this.isAIResponseLoading || this.isLoading,
         error: newVal
       });
     },
@@ -2653,9 +2670,9 @@ var AIAnswer = vue.defineComponent({
           }]);
           this.getAIResponse(this.AISessionId, this.componentId, text);
         } else {
-          console.error("AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+          console.error(this.errorMessageForMissingSessionId);
           this.error = {
-            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Trying reloading the App."
+            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Trying reloading the App."
           };
         }
         this.inputMessage = '';
@@ -2669,7 +2686,7 @@ var AIAnswer = vue.defineComponent({
           this.getAIResponse(this.AISessionId, this.componentId, lastUserRequestMessage);
           this.inputMessage = '';
         } else {
-          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.");
         }
       }
     },
@@ -2752,7 +2769,7 @@ var AIAnswer = vue.defineComponent({
         "positionType": "absolute"
       }, {
         "default": function _default() {
-          return [_this2.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
+          return [!_this2.isLoadingState && _this2.AISessionId && _this2.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
             "getInstance": getMicInstance,
             "render": renderMic,
             "handleResult": _this2.handleVoiceResults,
@@ -2797,7 +2814,8 @@ 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() {
               return [vue.createTextVNode("Send")];
@@ -2860,7 +2878,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') || ''
@@ -2869,6 +2890,7 @@ var AIAnswer = vue.defineComponent({
             return [_this4.$props.title];
           }
         }), vue.createVNode(ChatContainer, {
+          "class": "--ai-chat-container",
           "theme": props.theme,
           "showInput": props.showInput
         }, {
@@ -2956,7 +2978,7 @@ var AIAnswer = vue.defineComponent({
                           "showIcon": props.showIcon,
                           "iconPosition": props.iconPosition,
                           "themePreset": _this4.themePreset,
-                          "disabled": _this4.isLoadingState,
+                          "disabled": _this4.isLoadingState || !_this4.AISessionId,
                           "class": helper.getClassName(props.innerClass, 'ai-input') || null
                         }, null), ' ', _this4.renderIcons()];
                       }

package/dist/cjs/install.js

@@ -12,9 +12,9 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-require('./Button-9e179864.js');
+require('./Button-f96a0570.js');
 require('./vueTypes-a5f1745e.js');
-require('./Pagination-58a0cf3f.js');
+require('./Pagination-bcf8af5f.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -33,7 +33,7 @@ require('url-search-params-polyfill');
 require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
-var install = require('./install-7fb595b8.js');
+var install = require('./install-547d13b9.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.1";
+var version = "3.0.0-rc.6.3";
 
 exports.default = version;

package/dist/es/MultiDropdownList.js

@@ -8,7 +8,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-c2ff5178.js';
+import { l as loadMoreContainer, B as Button } from './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';

package/dist/es/{Pagination-ae401c33.js → Pagination-50fc3ef5.js}

@@ -2,7 +2,7 @@ import { helper } from '@appbaseio/reactivecore';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
 import { createVNode, mergeProps, createTextVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import { p as pagination, B as Button } from './Button-c2ff5178.js';
+import { p as pagination, B as Button } from './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
 
 function _isSlot(s) {

package/dist/es/ReactiveGoogleMap.js

@@ -8,9 +8,9 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 import 'polished';
-import './Button-c2ff5178.js';
+import './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
-import { P as Pagination } from './Pagination-ae401c33.js';
+import { P as Pagination } from './Pagination-50fc3ef5.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-882489e1.js';

package/dist/es/ReactiveList.js

@@ -8,9 +8,9 @@ import { withClickIds } from '@appbaseio/reactivecore/lib/utils/helper';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 import 'polished';
-import './Button-c2ff5178.js';
+import './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
-import { P as Pagination } from './Pagination-ae401c33.js';
+import { P as Pagination } from './Pagination-50fc3ef5.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-882489e1.js';

package/dist/es/SelectedFilters.js

@@ -8,7 +8,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { f as filters, B as Button } from './Button-c2ff5178.js';
+import { f as filters, B as Button } from './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
 import 'redux';
 import { f as decodeHtml, c as connect } from './index-882489e1.js';

package/dist/es/SingleDropdownList.js

@@ -8,7 +8,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-c2ff5178.js';
+import { l as loadMoreContainer, B as Button } from './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';

package/dist/es/ToggleButton.js

@@ -7,7 +7,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { B as Button, t as toggleButtons } from './Button-c2ff5178.js';
+import { B as Button, t as toggleButtons } from './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';

package/dist/es/index.js

@@ -8,9 +8,9 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import './Button-c2ff5178.js';
+import './Button-5c2cf399.js';
 import './vueTypes-09cab4d3.js';
-import './Pagination-ae401c33.js';
+import './Pagination-50fc3ef5.js';
 export { default as ReactiveList } from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
@@ -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-3f345819.js';
-export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-3f345819.js';
+import { i as install } from './install-b0a1fd33.js';
+export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-b0a1fd33.js';
 import './DropDown-39fedff8.js';
 import './Input-11d211d2.js';
 import 'compute-scroll-into-view';

package/dist/es/{install-3f345819.js → install-b0a1fd33.js}

@@ -8,7 +8,7 @@ import { getQueryOptions, getObjectFromLocalStorage, suggestionTypes, getClassNa
 import { styled } from '@appbaseio/vue-emotion';
 import { css, keyframes } from '@emotion/css';
 import { lighten } from 'polished';
-import { B as Button } from './Button-c2ff5178.js';
+import { B as Button } from './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
 import { RLConnected as ReactiveList } from './ReactiveList.js';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
@@ -866,7 +866,7 @@ var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _tag
   var enterButton = _ref.enterButton;
   return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
 });
-var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n"])));
+var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n"])));
 var AIFeedbackContainer = styled('div')(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n\t.--feedback-svgs-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 5px;\n\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\ttransition: all ease-in 0.1s;\n\t\t\t&.selected {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.--feedback-input-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 7px;\n\t}\n"])));
 
 var _templateObject$7, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
@@ -2502,6 +2502,9 @@ var AIAnswer = defineComponent({
     },
     shouldShowComponent: function shouldShowComponent() {
       return this.showComponent;
+    },
+    errorMessageForMissingSessionId: function errorMessageForMissingSessionId() {
+      return "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.";
     }
   },
   props: {
@@ -2538,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: {
@@ -2559,9 +2563,15 @@ var AIAnswer = defineComponent({
           finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
             return msg.role !== AI_ROLES.SYSTEM;
           }));
+        } else if (response && response.answer && response.answer.text) {
+          finalMessages.push({
+            role: AI_ROLES.ASSISTANT,
+            content: response.answer.text
+          });
+          this.error = {
+            message: this.errorMessageForMissingSessionId
+          };
         }
-        //  fresh response
-        if (response && response.answer) ;
         this.messages = finalMessages;
       } else if (!newVal && !this.error) {
         this.messages = [];
@@ -2580,7 +2590,7 @@ var AIAnswer = defineComponent({
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
+        loading: newVal || this.isLoading,
         error: this.$props.AIResponseError
       });
     },
@@ -2589,7 +2599,7 @@ var AIAnswer = defineComponent({
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
+        loading: newVal || this.isAIResponseLoading,
         error: this.$props.AIResponseError
       });
     },
@@ -2601,10 +2611,17 @@ var AIAnswer = defineComponent({
     AIResponseError: function AIResponseError(newVal) {
       this.error = newVal;
       this.AISessionId = ((getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || null;
+      if (this.error && !this.AISessionId) {
+        var errorMessage = this.errorMessageForMissingSessionId;
+        this.error = {
+          message: errorMessage
+        };
+        console.error(errorMessage);
+      }
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: this.$props.isAIResponseLoading || this.$props.isLoading,
+        loading: this.isAIResponseLoading || this.isLoading,
         error: newVal
       });
     },
@@ -2649,9 +2666,9 @@ var AIAnswer = defineComponent({
           }]);
           this.getAIResponse(this.AISessionId, this.componentId, text);
         } else {
-          console.error("AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+          console.error(this.errorMessageForMissingSessionId);
           this.error = {
-            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Trying reloading the App."
+            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Trying reloading the App."
           };
         }
         this.inputMessage = '';
@@ -2665,7 +2682,7 @@ var AIAnswer = defineComponent({
           this.getAIResponse(this.AISessionId, this.componentId, lastUserRequestMessage);
           this.inputMessage = '';
         } else {
-          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.");
         }
       }
     },
@@ -2748,7 +2765,7 @@ var AIAnswer = defineComponent({
         "positionType": "absolute"
       }, {
         "default": function _default() {
-          return [_this2.shouldMicRender(showVoiceInput) && createVNode(Mic, {
+          return [!_this2.isLoadingState && _this2.AISessionId && _this2.shouldMicRender(showVoiceInput) && createVNode(Mic, {
             "getInstance": getMicInstance,
             "render": renderMic,
             "handleResult": _this2.handleVoiceResults,
@@ -2793,7 +2810,8 @@ 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() {
               return [createTextVNode("Send")];
@@ -2856,7 +2874,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') || ''
@@ -2865,6 +2886,7 @@ var AIAnswer = defineComponent({
             return [_this4.$props.title];
           }
         }), createVNode(ChatContainer, {
+          "class": "--ai-chat-container",
           "theme": props.theme,
           "showInput": props.showInput
         }, {
@@ -2952,7 +2974,7 @@ var AIAnswer = defineComponent({
                           "showIcon": props.showIcon,
                           "iconPosition": props.iconPosition,
                           "themePreset": _this4.themePreset,
-                          "disabled": _this4.isLoadingState,
+                          "disabled": _this4.isLoadingState || !_this4.AISessionId,
                           "class": getClassName$2(props.innerClass, 'ai-input') || null
                         }, null), ' ', _this4.renderIcons()];
                       }

package/dist/es/install.js

@@ -8,9 +8,9 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import './Button-c2ff5178.js';
+import './Button-5c2cf399.js';
 import './vueTypes-09cab4d3.js';
-import './Pagination-ae401c33.js';
+import './Pagination-50fc3ef5.js';
 import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
@@ -29,7 +29,7 @@ import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
-export { i as default } from './install-3f345819.js';
+export { i as default } from './install-b0a1fd33.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.1";
+var version = "3.0.0-rc.6.3";
 
 export default version;