@appbaseio/reactivesearch-vue 3.0.0-rc.8 → 3.1.0-rc.1

package/dist/es/{install-f4f2557b.js → install-db7d6387.js}

@@ -1,33 +1,28 @@
 import { helper, Actions, causes } from '@appbaseio/reactivecore';
-import { SEARCH_COMPONENTS_MODES, componentTypes, AI_LOCAL_CACHE_KEY, AI_ROLES, TREELIST_VALUES_PATH_SEPARATOR } from '@appbaseio/reactivecore/lib/utils/constants';
+import { SEARCH_COMPONENTS_MODES, componentTypes, TREELIST_VALUES_PATH_SEPARATOR } from '@appbaseio/reactivecore/lib/utils/constants';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
-import { _ as _taggedTemplateLiteralLoose, a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
-import { createVNode, createTextVNode, defineComponent, ref, watch, isVNode, mergeProps, h } from 'vue';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, createTextVNode, defineComponent, isVNode, mergeProps, h } from 'vue';
 import VueTypes from 'vue-types';
-import { getQueryOptions, featuredSuggestionsActionTypes, suggestionTypes, getObjectFromLocalStorage, getClassName as getClassName$2, setObjectInLocalStorage, recLookup, updateCustomQuery as updateCustomQuery$1, updateDefaultQuery as updateDefaultQuery$1, transformTreeListLocalStateIntoQueryComptaibleFormat, isEqual as isEqual$1, transformRawTreeListData, setDeep, getComponent as getComponent$1, getOptionsFromQuery, checkValueChange as checkValueChange$1, getAggsQuery, updateInternalQuery, isFunction as isFunction$1 } from '@appbaseio/reactivecore/lib/utils/helper';
+import { getQueryOptions, suggestionTypes, recLookup, getClassName as getClassName$2, updateCustomQuery as updateCustomQuery$1, updateDefaultQuery as updateDefaultQuery$1, transformTreeListLocalStateIntoQueryComptaibleFormat, isEqual as isEqual$1, transformRawTreeListData, setDeep, getComponent as getComponent$1, getOptionsFromQuery, checkValueChange as checkValueChange$1, getAggsQuery, updateInternalQuery, isFunction as isFunction$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import { styled } from '@appbaseio/vue-emotion';
-import { css, keyframes } from '@emotion/css';
-import { lighten } from 'polished';
-import { B as Button } from './Button-5c2cf399.js';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { css } from '@emotion/css';
+import { B as Button } from './Button-fd869491.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import { RLConnected as ReactiveList } from './ReactiveList.js';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { g as getComponent, h as hasCustomRenderer, f as decodeHtml, i as isQueryIdentical, u as updateDefaultQuery, j as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { g as getComponent, h as hasCustomRenderer, f as decodeHtml, i as isQueryIdentical, u as updateDefaultQuery, j as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
 import { L as ListItem } from './ListItem-e3c6acf4.js';
 import { F as Flex } from './Flex-25792bc3.js';
-import { recordAISessionUsefulness } from '@appbaseio/reactivecore/lib/actions/analytics';
 import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
-import { Remarkable } from 'remarkable';
-import xss from 'xss';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, B as ButtonIconWrapper, D as Downshift, b as InputWrapper } from './DropDown-8075451b.js';
-import { n as noSuggestions, T as TextArea, I as Input, s as suggestionsContainer, A as Actions$1, a as suggestions, b as searchboxSuggestions } from './Input-4cd74b38.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './DropDown-74c20431.js';
+import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-f7499ef8.js';
 import { C as Container } from './Container-d00219f7.js';
 import Highlight from 'vue-highlight-words';
-import { fetchAIResponse, createAISession } from '@appbaseio/reactivecore/lib/actions/query';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { C as Checkbox, R as Radio } from './FormControlList-fe6eaee4.js';
 import { s as sanitizeObject } from './utils-d7dd4f4e.js';
@@ -49,13 +44,7 @@ import ResultList from './ResultList.js';
 import StateProvider from './StateProvider.js';
 
 var _templateObject;
-var InputGroup = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  \tdisplay: flex;\n\talign-items: stretch;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\n\t", "\n\t", "\n\t};\n"])), function (_ref) {
-  var theme = _ref.theme,
-    searchBox = _ref.searchBox;
-  return searchBox && "background-color: " + (theme.colors.backgroundColor || '#fafafa') + ";\n\t\tcolor: " + (theme.colors.textColor || '#fff') + ";\n\n\t\t&:focus-within {\n\t\t\tbackground-color: " + (theme.colors.backgroundColor || '#fff') + ";\n\t\t}";
-}, function (props) {
-  return props.isOpen && 'box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px;';
-});
+var InputGroup = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n"])));
 InputGroup.defaultProps = {
   className: 'input-group'
 };
@@ -785,309 +774,9 @@ var _templateObject$4, _templateObject2;
 var TagsContainer = styled('div')(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
 var TagItem = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
 
-var _templateObject$5;
-var AutosuggestFooterContainer = styled('div')(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tcolor: #8792a2;\n\tbackground: #f7fafc;\n\tpadding: 10px;\n\theight: 40px;\n"])));
-
-var _templateObject$6, _templateObject2$1, _templateObject3;
-var skeletonAnimation = keyframes(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n"])));
-var SkeletonLoader = styled('div')(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n"])));
-var SkeletonLine = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: 20px;\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\trgba(220, 220, 220, 0.5) 25%,\n\t\trgba(240, 240, 240, 0.9) 50%,\n\t\trgba(220, 220, 220, 0.5) 75%\n\t);\n\tbackground-size: 200% 100%;\n\tanimation: ", " 1.5s infinite;\n"])), skeletonAnimation);
-var HorizontalSkeletonLoader = defineComponent({
-  name: 'HorizontalSkeletonLoader',
-  render: function render() {
-    return createVNode(SkeletonLoader, null, {
-      "default": function _default() {
-        return [createVNode(SkeletonLine, null, null), createVNode(SkeletonLine, null, null), createVNode(SkeletonLine, null, null), createVNode(SkeletonLine, null, null)];
-      }
-    });
-  }
-});
-
-var _templateObject$7, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-var Chatbox = styled('div')(_templateObject$7 || (_templateObject$7 = _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"])), function (props) {
-  return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
-});
-var ChatContainer = styled('div')(_templateObject2$2 || (_templateObject2$2 = _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;' : '';
-}, function (props) {
-  return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? props.theme.colors.backgroundColor : '#fff';
-}, function (props) {
-  return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? props.theme.colors.backgroundColor : '#fff';
-}, function (props) {
-  return props.showInput ? ".--ai-answer-feedback-container {\n\t\tmargin-top: 15px;\n\t\tmargin-bottom: -10px;\n\t}" : ".--ai-answer-feedback-container {\n\t\tmargin-top: 4px;\n\t}";
-});
-var MessagesContainer = styled('div')(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n\tmax-height: 400px;\n    overflow-y: auto;\n\tpadding: 10px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 200px;\n\n}};\n"])));
-var typingDots = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  0% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-70%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"])));
-var TypingIndicator = styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin: 5px !important;\n"])));
-var TypingDot = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\twidth: 6px;\n\theight: 6px;\n\tbackground-color: ", ";\n\tborder-radius: 50%;\n\tmargin: 0 2px !important;\n\tanimation: ", " 1s infinite;\n\t&:nth-child(2) {\n\t\tanimation-delay: 0.2s;\n\t}\n\t&:nth-child(3) {\n\t\tanimation-delay: 0.4s;\n\t}\n"])), function (props) {
-  var finalColor;
-  if (props.isSender) {
-    finalColor = props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor;
-  } else {
-    finalColor = props.themePreset !== 'dark' ? props.theme.colors.borderColor : props.theme.colors.textColor;
-  }
-  return finalColor;
-}, typingDots);
-var resetCSS = function resetCSS(props) {
-  return "\n\thtml,\n\tbody,\n\tdiv,\n\tspan,\n\tapplet,\n\tobject,\n\tiframe,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tp,\n\tblockquote,\n\tpre,\n\ta,\n\tabbr,\n\tacronym,\n\taddress,\n\tbig,\n\tcite,\n\tcode,\n\tdel,\n\tdfn,\n\tem,\n\timg,\n\tins,\n\tkbd,\n\tq,\n\ts,\n\tsamp,\n\tsmall,\n\tstrike,\n\tstrong,\n\tsub,\n\tsup,\n\ttt,\n\tvar,\n\tb,\n\tu,\n\ti,\n\tcenter,\n\tdl,\n\tdt,\n\tdd,\n\tol,\n\tul,\n\tli,\n\tfieldset,\n\tform,\n\tlabel,\n\tlegend,\n\ttable,\n\tcaption,\n\ttbody,\n\ttfoot,\n\tthead,\n\ttr,\n\tth,\n\ttd,\n\tarticle,\n\taside,\n\tcanvas,\n\tdetails,\n\tembed,\n\tfigure,\n\tfigcaption,\n\tfooter,\n\theader,\n\thgroup,\n\tmenu,\n\tnav,\n\toutput,\n\truby,\n\tsection,\n\tsummary,\n\ttime,\n\tmark,\n\taudio,\n\tvideo {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tfont-size: 100%;\n\t\tfont: inherit;\n\t\tvertical-align: baseline;\n\t\toverflow-wrap: anywhere;\n\t}\n\tpre {\n\t\tmargin: 10px auto;\n\t}\n\ttable {\n\t\tmargin: 10px auto;\n\t\tborder-collapse: collapse;\n\t\tborder-spacing: 0;\n\t}\n\ttr {\n\t\tborder-bottom: 1px solid #ccc;\n\t}\n\tth,\n\ttd {\n\t\ttext-align: left;\n\t\tpadding: 4px;\n\t\tborder: 1px solid;\n\t\tborder-collapse: collapse;\n\t}\n\tpre,\n\tcode {\n\t\tpadding: 0.6em 0.4em;\n\t\tbackground: " + (
-  // eslint-disable-next-line no-nested-ternary
-  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryColor : props.theme.colors.borderColor : props.theme.colors.borderColor) + ";\n\t}\n\n\tcode {\n\t\tline-height: normal;\n\n\t\tcolor: " + (
-  // eslint-disable-next-line no-nested-ternary
-  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\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;
-  if (props.isSender) {
-    finalBGColor = props.themePreset !== 'dark' ? props.theme.colors.primaryColor : props.theme.colors.borderColor;
-  } else {
-    finalBGColor = props.themePreset !== 'dark' ? lighten(0.53, props.theme.colors.borderColor) : props.theme.colors.backgroundColor;
-  }
-  return finalBGColor;
-};
-var Message = styled('div')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder: 1px solid\n\t\t", ";\n\tpadding: 10px;\n\tborder-radius: 7px;\n\tmargin-bottom: 10px;\n\tmax-width: 80%;\n\talign-self: ", ";\n\tdisplay: inline-block;\n\tposition: relative;\n\toverflow-wrap: anywhere;\n\t", "\n"])), function (props) {
-  return messageBGColor(props);
-}, function (props) {
-  var finalColor;
-  if (props.isSender) {
-    finalColor = props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor;
-  } else {
-    finalColor = props.themePreset !== 'dark' ? props.theme.colors.borderColor : props.theme.colors.textColor;
-  }
-  return finalColor;
-}, function (props) {
-  return props.themePreset === 'dark' ? 'currentColor' : messageBGColor(props);
-}, function (props) {
-  return props.isSender ? 'flex-end' : 'flex-start';
-}, function (props) {
-  return resetCSS(props);
-});
-var MessageInputContainer = styled('form')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tpadding-top: 12px;\n\talign-items: stretch;\n\tmargin-top: 10px;\n\t.ai-enter-button-wrapper {\n\t\talign-self: baseline;\n\t\theight: 41px;\n\t}\n"])));
-var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n"])), 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";
-});
-var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n"])));
-var AIFeedbackContainer = styled('div')(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n\t.--feedback-svgs-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 5px;\n\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\ttransition: all ease-in 0.1s;\n\t\t\t&.selected {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.--feedback-input-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 7px;\n\t}\n"])));
-
-var _templateObject$8, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
-var fadeInFromBottom = keyframes(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-var fadeInFromTop = keyframes(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-var SearchBoxAISection = styled('div')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n\tpadding: 10px;\n\tborder-radius: 4px;\n\tmin-height: 200px;\n\tpadding-top: 20px;\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t.--ai-answer-error-container {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\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\tgap: 10px;\n\t\t}\n\t}\n"])), function (_ref) {
-  var themePreset = _ref.themePreset,
-    theme = _ref.theme;
-  return themePreset === 'dark' ? '#424242' : theme.colors.backgroundColor;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.textColor;
-});
-var Question = styled('div')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n\tfont-weight: bold;\n\tmargin-bottom: 5px;\n\tanimation: ", " 0.5s ease-out;\n"])), fadeInFromTop);
-var Answer = styled('div')(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n\t", "\n\tposition: relative;\n\tmargin-bottom: 5px;\n\tmin-height: 100px;\n\toverflow: auto;\n\twhite-space: pre-wrap;\n\tpre {\n\t\twhite-space: pre-wrap;\n\t}\n\tcode,\n\tpre {\n\t\tdisplay: revert;\n\t}\n"])), function (props) {
-  return resetCSS(props);
-});
-var Footer = styled('div')(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n\tcolor: #777;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 1rem;\n\tflex-wrap: wrap;\n\tanimation: ", " 0.5s ease-out;\n\tpadding: 10px 0;\n\tbackground: white;\n\tbackground-color: ", ";\n\tcolor: ", ";\n"])), fadeInFromBottom, function (_ref3) {
-  var themePreset = _ref3.themePreset,
-    theme = _ref3.theme;
-  return themePreset === 'dark' ? '#424242' : theme.colors.backgroundColor;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.textColor;
-});
-var SourceTags = styled('div')(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tgap: 8px;\n\tflex-wrap: wrap;\n\t.--ai-source-tag {\n\t\tdisplay: inline-block;\n\t\tmax-width: 200px;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n"])));
-
-var ThumbsUpSvg = {
-  name: 'ThumbsUpSvg',
-  props: ['clickHandler', 'className'],
-  render: function render() {
-    return createVNode("svg", {
-      "stroke": "currentColor",
-      "fill": "none",
-      "strokeWidth": "2",
-      "viewBox": "0 0 24 24",
-      "strokeLinecap": "round",
-      "strokeLinejoin": "round",
-      "class": this.$props.className,
-      "height": "1em",
-      "width": "1em",
-      "xmlns": "http://www.w3.org/2000/svg",
-      "onClick": this.$props.clickHandler
-    }, [createVNode("path", {
-      "d": "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"
-    }, null)]);
-  }
-};
-
-var ThumbsDownSvg = {
-  name: 'ThumbsDownSvg',
-  props: ['clickHandler', 'className'],
-  render: function render() {
-    return createVNode("svg", {
-      "stroke": "currentColor",
-      "fill": "none",
-      "strokeWidth": "2",
-      "viewBox": "0 0 24 24",
-      "strokeLinecap": "round",
-      "strokeLinejoin": "round",
-      "class": this.$props.className,
-      "height": "1em",
-      "width": "1em",
-      "xmlns": "http://www.w3.org/2000/svg",
-      "onClick": this.$props.clickHandler
-    }, [createVNode("path", {
-      "d": "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"
-    }, null), ' ']);
-  }
-};
-
-var AIFeedback = defineComponent({
-  name: 'FeedbackComponent',
-  props: {
-    onFeedbackSubmit: {
-      type: Function,
-      "default": function _default() {}
-    },
-    hideUI: {
-      type: Boolean,
-      "default": false
-    },
-    overrideState: {
-      type: Object,
-      "default": function _default() {
-        return {};
-      }
-    }
-  },
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var showInput = ref(false);
-    var feedbackType = ref(null);
-    var feedbackText = ref('');
-    var feedbackRecorded = ref(false);
-    var handleButtonClick = function handleButtonClick(type) {
-      if (feedbackType.value === type) {
-        feedbackType.value = null;
-        showInput.value = false;
-      } else {
-        feedbackType.value = type;
-        showInput.value = true;
-      }
-    };
-    var handleInputChange = function handleInputChange(e) {
-      feedbackText.value = e.target.value;
-    };
-    var handleSubmit = function handleSubmit() {
-      emit('feedback-submit', feedbackType.value === 'positive', feedbackText.value);
-      feedbackText.value = '';
-      showInput.value = false;
-      feedbackRecorded.value = true;
-    };
-    var handleCancel = function handleCancel() {
-      feedbackType.value = null;
-      feedbackText.value = '';
-      showInput.value = false;
-    };
-    watch(function () {
-      return props.overrideState;
-    }, function (newValue) {
-      if (newValue && newValue.isRecorded) {
-        feedbackRecorded.value = true;
-        feedbackType.value = newValue.feedbackType || 'positive';
-      }
-    });
-    if (props.overrideState && props.overrideState.isRecorded) {
-      feedbackRecorded.value = true;
-      feedbackType.value = props.overrideState.feedbackType || 'positive';
-    }
-    return {
-      showInput: showInput,
-      feedbackType: feedbackType,
-      feedbackText: feedbackText,
-      feedbackRecorded: feedbackRecorded,
-      handleButtonClick: handleButtonClick,
-      handleInputChange: handleInputChange,
-      handleSubmit: handleSubmit,
-      handleCancel: handleCancel
-    };
-  },
-  render: function render() {
-    var _this = this;
-    if (this.$props.hideUI) {
-      return null;
-    }
-    if (this.feedbackRecorded) {
-      return createVNode(AIFeedbackContainer, null, {
-        "default": function _default() {
-          return [createVNode("div", {
-            "class": "--feedback-svgs-wrapper"
-          }, [_this.feedbackType === 'positive' ? createVNode(ThumbsUpSvg, {
-            "class": "selected"
-          }, null) : createVNode(ThumbsDownSvg, {
-            "class": "selected"
-          }, null)])];
-        }
-      });
-    }
-    return createVNode(AIFeedbackContainer, null, {
-      "default": function _default() {
-        return [!_this.showInput && createVNode("div", {
-          "class": "--feedback-svgs-wrapper"
-        }, [createVNode(ThumbsUpSvg, {
-          "class": _this.feedbackType === 'positive' ? 'selected' : '',
-          "onClick": function onClick() {
-            return _this.handleButtonClick('positive');
-          }
-        }, null), createVNode(ThumbsDownSvg, {
-          "class": _this.feedbackType === 'negative' ? 'selected' : '',
-          "onClick": function onClick() {
-            return _this.handleButtonClick('negative');
-          }
-        }, null)]), _this.showInput && createVNode("div", {
-          "class": "--feedback-input-wrapper"
-        }, [createVNode(Input, {
-          "show": _this.showInput,
-          "placeholder": _this.feedbackType === 'positive' ? 'What do you like about the response?' : 'What was the issue with the response? How can it be improved?',
-          "value": _this.feedbackText,
-          "onInput": _this.handleInputChange
-        }, null), createVNode(Button, {
-          "primary": true,
-          "onClick": _this.handleSubmit
-        }, {
-          "default": function _default() {
-            return [createTextVNode("Submit")];
-          }
-        }), createVNode(Button, {
-          "onClick": _this.handleCancel
-        }, {
-          "default": function _default() {
-            return [createTextVNode("Cancel")];
-          }
-        })])];
-      }
-    });
-  }
-});
-
-var _excluded = ["_source"];
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-var md = new Remarkable();
-md.set({
-  html: true,
-  breaks: true,
-  xhtmlOut: true
-});
-var _dropdownULRef = 'dropdownULRef';
-var _inputGroupRef = 'inputGroupRef';
 var updateQuery = Actions.updateQuery,
   setCustomQuery = Actions.setCustomQuery,
   setDefaultQuery = Actions.setDefaultQuery,
@@ -1108,11 +797,7 @@ var SearchBox = defineComponent({
       currentValue: '',
       selectedTags: [],
       isOpen: false,
-      normalizedSuggestions: [],
-      showAIScreen: false,
-      showAIScreenFooter: false,
-      showFeedbackComponent: false,
-      feedbackState: null
+      normalizedSuggestions: []
     };
     this.internalComponent = props.componentId + "__internal";
     return this.__state;
@@ -1153,26 +838,6 @@ var SearchBox = defineComponent({
     },
     stats: function stats() {
       return getResultStats(this);
-    },
-    parsedSuggestions: function parsedSuggestions() {
-      var suggestionsArray = [];
-      if (Array.isArray(this.suggestions) && this.suggestions.length) {
-        suggestionsArray = [].concat(withClickIds(this.suggestions));
-      }
-      var sectionsAccumulated = [];
-      var sectionisedSuggestions = suggestionsArray.reduce(function (acc, d, currentIndex) {
-        if (sectionsAccumulated.includes(d.sectionId)) return acc;
-        if (d.sectionId) {
-          acc[currentIndex] = suggestionsArray.filter(function (g) {
-            return g.sectionId === d.sectionId;
-          });
-          sectionsAccumulated.push(d.sectionId);
-        } else {
-          acc[currentIndex] = d;
-        }
-        return acc;
-      }, {});
-      return Object.values(sectionisedSuggestions);
     }
   },
   props: {
@@ -1239,20 +904,12 @@ var SearchBox = defineComponent({
     distinctFieldConfig: types.props,
     //
     focusShortcuts: VueTypes.arrayOf(VueTypes.oneOfType([VueTypes.string, VueTypes.number])).def(['/']),
-    showFocusShortcutsIcon: VueTypes.bool.def(true),
     addonBefore: VueTypes.any,
     addonAfter: VueTypes.any,
-    showSuggestionsFooter: VueTypes.bool.def(true),
     expandSuggestionsContainer: VueTypes.bool.def(true),
-    renderSuggestionsFooter: VueTypes.func,
     index: VueTypes.string,
     popularSuggestionsConfig: VueTypes.object,
     recentSuggestionsConfig: VueTypes.object,
-    featuredSuggestionsConfig: VueTypes.shape({
-      maxSuggestionsPerSection: VueTypes.number,
-      sectionsOrder: VueTypes.arrayOf(VueTypes.string)
-    }),
-    customEvents: VueTypes.object,
     applyStopwords: VueTypes.bool,
     customStopwords: types.stringArray,
     onData: types.func,
@@ -1262,10 +919,7 @@ var SearchBox = defineComponent({
     mode: VueTypes.oneOf(['select', 'tag']).def('select'),
     renderSelectedTags: VueTypes.any,
     searchboxId: VueTypes.string,
-    endpoint: types.endpointConfig,
-    enableAI: VueTypes.bool.def(false),
-    AIConfig: types.AIConfig,
-    AIUIConfig: types.AIUIConfig
+    endpoint: types.endpointConfig
   },
   mounted: function mounted() {
     this.listenForFocusShortcuts();
@@ -1311,7 +965,6 @@ var SearchBox = defineComponent({
         suggestionsList = [].concat(withClickIds(this.$props.defaultSuggestions));
       }
       this.normalizedSuggestions = suggestionsList;
-      this.handleTextAreaHeightChange();
     },
     selectedValue: function selectedValue(newVal, oldVal) {
       if (!isEqual(newVal, oldVal) && (this.$options.isTagsMode ? !isEqual(this.$data.selectedTags, newVal) : this.$data.currentValue !== newVal)) {
@@ -1373,45 +1026,6 @@ var SearchBox = defineComponent({
       if (!isEqual(newVal, oldVal)) {
         this.handleTextChange = _debounce(this.handleText, newVal);
       }
-    },
-    isAITyping: function isAITyping(newVal, oldVal) {
-      var _this = this;
-      var scrollAIContainer = function scrollAIContainer() {
-        var dropdownEle = _this.$refs[_dropdownULRef];
-        if (dropdownEle) {
-          dropdownEle.scrollTo({
-            top: dropdownEle.scrollHeight,
-            behavior: 'smooth'
-          });
-        }
-      };
-      if (!newVal && oldVal) {
-        this.showAIScreenFooter = true;
-        if (this.$props.AIUIConfig && typeof this.$props.AIUIConfig.showFeedback === 'boolean' ? this.$props.AIUIConfig.showFeedback : true) {
-          this.showFeedbackComponent = true;
-        }
-        setTimeout(function () {
-          scrollAIContainer();
-        }, 500);
-      } else if (newVal) {
-        this.scrollTimerRef = setTimeout(function () {
-          scrollAIContainer();
-        }, 2000);
-      }
-    },
-    showAIScreen: function showAIScreen(newVal) {
-      if (newVal) {
-        var _this$$refs;
-        if ((_this$$refs = this.$refs) != null && _this$$refs[this.$props.innerRef] && this.$refs[this.$props.innerRef].$el) {
-          this.$refs[this.$props.innerRef].$el.blur();
-        }
-      } else {
-        this.feedbackState = null;
-        this.showFeedbackComponent = false;
-      }
-    },
-    currentValue: function currentValue() {
-      this.handleTextAreaHeightChange();
     }
   },
   methods: {
@@ -1437,20 +1051,9 @@ var SearchBox = defineComponent({
         data: this.normalizedSuggestions,
         rawData: this.rawData,
         value: currentValue,
-        resultStats: this.stats,
-        AIData: {
-          question: this.AIResponse && this.AIResponse.response && this.AIResponse.response.question,
-          answer: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text,
-          documentIds: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [],
-          showAIScreen: this.showAIScreen,
-          sources: this.getAISourceObjects(),
-          isAILoading: this.isAIResponseLoading,
-          AIError: this.AIResponseError
-        }
+        resultStats: this.stats
       };
-      return createVNode("div", {
-        "ref": _dropdownULRef
-      }, [getComponent(data, this)]);
+      return getComponent(data, this);
     },
     // returns size and aggs property
     getBasicQueryOptions: function getBasicQueryOptions() {
@@ -1472,7 +1075,7 @@ var SearchBox = defineComponent({
       }
     },
     setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue) {
-      var _this2 = this;
+      var _this = this;
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
@@ -1486,65 +1089,60 @@ var SearchBox = defineComponent({
         categoryValue = undefined;
       }
       var performUpdate = function performUpdate() {
-        if (_this2.$options.isTagsMode && isEqual(value, _this2.selectedTags)) {
+        if (_this.$options.isTagsMode && isEqual(value, _this.selectedTags)) {
           return;
         }
-        if (_this2.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
-          if (Array.isArray(_this2.selectedTags) && _this2.selectedTags.length) {
+        if (_this.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
+          if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
             // check if value already present in selectedTags
-            if (typeof value === 'string' && _this2.selectedTags.includes(value)) {
-              _this2.isOpen = false;
+            if (typeof value === 'string' && _this.selectedTags.includes(value)) {
+              _this.isOpen = false;
               return;
             }
-            _this2.selectedTags = [].concat(_this2.selectedTags);
+            _this.selectedTags = [].concat(_this.selectedTags);
             if (typeof value === 'string' && !!value) {
-              _this2.selectedTags.push(value);
-            } else if (Array.isArray(value) && !isEqual(_this2.selectedTags, value)) {
-              _this2.selectedTags = value;
+              _this.selectedTags.push(value);
+            } else if (Array.isArray(value) && !isEqual(_this.selectedTags, value)) {
+              _this.selectedTags = value;
             }
           } else if (value) {
-            _this2.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
           }
-          _this2.currentValue = '';
+          _this.currentValue = '';
         } else {
-          _this2.currentValue = decodeHtml(value);
+          _this.currentValue = decodeHtml(value);
         }
         var queryHandlerValue = value;
-        if (_this2.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
-          queryHandlerValue = Array.isArray(_this2.selectedTags) && _this2.selectedTags.length ? _this2.selectedTags : undefined;
+        if (_this.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
+          queryHandlerValue = Array.isArray(_this.selectedTags) && _this.selectedTags.length ? _this.selectedTags : undefined;
         }
         if (isDefaultValue) {
-          if (_this2.$props.autosuggest) {
+          if (_this.$props.autosuggest) {
             if (toggleIsOpen) {
-              _this2.isOpen = false;
+              _this.isOpen = false;
             }
-            if (typeof _this2.currentValue === 'string') _this2.triggerDefaultQuery(_this2.currentValue, props.enableAI ? {
-              enableAI: true
-            } : {});
+            if (typeof _this.currentValue === 'string') _this.triggerDefaultQuery(_this.currentValue);
           } // 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 === causes.SUGGESTION_SELECT || (_this2.$options.isTagsMode ? _this2.selectedTags.length === 0 : value === '')) {
-              _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue);
+            if (cause === causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+              _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
             } else {
-              _this2.setValue('', true);
+              _this.setValue('', true);
             }
           } else if (props.value === undefined || cause === causes.SUGGESTION_SELECT || cause === causes.CLEAR_VALUE) {
-            _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue);
+            _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
           }
         } else {
           // debounce for handling text while typing
-          _this2.handleTextChange(value, cause);
+          _this.handleTextChange(value, cause);
         }
-        _this2.$emit('valueChange', value);
-        _this2.$emit('value-change', value);
+        _this.$emit('valueChange', value);
+        _this.$emit('value-change', value);
       };
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
-    triggerDefaultQuery: function triggerDefaultQuery(paramValue, meta) {
-      if (meta === void 0) {
-        meta = {};
-      }
+    triggerDefaultQuery: function triggerDefaultQuery(paramValue) {
       if (!this.$props.autosuggest) {
         return;
       }
@@ -1563,8 +1161,7 @@ var SearchBox = defineComponent({
         componentId: this.internalComponent,
         query: query,
         value: value,
-        componentType: componentTypes.searchBox,
-        meta: meta
+        componentType: componentTypes.searchBox
       });
     },
     triggerCustomQuery: function triggerCustomQuery(paramValue, categoryValue) {
@@ -1648,8 +1245,8 @@ var SearchBox = defineComponent({
       this.recordSuggestionClick(searchPosition, docId);
     },
     clearValue: function clearValue() {
-      this.setValue('', false, this.$props, !this.$options.isTagsMode ? causes.CLEAR_VALUE : undefined, false);
-      this.onValueSelectedHandler('', !this.$options.isTagsMode ? causes.CLEAR_VALUE : undefined);
+      this.setValue('', false, this.$props, causes.CLEAR_VALUE, false);
+      this.onValueSelectedHandler('', causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
       if (highlightedIndex === void 0) {
@@ -1660,12 +1257,9 @@ var SearchBox = defineComponent({
         if (this.$props.autosuggest === false) {
           this.enterButtonOnClick();
         } else if (highlightedIndex === null) {
-          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined,
-          // to handle tags
-          !this.$props.enableAI);
-          if (this.$props.enableAI && !this.showAIScreen) {
-            this.showAIScreen = true;
-          }
+          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined // to handle tags
+          );
+
           this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
         }
       }
@@ -1675,21 +1269,18 @@ var SearchBox = defineComponent({
       this.$emit('key-down', event, this.triggerQuery);
     },
     onInputChange: function onInputChange(e) {
-      var _this3 = this;
+      var _this2 = this;
       var inputValue = e.target.value;
       if (!this.$data.isOpen && this.$props.autosuggest) {
         this.isOpen = true;
       }
-      if (this.showAIScreen) {
-        this.showAIScreen = false;
-      }
       var value = this.$props.value;
       if (value === undefined) {
-        this.setValue(inputValue, false, this.$props, undefined);
+        this.setValue(inputValue, false, this.$props, inputValue === '' ? causes.CLEAR_VALUE : undefined);
       } else {
         this.$emit('change', inputValue, function (_ref3) {
           var isOpen = _ref3.isOpen;
-          return _this3.triggerQuery({
+          return _this2.triggerQuery({
             defaultQuery: true,
             customQuery: true,
             value: inputValue,
@@ -1698,52 +1289,10 @@ var SearchBox = defineComponent({
         }, e);
       }
     },
-    handleFeaturedSuggestionClicked: function handleFeaturedSuggestionClicked(suggestion) {
-      try {
-        var _this$$refs2, _this$$refs2$this$$pr;
-        if (suggestion.action === featuredSuggestionsActionTypes.NAVIGATE) {
-          var _JSON$parse = JSON.parse(suggestion.subAction),
-            _JSON$parse$target = _JSON$parse.target,
-            target = _JSON$parse$target === void 0 ? '_self' : _JSON$parse$target,
-            _JSON$parse$link = _JSON$parse.link,
-            link = _JSON$parse$link === void 0 ? '/' : _JSON$parse$link;
-          if (typeof window !== 'undefined') {
-            window.open(link, target);
-          }
-        }
-        if (suggestion.action === featuredSuggestionsActionTypes.FUNCTION) {
-          var matchedValues = suggestion.subAction.match(/function\s*\(.*\)(.|\n)*/);
-          var functionStr = matchedValues && matchedValues[0];
-          // eslint-disable-next-line no-new-func
-          var func = new Function("return " + functionStr)();
-          func(suggestion, this.$data.currentValue, this.$props.customEvents);
-        }
-        if (suggestion.action === featuredSuggestionsActionTypes.SELECT) {
-          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? causes.SUGGESTION_SELECT : causes.ENTER_PRESS);
-          this.onValueSelectedHandler(suggestion.value, causes.SUGGESTION_SELECT);
-        }
-        // blur is important to close the dropdown
-        // on selecting one of featured suggestions
-        // else Downshift probably is focusing the dropdown
-        // and not letting it close
-        // eslint-disable-next-line no-unused-expressions
-        (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$this$$pr = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2$this$$pr.blur();
-      } catch (e) {
-        console.error("Error: There was an error parsing the subAction for the featured suggestion with label, \"" + suggestion.label + "\"", e);
-      }
-    },
     onSuggestionSelected: function onSuggestionSelected(suggestion) {
-      var _this4 = this;
-      if (!this.$props.enableAI) this.isOpen = false;else {
-        this.showAIScreen = true;
-      }
+      var _this3 = this;
+      this.isOpen = false;
       var value = this.$props.value;
-
-      // handle featured suggestions click event
-      if (suggestion._suggestion_type === suggestionTypes.Featured) {
-        this.handleFeaturedSuggestionClicked(suggestion);
-        return;
-      }
       // Record analytics for selected suggestions
       this.triggerClickAnalytics(suggestion._click_id);
       if (value === undefined) {
@@ -1762,10 +1311,10 @@ var SearchBox = defineComponent({
         this.setValue(emitValue, true, this.$props, causes.SUGGESTION_SELECT, false, suggestion._category);
         this.$emit('change', emitValue, function (_ref4) {
           var isOpen = _ref4.isOpen;
-          return _this4.triggerQuery(_extends({
+          return _this3.triggerQuery(_extends({
             isOpen: isOpen,
             value: emitValue
-          }, !_this4.$options.isTagsMode && {
+          }, !_this3.$options.isTagsMode && {
             categoryValue: suggestion._category
           }));
         });
@@ -1799,26 +1348,9 @@ var SearchBox = defineComponent({
       }
       return null;
     },
-    renderErrorComponent: function renderErrorComponent(isAIError) {
-      var _this5 = this;
-      if (isAIError === void 0) {
-        isAIError = false;
-      }
+    renderErrorComponent: function renderErrorComponent() {
+      var _this4 = this;
       var renderError = this.$slots.renderError || this.$props.renderError;
-      if (isAIError) {
-        if (this.showAIScreen && this.AIResponseError && !this.isAIResponseLoading) {
-          if (renderError) {
-            return createVNode("div", {
-              "class": "--ai-answer-error-container " + (getClassName$1(this.$props.innerClass, 'ai-error') || '')
-            }, [renderError(this.AIResponseError)]);
-          }
-          return createVNode("div", {
-            "class": "--ai-answer-error-container " + (getClassName$1(this.$props.innerClass, 'ai-error') || '')
-          }, [createVNode("div", {
-            "class": "--default-error-element"
-          }, [createVNode("span", null, [typeof this.AIResponseError === 'string' ? this.AIResponseError : this.AIResponseError.message ? this.AIResponseError.message : 'There was an error in generating the response.', this.AIResponseError.code ? "Code:\n\t\t\t\t\t\t\t" + this.AIResponseError.code : ''])])]);
-        }
-      }
       if (this.error && renderError && this.$data.currentValue && !this.isLoading) {
         return createVNode(SuggestionWrapper, {
           "innerClass": this.$props.innerClass,
@@ -1827,7 +1359,7 @@ var SearchBox = defineComponent({
           "themePreset": this.themePreset
         }, {
           "default": function _default() {
-            return [isFunction(renderError) ? renderError(_this5.error) : renderError];
+            return [isFunction(renderError) ? renderError(_this4.error) : renderError];
           }
         });
       }
@@ -1892,22 +1424,14 @@ var SearchBox = defineComponent({
       return null;
     },
     enterButtonOnClick: function enterButtonOnClick() {
-      this.showAIScreen = false;
       this.triggerQuery({
         isOpen: false,
         value: this.currentValue,
         customQuery: true
       });
     },
-    suggestionsFooter: function suggestionsFooter() {
-      return typeof renderSuggestionsFooter === 'function' ? this.$props.renderSuggestionsFooter() : createVNode(AutosuggestFooterContainer, null, {
-        "default": function _default() {
-          return [createVNode("div", null, [createTextVNode("\u2191\u2193 Navigate")]), createVNode("div", null, [createTextVNode("\u21A9 Go")])];
-        }
-      });
-    },
     renderEnterButtonElement: function renderEnterButtonElement() {
-      var _this6 = this;
+      var _this5 = this;
       var _this$$props2 = this.$props,
         enterButton = _this$$props2.enterButton,
         innerClass = _this$$props2.innerClass;
@@ -1915,12 +1439,12 @@ var SearchBox = defineComponent({
       if (enterButton) {
         var getEnterButtonMarkup = function getEnterButtonMarkup() {
           if (renderEnterButton) {
-            return renderEnterButton(_this6.enterButtonOnClick);
+            return renderEnterButton(_this5.enterButtonOnClick);
           }
           return createVNode(Button, {
             "class": "enter-btn " + getClassName$1(innerClass, 'enter-button'),
             "primary": true,
-            "onClick": _this6.enterButtonOnClick
+            "onClick": _this5.enterButtonOnClick
           }, {
             "default": function _default() {
               return [createTextVNode("Search")];
@@ -1933,98 +1457,71 @@ var SearchBox = defineComponent({
       }
       return null;
     },
-    renderShortcut: function renderShortcut() {
-      if (this.$props.focusShortcuts && this.$props.focusShortcuts.length) {
-        var shortcut = this.$props.focusShortcuts[0];
-        shortcut = shortcut.toLowerCase();
-        shortcut = shortcut.replace('shift', '⬆️');
-        shortcut = shortcut.replace('command', 'cmd');
-        shortcut = shortcut.replace('control', 'ctrl');
-        shortcut = shortcut.replace('option', 'alt');
-        return shortcut.toUpperCase();
-      }
-      return '/';
-    },
-    renderLeftIcons: function renderLeftIcons() {
-      var _this7 = this;
-      var _slot3;
+    renderIcons: function renderIcons() {
+      var _this6 = this;
+      var _slot3, _slot4, _slot5;
       var _this$$props3 = this.$props,
         iconPosition = _this$$props3.iconPosition,
+        showClear = _this$$props3.showClear,
+        innerClass = _this$$props3.innerClass,
+        getMicInstance = _this$$props3.getMicInstance,
+        showVoiceSearch = _this$$props3.showVoiceSearch,
         showIcon = _this$$props3.showIcon;
-      return createVNode("div", null, [createVNode(IconGroup, {
-        "groupPosition": "left"
-      }, {
-        "default": function _default() {
-          return [iconPosition === 'left' && showIcon && createVNode(IconWrapper, {
-            "onClick": _this7.handleSearchIconClick
-          }, _isSlot(_slot3 = _this7.renderIcon()) ? _slot3 : {
-            "default": function _default() {
-              return [_slot3];
-            }
-          })];
-        }
-      })]);
-    },
-    renderRightIcons: function renderRightIcons() {
-      var _this8 = this;
-      var _slot4, _slot5, _slot6;
-      var _this$$props4 = this.$props,
-        iconPosition = _this$$props4.iconPosition,
-        showClear = _this$$props4.showClear,
-        innerClass = _this$$props4.innerClass,
-        getMicInstance = _this$$props4.getMicInstance,
-        showVoiceSearch = _this$$props4.showVoiceSearch,
-        showIcon = _this$$props4.showIcon,
-        showFocusShortcutsIcon = _this$$props4.showFocusShortcutsIcon;
       var renderMic = this.$slots.renderMic || this.$props.renderMic;
       var currentValue = this.$data.currentValue;
       return createVNode("div", null, [createVNode(IconGroup, {
-        "groupPosition": "right"
+        "groupPosition": "right",
+        "positionType": "absolute"
       }, {
         "default": function _default() {
           return [currentValue && showClear && createVNode(IconWrapper, {
-            "onClick": _this8.clearValue,
+            "onClick": _this6.clearValue,
             "showIcon": showIcon,
             "isClearIcon": true
-          }, _isSlot(_slot4 = _this8.renderCancelIcon()) ? _slot4 : {
-            "default": function _default() {
-              return [_slot4];
-            }
-          }), showFocusShortcutsIcon && createVNode(ButtonIconWrapper, {
-            "onClick": function onClick(e) {
-              return _this8.focusSearchBox(e);
-            }
-          }, _isSlot(_slot5 = _this8.renderShortcut()) ? _slot5 : {
+          }, _isSlot(_slot3 = _this6.renderCancelIcon()) ? _slot3 : {
             "default": function _default() {
-              return [_slot5];
+              return [_slot3];
             }
           }), showVoiceSearch && createVNode(Mic, {
             "getInstance": getMicInstance,
             "render": renderMic,
-            "handleResult": _this8.handleVoiceResults,
+            "handleResult": _this6.handleVoiceResults,
             "className": getClassName$1(innerClass, 'mic') || null
           }, null), iconPosition === 'right' && showIcon && createVNode(IconWrapper, {
-            "onClick": _this8.handleSearchIconClick
-          }, _isSlot(_slot6 = _this8.renderIcon()) ? _slot6 : {
+            "onClick": _this6.handleSearchIconClick
+          }, _isSlot(_slot4 = _this6.renderIcon()) ? _slot4 : {
             "default": function _default() {
-              return [_slot6];
+              return [_slot4];
+            }
+          })];
+        }
+      }), createVNode(IconGroup, {
+        "groupPosition": "left",
+        "positionType": "absolute"
+      }, {
+        "default": function _default() {
+          return [iconPosition === 'left' && showIcon && createVNode(IconWrapper, {
+            "onClick": _this6.handleSearchIconClick
+          }, _isSlot(_slot5 = _this6.renderIcon()) ? _slot5 : {
+            "default": function _default() {
+              return [_slot5];
             }
           })];
         }
       })]);
     },
     focusSearchBox: function focusSearchBox(event) {
-      var _this$$refs3, _this$$refs3$this$$pr;
+      var _this$$refs, _this$$refs$this$$pro;
       var elt = event.target || event.srcElement;
       var tagName = elt.tagName;
       if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
         // already in an input
         return;
       }
-      (_this$$refs3 = this.$refs) == null ? void 0 : (_this$$refs3$this$$pr = _this$$refs3[this.$props.innerRef]) == null ? void 0 : _this$$refs3$this$$pr.focus(); // eslint-disable-line
+      (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$this$$pro = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs$this$$pro.focus(); // eslint-disable-line
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
-      var _this9 = this;
+      var _this7 = this;
       var _this$$props$focusSho = this.$props.focusShortcuts,
         focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
       if (isEmpty(focusShortcuts)) {
@@ -2039,7 +1536,7 @@ var SearchBox = defineComponent({
       function (event, handler) {
         // Prevent the default refresh event under WINDOWS system
         event.preventDefault();
-        _this9.focusSearchBox(event);
+        _this7.focusSearchBox(event);
       });
 
       // if one of modifier keys are used, they are handled below
@@ -2049,7 +1546,7 @@ var SearchBox = defineComponent({
         for (var index = 0; index < modifierKeys.length; index += 1) {
           var element = modifierKeys[index];
           if (hotkeys[element]) {
-            _this9.focusSearchBox(event);
+            _this7.focusSearchBox(event);
             break;
           }
         }
@@ -2061,34 +1558,19 @@ var SearchBox = defineComponent({
       this.currentValue = decodeHtml(value);
       this.triggerDefaultQuery(value);
     },
-    renderActionIcon: function renderActionIcon(suggestion) {
-      var _this10 = this;
+    renderAutoFill: function renderAutoFill(suggestion) {
+      var _this8 = this;
       var handleAutoFillClick = function handleAutoFillClick(e) {
         e.stopPropagation();
-        _this10.onAutofillClick(suggestion);
+        _this8.onAutofillClick(suggestion);
       };
-      if (suggestion._suggestion_type === suggestionTypes.Featured) {
-        if (suggestion.action === featuredSuggestionsActionTypes.FUNCTION) {
-          return createVNode(AutoFillSvg, {
-            "style": {
-              transform: 'rotate(135deg)',
-              pointerEvents: 'none'
-            }
-          }, null);
-        }
-        return null;
-      }
-      if (!suggestion._category) {
-        /* 👇 avoid showing autofill for category suggestions👇 */
-
-        return createVNode(AutoFillSvg, {
-          "onClick": handleAutoFillClick
-        }, null);
-      }
-      return null;
+      /* 👇 avoid showing autofill for category suggestions👇 */
+      return suggestion._category ? null : createVNode(AutoFillSvg, {
+        "onClick": handleAutoFillClick
+      }, null);
     },
     renderTag: function renderTag(item) {
-      var _this11 = this;
+      var _this9 = this;
       var innerClass = this.$props.innerClass;
       return createVNode(TagItem, {
         "class": getClassName$1(innerClass, 'selected-tag') || ''
@@ -2099,7 +1581,7 @@ var SearchBox = defineComponent({
             "aria-label": "delete-tag",
             "class": "close-icon",
             "onClick": function onClick() {
-              return _this11.clearTag(item);
+              return _this9.clearTag(item);
             }
           }, [createVNode(CancelSvg, null, null)])];
         }
@@ -2122,7 +1604,7 @@ var SearchBox = defineComponent({
       }
     },
     renderTags: function renderTags() {
-      var _this12 = this;
+      var _this10 = this;
       if (!Array.isArray(this.selectedTags)) {
         return null;
       }
@@ -2136,193 +1618,25 @@ var SearchBox = defineComponent({
       }) : createVNode(TagsContainer, null, {
         "default": function _default() {
           return [tagsList.map(function (item) {
-            return _this12.renderTag(item);
+            return _this10.renderTag(item);
           }), shouldRenderClearAllTag && createVNode(TagItem, {
-            "class": getClassName$1(_this12.$props.innerClass, 'selected-tag') || ''
+            "class": getClassName$1(_this10.$props.innerClass, 'selected-tag') || ''
           }, {
             "default": function _default() {
               return [createVNode("span", null, [createTextVNode("Clear All")]), createVNode("span", {
                 "role": "img",
                 "aria-label": "delete-tag",
                 "class": "close-icon",
-                "onClick": _this12.clearAllTags
+                "onClick": _this10.clearAllTags
               }, [createVNode(CancelSvg, null, null)])];
             }
           })];
         }
       });
-    },
-    getAISourceObjects: function getAISourceObjects() {
-      var localCache = getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY) && getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY)[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 (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
-        docIds.forEach(function (id) {
-          var foundSourceObj = localCache.meta.hits.hits.find(function (hit) {
-            return hit._id === id;
-          }) || {};
-          if (foundSourceObj) {
-            var _foundSourceObj$_sour = foundSourceObj._source,
-              _source = _foundSourceObj$_sour === void 0 ? {} : _foundSourceObj$_sour,
-              rest = _objectWithoutPropertiesLoose(foundSourceObj, _excluded);
-            sourceObjects.push(_extends({}, rest, _source));
-          }
-        });
-      } else {
-        sourceObjects.push.apply(sourceObjects, docIds.map(function (id) {
-          return {
-            _id: id
-          };
-        }));
-      }
-      return sourceObjects;
-    },
-    renderAIScreenLoader: function renderAIScreenLoader() {
-      var _this$$props$AIUIConf = this.$props.AIUIConfig,
-        AIUIConfig = _this$$props$AIUIConf === void 0 ? {} : _this$$props$AIUIConf;
-      var _ref5 = AIUIConfig || {},
-        loaderMessage = _ref5.loaderMessage;
-      if (loaderMessage) {
-        return loaderMessage;
-      }
-      if (this.$slots.AILoaderMessage) {
-        return this.$slots.AILoaderMessage();
-      }
-      return createVNode(HorizontalSkeletonLoader, null, null);
-    },
-    renderAIScreenFooter: function renderAIScreenFooter() {
-      var _slot7;
-      var _this13 = 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,
-        _ref6$sourceDocumentL = _ref6.sourceDocumentLabel,
-        sourceDocumentLabel = _ref6$sourceDocumentL === void 0 ? '_id' : _ref6$sourceDocumentL,
-        _ref6$onSourceClick = _ref6.onSourceClick,
-        onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
-      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds ? createVNode(Footer, {
-        "themePreset": this.$props.themePreset
-      }, {
-        "default": function _default() {
-          return [createTextVNode("Summary generated using the following sources:"), ' ', createVNode(SourceTags, null, _isSlot(_slot7 = _this13.getAISourceObjects().map(function (el) {
-            return createVNode(Button, {
-              "class": "--ai-source-tag " + (getClassName$1(_this13.$props.innerClass, 'ai-source-tag') || ''),
-              "title": el[sourceDocumentLabel],
-              "info": true,
-              "onClick": function onClick() {
-                return onSourceClick && onSourceClick(el);
-              }
-            }, {
-              "default": function _default() {
-                return [el[sourceDocumentLabel]];
-              }
-            });
-          })) ? _slot7 : {
-            "default": function _default() {
-              return [_slot7];
-            }
-          })];
-        }
-      }) : null;
-    },
-    renderAIScreen: function renderAIScreen() {
-      var _this14 = this;
-      var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
-      if (customAIRenderer) {
-        return customAIRenderer({
-          question: this.AIResponse && this.AIResponse.response && this.AIResponse.response.question,
-          answer: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text,
-          documentIds: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [],
-          loading: this.isAIResponseLoading || this.isLoading,
-          sources: this.getAISourceObjects(),
-          error: this.AIResponseError
-        });
-      }
-      if (this.isAIResponseLoading || this.isLoading) {
-        return this.renderAIScreenLoader();
-      }
-      return createVNode("div", null, [createVNode(Answer, {
-        "innerHTML": md.render(this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text)
-      }, null), this.renderAIScreenFooter(), this.showFeedbackComponent && createVNode("div", {
-        "class": "" + (getClassName$1(this.$props.innerClass, 'ai-feedback') || '')
-      }, [createVNode(AIFeedback, {
-        "overrideState": this.feedbackState,
-        "hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
-        "key": this.sessionIdFromStore,
-        "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-          _this14.feedbackState = {
-            isRecorded: true,
-            feedbackType: useful ? 'positive' : 'negative'
-          };
-          _this14.recordAISessionUsefulness(_this14.sessionIdFromStore, {
-            useful: useful,
-            reason: reason
-          });
-        }
-      }, null)])]);
-    },
-    handleTextAreaHeightChange: function handleTextAreaHeightChange() {
-      var _this$$refs$this$$pro, _this$$refs$_inputGro;
-      var textArea = (_this$$refs$this$$pro = this.$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs$this$$pro.$el;
-      var inputGroupEle = (_this$$refs$_inputGro = this.$refs[_inputGroupRef]) == null ? void 0 : _this$$refs$_inputGro.$el;
-      if (textArea) {
-        textArea.style.height = '42px';
-        var lineHeight = parseInt(getComputedStyle(textArea).lineHeight, 10);
-        var maxHeight = lineHeight * 4; // max height for 3 lines
-        var height = Math.min(textArea.scrollHeight, maxHeight);
-        textArea.style.height = height + "px";
-        textArea.style.overflowY = height === maxHeight ? 'auto' : 'hidden';
-        var dropdownEle = this.$refs[_dropdownULRef];
-        if (dropdownEle) {
-          dropdownEle.style.top = "" + textArea.style.height;
-        }
-        if (inputGroupEle) {
-          inputGroupEle.style.height = "" + textArea.style.height;
-        }
-      }
-    },
-    askButtonOnClick: function askButtonOnClick() {
-      this.showAIScreen = true;
-      this.isOpen = true;
-      this.triggerDefaultQuery(this.currentValue, {
-        enableAI: true
-      });
-    },
-    renderAskButtonElement: function renderAskButtonElement() {
-      var _this15 = this;
-      var _this$$props5 = this.$props,
-        AIUIConfig = _this$$props5.AIUIConfig,
-        innerClass = _this$$props5.innerClass;
-      var _ref7 = AIUIConfig || {},
-        askButton = _ref7.askButton;
-      var renderAskButton = this.$slots.renderAskButton;
-      if (askButton) {
-        var getEnterButtonMarkup = function getEnterButtonMarkup() {
-          if (renderAskButton) {
-            return renderAskButton(_this15.askButtonOnClick);
-          }
-          return createVNode(Button, {
-            "class": "enter-btn " + getClassName$1(innerClass, 'ask-button'),
-            "info": true,
-            "onClick": _this15.askButtonOnClick
-          }, {
-            "default": function _default() {
-              return [createTextVNode("Ask")];
-            }
-          });
-        };
-        return createVNode("div", {
-          "class": "enter-button-wrapper"
-        }, [getEnterButtonMarkup()]);
-      }
-      return null;
     }
   },
   render: function render() {
-    var _this16 = this;
+    var _this11 = this;
     var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
     var _this$$slots = this.$slots,
       recentSearchesIcon = _this$$slots.recentSearchesIcon,
@@ -2333,250 +1647,164 @@ var SearchBox = defineComponent({
       "class": this.$props.className
     }, {
       "default": function _default() {
-        return [_this16.$props.title && createVNode(Title, {
-          "class": getClassName$1(_this16.$props.innerClass, 'title') || ''
+        return [_this11.$props.title && createVNode(Title, {
+          "class": getClassName$1(_this11.$props.innerClass, 'title') || ''
         }, {
           "default": function _default() {
-            return [_this16.$props.title];
+            return [_this11.$props.title];
           }
-        }), _this16.$props.autosuggest ? createVNode(Downshift, {
-          "id": _this16.$props.componentId + "-downshift",
-          "handleChange": _this16.onSuggestionSelected,
-          "handleMouseup": _this16.handleStateChange,
-          "isOpen": _this16.$data.isOpen
+        }), _this11.$props.autosuggest ? createVNode(Downshift, {
+          "id": _this11.$props.componentId + "-downshift",
+          "handleChange": _this11.onSuggestionSelected,
+          "handleMouseup": _this11.handleStateChange,
+          "isOpen": _this11.$data.isOpen
         }, {
-          "default": function _default(_ref8) {
-            var getInputEvents = _ref8.getInputEvents,
-              getInputProps = _ref8.getInputProps,
-              getItemProps = _ref8.getItemProps,
-              getItemEvents = _ref8.getItemEvents,
-              isOpen = _ref8.isOpen,
-              highlightedIndex = _ref8.highlightedIndex,
-              setHighlightedIndex = _ref8.setHighlightedIndex;
+          "default": function _default(_ref5) {
+            var getInputEvents = _ref5.getInputEvents,
+              getInputProps = _ref5.getInputProps,
+              getItemProps = _ref5.getItemProps,
+              getItemEvents = _ref5.getItemEvents,
+              isOpen = _ref5.isOpen,
+              highlightedIndex = _ref5.highlightedIndex,
+              setHighlightedIndex = _ref5.setHighlightedIndex;
             var renderSuggestionsDropdown = function renderSuggestionsDropdown() {
-              var getIcon = function getIcon(iconType, item, leaveSpaceForIcon) {
+              var getIcon = function getIcon(iconType) {
                 switch (iconType) {
                   case suggestionTypes.Recent:
                     return recentSearchesIcon;
                   case suggestionTypes.Popular:
                     return popularSearchesIcon;
-                  case suggestionTypes.Featured:
-                    if (item.icon) {
-                      return function () {
-                        return createVNode("div", {
-                          "style": {
-                            display: 'flex'
-                          },
-                          "innerHTML": xss(item.icon)
-                        }, null);
-                      };
-                    }
-                    if (item.iconURL) {
-                      return function () {
-                        return (// When you change below also change the empty icon below
-                          createVNode("img", {
-                            "style": {
-                              maxHeight: '25px'
-                            },
-                            "src": xss(item.iconURL),
-                            "alt": item.value
-                          }, null)
-                        );
-                      };
-                    }
-                    // Render an empty icon when no icon is provided from the dashboard
-                    return function () {
-                      return createVNode("span", {
-                        "style": {
-                          display: 'inline-block',
-                          height: '25px',
-                          width: leaveSpaceForIcon ? '25px' : 0
-                        }
-                      }, null);
-                    };
                   default:
                     return null;
                 }
               };
-              var indexOffset = 0;
-              return createVNode("div", null, [_this16.hasCustomRenderer && _this16.getComponent({
+              return createVNode("div", null, [_this11.hasCustomRenderer && _this11.getComponent({
                 isOpen: isOpen,
                 getItemProps: getItemProps,
                 getItemEvents: getItemEvents,
                 highlightedIndex: highlightedIndex
-              }), _this16.renderErrorComponent(), !_this16.hasCustomRenderer && isOpen && hasSuggestions ? createVNode("ul", {
-                "class": suggestions(_this16.themePreset, _this16.theme) + " " + getClassName$1(_this16.$props.innerClass, 'list') + " " + searchboxSuggestions(_this16.themePreset, _this16.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
-                "ref": _dropdownULRef
-              }, [_this16.showAIScreen && createVNode(SearchBoxAISection, {
-                "themePreset": _this16.$props.themePreset
-              }, {
-                "default": function _default() {
-                  return [_this16.renderAIScreen(), ' ', _this16.renderErrorComponent(true)];
-                }
-              }), !_this16.showAIScreen && _this16.parsedSuggestions.map(function (item, itemIndex) {
-                var index = indexOffset + itemIndex;
-                if (Array.isArray(item)) {
-                  var sectionHtml = xss(item[0].sectionLabel);
-                  indexOffset += item.length - 1;
-                  return createVNode("div", {
-                    "class": "section-container"
-                  }, [sectionHtml ? createVNode("div", {
-                    "class": "section-header " + getClassName$1(_this16.$props.innerClass, 'section-label'),
-                    "key": "" + item[0].sectionId,
-                    "innerHTML": sectionHtml
-                  }, null) : null, createVNode("ul", {
-                    "class": "section-list"
-                  }, [item.map(function (sectionItem, sectionIndex) {
-                    var suggestionsHaveIcon = item.some(function (s) {
-                      return s.icon || s.iconURL;
-                    });
-                    return renderItem ? createVNode("li", mergeProps(getItemProps({
-                      item: sectionItem
-                    }), _transformOn(getItemEvents({
-                      item: sectionItem
-                    })), {
-                      "key": index + sectionIndex,
-                      "style": {
-                        justifyContent: 'flex-start',
-                        alignItems: 'center'
-                      },
-                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$1(_this16.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$1(_this16.$props.innerClass, 'suggestion-item'))
-                    }), [renderItem(sectionItem)]) : createVNode("li", mergeProps(getItemProps({
-                      item: sectionItem
-                    }), _transformOn(getItemEvents({
-                      item: sectionItem
-                    })), {
-                      "key": index + sectionIndex,
-                      "style": {
-                        justifyContent: 'flex-start',
-                        alignItems: 'center'
-                      },
-                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$1(_this16.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$1(_this16.$props.innerClass, 'suggestion-item'))
-                    }), [createVNode("div", {
-                      "style": {
-                        padding: '0 10px 0 0',
-                        display: 'flex'
-                      }
-                    }, [createVNode(CustomSvg, {
-                      "className": getClassName$1(_this16.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
-                      "icon": getIcon(sectionItem._suggestion_type, sectionItem, suggestionsHaveIcon),
-                      "type": sectionItem._suggestion_type + "-search-icon"
-                    }, null)]), createVNode(SuggestionItem, {
-                      "currentValue": _this16.currentValue,
-                      "suggestion": sectionItem
-                    }, null), _this16.renderActionIcon(sectionItem)]);
-                  })])]);
-                }
-                return createVNode("div", null, [createTextVNode("No suggestions")]);
-              }), _this16.$props.showSuggestionsFooter ? _this16.suggestionsFooter() : null]) : _this16.renderNoSuggestions(_this16.normalizedSuggestions)]);
+              }), _this11.renderErrorComponent(), !_this11.hasCustomRenderer && isOpen && hasSuggestions ? createVNode("ul", {
+                "class": suggestions(_this11.themePreset, _this11.theme) + " " + getClassName$1(_this11.$props.innerClass, 'list')
+              }, [_this11.normalizedSuggestions.map(function (item, index) {
+                return renderItem ? createVNode("li", mergeProps(getItemProps({
+                  item: item
+                }), getItemEvents({
+                  item: item
+                }), {
+                  "key": index + 1 + "-" + item.value,
+                  "style": {
+                    backgroundColor: _this11.getBackgroundColor(highlightedIndex, index),
+                    justifyContent: 'flex-start',
+                    alignItems: 'center'
+                  }
+                }), [renderItem(item)]) : createVNode("li", mergeProps(getItemProps({
+                  item: item
+                }), _transformOn(getItemEvents({
+                  item: item
+                })), {
+                  "key": index + 1 + "-" + item.value,
+                  "style": {
+                    backgroundColor: _this11.getBackgroundColor(highlightedIndex, index),
+                    justifyContent: 'flex-start',
+                    alignItems: 'center'
+                  }
+                }), [createVNode("div", {
+                  "style": {
+                    padding: '0 10px 0 0',
+                    display: 'flex'
+                  }
+                }, [createVNode(CustomSvg, {
+                  "className": getClassName$1(_this11.$props.innerClass, item._suggestion_type + "-search-icon") || null,
+                  "icon": getIcon(item._suggestion_type),
+                  "type": item._suggestion_type + "-search-icon"
+                }, null)]), createVNode(SuggestionItem, {
+                  "currentValue": _this11.currentValue,
+                  "suggestion": item
+                }, null), _this11.renderAutoFill(item)]);
+              })]) : _this11.renderNoSuggestions(_this11.normalizedSuggestions)]);
             };
             return createVNode("div", {
               "class": suggestionsContainer
-            }, [createVNode(InputGroup, {
-              "searchBox": true,
-              "ref": _inputGroupRef
-            }, {
+            }, [createVNode(InputGroup, null, {
               "default": function _default() {
-                return [createVNode(Actions$1, null, {
-                  "default": function _default() {
-                    return [_this16.renderInputAddonBefore(), _this16.renderLeftIcons()];
-                  }
-                }), createVNode(InputWrapper, null, {
+                return [_this11.renderInputAddonBefore(), createVNode(InputWrapper, null, {
                   "default": function _default() {
-                    return [createVNode(TextArea, mergeProps(_transformOn(getInputEvents({
-                      onInput: _this16.onInputChange,
+                    return [createVNode(Input, mergeProps(_transformOn(getInputEvents({
+                      onInput: _this11.onInputChange,
                       onBlur: function onBlur(e) {
-                        _this16.$emit('blur', e, _this16.triggerQuery);
+                        _this11.$emit('blur', e, _this11.triggerQuery);
                       },
-                      onFocus: _this16.handleFocus,
+                      onFocus: _this11.handleFocus,
                       onKeyPress: function onKeyPress(e) {
-                        _this16.$emit('keyPress', e, _this16.triggerQuery);
-                        _this16.$emit('key-press', e, _this16.triggerQuery);
+                        _this11.$emit('keyPress', e, _this11.triggerQuery);
+                        _this11.$emit('key-press', e, _this11.triggerQuery);
                       },
                       onKeyDown: function onKeyDown(e) {
-                        return _this16.handleKeyDown(e, highlightedIndex);
+                        return _this11.handleKeyDown(e, highlightedIndex);
                       },
                       onKeyUp: function onKeyUp(e) {
-                        _this16.$emit('keyUp', e, _this16.triggerQuery);
-                        _this16.$emit('key-up', e, _this16.triggerQuery);
+                        _this11.$emit('keyUp', e, _this11.triggerQuery);
+                        _this11.$emit('key-up', e, _this11.triggerQuery);
                       },
                       onClick: function onClick() {
                         setHighlightedIndex(null);
                       }
                     })), {
-                      "id": _this16.$props.componentId + "-input",
-                      "showIcon": _this16.$props.showIcon,
-                      "showClear": _this16.$props.showClear,
-                      "iconPosition": _this16.$props.iconPosition,
-                      "ref": _this16.$props.innerRef,
-                      "class": getClassName$1(_this16.$props.innerClass, 'input'),
-                      "placeholder": _this16.$props.placeholder,
-                      "autoFocus": _this16.$props.autoFocus,
-                      "searchBox": true,
-                      "showFocusShortcutsIcon": _this16.$props.showFocusShortcutsIcon,
-                      "showVoiceSearch": _this16.$props.showVoiceSearch
+                      "id": _this11.$props.componentId + "-input",
+                      "showIcon": _this11.$props.showIcon,
+                      "showClear": _this11.$props.showClear,
+                      "iconPosition": _this11.$props.iconPosition,
+                      "ref": _this11.$props.innerRef,
+                      "class": getClassName$1(_this11.$props.innerClass, 'input'),
+                      "placeholder": _this11.$props.placeholder,
+                      "autoFocus": _this11.$props.autoFocus
                     }, getInputProps({
-                      value: _this16.$data.currentValue === null ? '' : _this16.$data.currentValue
+                      value: _this11.$data.currentValue === null ? '' : _this11.$data.currentValue
                     }), {
-                      "themePreset": _this16.themePreset,
+                      "themePreset": _this11.themePreset,
                       "autocomplete": "off"
-                    }), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
-                  }
-                }), createVNode(Actions$1, null, {
-                  "default": function _default() {
-                    return [_this16.renderRightIcons(), _this16.renderInputAddonAfter(), _this16.renderAskButtonElement(), _this16.renderEnterButtonElement()];
+                    }), null), _this11.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()];
                   }
-                })];
+                }), _this11.renderInputAddonAfter(), _this11.renderEnterButtonElement()];
               }
-            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this16.renderTags()]);
+            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this11.renderTags()]);
           }
         }) : createVNode("div", {
           "class": suggestionsContainer
-        }, [createVNode(InputGroup, {
-          "searchBox": true,
-          "ref": _inputGroupRef
-        }, {
+        }, [createVNode(InputGroup, null, {
           "default": function _default() {
-            return [createVNode(Actions$1, null, {
-              "default": function _default() {
-                return [_this16.renderInputAddonBefore(), _this16.renderLeftIcons()];
-              }
-            }), createVNode(InputWrapper, null, {
+            return [_this11.renderInputAddonBefore(), createVNode(InputWrapper, null, {
               "default": function _default() {
-                return [createVNode(TextArea, mergeProps(_transformOn({
+                return [createVNode(Input, mergeProps(_transformOn({
                   blur: function blur(e) {
-                    _this16.$emit('blur', e, _this16.triggerQuery);
+                    _this11.$emit('blur', e, _this11.triggerQuery);
                   },
                   keypress: function keypress(e) {
-                    _this16.$emit('keyPress', e, _this16.triggerQuery);
-                    _this16.$emit('key-press', e, _this16.triggerQuery);
+                    _this11.$emit('keyPress', e, _this11.triggerQuery);
+                    _this11.$emit('key-press', e, _this11.triggerQuery);
                   },
-                  input: _this16.onInputChange,
+                  input: _this11.onInputChange,
                   focus: function focus(e) {
-                    _this16.$emit('focus', e, _this16.triggerQuery);
+                    _this11.$emit('focus', e, _this11.triggerQuery);
                   },
-                  keydown: _this16.handleKeyDown,
+                  keydown: _this11.handleKeyDown,
                   keyup: function keyup(e) {
-                    _this16.$emit('keyUp', e, _this16.triggerQuery);
-                    _this16.$emit('key-up', e, _this16.triggerQuery);
+                    _this11.$emit('keyUp', e, _this11.triggerQuery);
+                    _this11.$emit('key-up', e, _this11.triggerQuery);
                   }
                 }), {
-                  "class": getClassName$1(_this16.$props.innerClass, 'input') || '',
-                  "placeholder": _this16.$props.placeholder,
-                  "autofocus": _this16.$props.autoFocus,
-                  "value": _this16.$data.currentValue ? _this16.$data.currentValue : '',
-                  "iconPosition": _this16.$props.iconPosition,
-                  "showIcon": _this16.$props.showIcon,
-                  "showClear": _this16.$props.showClear,
-                  "ref": _this16.$props.innerRef,
-                  "themePreset": _this16.themePreset
-                }), null)];
+                  "class": getClassName$1(_this11.$props.innerClass, 'input') || '',
+                  "placeholder": _this11.$props.placeholder,
+                  "autofocus": _this11.$props.autoFocus,
+                  "value": _this11.$data.currentValue ? _this11.$data.currentValue : '',
+                  "iconPosition": _this11.$props.iconPosition,
+                  "showIcon": _this11.$props.showIcon,
+                  "showClear": _this11.$props.showClear,
+                  "ref": _this11.$props.innerRef,
+                  "themePreset": _this11.themePreset
+                }), null), _this11.renderIcons()];
               }
-            }), createVNode(Actions$1, null, {
-              "default": function _default() {
-                return [_this16.renderRightIcons(), _this16.renderInputAddonAfter(), _this16.renderEnterButtonElement()];
-              }
-            })];
+            }), _this11.renderInputAddonAfter(), _this11.renderEnterButtonElement()];
           }
         })])];
       }
@@ -2629,24 +1857,18 @@ var mapStateToProps = function mapStateToProps(state, props) {
     rawData: state.rawData[props.componentId],
     aggregationData: state.compositeAggregations[props.componentId] || [],
     themePreset: state.config.themePreset,
-    isLoading: !!state.isLoading["" + props.componentId],
+    isLoading: !!state.isLoading[props.componentId + "_active"],
     error: state.error[props.componentId],
     time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
     total: state.hits[props.componentId] && state.hits[props.componentId].total,
-    hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
-    AIResponse: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response || null,
-    isAIResponseLoading: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].isLoading,
-    AIResponseError: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].error,
-    sessionIdFromStore: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response && state.AIResponses[props.componentId].response.sessionId || '',
-    isAITyping: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response && state.AIResponses[props.componentId].response.isTyping || false
+    hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden
   };
 };
 var mapDispatchToProps = {
   updateQuery: updateQuery,
   setCustomQuery: setCustomQuery,
   setDefaultQuery: setDefaultQuery,
-  recordSuggestionClick: recordSuggestionClick,
-  recordAISessionUsefulness: recordAISessionUsefulness
+  recordSuggestionClick: recordSuggestionClick
 };
 var SBConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(SearchBox), {
   componentType: componentTypes.searchBox,
@@ -2662,608 +1884,9 @@ SBConnected.install = function (Vue) {
 // Add componentType for SSR
 SBConnected.componentType = componentTypes.searchBox;
 
-function _isSlot$1(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
-}
-var md$1 = new Remarkable();
-md$1.set({
-  html: true,
-  breaks: true,
-  xhtmlOut: true
-});
-var _inputWrapperRef = 'inputWrapperRef';
-var _inputRef = 'inputRef';
-var _errorContainerRef = 'errorContainerRef';
-var AIAnswer = defineComponent({
-  name: 'AIAnswer',
-  data: function data() {
-    var props = this.$props;
-    this.__state = {
-      messages: [],
-      inputMessage: '',
-      AISessionId: '',
-      error: null
-    };
-    this.internalComponent = props.componentId + "__internal";
-    return this.__state;
-  },
-  inject: {
-    theme: {
-      from: 'theme_reactivesearch'
-    }
-  },
-  created: function created() {},
-  computed: {
-    hasCustomRenderer: function hasCustomRenderer$1() {
-      return hasCustomRenderer(this);
-    },
-    isLoadingState: function isLoadingState() {
-      return this.isAIResponseLoading || this.isLoading;
-    },
-    shouldShowComponent: function shouldShowComponent() {
-      return this.showComponent;
-    },
-    errorMessageForMissingSessionId: function errorMessageForMissingSessionId() {
-      return "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.";
-    }
-  },
-  props: {
-    componentId: types.string.isRequired,
-    showVoiceInput: VueTypes.bool.def(false),
-    showFeedback: VueTypes.bool.def(true),
-    showIcon: VueTypes.bool.def(true),
-    onData: types.func,
-    innerRef: VueTypes.string.def('AISearchInputField'),
-    react: types.react,
-    enableAI: VueTypes.bool.def(true),
-    AIConfig: types.AIConfig,
-    iconPosition: types.iconPosition.def('left'),
-    themePreset: types.themePreset,
-    theme: types.style,
-    icon: types.children,
-    iconURL: VueTypes.string.def(''),
-    renderMic: types.func,
-    getMicInstance: types.func,
-    innerClass: types.style,
-    placeholder: VueTypes.string.def('Ask a question'),
-    title: types.title,
-    AIResponse: types.componentObject,
-    isAIResponseLoading: VueTypes.bool.def(false),
-    AIResponseError: types.componentObject,
-    getAIResponse: types.func.isRequired,
-    enterButton: types.bool,
-    renderEnterButton: types.title,
-    showInput: VueTypes.bool.def(true),
-    clearSessionOnDestroy: VueTypes.bool.def(true),
-    rawData: types.rawData,
-    render: types.func,
-    onError: types.func,
-    renderError: types.title,
-    isLoading: types.boolRequired,
-    sessionIdFromStore: VueTypes.string,
-    showComponent: types.boolRequired,
-    componentError: types.componentObject,
-    style: types.style
-  },
-  mounted: function mounted() {},
-  watch: {
-    AIResponse: function AIResponse(newVal) {
-      if (newVal) {
-        this.AISessionId = ((getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || null;
-        var messagesHistory = newVal.messages,
-          response = newVal.response;
-        var finalMessages = [];
-        if (response && response.error) {
-          this.error = {
-            message: response.error
-          };
-        }
-
-        // pushing message history so far
-        if (messagesHistory && messagesHistory && Array.isArray(messagesHistory)) {
-          finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
-            return msg.role !== AI_ROLES.SYSTEM;
-          }));
-        } else if (response && response.answer && response.answer.text) {
-          finalMessages.push({
-            role: AI_ROLES.ASSISTANT,
-            content: response.answer.text
-          });
-          if (!this.AISessionId) this.error = {
-            message: this.errorMessageForMissingSessionId
-          };
-        }
-        this.messages = finalMessages;
-      } else if (!newVal && !this.error) {
-        this.messages = [];
-      }
-    },
-    rawData: function rawData(newVal) {
-      this.$emit('on-data', {
-        data: this.messages,
-        rawData: newVal,
-        loading: this.$props.isAIResponseLoading || this.$props.isLoading,
-        error: this.$props.AIResponseError
-      });
-    },
-    isAIResponseLoading: function isAIResponseLoading(newVal) {
-      this.$emit('on-data', {
-        data: this.messages,
-        rawData: this.$props.rawData,
-        loading: newVal || this.isLoading,
-        error: this.$props.AIResponseError
-      });
-    },
-    isLoading: function isLoading(newVal) {
-      this.$emit('on-data', {
-        data: this.messages,
-        rawData: this.$props.rawData,
-        loading: newVal || this.isAIResponseLoading,
-        error: this.$props.AIResponseError
-      });
-    },
-    sessionIdFromStore: function sessionIdFromStore(newVal) {
-      if (newVal) {
-        this.sessionId = newVal;
-      }
-    },
-    AIResponseError: function AIResponseError(newVal) {
-      this.error = newVal;
-      this.AISessionId = ((getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || null;
-      if (this.error && !this.AISessionId) {
-        var errorMessage = this.errorMessageForMissingSessionId;
-        this.error = {
-          message: errorMessage
-        };
-        console.error(errorMessage);
-      }
-      this.$emit('on-data', {
-        data: this.messages,
-        rawData: this.$props.rawData,
-        loading: this.isAIResponseLoading || this.isLoading,
-        error: newVal
-      });
-    },
-    messages: function messages() {
-      this.scrollToBottom();
-    },
-    componentError: function componentError(newVal) {
-      var _this = this;
-      if (newVal && newVal._bodyBlob) {
-        this.AISessionId = ((getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || null;
-        if (!this.AISessionId) {
-          this.generateNewSessionId();
-        }
-        newVal._bodyBlob.text().then(function (textData) {
-          try {
-            var parsedErrorRes = JSON.parse(textData);
-            if (parsedErrorRes.error) {
-              _this.error = parsedErrorRes.error;
-              _this.$emit('on-data', {
-                data: _this.messages,
-                rawData: _this.$props.rawData,
-                loading: _this.$props.isAIResponseLoading || _this.$props.isLoading,
-                error: parsedErrorRes.error
-              });
-            }
-          } catch (error) {
-            console.error('Error parsing component error JSON:', error);
-          }
-        })["catch"](function (error) {
-          console.error('Error reading  component error text data:', error);
-        });
-      }
-    }
-  },
-  methods: {
-    generateNewSessionId: function generateNewSessionId() {
-      var _this2 = this;
-      var newSessionPromise = this.createAISession();
-      newSessionPromise.then(function (res) {
-        _this2.AISessionId = res.AIsessionId;
-      })["catch"](function (e) {
-        console.error(e);
-      });
-    },
-    scrollToBottom: function scrollToBottom() {
-      var _this3 = this;
-      this.$nextTick(function () {
-        var _this3$$refs;
-        var messageContainer = (_this3$$refs = _this3.$refs) == null ? void 0 : _this3$$refs[_this3.$props.innerRef];
-        if (messageContainer && messageContainer.$el) {
-          messageContainer.$el.scrollTo({
-            top: messageContainer.$el.scrollHeight,
-            behavior: 'smooth'
-          });
-        }
-      });
-    },
-    handleMessageInputChange: function handleMessageInputChange(e) {
-      this.inputMessage = e.target.value;
-      this.handleTextAreaHeightChange();
-    },
-    handleSendMessage: function handleSendMessage(e, isRetry, text) {
-      if (isRetry === void 0) {
-        isRetry = false;
-      }
-      if (text === void 0) {
-        text = this.inputMessage;
-      }
-      if (typeof e === 'object' && e !== null) e.preventDefault();
-      if (text.trim()) {
-        if (this.isLoadingState) {
-          return;
-        }
-        if (this.AISessionId) {
-          if (!isRetry) this.messages = [].concat(this.messages, [{
-            content: text,
-            role: AI_ROLES.USER
-          }]);
-          this.getAIResponse(this.AISessionId, this.componentId, text);
-        } else {
-          console.error(this.errorMessageForMissingSessionId);
-          this.error = {
-            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Trying reloading the App."
-          };
-        }
-        this.inputMessage = '';
-      }
-    },
-    handleRetryRequest: function handleRetryRequest() {
-      if (this.messages && !this.isLoadingState) {
-        var _this$messages;
-        var lastUserRequestMessage = (_this$messages = this.messages[this.messages.length - 1]) == null ? void 0 : _this$messages.content;
-        if (this.AISessionId) {
-          this.getAIResponse(this.AISessionId, this.componentId, lastUserRequestMessage);
-          this.inputMessage = '';
-        } else {
-          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.");
-        }
-      }
-    },
-    renderErrorComponent: function renderErrorComponent() {
-      var renderError = this.$slots.renderError || this.$props.renderError;
-      if (this.error && !this.isLoadingState) {
-        var _this$error, _this$error2;
-        if (renderError) {
-          return createVNode("div", {
-            "ref": _errorContainerRef,
-            "class": "--ai-answer-error-container " + (getClassName$2(this.$props.innerClass, 'ai-error') || '')
-          }, [isFunction(renderError) ? renderError(this.error, this.handleRetryRequest) : renderError]);
-        }
-        return createVNode("div", {
-          "ref": _errorContainerRef,
-          "class": "--ai-answer-error-container " + (getClassName$2(this.$props.innerClass, 'ai-error') || '')
-        }, [createVNode("div", {
-          "class": "--default-error-element"
-        }, [createVNode("span", null, [(_this$error = this.error) != null && _this$error.message ? this.error.message : 'There was an error in generating the response.', ' ', (_this$error2 = this.error) != null && _this$error2.code ? ", Code:\n\t\t\t\t\t\t\t" + this.error.code : '']), this.AISessionId && createVNode(Button, {
-          "primary": true,
-          "onClick": this.handleRetryRequest
-        }, {
-          "default": function _default() {
-            return [createTextVNode("Try again")];
-          }
-        })])]);
-      }
-      return null;
-    },
-    handleKeyPress: function handleKeyPress(e) {
-      window.console.log('e', e);
-      if (e.key === 'Enter') {
-        this.handleSendMessage(e);
-        this.inputMessage = '';
-      }
-    },
-    renderIcon: function renderIcon() {
-      if (this.$props.showIcon) {
-        if (this.$props.icon) {
-          return this.$props.icon;
-        }
-        if (this.$slots.icon) {
-          return this.$slots.icon();
-        }
-        if (this.$props.iconURL) {
-          return createVNode("img", {
-            "style": {
-              maxHeight: '25px'
-            },
-            "src": this.$props.iconURL,
-            "alt": "search-icon"
-          }, null);
-        }
-        return createVNode(SearchSvg, null, null);
-      }
-      return null;
-    },
-    shouldMicRender: function shouldMicRender(showVoiceSearch) {
-      // checks for SSR
-      if (typeof window === 'undefined') return false;
-      return showVoiceSearch && (window.webkitSpeechRecognition || window.SpeechRecognition);
-    },
-    handleVoiceResults: function handleVoiceResults(_ref) {
-      var results = _ref.results;
-      if (results && results[0] && results[0].isFinal && results[0][0] && results[0][0].transcript && results[0][0].transcript.trim()) {
-        this.handleSendMessage(null, false, results[0][0].transcript.trim());
-      }
-    },
-    renderIcons: function renderIcons() {
-      var _this4 = this;
-      var _slot, _slot2;
-      var _this$$props = this.$props,
-        getMicInstance = _this$$props.getMicInstance,
-        showVoiceInput = _this$$props.showVoiceInput,
-        iconPosition = _this$$props.iconPosition,
-        innerClass = _this$$props.innerClass;
-      var renderMic = this.$slots.renderMic || this.$props.renderMic;
-      return createVNode("div", null, [createVNode(IconGroup, {
-        "enableAI": true,
-        "groupPosition": "right",
-        "positionType": "absolute"
-      }, {
-        "default": function _default() {
-          return [!_this4.isLoadingState && _this4.AISessionId && _this4.shouldMicRender(showVoiceInput) && createVNode(Mic, {
-            "getInstance": getMicInstance,
-            "render": renderMic,
-            "handleResult": _this4.handleVoiceResults,
-            "class": getClassName$2(innerClass, 'ai-search-mic') || null
-          }, null), iconPosition === 'right' && createVNode(IconWrapper, null, _isSlot$1(_slot = _this4.renderIcon()) ? _slot : {
-            "default": function _default() {
-              return [_slot];
-            }
-          })];
-        }
-      }), createVNode(IconGroup, {
-        "enableAI": true,
-        "groupPosition": "left",
-        "positionType": "absolute"
-      }, {
-        "default": function _default() {
-          return [iconPosition === 'left' && createVNode(IconWrapper, null, _isSlot$1(_slot2 = _this4.renderIcon()) ? _slot2 : {
-            "default": function _default() {
-              return [_slot2];
-            }
-          })];
-        }
-      })]);
-    },
-    enterButtonOnClick: function enterButtonOnClick(e) {
-      this.handleSendMessage(e);
-    },
-    renderEnterButtonElement: function renderEnterButtonElement() {
-      var _this5 = this;
-      var _this$$props2 = this.$props,
-        enterButton = _this$$props2.enterButton,
-        innerClass = _this$$props2.innerClass;
-      var renderEnterButton = this.$slots.renderEnterButton;
-      if (enterButton) {
-        var getEnterButtonMarkup = function getEnterButtonMarkup() {
-          if (renderEnterButton) {
-            return renderEnterButton(_this5.enterButtonOnClick);
-          }
-          return createVNode(SendButton, {
-            "primary": true,
-            "type": "submit",
-            "tabIndex": 0,
-            "onClick": _this5.handleSendMessage,
-            "onKeyPress": _this5.handleKeyPress,
-            "class": "ask-btn " + getClassName$2(innerClass, 'ai-enter-button'),
-            "disabled": _this5.isLoadingState || !_this5.AISessionId
-          }, {
-            "default": function _default() {
-              return [createTextVNode("Send")];
-            }
-          });
-        };
-        return createVNode("div", {
-          "class": "ai-enter-button-wrapper"
-        }, [getEnterButtonMarkup()]);
-      }
-      return null;
-    },
-    getComponent: function getComponent$1() {
-      var data = {
-        error: this.AIResponseError,
-        loading: this.isAIResponseLoading,
-        data: this.messages,
-        rawData: this.rawData
-      };
-      return getComponent(data, this);
-    },
-    handleTextAreaHeightChange: function handleTextAreaHeightChange() {
-      var _this$$refs, _this$$refs$_inputRef, _this$$refs2, _this$$refs2$_inputWr, _this$$refs3;
-      var textArea = (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$_inputRef = _this$$refs[_inputRef]) == null ? void 0 : _this$$refs$_inputRef.$el;
-      var inputWrapper = (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$_inputWr = _this$$refs2[_inputWrapperRef]) == null ? void 0 : _this$$refs2$_inputWr.$el;
-      var errorContainer = (_this$$refs3 = this.$refs) == null ? void 0 : _this$$refs3[_errorContainerRef];
-      if (textArea) {
-        textArea.style.height = '42px';
-        var lineHeight = parseInt(getComputedStyle(textArea).lineHeight, 10);
-        var maxHeight = lineHeight * 11; // max height for 10 lines
-        var height = Math.min(textArea.scrollHeight, maxHeight);
-        textArea.style.height = height + "px";
-        textArea.style.overflowY = height === maxHeight ? 'auto' : 'hidden';
-        // wrapper around input/ textarea
-        inputWrapper.style.height = height + "px";
-        // adjust error-container
-
-        if (errorContainer) {
-          errorContainer.style.bottom = height + "px";
-        }
-        this.$forceUpdate();
-      }
-    }
-  },
-  beforeUnmount: function beforeUnmount() {
-    if (this.$props.clearSessionOnDestroy) {
-      // cleanup logic
-      // final Object to store in local storage cache
-      var finalCacheObj = getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY) || {};
-      // delete current component's cache
-      delete finalCacheObj[this.$props.componentId];
-      // update local cache
-      setObjectInLocalStorage(AI_LOCAL_CACHE_KEY, finalCacheObj);
-    }
-  },
-  render: function render() {
-    var _slot3;
-    var _this6 = this;
-    var props = this.$props;
-    if (!this.shouldShowComponent) {
-      return null;
-    }
-    return createVNode(Chatbox, {
-      "style": props.style || {}
-    }, {
-      "default": function _default() {
-        return [_this6.$props.title && createVNode(Title, {
-          "class": getClassName$2(_this6.$props.innerClass, 'title') || ''
-        }, {
-          "default": function _default() {
-            return [_this6.$props.title];
-          }
-        }), createVNode(ChatContainer, {
-          "class": "--ai-chat-container",
-          "theme": props.theme,
-          "showInput": props.showInput
-        }, {
-          "default": function _default() {
-            return [_this6.hasCustomRenderer && createVNode(MessagesContainer, {
-              "themePreset": _this6.themePreset,
-              "theme": props.theme,
-              "ref": _this6.$props.innerRef,
-              "class": "--ai-message-container " + (getClassName$2(props.innerClass, 'ai-message-container') || '')
-            }, _isSlot$1(_slot3 = _this6.getComponent()) ? _slot3 : {
-              "default": function _default() {
-                return [_slot3];
-              }
-            }), !_this6.hasCustomRenderer && createVNode(MessagesContainer, {
-              "themePreset": _this6.themePreset,
-              "theme": props.theme,
-              "ref": _this6.$props.innerRef,
-              "class": "--ai-message-container " + (getClassName$2(props.innerClass, 'ai-message-container') || '')
-            }, {
-              "default": function _default() {
-                return [_this6.messages.map(function (message, index) {
-                  return createVNode(Message, {
-                    "key": index,
-                    "isSender": message.role === AI_ROLES.USER,
-                    "innerHTML": md$1.render(message.content),
-                    "themePreset": _this6.themePreset,
-                    "theme": props.theme,
-                    "class": "--ai-answer-message " + (getClassName$2(props.innerClass, 'ai-message') || '')
-                  }, null);
-                }), _this6.isLoadingState && createVNode(Message, {
-                  "themePreset": _this6.themePreset,
-                  "theme": props.theme,
-                  "isSender": false,
-                  "class": "--ai-answer-message " + (getClassName$2(props.innerClass, 'ai-message') || null)
-                }, {
-                  "default": function _default() {
-                    return [createVNode(TypingIndicator, null, {
-                      "default": function _default() {
-                        return [createVNode(TypingDot, {
-                          "themePreset": _this6.themePreset
-                        }, null), createVNode(TypingDot, {
-                          "themePreset": _this6.themePreset
-                        }, null), createVNode(TypingDot, {
-                          "themePreset": _this6.themePreset
-                        }, null)];
-                      }
-                    })];
-                  }
-                })];
-              }
-            }), _this6.renderErrorComponent(), ' ', props.showFeedback && createVNode("div", {
-              "class": "--ai-answer-feedback-container " + (getClassName$2(props.innerClass, 'ai-feedback') || '')
-            }, [createVNode(AIFeedback, {
-              "hideUI": _this6.isLoadingState || !_this6.sessionId,
-              "key": _this6.sessionId,
-              "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-                _this6.trackUsefullness(_this6.sessionId, {
-                  useful: useful,
-                  reason: reason
-                });
-              }
-            }, null)]), props.showInput && createVNode(MessageInputContainer, {
-              "class": "--ai-input-container",
-              "onSubmit": _this6.handleSendMessage
-            }, {
-              "default": function _default() {
-                return [createVNode(InputGroup, {
-                  "enableAI": true,
-                  "isOpen": false
-                }, {
-                  "default": function _default() {
-                    return [createVNode(InputWrapper, {
-                      "ref": _inputWrapperRef
-                    }, {
-                      "default": function _default() {
-                        return [createVNode(MessageInput, {
-                          "ref": _inputRef,
-                          "placeholder": props.placeholder,
-                          "enterButton": props.enterButton,
-                          "value": _this6.inputMessage,
-                          "onInput": _this6.handleMessageInputChange,
-                          "id": props.componentId + "-ai-input",
-                          "showIcon": props.showIcon,
-                          "iconPosition": props.iconPosition,
-                          "themePreset": _this6.themePreset,
-                          "disabled": _this6.isLoadingState || !_this6.AISessionId,
-                          "class": getClassName$2(props.innerClass, 'ai-input') || null
-                        }, null), ' ', _this6.renderIcons()];
-                      }
-                    })];
-                  }
-                }), _this6.renderEnterButtonElement()];
-              }
-            }), ' '];
-          }
-        })];
-      }
-    });
-  }
-});
-AIAnswer.hasInternalComponent = function () {
-  return true;
-};
-var mapStateToProps$1 = function mapStateToProps(state, props) {
-  var dependencyComponent = Object.values(props.react)[0];
-  if (Array.isArray(dependencyComponent)) {
-    // eslint-disable-next-line prefer-destructuring
-    dependencyComponent = dependencyComponent[0];
-  }
-  var showComponent = state.selectedValues[dependencyComponent] && state.selectedValues[dependencyComponent].value;
-  return {
-    showComponent: showComponent,
-    AIResponse: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response,
-    isAIResponseLoading: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].isLoading,
-    AIResponseError: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].error,
-    rawData: state.rawData[props.componentId],
-    themePreset: state.config.themePreset,
-    isLoading: state.isLoading[props.componentId] || false,
-    sessionIdFromStore: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response && state.AIResponses[props.componentId].response.sessionId || '',
-    componentError: state.error[props.componentId]
-  };
-};
-var mapDispatchToProps$1 = {
-  getAIResponse: fetchAIResponse,
-  trackUsefullness: recordAISessionUsefulness,
-  createAISession: createAISession
-};
-var AIConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps$1, mapDispatchToProps$1)(AIAnswer), {
-  componentType: componentTypes.AIAnswer,
-  internalComponent: true
-}));
-AIConnected.name = AIAnswer.name;
-AIConnected.hasInternalComponent = AIAnswer.hasInternalComponent;
-AIConnected.install = function (Vue) {
-  Vue.component(AIConnected.name, AIConnected);
-};
-// Add componentType for SSR
-AIConnected.componentType = componentTypes.AIAnswer;
-
-var _templateObject$9, _templateObject2$4;
-var HierarchicalMenuList = styled('ul')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
-var HierarchicalMenuListItem = styled('li')(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n\tfont-weight: 400;\n\tline-height: 1.5;\n\tbox-sizing: border-box;\n\n\ta {\n\t\tcolor: #424242;\n\t\ttext-decoration: none;\n\t\tgap: 5px;\n\t\t.--leaf-icon,\n\t\t.--folder-icon {\n\t\t\tline-height: 15px;\n\t\t\tsvg {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.--switcher-icon {\n\t\ttransition: all 0.2s ease-in;\n\t\tmargin-right: 2px;\n\t}\n\t.--list-child {\n\t\tpadding-left: 1rem;\n\t\tposition: relative;\n\t\t&:before {\n\t\t\theight: 100%;\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tborder-left: 1px solid #787878;\n\t\t\twidth: 0;\n\t\t\tleft: 19px;\n\t\t\t", ";\n\t\t}\n\n\t\t&.--show-switcher-icon {\n\t\t\tpadding-left: 36px;\n\t\t}\n\t}\n\t.--list-item-label {\n\t\tline-height: 100%;\n\t}\n\t.--list-item-count {\n\t\tmargin-left: 10px;\n\t\tpadding: 0.1rem 0.4rem;\n\t\tfont-size: 0.8rem;\n\t\tcolor: #424242;\n\t\tbackground-color: #dee1e6;\n\t\tborder-radius: 8px;\n\t}\n\t&.-selected-item {\n\t\tfont-weight: 700 !important;\n\t}\n\t&.-expanded-item {\n\t\t& > a {\n\t\t\t& div > .--switcher-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n\t.--list-item-label-count-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t&:hover {\n\t\t\t.--list-item-count,\n\t\t\t.--list-item-label {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n"])), function (props) {
+var _templateObject$5, _templateObject2$1;
+var HierarchicalMenuList = styled('ul')(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
+var HierarchicalMenuListItem = styled('li')(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n\tfont-weight: 400;\n\tline-height: 1.5;\n\tbox-sizing: border-box;\n\n\ta {\n\t\tcolor: #424242;\n\t\ttext-decoration: none;\n\t\tgap: 5px;\n\t\t.--leaf-icon,\n\t\t.--folder-icon {\n\t\t\tline-height: 15px;\n\t\t\tsvg {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.--switcher-icon {\n\t\ttransition: all 0.2s ease-in;\n\t\tmargin-right: 2px;\n\t}\n\t.--list-child {\n\t\tpadding-left: 1rem;\n\t\tposition: relative;\n\t\t&:before {\n\t\t\theight: 100%;\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tborder-left: 1px solid #787878;\n\t\t\twidth: 0;\n\t\t\tleft: 19px;\n\t\t\t", ";\n\t\t}\n\n\t\t&.--show-switcher-icon {\n\t\t\tpadding-left: 36px;\n\t\t}\n\t}\n\t.--list-item-label {\n\t\tline-height: 100%;\n\t}\n\t.--list-item-count {\n\t\tmargin-left: 10px;\n\t\tpadding: 0.1rem 0.4rem;\n\t\tfont-size: 0.8rem;\n\t\tcolor: #424242;\n\t\tbackground-color: #dee1e6;\n\t\tborder-radius: 8px;\n\t}\n\t&.-selected-item {\n\t\tfont-weight: 700 !important;\n\t}\n\t&.-expanded-item {\n\t\t& > a {\n\t\t\t& div > .--switcher-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n\t.--list-item-label-count-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t&:hover {\n\t\t\t.--list-item-count,\n\t\t\t.--list-item-label {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n"])), function (props) {
   return !props.showLine && "\n\t\t\t\t\tdisplay: none;\n\t\t\t\t";
 });
 
@@ -3476,7 +2099,7 @@ var HierarchicalMenuListItemComponent = {
   }
 };
 
-function _isSlot$2(s) {
+function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 var HierarchicalMenuComponent = {
@@ -3501,7 +2124,7 @@ var HierarchicalMenuComponent = {
     return createVNode(HierarchicalMenuList, {
       "class": "" + (isExpanded ? '--open' : ''),
       "isSelected": isExpanded
-    }, _isSlot$2(_slot = listArray.map(function (listItem) {
+    }, _isSlot$1(_slot = listArray.map(function (listItem) {
       return createVNode(HierarchicalMenuListItemComponent, mergeProps({
         "key": parentPath + "__" + JSON.stringify(listItem),
         "parentPath": parentPath,
@@ -3515,7 +2138,7 @@ var HierarchicalMenuComponent = {
   }
 };
 
-function _isSlot$3(s) {
+function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 var updateQueryAction = Actions.updateQuery,
@@ -3965,7 +2588,7 @@ var TreeList = {
       "default": function _default() {
         return [props.title && createVNode(Title, {
           "class": getClassName$2(innerClass, 'title') || null
-        }, _isSlot$3(title) ? title : {
+        }, _isSlot$2(title) ? title : {
           "default": function _default() {
             return [title];
           }
@@ -3994,7 +2617,7 @@ var TreeList = {
     });
   }
 };
-var mapStateToProps$2 = function mapStateToProps(state, props) {
+var mapStateToProps$1 = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
     rawData: state.rawData[props.componentId] || {},
@@ -4012,7 +2635,7 @@ var mapDispatchtoProps = {
 TreeList.hasInternalComponent = function () {
   return true;
 };
-var TreeListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps$2, mapDispatchtoProps)(TreeList), {
+var TreeListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps$1, mapDispatchtoProps)(TreeList), {
   componentType: componentTypes.treeList,
   internalComponent: TreeList.hasInternalComponent()
 }));
@@ -4080,7 +2703,7 @@ RcConnected.install = function (Vue) {
   Vue.component(RcConnected.name, RcConnected);
 };
 
-var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, SBConnected, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, RcConnected, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput, TreeListConnected, AIConnected];
+var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, SBConnected, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, RcConnected, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput, TreeListConnected];
 function install (Vue) {
   components.map(function (component) {
     Vue.use(component);
@@ -4088,4 +2711,4 @@ function install (Vue) {
   });
 }
 
-export { AIConnected as A, RcConnected as R, SBConnected as S, TreeListConnected as T, install as i };
+export { RcConnected as R, SBConnected as S, TreeListConnected as T, install as i };