@appbaseio/reactivesearch-vue 3.0.6 → 3.1.0-alpha

package/dist/@appbaseio/reactivesearch-vue.umd.js

@@ -1191,7 +1191,7 @@
 	    geo: 'geo',
 	    suggestion: 'suggestion'
 	  };
-	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'compoundClause', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'FAQSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'searchboxId', 'endpoint', 'enableEndpointSuggestions', 'enableAI', 'AIConfig'];
+	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'compoundClause', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'FAQSuggestionsConfig', 'documentSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'enableDocumentSuggestions', 'enableEndpointSuggestions', 'searchboxId', 'endpoint', 'enableAI', 'AIConfig'];
 	  var CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
@@ -6330,7 +6330,9 @@
 	        applyStopwords: props.applyStopwords,
 	        customStopwords: props.customStopwords,
 	        enablePredictiveSuggestions: props.enablePredictiveSuggestions,
-	        indexSuggestionsConfig: props.indexSuggestionsConfig
+	        indexSuggestionsConfig: props.indexSuggestionsConfig,
+	        enableDocumentSuggestions: props.enableDocumentSuggestions,
+	        documentSuggestionsConfig: props.enableDocumentSuggestions ? props.documentSuggestionsConfig : undefined
 	      }, featuredSuggestionsProps, faqSuggestionsProps, {
 	        enableIndexSuggestions: props.enableIndexSuggestions
 	      }, props.searchboxId ? {
@@ -9301,7 +9303,10 @@
 	      if ("executing" === state) throw new Error("Generator is already running");
 	      if ("completed" === state) {
 	        if ("throw" === method) throw arg;
-	        return doneResult();
+	        return {
+	          value: void 0,
+	          done: !0
+	        };
 	      }
 	      for (context.method = method, context.arg = arg;;) {
 	        var delegate = context.delegate;
@@ -9354,7 +9359,7 @@
 	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
 	  }
 	  function values(iterable) {
-	    if (iterable) {
+	    if (iterable || "" === iterable) {
 	      var iteratorMethod = iterable[iteratorSymbol];
 	      if (iteratorMethod) return iteratorMethod.call(iterable);
 	      if ("function" == typeof iterable.next) return iterable;
@@ -9367,15 +9372,7 @@
 	        return next.next = next;
 	      }
 	    }
-	    return {
-	      next: doneResult
-	    };
-	  }
-	  function doneResult() {
-	    return {
-	      value: undefined,
-	      done: !0
-	    };
+	    throw new TypeError(typeof iterable + " is not iterable");
 	  }
 	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
 	    value: GeneratorFunctionPrototype,
@@ -17773,7 +17770,7 @@
 	};
 
 	/**! 
-	 * hotkeys-js v3.11.2 
+	 * hotkeys-js v3.12.0 
 	 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
 	 * 
 	 * Copyright (c) 2023 kenny wong <wowohoo@qq.com> 
@@ -17960,6 +17957,26 @@
 	    return getKey(c) || getModifier(c) || String.fromCharCode(c);
 	  });
 	}
+	function getAllKeyCodes() {
+	  var result = [];
+	  Object.keys(_handlers).forEach(function (k) {
+	    _handlers[k].forEach(function (_ref) {
+	      var key = _ref.key,
+	        scope = _ref.scope,
+	        mods = _ref.mods,
+	        shortcut = _ref.shortcut;
+	      result.push({
+	        scope: scope,
+	        shortcut: shortcut,
+	        mods: mods,
+	        keys: key.split('+').map(function (v) {
+	          return code(v);
+	        })
+	      });
+	    });
+	  });
+	  return result;
+	}
 
 	// 表单控件控件判断 返回 Boolean
 	// hotkey is effective only when filter return true
@@ -18062,12 +18079,12 @@
 	}
 
 	// 解除绑定某个范围的快捷键
-	var eachUnbind = function eachUnbind(_ref) {
-	  var key = _ref.key,
-	    scope = _ref.scope,
-	    method = _ref.method,
-	    _ref$splitKey = _ref.splitKey,
-	    splitKey = _ref$splitKey === void 0 ? '+' : _ref$splitKey;
+	var eachUnbind = function eachUnbind(_ref2) {
+	  var key = _ref2.key,
+	    scope = _ref2.scope,
+	    method = _ref2.method,
+	    _ref2$splitKey = _ref2.splitKey,
+	    splitKey = _ref2$splitKey === void 0 ? '+' : _ref2$splitKey;
 	  var multipleKeys = getKeys(key);
 	  multipleKeys.forEach(function (originKey) {
 	    var unbindKeys = originKey.split(splitKey);
@@ -18319,6 +18336,7 @@
 	  getScope: getScope,
 	  deleteScope: deleteScope,
 	  getPressedKeyCodes: getPressedKeyCodes,
+	  getAllKeyCodes: getAllKeyCodes,
 	  isPressed: isPressed,
 	  filter: filter,
 	  trigger: trigger,
@@ -24897,7 +24915,7 @@
 	var InputWrapper = styled('span')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n\tflex: 1;\n\tposition: relative;\n\theight: 42px;\n"])));
 
 	var _templateObject$a;
-	var InputAddon = styled('span')(_templateObject$a || (_templateObject$a = _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"])));
+	var InputAddon = styled('span')(_templateObject$a || (_templateObject$a = _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"])));
 	InputAddon.defaultProps = {
 	  className: 'input-addon'
 	};
@@ -24969,9 +24987,9 @@
 	};
 	var suggestionsContainer = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
 	var noSuggestions = function noSuggestions(themePreset, theme) {
-	  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\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    border-radius: 6px;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    box-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;\n    border-top: 1px solid #f2f0f0;\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$1(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$1(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\tborder-color: transparent;\n\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"])), function (props) {
 	  return input(props.searchBox);
 	}, function (_ref4) {
 	  var themePreset = _ref4.themePreset,
@@ -25809,7 +25827,30 @@
 	  name: 'SuggestionItem',
 	  props: {
 	    currentValue: types.string,
-	    suggestion: types.any
+	    suggestion: types.any,
+	    innerHTML: types.string.isRequired
+	  },
+	  data: function data() {
+	    return {
+	      isOverflowing: false
+	    };
+	  },
+	  methods: {
+	    updateOverflowing: function updateOverflowing() {
+	      if (this.$refs.container && this.$refs.content) {
+	        var _this$$refs = this.$refs,
+	          container = _this$$refs.container,
+	          content = _this$$refs.content;
+	        var containerWidth = container.offsetWidth;
+	        var contentWidth = content.scrollWidth;
+	        this.isOverflowing = contentWidth > containerWidth;
+	      } else {
+	        this.isOverflowing = false;
+	      }
+	    }
+	  },
+	  mounted: function mounted() {
+	    this.updateOverflowing();
 	  },
 	  render: function render() {
 	    var _this = this;
@@ -25825,7 +25866,11 @@
 	    if (label) {
 	      // label has highest precedence
 	      return typeof label === 'string' ? vue.createVNode("div", {
-	        "class": "trim"
+	        "ref": "container",
+	        "class": "trim",
+	        "title": this.isOverflowing ? label : ''
+	      }, [vue.createVNode("div", {
+	        "ref": "content"
 	      }, [(_category ? false : isPredictiveSuggestion
 	      // eslint-disable-next-line
 	      || !!_suggestion_type) ? vue.createVNode(PredictiveSuggestion, {
@@ -25835,7 +25880,7 @@
 	        "textToHighlight": label,
 	        "autoEscape": true,
 	        "highlightStyle": highlightStyle
-	      }, null)]) : label;
+	      }, null)])]) : label;
 	    }
 	    if (title || image || description) {
 	      return vue.createVNode(Flex, {
@@ -26524,7 +26569,7 @@
 
 	var _templateObject$k, _templateObject2$8, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10, _templateObject11;
 	var Chatbox = styled('div')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n\n\t.--trigger-message-wrapper {\n\t\tcursor: pointer;\n\t}\n"])), function (props) {
-	  return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? curriedLighten(0.1, props.theme.colors.backgroundColor) : '#fff';
+	  return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
 	});
 	var ChatContainer = styled('div')(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tposition: relative;\n\t.--ai-answer-error-container {\n\t\ttext-align: center;\n\t\tposition: absolute;\n\t\tbottom: 0px;\n\t\t", ";\n\t\tz-index: 1;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 100%;\n\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px;\n\t\t\tbackground-color: ", ";\n\t\t\tbox-shadow: 0 -5px 5px -2px\n\t\t\t\t", ";\n\n\t\t\tspan {\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t}\n\t\t}\n\t}\n\n\t", ";\n"])), function (props) {
 	  return props.showInput ? 'bottom: 48px;' : '';
@@ -26556,7 +26601,7 @@
 	  // 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\ncode[class*='language-'],\n\tpre[class*='language-'] {\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\ttext-shadow: none;\n\t}\n\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\n\t" + (props.themePreset === 'dark' && "a{\n\t\tcolor: cornflowerblue\n\t\t}") + ";\n";
+	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\ttext-shadow: none;\n\t}\n\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;
@@ -26585,10 +26630,16 @@
 	  return resetCSS(props);
 	});
 	var MessageInputContainer = styled('form')(_templateObject8$1 || (_templateObject8$1 = _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$1 || (_templateObject9$1 = _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) {
+	var MessageInput = styled(TextArea)(_templateObject9$1 || (_templateObject9$1 = _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) {
 	  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";
@@ -26793,6 +26844,42 @@
 	  }
 	});
 
+	// eslint-disable-next-line import/prefer-default-export
+	var innerText = function innerText(jsx) {
+	  // Empty
+	  if (jsx === null || typeof jsx === 'boolean' || typeof jsx === 'undefined') {
+	    return '';
+	  }
+
+	  // Numeric children.
+	  if (typeof jsx === 'number') {
+	    return jsx.toString();
+	  }
+
+	  // String literals.
+	  if (typeof jsx === 'string') {
+	    return jsx;
+	  }
+
+	  // Array of JSX.
+	  if (Array.isArray(jsx)) {
+	    // eslint-disable-next-line no-use-before-define
+	    return jsx.reduce(reduceJsxToString, '');
+	  }
+
+	  // Children prop.
+	  if (Object.prototype.hasOwnProperty.call(jsx, 'children')) {
+	    return innerText(jsx.children);
+	  }
+
+	  // Default
+	  return '';
+	};
+	innerText["default"] = innerText;
+	function reduceJsxToString(previous, current) {
+	  return previous + innerText(current);
+	}
+
 	var _excluded$1 = ["_source"];
 	function _isSlot$5(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
@@ -26833,8 +26920,7 @@
 	      showFeedbackComponent: false,
 	      feedbackState: null,
 	      faqAnswer: '',
-	      faqQuestion: '',
-	      initialHits: null
+	      faqQuestion: ''
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -26886,11 +26972,12 @@
 	      return this.faqAnswer || this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text;
 	    },
 	    parsedSuggestions: function parsedSuggestions() {
+	      var _this = this;
 	      var suggestionsArray = [];
 	      if (Array.isArray(this.suggestions) && this.suggestions.length) {
 	        suggestionsArray = [].concat(withClickIds(this.suggestions));
 	      }
-	      if (this.renderTriggerMessage() && this.currentValue) {
+	      if (this.renderTriggerMessage() && this.currentValue && !this.isLoading) {
 	        suggestionsArray.unshift({
 	          label: this.renderTriggerMessage(),
 	          value: 'AI_TRIGGER_MESSAGE',
@@ -26904,6 +26991,20 @@
 	        return _extends({}, s, {
 	          sectionId: s._suggestion_type
 	        });
+	      }).map(function (suggestion) {
+	        if (suggestion._suggestion_type === 'document') {
+	          // Document suggestions don't have a meaningful label and value
+	          var newSuggestion = _extends({}, suggestion);
+	          newSuggestion.label = 'For recent document suggestion, please implement a renderItem method to display label.';
+	          var renderItem = _this.$slots.renderItem || _this.$props.renderItem;
+	          if (typeof renderItem === 'function') {
+	            var jsxEl = renderItem(newSuggestion);
+	            var innerValue = innerText(jsxEl);
+	            newSuggestion.value = lib$2(innerValue);
+	          }
+	          return newSuggestion;
+	        }
+	        return suggestion;
 	      });
 	      var sectionsAccumulated = [];
 	      var sectionisedSuggestions = suggestionsArray.reduce(function (acc, d, currentIndex) {
@@ -26952,6 +27053,12 @@
 	    enablePopularSuggestions: Q.bool.def(false),
 	    enableRecentSuggestions: Q.bool.def(false),
 	    enableFAQSuggestions: Q.bool.def(false),
+	    enableDocumentSuggestions: Q.bool.def(false),
+	    documentSuggestionsConfig: Q.shape({
+	      size: Q.number,
+	      from: Q.number,
+	      maxChars: Q.number
+	    }),
 	    FAQSuggestionsConfig: Q.shape({
 	      sectionLabel: Q.string,
 	      size: Q.number
@@ -27020,47 +27127,9 @@
 	    AIUIConfig: types.AIUIConfig
 	  },
 	  mounted: function mounted() {
-	    var _this = this;
 	    this.listenForFocusShortcuts();
-	    var dropdownEle = this.$refs[_dropdownULRef];
-	    if (dropdownEle) {
-	      var handleScroll = function handleScroll() {
-	        var scrollTop = dropdownEle.scrollTop;
-	        _this.lastScrollTop = scrollTop;
-	        if (scrollTop < _this.lastScrollTop) {
-	          // User is scrolling up
-	          clearInterval(_this.scrollTimerRef);
-	          _this.isUserScrolling = true;
-	        }
-	        // Update lastScrollTop with the current scroll position
-	        _this.lastScrollTop = scrollTop;
-	      };
-	      dropdownEle.addEventListener('scroll', handleScroll);
-	    }
-	  },
-	  updated: function updated() {
-	    if (this.$props.mode === constants_5$1.SELECT && this.$options.isTagsMode === true) {
-	      this.$options.isTagsMode = false;
-	      this.selectedTags = [];
-	    } else if (this.$props.mode === constants_5$1.TAG && this.$options.isTagsMode === false) {
-	      this.$options.isTagsMode = true;
-	    }
 	  },
 	  watch: {
-	    AIResponse: function AIResponse(newVal) {
-	      if (newVal) {
-	        if (this.$props.AIUIConfig && this.$props.AIUIConfig.showSourceDocuments && newVal.response && newVal.response.answer && Array.isArray(newVal.response.answer.documentIds)) {
-	          this.sourceDocIds = newVal.response.answer.documentIds;
-	          var localCache = helper_2(constants_8$1) && helper_2(constants_8$1)[this.$props.componentId];
-	          if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
-	            this.initialHits = localCache.meta.hits.hits;
-	          }
-	          if (!this.showAIScreenFooter) {
-	            this.showAIScreenFooter = true;
-	          }
-	        }
-	      }
-	    },
 	    dataField: function dataField(newVal, oldVal) {
 	      if (!isEqual$4(newVal, oldVal)) {
 	        this.triggerCustomQuery(this.$data.currentValue);
@@ -27135,9 +27204,6 @@
 	        loading: this.isLoading,
 	        error: this.isError
 	      });
-	      if (newVal && newVal.hits && newVal.hits.hits) {
-	        this.initialHits = newVal.hits.hits;
-	      }
 	    },
 	    aggregationData: function aggregationData(newVal) {
 	      this.$emit('on-data', {
@@ -27174,7 +27240,6 @@
 	    isAITyping: function isAITyping(newVal, oldVal) {
 	      var _this2 = this;
 	      var scrollAIContainer = function scrollAIContainer() {
-	        if (_this2.isUserScrolling) return;
 	        var dropdownEle = _this2.$refs[_dropdownULRef];
 	        if (dropdownEle) {
 	          dropdownEle.scrollTo({
@@ -27184,7 +27249,6 @@
 	        }
 	      };
 	      if (!newVal && oldVal) {
-	        clearInterval(this.scrollTimerRef);
 	        this.showAIScreenFooter = true;
 	        if (this.$props.AIUIConfig && typeof this.$props.AIUIConfig.showFeedback === 'boolean' ? this.$props.AIUIConfig.showFeedback : true) {
 	          this.showFeedbackComponent = true;
@@ -27193,7 +27257,7 @@
 	          scrollAIContainer();
 	        }, 500);
 	      } else if (newVal) {
-	        this.scrollTimerRef = setInterval(function () {
+	        this.scrollTimerRef = setTimeout(function () {
 	          scrollAIContainer();
 	        }, 2000);
 	      }
@@ -27210,7 +27274,7 @@
 	      }
 	    },
 	    currentValue: function currentValue() {
-	      this.$nextTick(this.handleTextAreaHeightChange);
+	      this.handleTextAreaHeightChange();
 	    }
 	  },
 	  methods: {
@@ -28012,13 +28076,13 @@
 	      });
 	    },
 	    getAISourceObjects: function getAISourceObjects() {
-	      var _this14 = this;
+	      var localCache = helper_2(constants_8$1) && helper_2(constants_8$1)[this.componentId];
 	      var sourceObjects = [];
 	      if (!this.AIResponse) return sourceObjects;
 	      var docIds = this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [];
-	      if (this.initialHits) {
+	      if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
 	        docIds.forEach(function (id) {
-	          var foundSourceObj = _this14.initialHits.find(function (hit) {
+	          var foundSourceObj = localCache.meta.hits.hits.find(function (hit) {
 	            return hit._id === id;
 	          }) || {};
 	          if (foundSourceObj) {
@@ -28052,31 +28116,31 @@
 	    },
 	    renderAIScreenFooter: function renderAIScreenFooter() {
 	      var _slot8;
-	      var _this15 = this;
+	      var _this14 = this;
 	      var _this$$props$AIUIConf2 = this.$props.AIUIConfig,
 	        AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
 	      var _ref6 = AIUIConfig || {},
 	        _ref6$showSourceDocum = _ref6.showSourceDocuments,
-	        showSourceDocuments = _ref6$showSourceDocum === void 0 ? false : _ref6$showSourceDocum,
+	        showSourceDocuments = _ref6$showSourceDocum === void 0 ? true : _ref6$showSourceDocum,
 	        _ref6$onSourceClick = _ref6.onSourceClick,
 	        onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
 	      var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
-	        if (_this15.$props.AIUIConfig && _this15.$props.AIUIConfig.renderSourceDocument) {
-	          return _this15.$props.AIUIConfig.renderSourceDocument(sourceObj);
+	        if (_this14.$props.AIUIConfig && _this14.$props.AIUIConfig.renderSourceDocument) {
+	          return _this14.$props.AIUIConfig.renderSourceDocument(sourceObj);
 	        }
-	        if (_this15.$slots.renderSourceDocument) {
-	          return _this15.$slots.renderSourceDocument(sourceObj);
+	        if (_this14.$slots.renderSourceDocument) {
+	          return _this14.$slots.renderSourceDocument(sourceObj);
 	        }
 	        return sourceObj._id;
 	      };
-	      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds && this.AIResponse.response.answer.documentIds.length ? vue.createVNode(Footer, {
+	      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds ? vue.createVNode(Footer, {
 	        "themePreset": this.$props.themePreset
 	      }, {
 	        "default": function _default() {
-	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this15.getAISourceObjects().map(function (el) {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this14.getAISourceObjects().map(function (el) {
 	            var _slot7;
 	            return vue.createVNode(Button, {
-	              "class": "--ai-source-tag " + (getClassName$3(_this15.$props.innerClass, 'ai-source-tag') || ''),
+	              "class": "--ai-source-tag " + (getClassName$3(_this14.$props.innerClass, 'ai-source-tag') || ''),
 	              "info": true,
 	              "onClick": function onClick() {
 	                return onSourceClick && onSourceClick(el);
@@ -28095,7 +28159,7 @@
 	      }) : null;
 	    },
 	    renderAIScreen: function renderAIScreen() {
-	      var _this16 = this;
+	      var _this15 = this;
 	      var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
 	      if (customAIRenderer) {
 	        return customAIRenderer({
@@ -28119,11 +28183,11 @@
 	        "hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
 	        "key": this.sessionIdFromStore,
 	        "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	          _this16.feedbackState = {
+	          _this15.feedbackState = {
 	            isRecorded: true,
 	            feedbackType: useful ? 'positive' : 'negative'
 	          };
-	          _this16.recordAISessionUsefulness(_this16.sessionIdFromStore, {
+	          _this15.recordAISessionUsefulness(_this15.sessionIdFromStore, {
 	            useful: useful,
 	            reason: reason
 	          });
@@ -28158,7 +28222,7 @@
 	      });
 	    },
 	    renderAskButtonElement: function renderAskButtonElement() {
-	      var _this17 = this;
+	      var _this16 = this;
 	      var _this$$props5 = this.$props,
 	        AIUIConfig = _this$$props5.AIUIConfig,
 	        innerClass = _this$$props5.innerClass;
@@ -28168,12 +28232,12 @@
 	      if (askButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderAskButton) {
-	            return renderAskButton(_this17.askButtonOnClick);
+	            return renderAskButton(_this16.askButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'ask-button'),
 	            "info": true,
-	            "onClick": _this17.askButtonOnClick
+	            "onClick": _this16.askButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Ask")];
@@ -28188,28 +28252,28 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this18 = this;
+	    var _this17 = this;
 	    var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
 	    var _this$$slots = this.$slots,
 	      recentSearchesIcon = _this$$slots.recentSearchesIcon,
 	      popularSearchesIcon = _this$$slots.popularSearchesIcon;
-	    var hasSuggestions = Array.isArray(this.parsedSuggestions) && this.parsedSuggestions.length;
+	    var hasSuggestions = Array.isArray(this.normalizedSuggestions) && this.normalizedSuggestions.length;
 	    var renderItem = this.$slots.renderItem || this.$props.renderItem;
 	    return vue.createVNode(Container, {
 	      "class": this.$props.className
 	    }, {
 	      "default": function _default() {
-	        return [_this18.$props.title && vue.createVNode(Title, {
-	          "class": getClassName$3(_this18.$props.innerClass, 'title') || ''
+	        return [_this17.$props.title && vue.createVNode(Title, {
+	          "class": getClassName$3(_this17.$props.innerClass, 'title') || ''
 	        }, {
 	          "default": function _default() {
-	            return [_this18.$props.title];
+	            return [_this17.$props.title];
 	          }
-	        }), _this18.$props.autosuggest ? vue.createVNode(Downshift, {
-	          "id": _this18.$props.componentId + "-downshift",
-	          "handleChange": _this18.onSuggestionSelected,
-	          "handleMouseup": _this18.handleStateChange,
-	          "isOpen": _this18.$data.isOpen
+	        }), _this17.$props.autosuggest ? vue.createVNode(Downshift, {
+	          "id": _this17.$props.componentId + "-downshift",
+	          "handleChange": _this17.onSuggestionSelected,
+	          "handleMouseup": _this17.handleStateChange,
+	          "isOpen": _this17.$data.isOpen
 	        }, {
 	          "default": function _default(_ref8) {
 	            var getInputEvents = _ref8.getInputEvents,
@@ -28265,21 +28329,21 @@
 	                }
 	              };
 	              var indexOffset = 0;
-	              return vue.createVNode("div", null, [_this18.hasCustomRenderer && _this18.getComponent({
+	              return vue.createVNode("div", null, [_this17.hasCustomRenderer && _this17.getComponent({
 	                isOpen: isOpen,
 	                getItemProps: getItemProps,
 	                getItemEvents: getItemEvents,
 	                highlightedIndex: highlightedIndex
-	              }), _this18.renderErrorComponent(), !_this18.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
-	                "class": suggestions$1(_this18.themePreset, _this18.theme) + " " + getClassName$3(_this18.$props.innerClass, 'list') + " " + searchboxSuggestions(_this18.themePreset, _this18.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
+	              }), _this17.renderErrorComponent(), !_this17.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
+	                "class": suggestions$1(_this17.themePreset, _this17.theme) + " " + getClassName$3(_this17.$props.innerClass, 'list') + " " + searchboxSuggestions(_this17.themePreset, _this17.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
 	                "ref": _dropdownULRef
-	              }, [_this18.showAIScreen && vue.createVNode(SearchBoxAISection, {
-	                "themePreset": _this18.$props.themePreset
+	              }, [_this17.showAIScreen && vue.createVNode(SearchBoxAISection, {
+	                "themePreset": _this17.$props.themePreset
 	              }, {
 	                "default": function _default() {
-	                  return [_this18.renderAIScreen(), ' ', _this18.renderErrorComponent(true)];
+	                  return [_this17.renderAIScreen(), ' ', _this17.renderErrorComponent(true)];
 	                }
-	              }), !_this18.showAIScreen && _this18.parsedSuggestions.map(function (item, itemIndex) {
+	              }), !_this17.showAIScreen && _this17.parsedSuggestions.map(function (item, itemIndex) {
 	                var index = indexOffset + itemIndex;
 	                if (Array.isArray(item)) {
 	                  var sectionHtml = lib$2(item[0].sectionLabel);
@@ -28288,7 +28352,7 @@
 	                    "key": "section-" + itemIndex,
 	                    "class": "section-container"
 	                  }, [sectionHtml ? vue.createVNode("div", {
-	                    "class": "section-header " + getClassName$3(_this18.$props.innerClass, 'section-label'),
+	                    "class": "section-header " + getClassName$3(_this17.$props.innerClass, 'section-label'),
 	                    "key": "" + item[0].sectionId,
 	                    "innerHTML": sectionHtml
 	                  }, null) : null, vue.createVNode("ul", {
@@ -28308,7 +28372,7 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
 	                      }), [renderItem(sectionItem)]);
 	                    }
 	                    if (sectionItem._suggestion_type === '_internal_a_i_trigger') {
@@ -28322,9 +28386,9 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
 	                      }), [vue.createVNode(SuggestionItem, {
-	                        "currentValue": _this18.currentValue,
+	                        "currentValue": _this17.currentValue,
 	                        "suggestion": sectionItem
 	                      }, null)]);
 	                    }
@@ -28338,7 +28402,7 @@
 	                        justifyContent: 'flex-start',
 	                        alignItems: 'center'
 	                      },
-	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
+	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
 	                    }), [vue.createVNode("div", {
 	                      "style": {
 	                        padding: '0 10px 0 0',
@@ -28346,74 +28410,74 @@
 	                      }
 	                    }, [vue.createVNode(CustomSvg, {
 	                      "key": sectionItem._suggestion_type + "-" + sectionIndex,
-	                      "className": getClassName$3(_this18.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
+	                      "className": getClassName$3(_this17.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
 	                      "icon": getIcon(sectionItem._suggestion_type, sectionItem, suggestionsHaveIcon),
 	                      "type": sectionItem._suggestion_type + "-search-icon"
 	                    }, null)]), vue.createVNode(SuggestionItem, {
-	                      "currentValue": _this18.currentValue,
+	                      "currentValue": _this17.currentValue,
 	                      "suggestion": sectionItem
-	                    }, null), _this18.renderActionIcon(sectionItem)]);
+	                    }, null), _this17.renderActionIcon(sectionItem)]);
 	                  })])]);
 	                }
 	                return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
-	              }), !_this18.showAIScreen && _this18.parsedSuggestions.length && _this18.$props.showSuggestionsFooter ? _this18.suggestionsFooter() : null]) : _this18.renderNoSuggestions(_this18.normalizedSuggestions)]);
+	              }), !_this17.showAIScreen && _this17.parsedSuggestions.length && _this17.$props.showSuggestionsFooter ? _this17.suggestionsFooter() : null]) : _this17.renderNoSuggestions(_this17.normalizedSuggestions)]);
 	            };
 	            return vue.createVNode("div", {
 	              "class": suggestionsContainer
 	            }, [vue.createVNode(InputGroup, {
 	              "searchBox": true,
 	              "ref": _inputGroupRef,
-	              "isOpen": _this18.$data.isOpen
+	              "isOpen": _this17.$data.isOpen
 	            }, {
 	              "default": function _default() {
 	                return [vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this18.renderInputAddonBefore(), _this18.renderLeftIcons()];
+	                    return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
 	                  }
 	                }), vue.createVNode(InputWrapper, null, {
 	                  "default": function _default() {
 	                    return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn(getInputEvents({
-	                      onInput: _this18.onInputChange,
+	                      onInput: _this17.onInputChange,
 	                      onBlur: function onBlur(e) {
-	                        _this18.$emit('blur', e, _this18.triggerQuery);
+	                        _this17.$emit('blur', e, _this17.triggerQuery);
 	                      },
-	                      onFocus: _this18.handleFocus,
+	                      onFocus: _this17.handleFocus,
 	                      onKeyPress: function onKeyPress(e) {
-	                        _this18.$emit('keyPress', e, _this18.triggerQuery);
-	                        _this18.$emit('key-press', e, _this18.triggerQuery);
+	                        _this17.$emit('keyPress', e, _this17.triggerQuery);
+	                        _this17.$emit('key-press', e, _this17.triggerQuery);
 	                      },
 	                      onKeyDown: function onKeyDown(e) {
-	                        return _this18.handleKeyDown(e, highlightedIndex);
+	                        return _this17.handleKeyDown(e, highlightedIndex);
 	                      },
 	                      onKeyUp: function onKeyUp(e) {
-	                        _this18.$emit('keyUp', e, _this18.triggerQuery);
-	                        _this18.$emit('key-up', e, _this18.triggerQuery);
+	                        _this17.$emit('keyUp', e, _this17.triggerQuery);
+	                        _this17.$emit('key-up', e, _this17.triggerQuery);
 	                      },
 	                      onClick: function onClick() {
 	                        setHighlightedIndex(null);
 	                      }
 	                    })), {
 	                      "searchBox": true,
-	                      "isOpen": _this18.$data.isOpen,
-	                      "id": _this18.$props.componentId + "-input",
-	                      "ref": _this18.$props.innerRef,
-	                      "class": getClassName$3(_this18.$props.innerClass, 'input'),
-	                      "placeholder": _this18.$props.placeholder,
-	                      "autoFocus": _this18.$props.autoFocus
+	                      "isOpen": _this17.$data.isOpen,
+	                      "id": _this17.$props.componentId + "-input",
+	                      "ref": _this17.$props.innerRef,
+	                      "class": getClassName$3(_this17.$props.innerClass, 'input'),
+	                      "placeholder": _this17.$props.placeholder,
+	                      "autoFocus": _this17.$props.autoFocus
 	                    }, getInputProps({
-	                      value: _this18.$data.currentValue === null ? '' : _this18.$data.currentValue
+	                      value: _this17.$data.currentValue === null ? '' : _this17.$data.currentValue
 	                    }), {
-	                      "themePreset": _this18.themePreset,
+	                      "themePreset": _this17.themePreset,
 	                      "autocomplete": "off"
 	                    }), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
 	                  }
 	                }), vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this18.renderRightIcons(), _this18.renderInputAddonAfter(), _this18.renderAskButtonElement(), _this18.renderEnterButtonElement()];
+	                    return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderAskButtonElement(), _this17.renderEnterButtonElement()];
 	                  }
 	                })];
 	              }
-	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this18.renderTags()]);
+	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this17.renderTags()]);
 	          }
 	        }) : vue.createVNode("div", {
 	          "class": suggestionsContainer
@@ -28424,43 +28488,43 @@
 	          "default": function _default() {
 	            return [vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this18.renderInputAddonBefore(), _this18.renderLeftIcons()];
+	                return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
 	              }
 	            }), vue.createVNode(InputWrapper, null, {
 	              "default": function _default() {
 	                return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn({
 	                  blur: function blur(e) {
-	                    _this18.$emit('blur', e, _this18.triggerQuery);
+	                    _this17.$emit('blur', e, _this17.triggerQuery);
 	                  },
 	                  keypress: function keypress(e) {
-	                    _this18.$emit('keyPress', e, _this18.triggerQuery);
-	                    _this18.$emit('key-press', e, _this18.triggerQuery);
+	                    _this17.$emit('keyPress', e, _this17.triggerQuery);
+	                    _this17.$emit('key-press', e, _this17.triggerQuery);
 	                  },
-	                  input: _this18.onInputChange,
+	                  input: _this17.onInputChange,
 	                  focus: function focus(e) {
-	                    _this18.$emit('focus', e, _this18.triggerQuery);
+	                    _this17.$emit('focus', e, _this17.triggerQuery);
 	                  },
-	                  keydown: _this18.handleKeyDown,
+	                  keydown: _this17.handleKeyDown,
 	                  keyup: function keyup(e) {
-	                    _this18.$emit('keyUp', e, _this18.triggerQuery);
-	                    _this18.$emit('key-up', e, _this18.triggerQuery);
+	                    _this17.$emit('keyUp', e, _this17.triggerQuery);
+	                    _this17.$emit('key-up', e, _this17.triggerQuery);
 	                  }
 	                }), {
 	                  "searchBox": true,
-	                  "class": getClassName$3(_this18.$props.innerClass, 'input') || '',
-	                  "placeholder": _this18.$props.placeholder,
-	                  "autofocus": _this18.$props.autoFocus,
-	                  "value": _this18.$data.currentValue ? _this18.$data.currentValue : '',
-	                  "iconPosition": _this18.$props.iconPosition,
-	                  "showIcon": _this18.$props.showIcon,
-	                  "showClear": _this18.$props.showClear,
-	                  "ref": _this18.$props.innerRef,
-	                  "themePreset": _this18.themePreset
+	                  "class": getClassName$3(_this17.$props.innerClass, 'input') || '',
+	                  "placeholder": _this17.$props.placeholder,
+	                  "autofocus": _this17.$props.autoFocus,
+	                  "value": _this17.$data.currentValue ? _this17.$data.currentValue : '',
+	                  "iconPosition": _this17.$props.iconPosition,
+	                  "showIcon": _this17.$props.showIcon,
+	                  "showClear": _this17.$props.showClear,
+	                  "ref": _this17.$props.innerRef,
+	                  "themePreset": _this17.themePreset
 	                }), null)];
 	              }
 	            }), vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this18.renderRightIcons(), _this18.renderInputAddonAfter(), _this18.renderEnterButtonElement()];
+	                return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderEnterButtonElement()];
 	              }
 	            })];
 	          }
@@ -28675,14 +28739,12 @@
 	            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_7$1.SYSTEM;
 	          }));
-	          if (finalMessages[0].role === constants_7$1.USER) {
-	            finalMessages.shift();
-	          }
 	        } else if (response && response.answer && response.answer.text) {
 	          finalMessages.push({
 	            role: constants_7$1.ASSISTANT,
@@ -38024,7 +38086,7 @@
 	      type = _props$attribute.type,
 	      trackProperties = _props$attribute.trackProperties,
 	      noBind = _props$attribute.noBind;
-	    if (noBind) return "continue";
+	    if (noBind) return 1; // continue
 	    var setMethodName = 'set' + Str.capitalizeFirstLetter(attribute);
 	    var getMethodName = 'get' + Str.capitalizeFirstLetter(attribute);
 	    var eventName = attribute.toLowerCase() + '_changed';
@@ -38060,8 +38122,7 @@
 	    }
 	  };
 	  for (var attribute in props) {
-	    var _ret = _loop(attribute);
-	    if (_ret === "continue") continue;
+	    if (_loop(attribute)) continue;
 	  }
 	}
 
@@ -44253,7 +44314,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.6";
+	var version = "3.1.0-alpha";
 
 	var components = [RLConnected, ResultCard, ResultList, ReactiveBase, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, RcConnected$2, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4, TreeListConnected, AIConnected];
 	function install$1 (Vue) {