@appbaseio/reactivesearch-vue 3.0.2 → 3.0.4

package/dist/cjs/{DropDown-26666911.js → DropDown-989facb5.js}

@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-289a891a.js');
 var index = require('./index-1f41363f.js');
-var Input = require('./Input-3ecdb905.js');
+var Input = require('./Input-c11e13af.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 

package/dist/cjs/{Input-3ecdb905.js → Input-c11e13af.js}

@@ -73,7 +73,7 @@ var suggestionsContainer = css.css(_templateObject6 || (_templateObject6 = _roll
 var noSuggestions = function noSuggestions(themePreset, theme) {
   return css.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
 };
-var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n"])), function (props) {
+var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n\tborder-color: transparent;\n\n"])), function (props) {
   return input(props.searchBox);
 }, function (_ref4) {
   var themePreset = _ref4.themePreset,

package/dist/cjs/MultiDropdownList.js

@@ -22,8 +22,8 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-26666911.js');
-require('./Input-3ecdb905.js');
+var DropDown = require('./DropDown-989facb5.js');
+require('./Input-c11e13af.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/MultiList.js

@@ -19,7 +19,7 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-3ecdb905.js');
+var Input = require('./Input-c11e13af.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/RangeInput.js

@@ -21,7 +21,7 @@ var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 require('./Title-8802a218.js');
 var Flex = require('./Flex-ddde6d26.js');
-var Input = require('./Input-3ecdb905.js');
+var Input = require('./Input-c11e13af.js');
 var Container = require('./Container-29f049b2.js');
 require('vue-slider-component');
 require('vue-slider-component/theme/antd.css');

package/dist/cjs/SingleDropdownList.js

@@ -22,8 +22,8 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-26666911.js');
-require('./Input-3ecdb905.js');
+var DropDown = require('./DropDown-989facb5.js');
+require('./Input-c11e13af.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/SingleList.js

@@ -19,7 +19,7 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-3ecdb905.js');
+var Input = require('./Input-c11e13af.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/index.js

@@ -34,9 +34,9 @@ var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
 require('xss');
 require('remarkable');
-var install = require('./install-f7d9b812.js');
-require('./DropDown-26666911.js');
-require('./Input-3ecdb905.js');
+var install = require('./install-7a65d7ff.js');
+require('./DropDown-989facb5.js');
+require('./Input-c11e13af.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');

package/dist/cjs/{install-f7d9b812.js → install-7a65d7ff.js}

@@ -27,8 +27,8 @@ var ReactiveBase = require('./ReactiveBase.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
 var xss = _interopDefault(require('xss'));
 var remarkable = require('remarkable');
-var DropDown = require('./DropDown-26666911.js');
-var Input = require('./Input-3ecdb905.js');
+var DropDown = require('./DropDown-989facb5.js');
+var Input = require('./Input-c11e13af.js');
 var Container = require('./Container-29f049b2.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
 var query = require('@appbaseio/reactivecore/lib/actions/query');
@@ -65,7 +65,7 @@ InputGroup.defaultProps = {
 };
 
 var _templateObject$1;
-var InputAddon = vueEmotion.styled('span')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #fafafa;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-weight: 400;\n  padding: 0 11px;\n  position: relative;\n  transition: all 0.3s;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  &:first-of-type {\n    border-right: none;\n  }\n  &:last-of-type {\n    border-left: none;\n  }\n"])));
+var InputAddon = vueEmotion.styled('span')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #fafafa;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-weight: 400;\n  padding: 0 11px;\n  position: relative;\n  transition: all 0.3s;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  &:first-of-type {\n    border-right: none;\n  }\n  &:last-of-type {\n    border-left: none;\n  }\n"])));
 InputAddon.defaultProps = {
   className: 'input-addon'
 };
@@ -870,16 +870,10 @@ var Message = vueEmotion.styled('div')(_templateObject7 || (_templateObject7 = _
   return resetCSS(props);
 });
 var MessageInputContainer = vueEmotion.styled('form')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tpadding-top: 12px;\n\talign-items: stretch;\n\tmargin-top: 10px;\n\t.ai-enter-button-wrapper {\n\t\talign-self: baseline;\n\t\theight: 41px;\n\t}\n"])));
-var MessageInput = vueEmotion.styled(Input.TextArea)(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n\tpadding-left: 35px;\n"])), function (props) {
+var MessageInput = vueEmotion.styled(Input.TextArea)(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t", "\n\tpadding-left: 35px;\n"])), function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.borderColor : '#fff';
 }, function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.titleColor : props.theme.colors.textColor;
-}, function (props) {
-  return props.theme.colors.textColor;
-}, function (props) {
-  return props.theme.colors.textColor;
-}, function (props) {
-  return props.theme.colors.textColor;
 }, function (_ref) {
   var enterButton = _ref.enterButton;
   return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
@@ -1313,6 +1307,14 @@ var SearchBox = vue.defineComponent({
   mounted: function mounted() {
     this.listenForFocusShortcuts();
   },
+  updated: function updated() {
+    if (this.$props.mode === constants.SEARCH_COMPONENTS_MODES.SELECT && this.$options.isTagsMode === true) {
+      this.$options.isTagsMode = false;
+      this.selectedTags = [];
+    } else if (this.$props.mode === constants.SEARCH_COMPONENTS_MODES.TAG && this.$options.isTagsMode === false) {
+      this.$options.isTagsMode = true;
+    }
+  },
   watch: {
     AIResponse: function AIResponse(newVal) {
       if (newVal) {
@@ -1322,6 +1324,9 @@ var SearchBox = vue.defineComponent({
           if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
             this.initialHits = localCache.meta.hits.hits;
           }
+          if (!this.showAIScreenFooter) {
+            this.showAIScreenFooter = true;
+          }
         }
       }
     },
@@ -1472,7 +1477,7 @@ var SearchBox = vue.defineComponent({
       }
     },
     currentValue: function currentValue() {
-      this.handleTextAreaHeightChange();
+      this.$nextTick(this.handleTextAreaHeightChange);
     }
   },
   methods: {
@@ -2319,7 +2324,7 @@ var SearchBox = vue.defineComponent({
         AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
       var _ref6 = AIUIConfig || {},
         _ref6$showSourceDocum = _ref6.showSourceDocuments,
-        showSourceDocuments = _ref6$showSourceDocum === void 0 ? true : _ref6$showSourceDocum,
+        showSourceDocuments = _ref6$showSourceDocum === void 0 ? false : _ref6$showSourceDocum,
         _ref6$onSourceClick = _ref6.onSourceClick,
         onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
       var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
@@ -2937,12 +2942,14 @@ var AIAnswer = vue.defineComponent({
             message: response.error
           };
         }
-
         // pushing message history so far
         if (messagesHistory && Array.isArray(messagesHistory)) {
           finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
             return msg.role !== constants.AI_ROLES.SYSTEM;
           }));
+          if (finalMessages[0].role === constants.AI_ROLES.USER) {
+            finalMessages.shift();
+          }
         } else if (response && response.answer && response.answer.text) {
           finalMessages.push({
             role: constants.AI_ROLES.ASSISTANT,

package/dist/cjs/install.js

@@ -34,9 +34,9 @@ require('./ReactiveBase.js');
 require('hotkeys-js');
 require('xss');
 require('remarkable');
-var install = require('./install-f7d9b812.js');
-require('./DropDown-26666911.js');
-require('./Input-3ecdb905.js');
+var install = require('./install-7a65d7ff.js');
+require('./DropDown-989facb5.js');
+require('./Input-c11e13af.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');

package/dist/cjs/version.js

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

package/dist/es/{DropDown-48045fde.js → DropDown-0075753d.js}

@@ -6,7 +6,7 @@ import VueTypes from 'vue-types';
 import { styled } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f503e267.js';
 import { a as isFunction } from './index-104f1dfb.js';
-import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-83dee8c5.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-a36286ea.js';
 import computeScrollIntoView from 'compute-scroll-into-view';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 

package/dist/es/{Input-83dee8c5.js → Input-a36286ea.js}

@@ -71,7 +71,7 @@ var suggestionsContainer = css(_templateObject6 || (_templateObject6 = _taggedTe
 var noSuggestions = function noSuggestions(themePreset, theme) {
   return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
 };
-var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n"])), function (props) {
+var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n\tborder-color: transparent;\n\n"])), function (props) {
   return input(props.searchBox);
 }, function (_ref4) {
   var themePreset = _ref4.themePreset,

package/dist/es/MultiDropdownList.js

@@ -16,8 +16,8 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { c as Dropdown } from './DropDown-48045fde.js';
-import './Input-83dee8c5.js';
+import { c as Dropdown } from './DropDown-0075753d.js';
+import './Input-a36286ea.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';

package/dist/es/MultiList.js

@@ -13,7 +13,7 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-83dee8c5.js';
+import { I as Input } from './Input-a36286ea.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';

package/dist/es/RangeInput.js

@@ -15,7 +15,7 @@ import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import './Title-863dfa42.js';
 import { F as Flex } from './Flex-25792bc3.js';
-import { I as Input } from './Input-83dee8c5.js';
+import { I as Input } from './Input-a36286ea.js';
 import { C as Container } from './Container-d00219f7.js';
 import 'vue-slider-component';
 import 'vue-slider-component/theme/antd.css';

package/dist/es/SingleDropdownList.js

@@ -16,8 +16,8 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { c as Dropdown } from './DropDown-48045fde.js';
-import './Input-83dee8c5.js';
+import { c as Dropdown } from './DropDown-0075753d.js';
+import './Input-a36286ea.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';

package/dist/es/SingleList.js

@@ -13,7 +13,7 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-83dee8c5.js';
+import { I as Input } from './Input-a36286ea.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, R as Radio } from './FormControlList-fe6eaee4.js';

package/dist/es/index.js

@@ -30,10 +30,10 @@ export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
 import 'xss';
 import 'remarkable';
-import { i as install } from './install-3af47936.js';
-export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-3af47936.js';
-import './DropDown-48045fde.js';
-import './Input-83dee8c5.js';
+import { i as install } from './install-f4b57577.js';
+export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-f4b57577.js';
+import './DropDown-0075753d.js';
+import './Input-a36286ea.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';

package/dist/es/{install-3af47936.js → install-f4b57577.js}

@@ -23,8 +23,8 @@ import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
 import xss from 'xss';
 import { Remarkable } from 'remarkable';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, B as ButtonIconWrapper, D as Downshift, b as InputWrapper } from './DropDown-48045fde.js';
-import { n as noSuggestions, T as TextArea, I as Input, s as suggestionsContainer, A as Actions$1, a as suggestions, b as searchboxSuggestions } from './Input-83dee8c5.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, B as ButtonIconWrapper, D as Downshift, b as InputWrapper } from './DropDown-0075753d.js';
+import { n as noSuggestions, T as TextArea, I as Input, s as suggestionsContainer, A as Actions$1, a as suggestions, b as searchboxSuggestions } from './Input-a36286ea.js';
 import { C as Container } from './Container-d00219f7.js';
 import Highlight from 'vue-highlight-words';
 import { fetchAIResponse, createAISession } from '@appbaseio/reactivecore/lib/actions/query';
@@ -61,7 +61,7 @@ InputGroup.defaultProps = {
 };
 
 var _templateObject$1;
-var InputAddon = styled('span')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #fafafa;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-weight: 400;\n  padding: 0 11px;\n  position: relative;\n  transition: all 0.3s;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  &:first-of-type {\n    border-right: none;\n  }\n  &:last-of-type {\n    border-left: none;\n  }\n"])));
+var InputAddon = styled('span')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #fafafa;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-weight: 400;\n  padding: 0 11px;\n  position: relative;\n  transition: all 0.3s;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  &:first-of-type {\n    border-right: none;\n  }\n  &:last-of-type {\n    border-left: none;\n  }\n"])));
 InputAddon.defaultProps = {
   className: 'input-addon'
 };
@@ -866,16 +866,10 @@ var Message = styled('div')(_templateObject7 || (_templateObject7 = _taggedTempl
   return resetCSS(props);
 });
 var MessageInputContainer = styled('form')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tpadding-top: 12px;\n\talign-items: stretch;\n\tmargin-top: 10px;\n\t.ai-enter-button-wrapper {\n\t\talign-self: baseline;\n\t\theight: 41px;\n\t}\n"])));
-var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n\tpadding-left: 35px;\n"])), function (props) {
+var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t", "\n\tpadding-left: 35px;\n"])), function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.borderColor : '#fff';
 }, function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.titleColor : props.theme.colors.textColor;
-}, function (props) {
-  return props.theme.colors.textColor;
-}, function (props) {
-  return props.theme.colors.textColor;
-}, function (props) {
-  return props.theme.colors.textColor;
 }, function (_ref) {
   var enterButton = _ref.enterButton;
   return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
@@ -1309,6 +1303,14 @@ var SearchBox = defineComponent({
   mounted: function mounted() {
     this.listenForFocusShortcuts();
   },
+  updated: function updated() {
+    if (this.$props.mode === SEARCH_COMPONENTS_MODES.SELECT && this.$options.isTagsMode === true) {
+      this.$options.isTagsMode = false;
+      this.selectedTags = [];
+    } else if (this.$props.mode === SEARCH_COMPONENTS_MODES.TAG && this.$options.isTagsMode === false) {
+      this.$options.isTagsMode = true;
+    }
+  },
   watch: {
     AIResponse: function AIResponse(newVal) {
       if (newVal) {
@@ -1318,6 +1320,9 @@ var SearchBox = defineComponent({
           if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
             this.initialHits = localCache.meta.hits.hits;
           }
+          if (!this.showAIScreenFooter) {
+            this.showAIScreenFooter = true;
+          }
         }
       }
     },
@@ -1468,7 +1473,7 @@ var SearchBox = defineComponent({
       }
     },
     currentValue: function currentValue() {
-      this.handleTextAreaHeightChange();
+      this.$nextTick(this.handleTextAreaHeightChange);
     }
   },
   methods: {
@@ -2315,7 +2320,7 @@ var SearchBox = defineComponent({
         AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
       var _ref6 = AIUIConfig || {},
         _ref6$showSourceDocum = _ref6.showSourceDocuments,
-        showSourceDocuments = _ref6$showSourceDocum === void 0 ? true : _ref6$showSourceDocum,
+        showSourceDocuments = _ref6$showSourceDocum === void 0 ? false : _ref6$showSourceDocum,
         _ref6$onSourceClick = _ref6.onSourceClick,
         onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
       var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
@@ -2933,12 +2938,14 @@ var AIAnswer = defineComponent({
             message: response.error
           };
         }
-
         // pushing message history so far
         if (messagesHistory && Array.isArray(messagesHistory)) {
           finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
             return msg.role !== AI_ROLES.SYSTEM;
           }));
+          if (finalMessages[0].role === AI_ROLES.USER) {
+            finalMessages.shift();
+          }
         } else if (response && response.answer && response.answer.text) {
           finalMessages.push({
             role: AI_ROLES.ASSISTANT,

package/dist/es/install.js

@@ -30,9 +30,9 @@ import './ReactiveBase.js';
 import 'hotkeys-js';
 import 'xss';
 import 'remarkable';
-export { i as default } from './install-3af47936.js';
-import './DropDown-48045fde.js';
-import './Input-83dee8c5.js';
+export { i as default } from './install-f4b57577.js';
+import './DropDown-0075753d.js';
+import './Input-a36286ea.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "3.0.2";
+var version = "3.0.4";
 
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "3.0.2",
+	"version": "3.0.4",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",