@appbaseio/reactivesearch-vue 3.0.0-rc.2 → 3.0.0-rc.4

package/dist/es/{install-3c029475.js → install-0c7962bc.js}

@@ -1,31 +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 } from './_rollupPluginBabelHelpers-ded08042.js';
 import { createVNode, createTextVNode, defineComponent, isVNode, mergeProps, h } from 'vue';
 import VueTypes from 'vue-types';
-import { getQueryOptions, 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, createGlobalStyle } from '@appbaseio/vue-emotion';
-import { css, keyframes } from '@emotion/css';
-import { lighten } from 'polished';
+import { css } from '@emotion/css';
 import { B as Button } from './Button-fd869491.js';
-import { t as types } from './vueTypes-d64f04f8.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 { C as ComponentWrapper } from './ComponentWrapper-8a3c388d.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.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 ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './DropDown-ff8e06b4.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './DropDown-fc1fef02.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 } from '@appbaseio/reactivecore/lib/actions/query';
-import { Remarkable } from 'remarkable';
 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';
@@ -1226,8 +1223,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) {
@@ -1257,7 +1254,7 @@ var SearchBox = defineComponent({
       }
       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;
@@ -1865,575 +1862,9 @@ SBConnected.install = function (Vue) {
 // Add componentType for SSR
 SBConnected.componentType = componentTypes.searchBox;
 
-var _templateObject$8, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var Chatbox = styled('div')(_templateObject$8 || (_templateObject$8 = _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$1 || (_templateObject2$1 = _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"])), 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';
-});
-var MessagesContainer = styled('div')(_templateObject3 || (_templateObject3 = _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.primaryTextColor : 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: " + function (colorProps) {
-    return (
-      // eslint-disable-next-line no-nested-ternary
-      colorProps.isSender ? colorProps.themePreset !== 'dark' ? colorProps.theme.colors.primaryTextColor : colorProps.theme.colors.textColor : colorProps.theme.colors.primaryTextColor
-    );
-  } + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin: 5px 0;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\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.25, 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.primaryTextColor : 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"])));
-var MessageInput = styled(Input)(_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"])), 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;
-});
-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"])));
-
-function _isSlot$1(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 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;
-    }
-  },
-  props: {
-    componentId: types.string.isRequired,
-    showVoiceInput: VueTypes.bool.def(false),
-    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
-  },
-  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;
-          }));
-        }
-        //  fresh response
-        if (response && response.answer) ;
-        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.isLoadingState = newVal;
-      this.$emit('on-data', {
-        data: this.messages,
-        rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
-        error: this.$props.AIResponseError
-      });
-    },
-    isLoading: function isLoading(newVal) {
-      this.isLoadingState = newVal;
-      this.$emit('on-data', {
-        data: this.messages,
-        rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
-        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;
-      this.$emit('on-data', {
-        data: this.messages,
-        rawData: this.$props.rawData,
-        loading: this.$props.isAIResponseLoading || this.$props.isLoading,
-        error: newVal
-      });
-    },
-    messages: function messages() {
-      this.scrollToBottom();
-    }
-  },
-  methods: {
-    scrollToBottom: function scrollToBottom() {
-      var _this = this;
-      this.$nextTick(function () {
-        var _this$$refs;
-        var messageContainer = (_this$$refs = _this.$refs) == null ? void 0 : _this$$refs[_this.$props.innerRef];
-        if (messageContainer && messageContainer.$el) {
-          messageContainer.$el.scrollTo({
-            top: messageContainer.$el.scrollHeight,
-            behavior: 'smooth'
-          });
-        }
-      });
-    },
-    handleMessageInputChange: function handleMessageInputChange(e) {
-      this.inputMessage = e.target.value;
-    },
-    handleSendMessage: function handleSendMessage(e, isRetry, text) {
-      if (isRetry === void 0) {
-        isRetry = false;
-      }
-      if (text === void 0) {
-        text = this.inputMessage;
-      }
-      if (typeof e === 'object') 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("AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
-          this.error = {
-            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession 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 AISession to function. Try reloading the App.");
-        }
-      }
-    },
-    renderErrorComponent: function renderErrorComponent() {
-      var renderError = this.$slots.renderError || this.$props.renderError;
-      if (this.error && !this.isLoadingState) {
-        if (renderError) {
-          return createVNode("div", {
-            "class": "--ai-answer-error-container " + (getClassName$2(this.$props.innerClass, 'ai-error') || '')
-          }, [isFunction(renderError) ? renderError(this.error, this.handleRetryRequest) : renderError]);
-        }
-        return createVNode("div", {
-          "class": "--ai-answer-error-container " + (getClassName$2(this.$props.innerClass, 'ai-error') || '')
-        }, [createVNode("div", {
-          "class": "--default-error-element"
-        }, [createVNode("span", null, [this.error.message ? this.error.message : 'There was an error in generating the response.', ' ', this.error.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) {
-      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 _this2 = 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, {
-        "groupPosition": "right",
-        "positionType": "absolute"
-      }, {
-        "default": function _default() {
-          return [_this2.shouldMicRender(showVoiceInput) && createVNode(Mic, {
-            "getInstance": getMicInstance,
-            "render": renderMic,
-            "onResult": _this2.handleVoiceResults,
-            "class": getClassName$2(innerClass, 'ai-search-mic') || null
-          }, null), iconPosition === 'right' && createVNode(IconWrapper, null, _isSlot$1(_slot = _this2.renderIcon()) ? _slot : {
-            "default": function _default() {
-              return [_slot];
-            }
-          })];
-        }
-      }), createVNode(IconGroup, {
-        "groupPosition": "left",
-        "positionType": "absolute"
-      }, {
-        "default": function _default() {
-          return [iconPosition === 'left' && createVNode(IconWrapper, null, _isSlot$1(_slot2 = _this2.renderIcon()) ? _slot2 : {
-            "default": function _default() {
-              return [_slot2];
-            }
-          })];
-        }
-      })]);
-    },
-    enterButtonOnClick: function enterButtonOnClick(e) {
-      this.handleSendMessage(e);
-    },
-    renderEnterButtonElement: function renderEnterButtonElement() {
-      var _this3 = 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(_this3.enterButtonOnClick);
-          }
-          return createVNode(SendButton, {
-            "primary": true,
-            "type": "submit",
-            "tabIndex": 0,
-            "onClick": _this3.handleSendMessage,
-            "onKeyPress": _this3.handleKeyPress,
-            "class": "enter-btn " + getClassName$2(innerClass, 'ai-enter-button')
-          }, {
-            "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);
-    }
-  },
-  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 _this4 = this;
-    var props = this.$props;
-    if (!this.shouldShowComponent) {
-      return null;
-    }
-    return createVNode(Chatbox, null, {
-      "default": function _default() {
-        return [_this4.$props.title && createVNode(Title, {
-          "class": getClassName$2(_this4.$props.innerClass, 'title') || ''
-        }, {
-          "default": function _default() {
-            return [_this4.$props.title];
-          }
-        }), createVNode(ChatContainer, {
-          "theme": props.theme,
-          "showInput": props.showInput
-        }, {
-          "default": function _default() {
-            return [_this4.hasCustomRenderer && createVNode(MessagesContainer, {
-              "themePreset": _this4.themePreset,
-              "theme": props.theme,
-              "ref": _this4.$props.innerRef,
-              "class": "--ai-message-container " + (getClassName$2(props.innerClass, 'ai-message-container') || '')
-            }, _isSlot$1(_slot3 = _this4.getComponent()) ? _slot3 : {
-              "default": function _default() {
-                return [_slot3];
-              }
-            }), !_this4.hasCustomRenderer && createVNode(MessagesContainer, {
-              "themePreset": _this4.themePreset,
-              "theme": props.theme,
-              "ref": _this4.$props.innerRef,
-              "class": "--ai-message-container " + (getClassName$2(props.innerClass, 'ai-message-container') || '')
-            }, {
-              "default": function _default() {
-                return [_this4.messages.map(function (message, index) {
-                  return createVNode(Message, {
-                    "key": index,
-                    "isSender": message.role === AI_ROLES.USER,
-                    "innerHTML": md.render(message.content),
-                    "themePreset": _this4.themePreset,
-                    "theme": props.theme,
-                    "class": "--ai-answer-message " + (getClassName$2(props.innerClass, 'ai-message') || '')
-                  }, null);
-                }), _this4.isLoadingState && createVNode(Message, {
-                  "themePreset": _this4.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": _this4.themePreset
-                        }, null), createVNode(TypingDot, {
-                          "themePreset": _this4.themePreset
-                        }, null), createVNode(TypingDot, {
-                          "themePreset": _this4.themePreset
-                        }, null)];
-                      }
-                    })];
-                  }
-                })];
-              }
-            }), _this4.renderErrorComponent(), props.showInput && createVNode(MessageInputContainer, {
-              "class": "--ai-input-container",
-              "onSubmit": _this4.handleSendMessage
-            }, {
-              "default": function _default() {
-                return [createVNode(InputGroup, {
-                  "isOpen": false
-                }, {
-                  "default": function _default() {
-                    return [createVNode(InputWrapper, null, {
-                      "default": function _default() {
-                        return [createVNode(MessageInput, {
-                          "type": "text",
-                          "placeholder": props.placeholder,
-                          "value": _this4.inputMessage,
-                          "onChange": _this4.handleMessageInputChange,
-                          "onKeyPress": _this4.handleKeyPress,
-                          "id": props.componentId + "-ai-input",
-                          "showIcon": props.showIcon,
-                          "iconPosition": props.iconPosition,
-                          "themePreset": _this4.themePreset,
-                          "disabled": _this4.isLoadingState,
-                          "class": getClassName$2(props.innerClass, 'ai-input') || null
-                        }, null), ' ', _this4.renderIcons()];
-                      }
-                    })];
-                  }
-                }), _this4.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].sessionId || ''
-  };
-};
-var mapDispatchToProps$1 = {
-  getAIResponse: fetchAIResponse
-};
-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$2;
-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$2 || (_templateObject2$2 = _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$8, _templateObject2$1;
+var HierarchicalMenuList = styled('ul')(_templateObject$8 || (_templateObject$8 = _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";
 });
 
@@ -2646,7 +2077,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 = {
@@ -2671,7 +2102,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,
@@ -2685,7 +2116,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,
@@ -3135,7 +2566,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];
           }
@@ -3164,7 +2595,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] || {},
@@ -3182,7 +2613,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()
 }));
@@ -3250,7 +2681,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);
@@ -3258,4 +2689,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 };