@appbaseio/reactivesearch-vue 3.1.0-alpha → 3.1.0-alpha.1

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', 'documentSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'enableDocumentSuggestions', 'enableEndpointSuggestions', 'searchboxId', 'endpoint', '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', 'showDistinctSuggestions'];
 	  var CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
@@ -5449,14 +5449,18 @@
 	  };
 	  exports.transformRequestUsingEndpoint = transformRequestUsingEndpoint;
 	  var setObjectInLocalStorage = exports.setObjectInLocalStorage = function setObjectInLocalStorage(key, value) {
-	    if (!key || !value) {
-	      throw new Error('Key and value are required for setObject');
-	    }
-	    try {
-	      var serializedValue = JSON.stringify(value);
-	      localStorage.setItem(key, serializedValue);
-	    } catch (error) {
-	      console.error('Error saving object to localStorage:', error);
+	    if (typeof localStorage !== 'undefined') {
+	      if (!key || !value) {
+	        throw new Error('Key and value are required for setObject');
+	      }
+	      try {
+	        var serializedValue = JSON.stringify(value);
+	        localStorage.setItem(key, serializedValue);
+	      } catch (error) {
+	        console.error('Error saving object to localStorage:', error);
+	      }
+	    } else {
+	      console.warn('localstorage not available');
 	    }
 	  };
 	  var getObjectFromLocalStorage = exports.getObjectFromLocalStorage = function getObjectFromLocalStorage(key) {
@@ -5613,7 +5617,7 @@
 	    if (action.type === constants.SET_AI_RESPONSE) {
 	      (0, helper.setObjectInLocalStorage)('AISessions', _extends({}, (0, helper.getObjectFromLocalStorage)(constants$1.AI_LOCAL_CACHE_KEY) || {}, _defineProperty({}, action.component, _extends({}, state[action.component] || {}, action.payload))));
 	      return _extends({}, state, _defineProperty({}, action.component, _extends({}, state[action.component] ? state[action.component] : {}, {
-	        response: _extends({}, state[action.component] ? state[action.component] && state[action.component].response : {}, action.payload),
+	        response: _extends({}, state[action.component] ? state[action.component].response : {}, action.payload),
 	        isLoading: false,
 	        error: null
 	      })));
@@ -6912,6 +6916,12 @@
 	      if (data.hasOwnProperty('hits')) {
 	        dispatch(updateHits(component, data, data.time || undefined));
 	      }
+	      if (data.hasOwnProperty('rawData')) {
+	        dispatch((0, misc.setRawData)(component, data.rawData));
+	      }
+	      if (data.hasOwnProperty('AI_RESPONSE')) {
+	        dispatch((0, misc.setAIResponse)(component, data.AI_RESPONSE));
+	      }
 	    };
 	  }
 	});
@@ -24915,7 +24925,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 #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$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"])));
 	InputAddon.defaultProps = {
 	  className: 'input-addon'
 	};
@@ -24987,9 +24997,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: 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));
+	  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));
 	};
-	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,
@@ -26569,7 +26579,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 : '#fff';
+	  return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? curriedLighten(0.1, 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;' : '';
@@ -26601,7 +26611,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";
+	  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";
 	};
 	var messageBGColor = function messageBGColor(props) {
 	  var finalBGColor;
@@ -26630,16 +26640,10 @@
 	  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::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$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) {
 	  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";
@@ -26920,7 +26924,8 @@
 	      showFeedbackComponent: false,
 	      feedbackState: null,
 	      faqAnswer: '',
-	      faqQuestion: ''
+	      faqQuestion: '',
+	      initialHits: null
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -26977,7 +26982,7 @@
 	      if (Array.isArray(this.suggestions) && this.suggestions.length) {
 	        suggestionsArray = [].concat(withClickIds(this.suggestions));
 	      }
-	      if (this.renderTriggerMessage() && this.currentValue && !this.isLoading) {
+	      if (this.renderTriggerMessage() && this.currentValue) {
 	        suggestionsArray.unshift({
 	          label: this.renderTriggerMessage(),
 	          value: 'AI_TRIGGER_MESSAGE',
@@ -27127,9 +27132,47 @@
 	    AIUIConfig: types.AIUIConfig
 	  },
 	  mounted: function mounted() {
+	    var _this2 = this;
 	    this.listenForFocusShortcuts();
+	    var dropdownEle = this.$refs[_dropdownULRef];
+	    if (dropdownEle) {
+	      var handleScroll = function handleScroll() {
+	        var scrollTop = dropdownEle.scrollTop;
+	        _this2.lastScrollTop = scrollTop;
+	        if (scrollTop < _this2.lastScrollTop) {
+	          // User is scrolling up
+	          clearInterval(_this2.scrollTimerRef);
+	          _this2.isUserScrolling = true;
+	        }
+	        // Update lastScrollTop with the current scroll position
+	        _this2.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);
@@ -27204,6 +27247,9 @@
 	        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', {
@@ -27238,9 +27284,10 @@
 	      }
 	    },
 	    isAITyping: function isAITyping(newVal, oldVal) {
-	      var _this2 = this;
+	      var _this3 = this;
 	      var scrollAIContainer = function scrollAIContainer() {
-	        var dropdownEle = _this2.$refs[_dropdownULRef];
+	        if (_this3.isUserScrolling) return;
+	        var dropdownEle = _this3.$refs[_dropdownULRef];
 	        if (dropdownEle) {
 	          dropdownEle.scrollTo({
 	            top: dropdownEle.scrollHeight,
@@ -27249,6 +27296,7 @@
 	        }
 	      };
 	      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;
@@ -27257,7 +27305,7 @@
 	          scrollAIContainer();
 	        }, 500);
 	      } else if (newVal) {
-	        this.scrollTimerRef = setTimeout(function () {
+	        this.scrollTimerRef = setInterval(function () {
 	          scrollAIContainer();
 	        }, 2000);
 	      }
@@ -27274,7 +27322,7 @@
 	      }
 	    },
 	    currentValue: function currentValue() {
-	      this.handleTextAreaHeightChange();
+	      this.$nextTick(this.handleTextAreaHeightChange);
 	    }
 	  },
 	  methods: {
@@ -27349,7 +27397,7 @@
 	      }
 	    },
 	    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue, shouldExecuteQuery) {
-	      var _this3 = this;
+	      var _this4 = this;
 	      if (isDefaultValue === void 0) {
 	        isDefaultValue = false;
 	      }
@@ -27366,65 +27414,65 @@
 	        shouldExecuteQuery = true;
 	      }
 	      var performUpdate = function performUpdate() {
-	        if (_this3.$options.isTagsMode && isEqual$4(value, _this3.selectedTags)) {
+	        if (_this4.$options.isTagsMode && isEqual$4(value, _this4.selectedTags)) {
 	          return;
 	        }
-	        if (_this3.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          if (Array.isArray(_this3.selectedTags) && _this3.selectedTags.length) {
+	        if (_this4.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          if (Array.isArray(_this4.selectedTags) && _this4.selectedTags.length) {
 	            // check if value already present in selectedTags
-	            if (typeof value === 'string' && _this3.selectedTags.includes(value)) {
-	              _this3.isOpen = false;
+	            if (typeof value === 'string' && _this4.selectedTags.includes(value)) {
+	              _this4.isOpen = false;
 	              return;
 	            }
-	            _this3.selectedTags = [].concat(_this3.selectedTags);
+	            _this4.selectedTags = [].concat(_this4.selectedTags);
 	            if (typeof value === 'string' && !!value) {
-	              _this3.selectedTags.push(value);
-	            } else if (Array.isArray(value) && !isEqual$4(_this3.selectedTags, value)) {
-	              _this3.selectedTags = value;
+	              _this4.selectedTags.push(value);
+	            } else if (Array.isArray(value) && !isEqual$4(_this4.selectedTags, value)) {
+	              _this4.selectedTags = value;
 	            }
 	          } else if (value) {
-	            _this3.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	            _this4.selectedTags = typeof value !== 'string' ? value : [].concat(value);
 	          }
-	          _this3.currentValue = '';
+	          _this4.currentValue = '';
 	        } else {
-	          _this3.currentValue = decodeHtml(value);
+	          _this4.currentValue = decodeHtml(value);
 	        }
 	        var queryHandlerValue = value;
-	        if (_this3.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          queryHandlerValue = Array.isArray(_this3.selectedTags) && _this3.selectedTags.length ? _this3.selectedTags : undefined;
+	        if (_this4.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          queryHandlerValue = Array.isArray(_this4.selectedTags) && _this4.selectedTags.length ? _this4.selectedTags : undefined;
 	        }
-	        if ((_this3.faqAnswer || _this3.faqQuestion) && value === '') {
+	        if ((_this4.faqAnswer || _this4.faqQuestion) && value === '') {
 	          // Empty the previous state
-	          _this3.faqAnswer = '';
-	          _this3.faqQuestion = '';
-	          _this3.showAIScreen = false;
+	          _this4.faqAnswer = '';
+	          _this4.faqQuestion = '';
+	          _this4.showAIScreen = false;
 	        }
 	        if (isDefaultValue) {
-	          if (_this3.$props.autosuggest) {
+	          if (_this4.$props.autosuggest) {
 	            if (toggleIsOpen) {
-	              _this3.isOpen = false;
+	              _this4.isOpen = false;
 	            }
-	            if (typeof _this3.currentValue === 'string') _this3.triggerDefaultQuery(_this3.currentValue, props.enableAI && _this3.currentTriggerMode === constants_9$1.QUESTION && _this3.currentValue.endsWith('?') ? {
+	            if (typeof _this4.currentValue === 'string') _this4.triggerDefaultQuery(_this4.currentValue, props.enableAI && _this4.currentTriggerMode === constants_9$1.QUESTION && _this4.currentValue.endsWith('?') ? {
 	              enableAI: true
 	            } : {}, shouldExecuteQuery);
 	          } // in case of strict selection only SUGGESTION_SELECT should be able
 	          // to set the query otherwise the value should reset
 	          if (props.strictSelection) {
-	            if (cause === lib_7.SUGGESTION_SELECT || (_this3.$options.isTagsMode ? _this3.selectedTags.length === 0 : value === '')) {
-	              _this3.triggerCustomQuery(queryHandlerValue, _this3.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            if (cause === lib_7.SUGGESTION_SELECT || (_this4.$options.isTagsMode ? _this4.selectedTags.length === 0 : value === '')) {
+	              _this4.triggerCustomQuery(queryHandlerValue, _this4.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	            } else {
-	              _this3.setValue('', true);
+	              _this4.setValue('', true);
 	            }
 	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
-	            _this3.showAIScreen = false;
-	            _this3.triggerCustomQuery(queryHandlerValue, _this3.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            _this4.showAIScreen = false;
+	            _this4.triggerCustomQuery(queryHandlerValue, _this4.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	          }
 	        } else {
 	          // debounce for handling text while typing
-	          _this3.handleTextChange(value, cause);
+	          _this4.handleTextChange(value, cause);
 	        }
-	        _this3.$emit('valueChange', value);
-	        _this3.$emit('value-change', value);
+	        _this4.$emit('valueChange', value);
+	        _this4.$emit('value-change', value);
 	      };
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
@@ -27573,7 +27621,7 @@
 	      this.$emit('key-down', event, this.triggerQuery);
 	    },
 	    onInputChange: function onInputChange(e) {
-	      var _this4 = this;
+	      var _this5 = this;
 	      var inputValue = e.target.value;
 	      if (!this.$data.isOpen && this.$props.autosuggest) {
 	        this.isOpen = true;
@@ -27587,7 +27635,7 @@
 	      } else {
 	        this.$emit('change', inputValue, function (_ref3) {
 	          var isOpen = _ref3.isOpen;
-	          return _this4.triggerQuery({
+	          return _this5.triggerQuery({
 	            defaultQuery: true,
 	            customQuery: true,
 	            value: inputValue,
@@ -27631,7 +27679,7 @@
 	      }
 	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
-	      var _this5 = this;
+	      var _this6 = this;
 	      var value = this.$props.value;
 	      // The state of the suggestion is open by the time it reaches here. i.e. isOpen = true
 	      // handle when FAQ suggestion is clicked
@@ -27680,10 +27728,10 @@
 	        this.setValue(emitValue, true, this.$props, lib_7.SUGGESTION_SELECT, false, suggestion._category);
 	        this.$emit('change', emitValue, function (_ref4) {
 	          var isOpen = _ref4.isOpen;
-	          return _this5.triggerQuery(_extends({
+	          return _this6.triggerQuery(_extends({
 	            isOpen: isOpen,
 	            value: emitValue
-	          }, !_this5.$options.isTagsMode && {
+	          }, !_this6.$options.isTagsMode && {
 	            categoryValue: suggestion._category
 	          }));
 	        });
@@ -27723,7 +27771,7 @@
 	      return null;
 	    },
 	    renderErrorComponent: function renderErrorComponent(isAIError) {
-	      var _this6 = this;
+	      var _this7 = this;
 	      if (isAIError === void 0) {
 	        isAIError = false;
 	      }
@@ -27750,7 +27798,7 @@
 	          "themePreset": this.themePreset
 	        }, {
 	          "default": function _default() {
-	            return [isFunction(renderError) ? renderError(_this6.error) : renderError];
+	            return [isFunction(renderError) ? renderError(_this7.error) : renderError];
 	          }
 	        });
 	      }
@@ -27830,7 +27878,7 @@
 	      });
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this7 = this;
+	      var _this8 = this;
 	      var _this$$props2 = this.$props,
 	        enterButton = _this$$props2.enterButton,
 	        innerClass = _this$$props2.innerClass;
@@ -27838,12 +27886,12 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this7.enterButtonOnClick);
+	            return renderEnterButton(_this8.enterButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'enter-button'),
 	            "primary": true,
-	            "onClick": _this7.enterButtonOnClick
+	            "onClick": _this8.enterButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Search")];
@@ -27869,7 +27917,7 @@
 	      return '/';
 	    },
 	    renderLeftIcons: function renderLeftIcons() {
-	      var _this8 = this;
+	      var _this9 = this;
 	      var _slot3;
 	      var _this$$props3 = this.$props,
 	        iconPosition = _this$$props3.iconPosition,
@@ -27879,8 +27927,8 @@
 	      }, {
 	        "default": function _default() {
 	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.handleSearchIconClick
-	          }, _isSlot$5(_slot3 = _this8.renderIcon()) ? _slot3 : {
+	            "onClick": _this9.handleSearchIconClick
+	          }, _isSlot$5(_slot3 = _this9.renderIcon()) ? _slot3 : {
 	            "default": function _default() {
 	              return [_slot3];
 	            }
@@ -27889,7 +27937,7 @@
 	      })]);
 	    },
 	    renderRightIcons: function renderRightIcons() {
-	      var _this9 = this;
+	      var _this10 = this;
 	      var _slot4, _slot5, _slot6;
 	      var _this$$props4 = this.$props,
 	        iconPosition = _this$$props4.iconPosition,
@@ -27906,29 +27954,29 @@
 	      }, {
 	        "default": function _default() {
 	          return [currentValue && showClear && vue.createVNode(IconWrapper, {
-	            "onClick": _this9.clearValue,
+	            "onClick": _this10.clearValue,
 	            "showIcon": showIcon,
 	            "isClearIcon": true
-	          }, _isSlot$5(_slot4 = _this9.renderCancelIcon()) ? _slot4 : {
+	          }, _isSlot$5(_slot4 = _this10.renderCancelIcon()) ? _slot4 : {
 	            "default": function _default() {
 	              return [_slot4];
 	            }
 	          }), showFocusShortcutsIcon && vue.createVNode(ButtonIconWrapper, {
 	            "onClick": function onClick(e) {
-	              return _this9.focusSearchBox(e);
+	              return _this10.focusSearchBox(e);
 	            }
-	          }, _isSlot$5(_slot5 = _this9.renderShortcut()) ? _slot5 : {
+	          }, _isSlot$5(_slot5 = _this10.renderShortcut()) ? _slot5 : {
 	            "default": function _default() {
 	              return [_slot5];
 	            }
 	          }), showVoiceSearch && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "handleResult": _this9.handleVoiceResults,
+	            "handleResult": _this10.handleVoiceResults,
 	            "className": getClassName$3(innerClass, 'mic') || null
 	          }, null), iconPosition === 'right' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this9.handleSearchIconClick
-	          }, _isSlot$5(_slot6 = _this9.renderIcon()) ? _slot6 : {
+	            "onClick": _this10.handleSearchIconClick
+	          }, _isSlot$5(_slot6 = _this10.renderIcon()) ? _slot6 : {
 	            "default": function _default() {
 	              return [_slot6];
 	            }
@@ -27947,7 +27995,7 @@
 	      (_this$$refs4 = this.$refs) == null || (_this$$refs4 = _this$$refs4[this.$props.innerRef]) == null || (_this$$refs4 = _this$$refs4.$el) == null ? void 0 : _this$$refs4.focus(); // eslint-disable-line
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
-	      var _this10 = this;
+	      var _this11 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -27962,7 +28010,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this10.focusSearchBox(event);
+	        _this11.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -27972,7 +28020,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this10.focusSearchBox(event);
+	            _this11.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -27985,10 +28033,10 @@
 	      this.triggerDefaultQuery(value);
 	    },
 	    renderActionIcon: function renderActionIcon(suggestion) {
-	      var _this11 = this;
+	      var _this12 = this;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
-	        _this11.onAutofillClick(suggestion);
+	        _this12.onAutofillClick(suggestion);
 	      };
 	      if (suggestion._suggestion_type === helper_16.Featured) {
 	        if (suggestion.action === helper_15.FUNCTION) {
@@ -28011,7 +28059,7 @@
 	      return null;
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this12 = this;
+	      var _this13 = this;
 	      var innerClass = this.$props.innerClass;
 	      return vue.createVNode(TagItem, {
 	        "class": getClassName$3(innerClass, 'selected-tag') || ''
@@ -28022,7 +28070,7 @@
 	            "aria-label": "delete-tag",
 	            "class": "close-icon",
 	            "onClick": function onClick() {
-	              return _this12.clearTag(item);
+	              return _this13.clearTag(item);
 	            }
 	          }, [vue.createVNode(CancelSvg, null, null)])];
 	        }
@@ -28045,7 +28093,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this13 = this;
+	      var _this14 = this;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
 	      }
@@ -28059,16 +28107,16 @@
 	      }) : vue.createVNode(TagsContainer, null, {
 	        "default": function _default() {
 	          return [tagsList.map(function (item) {
-	            return _this13.renderTag(item);
+	            return _this14.renderTag(item);
 	          }), shouldRenderClearAllTag && vue.createVNode(TagItem, {
-	            "class": getClassName$3(_this13.$props.innerClass, 'selected-tag') || ''
+	            "class": getClassName$3(_this14.$props.innerClass, 'selected-tag') || ''
 	          }, {
 	            "default": function _default() {
 	              return [vue.createVNode("span", null, [vue.createTextVNode("Clear All")]), vue.createVNode("span", {
 	                "role": "img",
 	                "aria-label": "delete-tag",
 	                "class": "close-icon",
-	                "onClick": _this13.clearAllTags
+	                "onClick": _this14.clearAllTags
 	              }, [vue.createVNode(CancelSvg, null, null)])];
 	            }
 	          })];
@@ -28076,13 +28124,13 @@
 	      });
 	    },
 	    getAISourceObjects: function getAISourceObjects() {
-	      var localCache = helper_2(constants_8$1) && helper_2(constants_8$1)[this.componentId];
+	      var _this15 = this;
 	      var sourceObjects = [];
 	      if (!this.AIResponse) return sourceObjects;
 	      var docIds = this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [];
-	      if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
+	      if (this.initialHits) {
 	        docIds.forEach(function (id) {
-	          var foundSourceObj = localCache.meta.hits.hits.find(function (hit) {
+	          var foundSourceObj = _this15.initialHits.find(function (hit) {
 	            return hit._id === id;
 	          }) || {};
 	          if (foundSourceObj) {
@@ -28116,31 +28164,31 @@
 	    },
 	    renderAIScreenFooter: function renderAIScreenFooter() {
 	      var _slot8;
-	      var _this14 = this;
+	      var _this16 = 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 ? 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) {
-	        if (_this14.$props.AIUIConfig && _this14.$props.AIUIConfig.renderSourceDocument) {
-	          return _this14.$props.AIUIConfig.renderSourceDocument(sourceObj);
+	        if (_this16.$props.AIUIConfig && _this16.$props.AIUIConfig.renderSourceDocument) {
+	          return _this16.$props.AIUIConfig.renderSourceDocument(sourceObj);
 	        }
-	        if (_this14.$slots.renderSourceDocument) {
-	          return _this14.$slots.renderSourceDocument(sourceObj);
+	        if (_this16.$slots.renderSourceDocument) {
+	          return _this16.$slots.renderSourceDocument(sourceObj);
 	        }
 	        return sourceObj._id;
 	      };
-	      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds ? vue.createVNode(Footer, {
+	      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, {
 	        "themePreset": this.$props.themePreset
 	      }, {
 	        "default": function _default() {
-	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this14.getAISourceObjects().map(function (el) {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this16.getAISourceObjects().map(function (el) {
 	            var _slot7;
 	            return vue.createVNode(Button, {
-	              "class": "--ai-source-tag " + (getClassName$3(_this14.$props.innerClass, 'ai-source-tag') || ''),
+	              "class": "--ai-source-tag " + (getClassName$3(_this16.$props.innerClass, 'ai-source-tag') || ''),
 	              "info": true,
 	              "onClick": function onClick() {
 	                return onSourceClick && onSourceClick(el);
@@ -28159,7 +28207,7 @@
 	      }) : null;
 	    },
 	    renderAIScreen: function renderAIScreen() {
-	      var _this15 = this;
+	      var _this17 = this;
 	      var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
 	      if (customAIRenderer) {
 	        return customAIRenderer({
@@ -28183,11 +28231,11 @@
 	        "hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
 	        "key": this.sessionIdFromStore,
 	        "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	          _this15.feedbackState = {
+	          _this17.feedbackState = {
 	            isRecorded: true,
 	            feedbackType: useful ? 'positive' : 'negative'
 	          };
-	          _this15.recordAISessionUsefulness(_this15.sessionIdFromStore, {
+	          _this17.recordAISessionUsefulness(_this17.sessionIdFromStore, {
 	            useful: useful,
 	            reason: reason
 	          });
@@ -28222,7 +28270,7 @@
 	      });
 	    },
 	    renderAskButtonElement: function renderAskButtonElement() {
-	      var _this16 = this;
+	      var _this18 = this;
 	      var _this$$props5 = this.$props,
 	        AIUIConfig = _this$$props5.AIUIConfig,
 	        innerClass = _this$$props5.innerClass;
@@ -28232,12 +28280,12 @@
 	      if (askButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderAskButton) {
-	            return renderAskButton(_this16.askButtonOnClick);
+	            return renderAskButton(_this18.askButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'ask-button'),
 	            "info": true,
-	            "onClick": _this16.askButtonOnClick
+	            "onClick": _this18.askButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Ask")];
@@ -28252,28 +28300,28 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this17 = this;
+	    var _this19 = this;
 	    var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
 	    var _this$$slots = this.$slots,
 	      recentSearchesIcon = _this$$slots.recentSearchesIcon,
 	      popularSearchesIcon = _this$$slots.popularSearchesIcon;
-	    var hasSuggestions = Array.isArray(this.normalizedSuggestions) && this.normalizedSuggestions.length;
+	    var hasSuggestions = Array.isArray(this.parsedSuggestions) && this.parsedSuggestions.length;
 	    var renderItem = this.$slots.renderItem || this.$props.renderItem;
 	    return vue.createVNode(Container, {
 	      "class": this.$props.className
 	    }, {
 	      "default": function _default() {
-	        return [_this17.$props.title && vue.createVNode(Title, {
-	          "class": getClassName$3(_this17.$props.innerClass, 'title') || ''
+	        return [_this19.$props.title && vue.createVNode(Title, {
+	          "class": getClassName$3(_this19.$props.innerClass, 'title') || ''
 	        }, {
 	          "default": function _default() {
-	            return [_this17.$props.title];
+	            return [_this19.$props.title];
 	          }
-	        }), _this17.$props.autosuggest ? vue.createVNode(Downshift, {
-	          "id": _this17.$props.componentId + "-downshift",
-	          "handleChange": _this17.onSuggestionSelected,
-	          "handleMouseup": _this17.handleStateChange,
-	          "isOpen": _this17.$data.isOpen
+	        }), _this19.$props.autosuggest ? vue.createVNode(Downshift, {
+	          "id": _this19.$props.componentId + "-downshift",
+	          "handleChange": _this19.onSuggestionSelected,
+	          "handleMouseup": _this19.handleStateChange,
+	          "isOpen": _this19.$data.isOpen
 	        }, {
 	          "default": function _default(_ref8) {
 	            var getInputEvents = _ref8.getInputEvents,
@@ -28329,21 +28377,21 @@
 	                }
 	              };
 	              var indexOffset = 0;
-	              return vue.createVNode("div", null, [_this17.hasCustomRenderer && _this17.getComponent({
+	              return vue.createVNode("div", null, [_this19.hasCustomRenderer && _this19.getComponent({
 	                isOpen: isOpen,
 	                getItemProps: getItemProps,
 	                getItemEvents: getItemEvents,
 	                highlightedIndex: highlightedIndex
-	              }), _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",
+	              }), _this19.renderErrorComponent(), !_this19.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
+	                "class": suggestions$1(_this19.themePreset, _this19.theme) + " " + getClassName$3(_this19.$props.innerClass, 'list') + " " + searchboxSuggestions(_this19.themePreset, _this19.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
 	                "ref": _dropdownULRef
-	              }, [_this17.showAIScreen && vue.createVNode(SearchBoxAISection, {
-	                "themePreset": _this17.$props.themePreset
+	              }, [_this19.showAIScreen && vue.createVNode(SearchBoxAISection, {
+	                "themePreset": _this19.$props.themePreset
 	              }, {
 	                "default": function _default() {
-	                  return [_this17.renderAIScreen(), ' ', _this17.renderErrorComponent(true)];
+	                  return [_this19.renderAIScreen(), ' ', _this19.renderErrorComponent(true)];
 	                }
-	              }), !_this17.showAIScreen && _this17.parsedSuggestions.map(function (item, itemIndex) {
+	              }), !_this19.showAIScreen && _this19.parsedSuggestions.map(function (item, itemIndex) {
 	                var index = indexOffset + itemIndex;
 	                if (Array.isArray(item)) {
 	                  var sectionHtml = lib$2(item[0].sectionLabel);
@@ -28352,7 +28400,7 @@
 	                    "key": "section-" + itemIndex,
 	                    "class": "section-container"
 	                  }, [sectionHtml ? vue.createVNode("div", {
-	                    "class": "section-header " + getClassName$3(_this17.$props.innerClass, 'section-label'),
+	                    "class": "section-header " + getClassName$3(_this19.$props.innerClass, 'section-label'),
 	                    "key": "" + item[0].sectionId,
 	                    "innerHTML": sectionHtml
 	                  }, null) : null, vue.createVNode("ul", {
@@ -28372,7 +28420,7 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                      }), [renderItem(sectionItem)]);
 	                    }
 	                    if (sectionItem._suggestion_type === '_internal_a_i_trigger') {
@@ -28386,9 +28434,9 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                      }), [vue.createVNode(SuggestionItem, {
-	                        "currentValue": _this17.currentValue,
+	                        "currentValue": _this19.currentValue,
 	                        "suggestion": sectionItem
 	                      }, null)]);
 	                    }
@@ -28402,7 +28450,7 @@
 	                        justifyContent: 'flex-start',
 	                        alignItems: 'center'
 	                      },
-	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
+	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                    }), [vue.createVNode("div", {
 	                      "style": {
 	                        padding: '0 10px 0 0',
@@ -28410,74 +28458,74 @@
 	                      }
 	                    }, [vue.createVNode(CustomSvg, {
 	                      "key": sectionItem._suggestion_type + "-" + sectionIndex,
-	                      "className": getClassName$3(_this17.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
+	                      "className": getClassName$3(_this19.$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": _this17.currentValue,
+	                      "currentValue": _this19.currentValue,
 	                      "suggestion": sectionItem
-	                    }, null), _this17.renderActionIcon(sectionItem)]);
+	                    }, null), _this19.renderActionIcon(sectionItem)]);
 	                  })])]);
 	                }
 	                return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
-	              }), !_this17.showAIScreen && _this17.parsedSuggestions.length && _this17.$props.showSuggestionsFooter ? _this17.suggestionsFooter() : null]) : _this17.renderNoSuggestions(_this17.normalizedSuggestions)]);
+	              }), !_this19.showAIScreen && _this19.parsedSuggestions.length && _this19.$props.showSuggestionsFooter ? _this19.suggestionsFooter() : null]) : _this19.renderNoSuggestions(_this19.normalizedSuggestions)]);
 	            };
 	            return vue.createVNode("div", {
 	              "class": suggestionsContainer
 	            }, [vue.createVNode(InputGroup, {
 	              "searchBox": true,
 	              "ref": _inputGroupRef,
-	              "isOpen": _this17.$data.isOpen
+	              "isOpen": _this19.$data.isOpen
 	            }, {
 	              "default": function _default() {
 	                return [vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
+	                    return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
 	                  }
 	                }), vue.createVNode(InputWrapper, null, {
 	                  "default": function _default() {
 	                    return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn(getInputEvents({
-	                      onInput: _this17.onInputChange,
+	                      onInput: _this19.onInputChange,
 	                      onBlur: function onBlur(e) {
-	                        _this17.$emit('blur', e, _this17.triggerQuery);
+	                        _this19.$emit('blur', e, _this19.triggerQuery);
 	                      },
-	                      onFocus: _this17.handleFocus,
+	                      onFocus: _this19.handleFocus,
 	                      onKeyPress: function onKeyPress(e) {
-	                        _this17.$emit('keyPress', e, _this17.triggerQuery);
-	                        _this17.$emit('key-press', e, _this17.triggerQuery);
+	                        _this19.$emit('keyPress', e, _this19.triggerQuery);
+	                        _this19.$emit('key-press', e, _this19.triggerQuery);
 	                      },
 	                      onKeyDown: function onKeyDown(e) {
-	                        return _this17.handleKeyDown(e, highlightedIndex);
+	                        return _this19.handleKeyDown(e, highlightedIndex);
 	                      },
 	                      onKeyUp: function onKeyUp(e) {
-	                        _this17.$emit('keyUp', e, _this17.triggerQuery);
-	                        _this17.$emit('key-up', e, _this17.triggerQuery);
+	                        _this19.$emit('keyUp', e, _this19.triggerQuery);
+	                        _this19.$emit('key-up', e, _this19.triggerQuery);
 	                      },
 	                      onClick: function onClick() {
 	                        setHighlightedIndex(null);
 	                      }
 	                    })), {
 	                      "searchBox": true,
-	                      "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
+	                      "isOpen": _this19.$data.isOpen,
+	                      "id": _this19.$props.componentId + "-input",
+	                      "ref": _this19.$props.innerRef,
+	                      "class": getClassName$3(_this19.$props.innerClass, 'input'),
+	                      "placeholder": _this19.$props.placeholder,
+	                      "autoFocus": _this19.$props.autoFocus
 	                    }, getInputProps({
-	                      value: _this17.$data.currentValue === null ? '' : _this17.$data.currentValue
+	                      value: _this19.$data.currentValue === null ? '' : _this19.$data.currentValue
 	                    }), {
-	                      "themePreset": _this17.themePreset,
+	                      "themePreset": _this19.themePreset,
 	                      "autocomplete": "off"
 	                    }), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
 	                  }
 	                }), vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderAskButtonElement(), _this17.renderEnterButtonElement()];
+	                    return [_this19.renderRightIcons(), _this19.renderInputAddonAfter(), _this19.renderAskButtonElement(), _this19.renderEnterButtonElement()];
 	                  }
 	                })];
 	              }
-	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this17.renderTags()]);
+	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this19.renderTags()]);
 	          }
 	        }) : vue.createVNode("div", {
 	          "class": suggestionsContainer
@@ -28488,43 +28536,43 @@
 	          "default": function _default() {
 	            return [vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
+	                return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
 	              }
 	            }), vue.createVNode(InputWrapper, null, {
 	              "default": function _default() {
 	                return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn({
 	                  blur: function blur(e) {
-	                    _this17.$emit('blur', e, _this17.triggerQuery);
+	                    _this19.$emit('blur', e, _this19.triggerQuery);
 	                  },
 	                  keypress: function keypress(e) {
-	                    _this17.$emit('keyPress', e, _this17.triggerQuery);
-	                    _this17.$emit('key-press', e, _this17.triggerQuery);
+	                    _this19.$emit('keyPress', e, _this19.triggerQuery);
+	                    _this19.$emit('key-press', e, _this19.triggerQuery);
 	                  },
-	                  input: _this17.onInputChange,
+	                  input: _this19.onInputChange,
 	                  focus: function focus(e) {
-	                    _this17.$emit('focus', e, _this17.triggerQuery);
+	                    _this19.$emit('focus', e, _this19.triggerQuery);
 	                  },
-	                  keydown: _this17.handleKeyDown,
+	                  keydown: _this19.handleKeyDown,
 	                  keyup: function keyup(e) {
-	                    _this17.$emit('keyUp', e, _this17.triggerQuery);
-	                    _this17.$emit('key-up', e, _this17.triggerQuery);
+	                    _this19.$emit('keyUp', e, _this19.triggerQuery);
+	                    _this19.$emit('key-up', e, _this19.triggerQuery);
 	                  }
 	                }), {
 	                  "searchBox": true,
-	                  "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
+	                  "class": getClassName$3(_this19.$props.innerClass, 'input') || '',
+	                  "placeholder": _this19.$props.placeholder,
+	                  "autofocus": _this19.$props.autoFocus,
+	                  "value": _this19.$data.currentValue ? _this19.$data.currentValue : '',
+	                  "iconPosition": _this19.$props.iconPosition,
+	                  "showIcon": _this19.$props.showIcon,
+	                  "showClear": _this19.$props.showClear,
+	                  "ref": _this19.$props.innerRef,
+	                  "themePreset": _this19.themePreset
 	                }), null)];
 	              }
 	            }), vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderEnterButtonElement()];
+	                return [_this19.renderRightIcons(), _this19.renderInputAddonAfter(), _this19.renderEnterButtonElement()];
 	              }
 	            })];
 	          }
@@ -28739,12 +28787,14 @@
 	            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,
@@ -44314,7 +44364,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.1.0-alpha";
+	var version = "3.1.0-alpha.1";
 
 	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) {