@appbaseio/reactivesearch-vue 3.3.0 → 3.3.2

package/dist/cjs/{install-c61d8b86.js → SearchBox-4dff47b4.js}

@@ -5,52 +5,28 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var reactivecore = require('@appbaseio/reactivecore');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-1a877b17.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
 var css = require('@emotion/css');
 var polished = require('polished');
-var Button = require('./Button-f96a0570.js');
+var Button = require('./Button-7aee17e3.js');
 var vueTypes = require('./vueTypes-289a891a.js');
-var ReactiveList = require('./ReactiveList.js');
-var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-1f41363f.js');
-var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
-var Title = require('./Title-8802a218.js');
-var ListItem = require('./ListItem-7a682970.js');
-var Flex = require('./Flex-ddde6d26.js');
+var index = require('./index-7ca9570e.js');
+var ComponentWrapper = require('./ComponentWrapper-3bedbe57.js');
+var PreferencesConsumer = require('./PreferencesConsumer-37cab7a0.js');
+var Title = require('./Title-d513ac26.js');
+var Flex = require('./Flex-f7af0673.js');
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
-var ReactiveBase = require('./ReactiveBase.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
 var xss = _interopDefault(require('xss'));
 var remarkable = require('remarkable');
-var DropDown = require('./DropDown-ebe20e81.js');
-var Input = require('./Input-cee51a53.js');
-var Container = require('./Container-29f049b2.js');
+var CancelSvg = require('./CancelSvg-6094cd37.js');
+var Input = require('./Input-55fbd8e1.js');
+var Container = require('./Container-1c05785a.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
-var query = require('@appbaseio/reactivecore/lib/actions/query');
-var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
-var FormControlList = require('./FormControlList-fadd792f.js');
-var utils = require('./utils-c9bd5628.js');
-var SingleList = require('./SingleList.js');
-var MultiList = require('./MultiList.js');
-var types = _interopDefault(require('@appbaseio/reactivecore/lib/utils/types'));
-var SingleDropdownList = require('./SingleDropdownList.js');
-var MultiDropdownList = require('./MultiDropdownList.js');
-var ToggleButton = require('./ToggleButton.js');
-var ReactiveComponent = require('./ReactiveComponent.js');
-var DynamicRangeSlider = require('./DynamicRangeSlider.js');
-var SingleRange = require('./SingleRange.js');
-var MultiRange = require('./MultiRange.js');
-var RangeSlider = require('./RangeSlider.js');
-var RangeInput = require('./RangeInput.js');
-var SelectedFilters = require('./SelectedFilters.js');
-var ResultCard = require('./ResultCard.js');
-var ResultList = require('./ResultList.js');
-var StateProvider = require('./StateProvider.js');
 
 var _templateObject;
 var InputGroup = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._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) {
@@ -699,7 +675,7 @@ var Mic = {
     if (this.hasCustomRenderer) {
       return this.getComponent();
     }
-    return vue.createVNode(DropDown.IconWrapper, null, {
+    return vue.createVNode(CancelSvg.IconWrapper, null, {
       "default": function _default() {
         return [_this2.Icon];
       }
@@ -2063,7 +2039,7 @@ var SearchBox = vue.defineComponent({
     },
     renderCancelIcon: function renderCancelIcon() {
       if (this.$props.showClear) {
-        return this.$props.clearIcon || vue.createVNode(DropDown.CancelSvg, null, null);
+        return this.$props.clearIcon || vue.createVNode(CancelSvg.CancelSvg, null, null);
       }
       return null;
     },
@@ -2179,11 +2155,11 @@ var SearchBox = vue.defineComponent({
       var _this$$props3 = this.$props,
         iconPosition = _this$$props3.iconPosition,
         showIcon = _this$$props3.showIcon;
-      return vue.createVNode("div", null, [vue.createVNode(DropDown.IconGroup, {
+      return vue.createVNode("div", null, [vue.createVNode(CancelSvg.IconGroup, {
         "groupPosition": "left"
       }, {
         "default": function _default() {
-          return [iconPosition === 'left' && showIcon && vue.createVNode(DropDown.IconWrapper, {
+          return [iconPosition === 'left' && showIcon && vue.createVNode(CancelSvg.IconWrapper, {
             "onClick": _this9.handleSearchIconClick
           }, _isSlot(_slot3 = _this9.renderIcon()) ? _slot3 : {
             "default": function _default() {
@@ -2206,11 +2182,11 @@ var SearchBox = vue.defineComponent({
         showFocusShortcutsIcon = _this$$props4.showFocusShortcutsIcon;
       var renderMic = this.$slots.renderMic || this.$props.renderMic;
       var currentValue = this.$data.currentValue;
-      return vue.createVNode("div", null, [vue.createVNode(DropDown.IconGroup, {
+      return vue.createVNode("div", null, [vue.createVNode(CancelSvg.IconGroup, {
         "groupPosition": "right"
       }, {
         "default": function _default() {
-          return [currentValue && showClear && vue.createVNode(DropDown.IconWrapper, {
+          return [currentValue && showClear && vue.createVNode(CancelSvg.IconWrapper, {
             "onClick": _this10.clearValue,
             "showIcon": showIcon,
             "isClearIcon": true
@@ -2218,7 +2194,7 @@ var SearchBox = vue.defineComponent({
             "default": function _default() {
               return [_slot4];
             }
-          }), showFocusShortcutsIcon && vue.createVNode(DropDown.ButtonIconWrapper, {
+          }), showFocusShortcutsIcon && vue.createVNode(CancelSvg.ButtonIconWrapper, {
             "onClick": function onClick(e) {
               return _this10.focusSearchBox(e);
             }
@@ -2231,7 +2207,7 @@ var SearchBox = vue.defineComponent({
             "render": renderMic,
             "handleResult": _this10.handleVoiceResults,
             "className": getClassName$1(innerClass, 'mic') || null
-          }, null), iconPosition === 'right' && showIcon && vue.createVNode(DropDown.IconWrapper, {
+          }, null), iconPosition === 'right' && showIcon && vue.createVNode(CancelSvg.IconWrapper, {
             "onClick": _this10.handleSearchIconClick
           }, _isSlot(_slot6 = _this10.renderIcon()) ? _slot6 : {
             "default": function _default() {
@@ -2329,7 +2305,7 @@ var SearchBox = vue.defineComponent({
             "onClick": function onClick() {
               return _this13.clearTag(item);
             }
-          }, [vue.createVNode(DropDown.CancelSvg, null, null)])];
+          }, [vue.createVNode(CancelSvg.CancelSvg, null, null)])];
         }
       });
     },
@@ -2374,7 +2350,7 @@ var SearchBox = vue.defineComponent({
                 "aria-label": "delete-tag",
                 "class": "close-icon",
                 "onClick": _this14.clearAllTags
-              }, [vue.createVNode(DropDown.CancelSvg, null, null)])];
+              }, [vue.createVNode(CancelSvg.CancelSvg, null, null)])];
             }
           })];
         }
@@ -2574,7 +2550,7 @@ var SearchBox = vue.defineComponent({
           "default": function _default() {
             return [_this19.$props.title];
           }
-        }), _this19.$props.autosuggest ? vue.createVNode(DropDown.Downshift, {
+        }), _this19.$props.autosuggest ? vue.createVNode(CancelSvg.Downshift, {
           "id": _this19.$props.componentId + "-downshift",
           "handleChange": _this19.onSuggestionSelected,
           "handleMouseup": _this19.handleStateChange,
@@ -2739,7 +2715,7 @@ var SearchBox = vue.defineComponent({
                   "default": function _default() {
                     return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
                   }
-                }), vue.createVNode(DropDown.InputWrapper, null, {
+                }), vue.createVNode(CancelSvg.InputWrapper, null, {
                   "default": function _default() {
                     return [vue.createVNode(Input.TextArea, vue.mergeProps(_transformOn(getInputEvents({
                       onInput: _this19.onInputChange,
@@ -2795,7 +2771,7 @@ var SearchBox = vue.defineComponent({
               "default": function _default() {
                 return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
               }
-            }), vue.createVNode(DropDown.InputWrapper, null, {
+            }), vue.createVNode(CancelSvg.InputWrapper, null, {
               "default": function _default() {
                 return [vue.createVNode(Input.TextArea, vue.mergeProps(_transformOn({
                   blur: function blur(e) {
@@ -2917,1638 +2893,20 @@ SBConnected.install = function (Vue) {
 // Add componentType for SSR
 SBConnected.componentType = constants.componentTypes.searchBox;
 
-var _excluded$1 = ["_source"];
-function _isSlot$1(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-var md$1 = new remarkable.Remarkable();
-md$1.set({
-  html: true,
-  breaks: true,
-  xhtmlOut: true,
-  linkify: true,
-  linkTarget: '_blank'
-});
-var _inputWrapperRef = 'inputWrapperRef';
-var _inputRef = 'inputRef';
-var _errorContainerRef = 'errorContainerRef';
-var AIAnswer = vue.defineComponent({
-  name: 'AIAnswer',
-  data: function data() {
-    var props = this.$props;
-    this.__state = {
-      messages: [],
-      inputMessage: '',
-      AISessionId: '',
-      error: null,
-      sourceDocIds: null,
-      initialHits: null,
-      isTriggered: false
-    };
-    this.internalComponent = props.componentId + "__internal";
-    return this.__state;
-  },
-  inject: {
-    theme: {
-      from: 'theme_reactivesearch'
-    }
-  },
-  created: function created() {
-    if (this.$props.triggerOn === constants.AI_TRIGGER_MODES.ALWAYS) {
-      this.isTriggered = true;
-    } else if (this.$props.triggerOn === constants.AI_TRIGGER_MODES.QUESTION && this.dependentComponentValue && this.dependentComponentValue.endsWith('?')) {
-      this.isTriggered = true;
-      if (this.AISessionId) {
-        this.handleSendMessage(null, false, '', true);
-      }
-    }
-  },
-  computed: {
-    hasCustomRenderer: function hasCustomRenderer() {
-      return index.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.";
-    },
-    hasTriggered: function hasTriggered() {
-      return this.isTriggered;
-    }
-  },
-  props: {
-    componentId: vueTypes.types.string.isRequired,
-    showVoiceInput: VueTypes.bool.def(false),
-    showFeedback: VueTypes.bool.def(true),
-    showIcon: VueTypes.bool.def(true),
-    onData: vueTypes.types.func,
-    innerRef: VueTypes.string.def('AISearchInputField'),
-    react: vueTypes.types.react,
-    enableAI: VueTypes.bool.def(true),
-    AIConfig: vueTypes.types.AIConfig,
-    iconPosition: vueTypes.types.iconPosition.def('left'),
-    themePreset: vueTypes.types.themePreset,
-    theme: vueTypes.types.style,
-    icon: vueTypes.types.children,
-    iconURL: VueTypes.string.def(''),
-    renderMic: vueTypes.types.func,
-    getMicInstance: vueTypes.types.func,
-    innerClass: vueTypes.types.style,
-    placeholder: VueTypes.string.def('Ask a question'),
-    title: vueTypes.types.title,
-    AIResponse: vueTypes.types.componentObject,
-    isAIResponseLoading: VueTypes.bool.def(false),
-    AIResponseError: vueTypes.types.componentObject,
-    getAIResponse: vueTypes.types.func.isRequired,
-    enterButton: vueTypes.types.bool,
-    renderEnterButton: vueTypes.types.title,
-    showInput: VueTypes.bool.def(true),
-    clearSessionOnDestroy: VueTypes.bool.def(true),
-    rawData: vueTypes.types.rawData,
-    render: vueTypes.types.func,
-    onError: vueTypes.types.func,
-    renderError: vueTypes.types.title,
-    isLoading: vueTypes.types.boolRequired,
-    sessionIdFromStore: VueTypes.string,
-    showComponent: vueTypes.types.boolRequired,
-    componentError: vueTypes.types.componentObject,
-    style: vueTypes.types.style,
-    showSourceDocuments: VueTypes.bool.def(false),
-    renderSourceDocument: vueTypes.types.func,
-    onSourceClick: vueTypes.types.func,
-    isAITyping: vueTypes.types.boolRequired,
-    triggerOn: VueTypes.string.def(constants.AI_TRIGGER_MODES.ALWAYS),
-    renderTriggerMessage: vueTypes.types.func
-  },
-  mounted: function mounted() {},
-  watch: {
-    AIResponse: function AIResponse(newVal) {
-      if (newVal) {
-        if (this.$props.showSourceDocuments && newVal.response && newVal.response.answer && Array.isArray(newVal.response.answer.documentIds)) {
-          this.sourceDocIds = newVal.response.answer.documentIds;
-          var localCache = helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) && helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY)[this.$props.componentId];
-          if (localCache && localCache.meta && localCache.meta.hits) {
-            this.initialHits = localCache.meta.hits;
-          }
-        }
-        this.AISessionId = ((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || (((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).response || {}).sessionId;
-        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 && Array.isArray(messagesHistory)) {
-          finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
-            return msg.role !== constants.AI_ROLES.SYSTEM;
-          }));
-          if (finalMessages[0].role === constants.AI_ROLES.USER) {
-            finalMessages.shift();
-          }
-        } else if (response && response.answer && response.answer.text) {
-          finalMessages.push({
-            role: constants.AI_ROLES.ASSISTANT,
-            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
-      });
-      if (newVal && newVal.hits && newVal.hits.hits) {
-        this.initialHits = newVal.hits.hits;
-      }
-    },
-    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 = ((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || (((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).response || {}).sessionId;
-      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 = ((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || (((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).response || {}).sessionId;
-        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);
-        });
-      }
-    },
-    showComponent: function showComponent() {
-      if (this.$props.triggerOn === constants.AI_TRIGGER_MODES.QUESTION && this.$props.dependentComponentValue.endsWith('?')) {
-        this.isTriggered = true;
-      }
-    },
-    dependentComponentValue: function dependentComponentValue(newVal) {
-      if (this.$props.triggerOn === constants.AI_TRIGGER_MODES.QUESTION && newVal && newVal.endsWith('?')) {
-        this.isTriggered = true;
-        if (this.AISessionId) {
-          this.handleSendMessage(null, false, '', true);
-        }
-      } else if (this.hasTriggered && this.$props.triggerOn !== constants.AI_TRIGGER_MODES.ALWAYS) {
-        this.isTriggered = false;
-      }
-    },
-    AISessionId: function AISessionId(newVal) {
-      if (newVal) {
-        if (this.$props.triggerOn === constants.AI_TRIGGER_MODES.QUESTION && this.dependentComponentValue && this.dependentComponentValue.endsWith('?') || this.$props.triggerOn === constants.AI_TRIGGER_MODES.ALWAYS) {
-          this.handleSendMessage(null, false, '', true);
-        }
-      }
-    },
-    triggerOn: function triggerOn(newVal) {
-      if (newVal === constants.AI_TRIGGER_MODES.ALWAYS) {
-        this.isTriggered = true;
-      }
-    }
-  },
-  methods: {
-    renderTriggerMessageFunc: function renderTriggerMessageFunc() {
-      var triggerOn = this.$props.triggerOn;
-      if (this.$props.renderTriggerMessage) {
-        return this.$props.renderTriggerMessage;
-      }
-      if (this.$slots.renderTriggerMessage) {
-        return this.$slots.renderTriggerMessage();
-      }
-      if (triggerOn === constants.AI_TRIGGER_MODES.QUESTION) {
-        if (!this.dependentComponentValue.endsWith('?')) {
-          return vue.createVNode("span", null, [vue.createVNode("span", {
-            "role": "img",
-            "aria-label": "bulb"
-          }, [vue.createTextVNode("\uD83D\uDCA1")]), vue.createTextVNode("End your question with a question mark (?)")]);
-        }
-      } else if (triggerOn === constants.AI_TRIGGER_MODES.MANUAL) {
-        return vue.createVNode("span", null, [vue.createTextVNode("Click here to ask AI"), ' ', vue.createVNode("span", {
-          "role": "img",
-          "aria-label": "bulb"
-        }, [vue.createTextVNode("\uD83E\uDD16")])]);
-      }
-      return null;
-    },
-    handleTriggerClick: function handleTriggerClick() {
-      if (this.$props.triggerOn === constants.AI_TRIGGER_MODES.MANUAL) {
-        this.handleSendMessage(null, false, '', true);
-        this.isTriggered = true;
-      }
-    },
-    getAISourceObjects: function getAISourceObjects() {
-      var _this2 = this;
-      var sourceObjects = [];
-      if (!this.AIResponse) return sourceObjects;
-      var docIds = this.sourceDocIds || [];
-      if (this.initialHits) {
-        docIds.forEach(function (id) {
-          var foundSourceObj = _this2.initialHits.find(function (hit) {
-            return hit._id === id;
-          }) || {};
-          if (foundSourceObj) {
-            var _foundSourceObj$_sour = foundSourceObj._source,
-              _source = _foundSourceObj$_sour === void 0 ? {} : _foundSourceObj$_sour,
-              rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(foundSourceObj, _excluded$1);
-            sourceObjects.push(_rollupPluginBabelHelpers._extends({}, rest, _source));
-          }
-        });
-      } else {
-        sourceObjects.push.apply(sourceObjects, docIds.map(function (id) {
-          return {
-            _id: id
-          };
-        }));
-      }
-      return sourceObjects;
-    },
-    renderAIScreenFooter: function renderAIScreenFooter() {
-      var _slot2;
-      var _this3 = this;
-      var _ref = this.$props || {},
-        _ref$showSourceDocume = _ref.showSourceDocuments,
-        showSourceDocuments = _ref$showSourceDocume === void 0 ? true : _ref$showSourceDocume,
-        _ref$onSourceClick = _ref.onSourceClick,
-        onSourceClick = _ref$onSourceClick === void 0 ? function () {} : _ref$onSourceClick,
-        renderSourceDocument = _ref.renderSourceDocument;
-      var customRenderSourceDoc = renderSourceDocument || this.$slots.renderSourceDocument;
-      if (this.isLoadingState || this.isAITyping) {
-        return null;
-      }
-      var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
-        if (customRenderSourceDoc) {
-          return customRenderSourceDoc(sourceObj);
-        }
-        return sourceObj._id;
-      };
-      return showSourceDocuments && Array.isArray(this.sourceDocIds) && this.sourceDocIds.length ? vue.createVNode(Footer, {
-        "themePreset": this.$props.themePreset,
-        "style": {
-          marginTop: '1.5rem',
-          background: 'inherit'
-        }
-      }, {
-        "default": function _default() {
-          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$1(_slot2 = _this3.getAISourceObjects().map(function (el) {
-            var _slot;
-            return vue.createVNode(Button.Button, {
-              "class": "--ai-source-tag " + (helper.getClassName(_this3.$props.innerClass, 'ai-source-tag') || ''),
-              "info": true,
-              "onClick": function onClick() {
-                return onSourceClick && onSourceClick(el);
-              },
-              "key": el._id
-            }, _isSlot$1(_slot = renderSourceDocumentLabel(el)) ? _slot : {
-              "default": function _default() {
-                return [_slot];
-              }
-            });
-          })) ? _slot2 : {
-            "default": function _default() {
-              return [_slot2];
-            }
-          })];
-        }
-      }) : null;
-    },
-    generateNewSessionId: function generateNewSessionId() {
-      var _this4 = this;
-      var newSessionPromise = this.createAISession();
-      newSessionPromise.then(function (res) {
-        _this4.AISessionId = res.AIsessionId;
-      })["catch"](function (e) {
-        console.error(e);
-      });
-    },
-    scrollToBottom: function scrollToBottom() {
-      var _this5 = this;
-      this.$nextTick(function () {
-        var _this5$$refs;
-        var messageContainer = (_this5$$refs = _this5.$refs) == null ? void 0 : _this5$$refs[_this5.$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, fetchMeta) {
-      if (isRetry === void 0) {
-        isRetry = false;
-      }
-      if (text === void 0) {
-        text = this.inputMessage;
-      }
-      if (fetchMeta === void 0) {
-        fetchMeta = false;
-      }
-      if (typeof e === 'object' && e !== null) e.preventDefault();
-      if (text.trim() || !text && !e) {
-        if (this.isLoadingState) {
-          return;
-        }
-        if (this.AISessionId) {
-          if (!isRetry) {
-            var finalMessages = [].concat(this.messages);
-            if (text) {
-              finalMessages.push({
-                content: text,
-                role: constants.AI_ROLES.USER
-              });
-            }
-            this.messages = [].concat(finalMessages);
-          }
-          this.getAIResponse(this.AISessionId, this.componentId, text, fetchMeta);
-        } 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 vue.createVNode("div", {
-            "ref": _errorContainerRef,
-            "class": "--ai-answer-error-container " + (helper.getClassName(this.$props.innerClass, 'ai-error') || '')
-          }, [index.isFunction(renderError) ? renderError(this.error, this.handleRetryRequest) : renderError]);
-        }
-        return vue.createVNode("div", {
-          "ref": _errorContainerRef,
-          "class": "--ai-answer-error-container " + (helper.getClassName(this.$props.innerClass, 'ai-error') || '')
-        }, [vue.createVNode("div", {
-          "class": "--default-error-element"
-        }, [vue.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 && vue.createVNode(Button.Button, {
-          "primary": true,
-          "onClick": this.handleRetryRequest
-        }, {
-          "default": function _default() {
-            return [vue.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 vue.createVNode("img", {
-            "style": {
-              maxHeight: '25px'
-            },
-            "src": this.$props.iconURL,
-            "alt": "search-icon"
-          }, null);
-        }
-        return vue.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(_ref2) {
-      var results = _ref2.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 _this6 = this;
-      var _slot3, _slot4;
-      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 vue.createVNode("div", null, [vue.createVNode(DropDown.IconGroup, {
-        "enableAI": true,
-        "groupPosition": "right",
-        "positionType": "absolute"
-      }, {
-        "default": function _default() {
-          return [!_this6.isLoadingState && _this6.AISessionId && _this6.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
-            "getInstance": getMicInstance,
-            "render": renderMic,
-            "handleResult": _this6.handleVoiceResults,
-            "class": helper.getClassName(innerClass, 'ai-search-mic') || null
-          }, null), iconPosition === 'right' && vue.createVNode(DropDown.IconWrapper, null, _isSlot$1(_slot3 = _this6.renderIcon()) ? _slot3 : {
-            "default": function _default() {
-              return [_slot3];
-            }
-          })];
-        }
-      }), vue.createVNode(DropDown.IconGroup, {
-        "enableAI": true,
-        "groupPosition": "left",
-        "positionType": "absolute"
-      }, {
-        "default": function _default() {
-          return [iconPosition === 'left' && vue.createVNode(DropDown.IconWrapper, null, _isSlot$1(_slot4 = _this6.renderIcon()) ? _slot4 : {
-            "default": function _default() {
-              return [_slot4];
-            }
-          })];
-        }
-      })]);
-    },
-    enterButtonOnClick: function enterButtonOnClick(e) {
-      this.handleSendMessage(e);
-    },
-    renderEnterButtonElement: function renderEnterButtonElement() {
-      var _this7 = 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(_this7.enterButtonOnClick);
-          }
-          return vue.createVNode(SendButton, {
-            "primary": true,
-            "type": "submit",
-            "tabIndex": 0,
-            "onClick": _this7.handleSendMessage,
-            "onKeyPress": _this7.handleKeyPress,
-            "class": "ask-btn " + helper.getClassName(innerClass, 'ai-enter-button'),
-            "disabled": _this7.isLoadingState || !_this7.AISessionId
-          }, {
-            "default": function _default() {
-              return [vue.createTextVNode("Send")];
-            }
-          });
-        };
-        return vue.createVNode("div", {
-          "class": "ai-enter-button-wrapper"
-        }, [getEnterButtonMarkup()]);
-      }
-      return null;
-    },
-    getComponent: function getComponent() {
-      var data = {
-        error: this.AIResponseError,
-        loading: this.isAIResponseLoading,
-        data: this.messages,
-        rawData: this.rawData
-      };
-      return index.getComponent(data, this);
-    },
-    handleTextAreaHeightChange: function handleTextAreaHeightChange() {
-      var _this$$refs, _this$$refs2, _this$$refs3;
-      var textArea = (_this$$refs = this.$refs) == null || (_this$$refs = _this$$refs[_inputRef]) == null ? void 0 : _this$$refs.$el;
-      var inputWrapper = (_this$$refs2 = this.$refs) == null || (_this$$refs2 = _this$$refs2[_inputWrapperRef]) == null ? void 0 : _this$$refs2.$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();
-      }
-    },
-    getTitle: function getTitle() {
-      var _this8 = this;
-      var hasTitle = this.$props.title || this.$slots.title || null;
-      if (hasTitle) {
-        return vue.createVNode(Title.Title, {
-          "class": helper.getClassName(this.$props.innerClass, 'ai-title') || null
-        }, {
-          "default": function _default() {
-            return [_this8.$props.title || _this8.$slots.title()];
-          }
-        });
-      }
-      return null;
-    }
-  },
-  beforeUnmount: function beforeUnmount() {
-    if (this.$props.clearSessionOnDestroy) {
-      // cleanup logic
-      // final Object to store in local storage cache
-      var finalCacheObj = helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {};
-      // delete current component's cache
-      delete finalCacheObj[this.$props.componentId];
-      // update local cache
-      helper.setObjectInLocalStorage(constants.AI_LOCAL_CACHE_KEY, finalCacheObj);
-    }
-  },
-  render: function render() {
-    var _slot5;
-    var _this9 = this;
-    var props = this.$props;
-    if (!this.shouldShowComponent) {
-      return null;
-    }
-    if (!this.isTriggered) {
-      return vue.createVNode(Chatbox, {
-        "style": props.style || {}
-      }, {
-        "default": function _default() {
-          return [_this9.getTitle(), vue.createVNode("div", {
-            "class": "--trigger-message-wrapper",
-            "onClick": _this9.handleTriggerClick,
-            "aria-hidden": "true"
-          }, [_this9.renderTriggerMessageFunc()])];
-        }
-      });
-    }
-    return vue.createVNode(Chatbox, {
-      "style": props.style || {}
-    }, {
-      "default": function _default() {
-        return [_this9.getTitle(), vue.createVNode(ChatContainer, {
-          "class": "--ai-chat-container",
-          "theme": props.theme,
-          "showInput": props.showInput
-        }, {
-          "default": function _default() {
-            return [_this9.hasCustomRenderer && vue.createVNode(MessagesContainer, {
-              "themePreset": _this9.themePreset,
-              "theme": props.theme,
-              "ref": _this9.$props.innerRef,
-              "class": "--ai-message-container " + (helper.getClassName(props.innerClass, 'ai-message-container') || '')
-            }, _isSlot$1(_slot5 = _this9.getComponent()) ? _slot5 : {
-              "default": function _default() {
-                return [_slot5];
-              }
-            }), !_this9.hasCustomRenderer && vue.createVNode(MessagesContainer, {
-              "themePreset": _this9.themePreset,
-              "theme": props.theme,
-              "ref": _this9.$props.innerRef,
-              "class": "--ai-message-container " + (helper.getClassName(props.innerClass, 'ai-message-container') || '')
-            }, {
-              "default": function _default() {
-                return [_this9.messages.map(function (message, index) {
-                  return vue.createVNode(Message, {
-                    "key": index,
-                    "isSender": message.role === constants.AI_ROLES.USER,
-                    "innerHTML": md$1.render(message.content),
-                    "themePreset": _this9.themePreset,
-                    "theme": props.theme,
-                    "class": "--ai-answer-message " + (helper.getClassName(props.innerClass, 'ai-message') || '')
-                  }, null);
-                }), _this9.isLoadingState && vue.createVNode(Message, {
-                  "themePreset": _this9.themePreset,
-                  "theme": props.theme,
-                  "isSender": false,
-                  "class": "--ai-answer-message " + (helper.getClassName(props.innerClass, 'ai-message') || null)
-                }, {
-                  "default": function _default() {
-                    return [vue.createVNode(TypingIndicator, null, {
-                      "default": function _default() {
-                        return [vue.createVNode(TypingDot, {
-                          "themePreset": _this9.themePreset
-                        }, null), vue.createVNode(TypingDot, {
-                          "themePreset": _this9.themePreset
-                        }, null), vue.createVNode(TypingDot, {
-                          "themePreset": _this9.themePreset
-                        }, null)];
-                      }
-                    })];
-                  }
-                })];
-              }
-            }), _this9.renderErrorComponent(), ' ', props.showFeedback && !_this9.isLoadingState && !_this9.isAITyping && vue.createVNode("div", {
-              "class": "--ai-answer-feedback-container " + (helper.getClassName(props.innerClass, 'ai-feedback') || '')
-            }, [vue.createVNode(AIFeedback, {
-              "hideUI": _this9.isLoadingState || !_this9.sessionId,
-              "key": _this9.sessionId,
-              "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-                _this9.trackUsefullness(_this9.sessionId, {
-                  useful: useful,
-                  reason: reason
-                });
-              }
-            }, null)]), ' ', _this9.renderAIScreenFooter(), props.showInput && !_this9.isLoadingState && !_this9.isAITyping && vue.createVNode(MessageInputContainer, {
-              "class": "--ai-input-container",
-              "onSubmit": _this9.handleSendMessage
-            }, {
-              "default": function _default() {
-                return [vue.createVNode(InputGroup, {
-                  "enableAI": true,
-                  "isOpen": false
-                }, {
-                  "default": function _default() {
-                    return [vue.createVNode(DropDown.InputWrapper, {
-                      "ref": _inputWrapperRef
-                    }, {
-                      "default": function _default() {
-                        return [vue.createVNode(MessageInput, {
-                          "ref": _inputRef,
-                          "placeholder": props.placeholder,
-                          "enterButton": props.enterButton,
-                          "value": _this9.inputMessage,
-                          "onInput": _this9.handleMessageInputChange,
-                          "id": props.componentId + "-ai-input",
-                          "showIcon": props.showIcon,
-                          "iconPosition": props.iconPosition,
-                          "themePreset": _this9.themePreset,
-                          "disabled": _this9.isLoadingState || !_this9.AISessionId,
-                          "class": helper.getClassName(props.innerClass, 'ai-input') || null
-                        }, null), ' ', _this9.renderIcons()];
-                      }
-                    })];
-                  }
-                }), _this9.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);
-  var dependentComponentValue = state.selectedValues[dependencyComponent] && state.selectedValues[dependencyComponent].value || '';
-  return {
-    showComponent: showComponent,
-    dependentComponentValue: dependentComponentValue,
-    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] || null,
-    isAITyping: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response && state.AIResponses[props.componentId].response.isTyping || false
-  };
-};
-var mapDispatchToProps$1 = {
-  getAIResponse: function getAIResponse(sessionId, componentId, message, shouldFetchMeta) {
-    if (shouldFetchMeta === void 0) {
-      shouldFetchMeta = false;
-    }
-    return query.fetchAIResponse(sessionId, componentId, message, null, shouldFetchMeta);
-  },
-  trackUsefullness: analytics.recordAISessionUsefulness,
-  createAISession: query.createAISession
-};
-var AIConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps$1, mapDispatchToProps$1)(AIAnswer), {
-  componentType: constants.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 = constants.componentTypes.AIAnswer;
-
-var _templateObject$9, _templateObject2$4;
-var HierarchicalMenuList = vueEmotion.styled('ul')(_templateObject$9 || (_templateObject$9 = _rollupPluginBabelHelpers._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 = vueEmotion.styled('li')(_templateObject2$4 || (_templateObject2$4 = _rollupPluginBabelHelpers._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";
-});
-
-var HierarchicalMenuListItemComponent = {
-  name: 'HierarchicalMenuListItemComponent',
-  data: function data() {
-    return {
-      isExpanded: false,
-      newParentPath: ''
-    };
-  },
-  created: function created() {
-    var listItemLabel = this.listItem.key;
-    var newParentPath = listItemLabel;
-    if (this.parentPath) {
-      newParentPath = "" + this.parentPath + constants.TREELIST_VALUES_PATH_SEPARATOR + listItemLabel;
-    }
-    this.newParentPath = newParentPath;
-    this.isExpanded = !!helper.recLookup(this.selectedValues, newParentPath, constants.TREELIST_VALUES_PATH_SEPARATOR);
-  },
-  watch: {
-    listItem: function listItem(newVal) {
-      if (newVal.initiallyExpanded) {
-        this.isExpanded = newVal.initiallyExpanded;
-      }
-    },
-    selectedValues: function selectedValues(newVal) {
-      this.isExpanded = !!helper.recLookup(newVal, this.newParentPath, constants.TREELIST_VALUES_PATH_SEPARATOR);
-    }
-  },
-  props: {
-    parentPath: types.string,
-    selectedValues: types.rawData,
-    mode: types.string,
-    searchTerm: types.string,
-    listItem: types.rawData,
-    showLine: types.bool,
-    renderItem: types.func,
-    handleListItemClick: types.func,
-    renderSwitcherIcon: types.func,
-    showCheckbox: VueTypes.bool,
-    innerClass: types.style,
-    showRadio: VueTypes.bool,
-    renderIcon: types.func,
-    showCount: VueTypes.bool,
-    showSwitcherIcon: types.bool,
-    switcherIcon: types.children
-  },
-  render: function render() {
-    var _this = this;
-    var _this$$props = this.$props,
-      selectedValues = _this$$props.selectedValues,
-      mode = _this$$props.mode,
-      searchTerm = _this$$props.searchTerm,
-      listItem = _this$$props.listItem,
-      parentPath = _this$$props.parentPath,
-      showLine = _this$$props.showLine,
-      renderItem = _this$$props.renderItem,
-      handleListItemClick = _this$$props.handleListItemClick,
-      showCheckbox = _this$$props.showCheckbox,
-      innerClass = _this$$props.innerClass,
-      showRadio = _this$$props.showRadio,
-      renderIcon = _this$$props.renderIcon,
-      showCount = _this$$props.showCount,
-      showSwitcherIcon = _this$$props.showSwitcherIcon;
-    if (!(listItem instanceof Object) || Object.keys(listItem).length === 0) {
-      return null;
-    }
-    var listItemLabel = listItem.key;
-    var listItemCount = listItem.count;
-    var isLeafNode = !(Array.isArray(listItem.list) && listItem.list.length > 0);
-    var renderSwitcherIcon = function renderSwitcherIcon(isExpandedProp) {
-      if (showSwitcherIcon === false) {
-        return null;
-      }
-      var switcherIcon = _this.$props.switcherIcon;
-      if (switcherIcon) return switcherIcon(isExpandedProp);
-      return (
-        /* eslint-disable jsx-a11y/click-events-have-key-events
-        , jsx-a11y/no-static-element-interactions,jsx-a11y/no-noninteractive-tabindex */
-        vue.createVNode("span", {
-          "tabIndex": "0",
-          "onClick": function onClick(e) {
-            e.stopPropagation();
-            _this.isExpanded = !_this.isExpanded;
-          },
-          "class": "--switcher-icon"
-        }, [vue.createTextVNode("\u27A4")])
-      );
-    };
-    var isSelected = false;
-    if (mode === 'single') {
-      if (helper.recLookup(selectedValues, this.newParentPath, constants.TREELIST_VALUES_PATH_SEPARATOR) === true) {
-        isSelected = true;
-      }
-    } else {
-      isSelected = !!helper.recLookup(selectedValues, this.newParentPath, constants.TREELIST_VALUES_PATH_SEPARATOR);
-    }
-    return vue.createVNode(HierarchicalMenuListItem, {
-      "class": (isSelected ? '-selected-item' : '') + " " + (this.isExpanded ? '-expanded-item' : ''),
-      "key": this.newParentPath,
-      "showLine": showLine
-    }, {
-      "default": function _default() {
-        return [vue.createVNode(ListItem.ListItem, {
-          "isTreeListItem": true,
-          "onClick": function onClick() {
-            handleListItemClick(listItemLabel, parentPath);
-          },
-          "style": {
-            textDecoration: 'none'
-          }
-        }, {
-          "default": function _default() {
-            return [renderItem ? renderItem(listItemLabel, listItemCount, isSelected) : vue.createVNode(Flex.Flex, {
-              "alignItems": "center",
-              "gap": "5px"
-            }, {
-              "default": function _default() {
-                return [!isLeafNode && renderSwitcherIcon(isSelected), mode === 'multiple' && showCheckbox && vue.createVNode(Flex.Flex, {
-                  "alignItems": "center",
-                  "gap": "5px"
-                }, {
-                  "default": function _default() {
-                    return [vue.createVNode(FormControlList.Checkbox, {
-                      "type": "checkbox",
-                      "class": helper.getClassName(innerClass, 'checkbox') || null,
-                      "checked": isSelected,
-                      "id": listItemLabel + "-checkbox-" + _this.newParentPath,
-                      "name": listItemLabel + "-checkbox-" + _this.newParentPath,
-                      "show": true,
-                      "readOnly": true
-                    }, null), vue.createVNode("label", {
-                      "style": {
-                        width: '26px',
-                        marginTop: 0,
-                        marginBottom: 0,
-                        marginRight: '-9px',
-                        left: '-3px'
-                      },
-                      "htmlFor": listItemLabel + "-checkbox-" + _this.newParentPath,
-                      "onClick": function onClick(e) {
-                        e.stopPropagation();
-                      }
-                    }, null)];
-                  }
-                }), mode === 'single' && showRadio && vue.createVNode(Flex.Flex, {
-                  "alignItems": "center",
-                  "gap": "5px"
-                }, {
-                  "default": function _default() {
-                    return [vue.createVNode(FormControlList.Radio, {
-                      "checked": isSelected,
-                      "class": helper.getClassName(innerClass, 'radio') || null,
-                      "id": listItemLabel + "-radio-" + _this.newParentPath,
-                      "name": listItemLabel + "-radio-" + _this.newParentPath,
-                      "show": true,
-                      "readOnly": true,
-                      "type": "radio"
-                    }, null), vue.createVNode("label", {
-                      "style": {
-                        width: '26px',
-                        marginTop: 0,
-                        marginBottom: 0,
-                        marginRight: '-9px',
-                        left: '-3px'
-                      },
-                      "htmlFor": listItemLabel + "-radio-" + _this.newParentPath,
-                      "onClick": function onClick(e) {
-                        e.stopPropagation();
-                      }
-                    }, null)];
-                  }
-                }), ' ', renderIcon(isLeafNode), vue.createVNode("div", {
-                  "class": "--list-item-label-count-wrapper"
-                }, [vue.createVNode("span", {
-                  "class": "--list-item-label " + (helper.getClassName(innerClass, 'label') || '')
-                }, [listItemLabel]), showCount && vue.createVNode("span", {
-                  "class": "--list-item-count " + (helper.getClassName(innerClass, 'count') || '')
-                }, [listItemCount])])];
-              }
-            })];
-          }
-        }), isLeafNode === false && vue.createVNode("div", {
-          "class": "--list-child " + (showSwitcherIcon ? ' --show-switcher-icon' : '')
-        }, [vue.createVNode(HierarchicalMenuComponent, {
-          "key": _this.newParentPath + "-" + listItemLabel + "-" + listItemCount,
-          "listArray": listItem.list,
-          "parentPath": _this.newParentPath,
-          "isExpanded": _this.isExpanded,
-          "listItemProps": {
-            mode: mode,
-            selectedValues: selectedValues,
-            searchTerm: searchTerm,
-            showLine: showLine,
-            renderItem: renderItem,
-            handleListItemClick: handleListItemClick,
-            renderSwitcherIcon: renderSwitcherIcon,
-            showCheckbox: showCheckbox,
-            innerClass: innerClass,
-            showRadio: showRadio,
-            renderIcon: renderIcon,
-            showCount: showCount,
-            showSwitcherIcon: showSwitcherIcon,
-            switcherIcon: _this.$props.switcherIcon
-          }
-        }, null)])];
-      }
-    });
-  }
-};
-
-function _isSlot$2(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-var HierarchicalMenuComponent = {
-  name: 'HierarchicalMenuComponent',
-  props: {
-    listArray: VueTypes.arrayOf(VueTypes.object),
-    // array of objects
-    parentPath: VueTypes.string.def(''),
-    isExpanded: VueTypes.bool.def(false),
-    listItemProps: types.rawData
-  },
-  render: function render() {
-    var _slot;
-    var _this$$props = this.$props,
-      listArray = _this$$props.listArray,
-      isExpanded = _this$$props.isExpanded,
-      parentPath = _this$$props.parentPath,
-      listItemProps = _this$$props.listItemProps;
-    if (!Array.isArray(listArray) || listArray.length === 0) {
-      return null;
-    }
-    return vue.createVNode(HierarchicalMenuList, {
-      "class": "" + (isExpanded ? '--open' : ''),
-      "isSelected": isExpanded
-    }, _isSlot$2(_slot = listArray.map(function (listItem) {
-      return vue.createVNode(HierarchicalMenuListItemComponent, vue.mergeProps({
-        "key": parentPath + "__" + JSON.stringify(listItem),
-        "parentPath": parentPath,
-        "listItem": listItem
-      }, listItemProps), null);
-    })) ? _slot : {
-      "default": function _default() {
-        return [_slot];
-      }
-    });
-  }
-};
-
-function _isSlot$3(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-var updateQueryAction = reactivecore.Actions.updateQuery,
-  setQueryOptions = reactivecore.Actions.setQueryOptions;
-var transformValueIntoLocalState = function transformValueIntoLocalState(valueArray) {
-  var valueToSet = {};
-  if (valueArray.length) {
-    var newSelectedValues = {};
-    valueArray.forEach(function (valueItem) {
-      helper.setDeep(newSelectedValues, valueItem.split(' > '), !helper.recLookup(newSelectedValues, valueItem.split(' > '), constants.TREELIST_VALUES_PATH_SEPARATOR), true);
-    });
-    valueToSet = newSelectedValues;
-  }
-  return valueToSet;
-};
-var TreeList = {
-  name: 'TreeList',
-  props: {
-    selectedValue: vueTypes.types.selectedValue,
-    error: vueTypes.types.title,
-    rawData: vueTypes.types.rawData,
-    aggregationData: vueTypes.types.rawData,
-    themePreset: vueTypes.types.themePreset,
-    updateQueryAction: vueTypes.types.funcRequired,
-    setQueryOptions: vueTypes.types.funcRequired,
-    // component props
-    componentId: vueTypes.types.string.isRequired,
-    className: vueTypes.types.string,
-    style: vueTypes.types.style,
-    showRadio: VueTypes.bool.def(false),
-    showCheckbox: vueTypes.types.bool.def(false),
-    mode: VueTypes.oneOf(['single', 'multiple']).def('multiple'),
-    showCount: VueTypes.bool.def(false),
-    showSearch: VueTypes.bool.def(false),
-    showIcon: VueTypes.bool.def(false),
-    icon: vueTypes.types.children,
-    showLeafIcon: VueTypes.bool.def(false),
-    leafIcon: vueTypes.types.children,
-    showLine: VueTypes.bool.def(false),
-    switcherIcon: vueTypes.types.func,
-    render: vueTypes.types.func,
-    renderItem: vueTypes.types.func,
-    innerClass: vueTypes.types.style,
-    placeholder: vueTypes.types.string,
-    title: vueTypes.types.title,
-    isLoading: vueTypes.types.bool,
-    dataField: vueTypes.types.stringArray.isRequired,
-    onQueryChange: vueTypes.types.func,
-    defaultValue: vueTypes.types.stringArray,
-    value: vueTypes.types.stringArray,
-    customQuery: vueTypes.types.func,
-    defaultQuery: vueTypes.types.func,
-    enableAppbase: vueTypes.types.bool,
-    index: vueTypes.types.string,
-    showFilter: vueTypes.types.bool,
-    URLParams: vueTypes.types.bool,
-    filterLabel: vueTypes.types.string,
-    onChange: vueTypes.types.func,
-    onValueChange: vueTypes.types.func,
-    beforeValueChange: vueTypes.types.func,
-    sortBy: vueTypes.types.sortByWithCount.def('count'),
-    onError: vueTypes.types.func,
-    showSwitcherIcon: vueTypes.types.bool.def(true),
-    renderError: vueTypes.types.title,
-    renderNoResults: vueTypes.types.func,
-    loader: vueTypes.types.title,
-    aggergationSize: vueTypes.types.number,
-    endpoint: vueTypes.types.endpoint,
-    queryFormat: vueTypes.types.queryFormatSearch.def('or'),
-    size: vueTypes.types.number.def(100),
-    nestedField: vueTypes.types.string,
-    react: vueTypes.types.react,
-    transformData: vueTypes.types.func,
-    selectAllLabel: vueTypes.types.string,
-    showMissing: VueTypes.bool.def(false),
-    missingLabel: VueTypes.string.def('N/A')
-  },
-  data: function data() {
-    var props = this.$props;
-    this.__state = {
-      selectedValues: {},
-      searchTerm: '',
-      aggregationData: []
-    };
-    this.internalComponent = props.componentId + "__internal";
-    return this.__state;
-  },
-  created: function created() {
-    var props = this.$props;
-    var componentId = props.componentId;
-    var defaultValue = this.defaultValue || this.value;
-    var currentValueArray = this.selectedValue || defaultValue || [];
-    // update local state for selected values
-    if (currentValueArray.length) {
-      var newSelectedValues = transformValueIntoLocalState(currentValueArray);
-      this.setValue(newSelectedValues, true);
-    }
-
-    // Set custom and default queries in store
-    helper.updateCustomQuery(componentId, props, currentValueArray);
-    helper.updateDefaultQuery(componentId, props, currentValueArray);
-    this.updateQueryOptions();
-  },
-  mounted: function mounted() {
-    var _this$$props = this.$props,
-      enableAppbase = _this$$props.enableAppbase,
-      index = _this$$props.index;
-    if (!enableAppbase && index) {
-      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-    }
-  },
-  watch: {
-    defaultQuery: function defaultQuery() {
-      this.updateDefaultQuery();
-      this.updateQuery([]);
-    },
-    customQuery: function customQuery() {
-      var valueArray = helper.transformTreeListLocalStateIntoQueryComptaibleFormat(this.$data.selectedValues) || [];
-      this.updateQuery(valueArray);
-    },
-    sortBy: function sortBy() {
-      this.updateQueryOptions();
-    },
-    dataField: function dataField() {
-      var valueArray = helper.transformTreeListLocalStateIntoQueryComptaibleFormat(this.$data.selectedValues) || [];
-      this.updateQueryOptions();
-      this.updateQuery(valueArray);
-    },
-    value: function value(newVal, oldVal) {
-      if (!helper.isEqual(newVal, oldVal)) {
-        this.setValue(newVal);
-      }
-    },
-    selectedValue: function selectedValue(newVal) {
-      if (!helper.isEqual(helper.transformTreeListLocalStateIntoQueryComptaibleFormat(this.$data.selectedValues), newVal)) {
-        var _this$$props2 = this.$props,
-          value = _this$$props2.value,
-          onChange = _this$$props2.onChange;
-        var valueToSet = [];
-        if (Array.isArray(newVal) && newVal.length) {
-          valueToSet = newVal;
-        }
-        if (value === undefined) {
-          this.setValue(valueToSet);
-        } else if (onChange && !helper.isEqual(value, valueToSet)) {
-          onChange(valueToSet);
-        }
-      }
-    },
-    aggregationData: function aggregationData(newVal, oldVal) {
-      if (newVal && !helper.isEqual(newVal, oldVal)) {
-        this.$data.aggregationData = newVal;
-      }
-    }
-  },
-  computed: {
-    hasCustomRenderer: function hasCustomRenderer() {
-      return index.hasCustomRenderer(this);
-    }
-  },
-  methods: {
-    renderIcon: function renderIcon(isLeafNode) {
-      var _this$$props3 = this.$props,
-        showIcon = _this$$props3.showIcon,
-        showLeafIcon = _this$$props3.showLeafIcon,
-        icon = _this$$props3.icon;
-      if (isLeafNode) {
-        if (!showLeafIcon) return null;
-        var _ref = this.$slots || this.$props,
-          leafIcon = _ref.leafIcon;
-        if (leafIcon) return leafIcon();
-        return vue.createVNode("span", {
-          "role": "img",
-          "aria-label": "file",
-          "class": "--leaf-icon"
-        }, [vue.createVNode("svg", {
-          "viewBox": "64 64 896 896",
-          "focusable": "false",
-          "data-icon": "file",
-          "width": "1em",
-          "height": "1em",
-          "fill": "currentColor",
-          "aria-hidden": "true"
-        }, [vue.createVNode("path", {
-          "d": "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
-        }, null)])]);
-      }
-      if (!showIcon) return null;
-      if (icon) {
-        return icon;
-      }
-      if (this.$slots.icon) {
-        return this.$slots.icon();
-      }
-      return vue.createVNode("span", {
-        "role": "img",
-        "aria-label": "folder-open",
-        "class": "--folder-icon"
-      }, [vue.createVNode("svg", {
-        "viewBox": "64 64 896 896",
-        "focusable": "false",
-        "data-icon": "folder-open",
-        "width": "1em",
-        "height": "1em",
-        "fill": "currentColor",
-        "aria-hidden": "true"
-      }, [vue.createVNode("path", {
-        "d": "M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 00-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"
-      }, null)])]);
-    },
-    getTransformedData: function getTransformedData() {
-      var _this$$props4 = this.$props,
-        dataField = _this$$props4.dataField,
-        showSearch = _this$$props4.showSearch;
-      var transformedData = helper.transformRawTreeListData(this.$data.aggregationData, dataField);
-      var filteredData = [];
-      if (showSearch && this.searchTerm) {
-        filteredData = this.filterDataBasedOnSearchTerm(transformedData, '');
-      }
-      return filteredData.length ? filteredData : transformedData;
-    },
-    handleInputChange: function handleInputChange(e) {
-      var value = e.target.value;
-      this.searchTerm = value;
-    },
-    renderSearch: function renderSearch() {
-      var _this$$props5 = this.$props,
-        showSearch = _this$$props5.showSearch,
-        innerClass = _this$$props5.innerClass,
-        placeholder = _this$$props5.placeholder,
-        componentId = _this$$props5.componentId,
-        themePreset = _this$$props5.themePreset;
-      if (showSearch) {
-        return vue.createVNode(Input.Input, {
-          "class": helper.getClassName(innerClass, 'input') || null,
-          "onInput": this.handleInputChange,
-          "value": this.searchTerm,
-          "placeholder": placeholder || 'Search',
-          "style": {
-            margin: '0 0 8px'
-          },
-          "aria-label": componentId + "-search",
-          "themePreset": themePreset
-        }, null);
-      }
-      return null;
-    },
-    handleListItemClick: function handleListItemClick(key, parentPath) {
-      var path = key;
-      if (parentPath) {
-        path = "" + parentPath + constants.TREELIST_VALUES_PATH_SEPARATOR + key;
-      }
-      var newSelectedValues = _rollupPluginBabelHelpers._extends({}, this.selectedValues);
-      if (this.$props.mode === 'single') {
-        newSelectedValues = {};
-        helper.setDeep(newSelectedValues, path.split(constants.TREELIST_VALUES_PATH_SEPARATOR), true, true);
-      } else {
-        var newValue = !helper.recLookup(newSelectedValues, path, constants.TREELIST_VALUES_PATH_SEPARATOR);
-        helper.setDeep(newSelectedValues, path.split(constants.TREELIST_VALUES_PATH_SEPARATOR), newValue, true);
-      }
-      newSelectedValues = utils.sanitizeObject(_rollupPluginBabelHelpers._extends({}, newSelectedValues));
-      if (this.$props.value === undefined) {
-        this.setValue(newSelectedValues);
-      } else if (this.$props.onChange) {
-        var valueToSet = helper.transformTreeListLocalStateIntoQueryComptaibleFormat(newSelectedValues);
-        this.$props.onChange(valueToSet);
-      }
-    },
-    filterDataBasedOnSearchTerm: function filterDataBasedOnSearchTerm(listArray, parentPath) {
-      var _this = this;
-      if (!(listArray && Array.isArray(listArray) && listArray.length)) {
-        return null;
-      }
-      var result = [];
-      listArray.forEach(function (ele) {
-        var isLeafItem = !ele.list;
-        var newParentPath = ele.key;
-        if (parentPath) {
-          newParentPath = parentPath + "." + ele.key;
-        }
-        var keyHasSearchTerm = suggestions.replaceDiacritics(ele.key).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm).toLowerCase()) || helper.recLookup(_this.$data.selectedValues, newParentPath, constants.TREELIST_VALUES_PATH_SEPARATOR);
-        if (isLeafItem && keyHasSearchTerm) {
-          result.push(_rollupPluginBabelHelpers._extends({}, ele, {
-            initiallyExpanded: keyHasSearchTerm
-          }));
-        } else if (!isLeafItem) {
-          var filteredChildrenItems = _this.filterDataBasedOnSearchTerm(ele.list, newParentPath);
-          if (keyHasSearchTerm || !!filteredChildrenItems.length) {
-            result.push(_rollupPluginBabelHelpers._extends({}, ele, {
-              initiallyExpanded: keyHasSearchTerm || !!filteredChildrenItems.length,
-              list: filteredChildrenItems
-            }));
-          }
-        }
-      });
-      return result;
-    },
-    getComponent: function getComponent() {
-      var _this$$props6 = this.$props,
-        rawData = _this$$props6.rawData,
-        error = _this$$props6.error,
-        isLoading = _this$$props6.isLoading;
-      var data = {
-        data: this.getTransformedData(),
-        rawData: rawData,
-        error: error,
-        handleClick: this.handleListItemClick,
-        value: this.$data.selectedValues,
-        loading: isLoading,
-        PATH_SEPARATOR: constants.TREELIST_VALUES_PATH_SEPARATOR
-      };
-      return this.$slots.render(data) || helper.getComponent(data, this.$props);
-    },
-    getDefaultQuery: function getDefaultQuery(value) {
-      var _this2 = this;
-      var query = null;
-      var type = 'term';
-      var booleanAggregator = this.$props.queryFormat === 'or' ? 'should' : 'must';
-      if (!Array.isArray(value) || value.length === 0) {
-        return null;
-      }
-      if (value) {
-        var _bool;
-        // adds a sub-query with must as an array of objects for each term/value
-        var queryArray = value.map(function (item) {
-          return {
-            bool: {
-              must: item.split(' > ').map(function (subItem, i) {
-                var _type, _ref2;
-                return _ref2 = {}, _ref2[type] = (_type = {}, _type[_this2.$props.dataField[i]] = subItem, _type), _ref2;
-              })
-            }
-          };
-        });
-        var listQuery = {
-          bool: (_bool = {}, _bool[booleanAggregator] = queryArray, _bool)
-        };
-        query = value.length ? listQuery : null;
-      }
-      if (query && this.$props.nestedField) {
-        return {
-          nested: {
-            path: this.$props.nestedField,
-            query: query
-          }
-        };
-      }
-      return query;
-    },
-    updateQuery: function updateQuery(value) {
-      var customQuery = this.$props.customQuery;
-      var query = this.getDefaultQuery(value);
-      var customQueryOptions;
-      if (customQuery) {
-        var _ref3 = customQuery(value, this.$props) || {};
-        query = _ref3.query;
-        customQueryOptions = helper.getOptionsFromQuery(customQuery(value, this.$props));
-        helper.updateCustomQuery(this.$props.componentId, this.$props, value);
-      }
-      this.setQueryOptions(this.$props.componentId, _rollupPluginBabelHelpers._extends({}, this.generateQueryOptions(), customQueryOptions));
-      this.updateQueryAction({
-        componentId: this.$props.componentId,
-        query: query,
-        value: value,
-        label: this.$props.filterLabel,
-        showFilter: this.$props.showFilter,
-        URLParams: this.$props.URLParams,
-        componentType: constants.componentTypes.treeList
-      });
-    },
-    setValue: function setValue(value, hasMountedParam) {
-      var _this3 = this;
-      if (hasMountedParam === void 0) {
-        hasMountedParam = true;
-      }
-      var finalValues = Array.isArray(value) === false ? helper.transformTreeListLocalStateIntoQueryComptaibleFormat(value) : value;
-      var performUpdate = function performUpdate() {
-        var handleUpdates = function handleUpdates() {
-          _this3.updateQuery(finalValues);
-          if (_this3.$props.onValueChange) _this3.$props.onValueChange(finalValues);
-        };
-        if (hasMountedParam) {
-          _this3.selectedValues = Array.isArray(value) ? transformValueIntoLocalState(value) : value;
-          handleUpdates();
-        } else {
-          handleUpdates();
-        }
-      };
-      helper.checkValueChange(this.$props.componentId, finalValues, this.$props.beforeValueChange, performUpdate);
-    },
-    generateQueryOptions: function generateQueryOptions() {
-      var queryOptions = helper.getQueryOptions(this.$props);
-      var valueArray = helper.transformTreeListLocalStateIntoQueryComptaibleFormat(this.selectedValues);
-      return helper.getAggsQuery(valueArray, queryOptions, this.$props);
-    },
-    updateDefaultQuery: function updateDefaultQuery(queryOptions) {
-      var value = helper.transformTreeListLocalStateIntoQueryComptaibleFormat(this.selectedValues);
-      // Update default query for RS API
-      helper.updateDefaultQuery(this.$props.componentId, this.$props, value);
-      helper.updateInternalQuery(transform.getInternalComponentID(this.$props.componentId), queryOptions, value, this.$props, this.generateQueryOptions(), null);
-    },
-    updateQueryOptions: function updateQueryOptions() {
-      // for a new query due to other changes don't append after to get fresh results
-      var queryOptions = this.generateQueryOptions(this.$props, {}, helper.transformTreeListLocalStateIntoQueryComptaibleFormat(this.$data.selectedValues));
-      if (this.$props.defaultQuery) {
-        // eslint-disable-next-line no-use-before-define
-        this.updateDefaultQuery(queryOptions);
-      } else {
-        this.setQueryOptions(transform.getInternalComponentID(this.$props.componentId), queryOptions);
-      }
-    }
-  },
-  render: function render() {
-    var _this4 = this;
-    var props = this.$props;
-    var style = props.style,
-      className = props.className,
-      mode = props.mode,
-      showLine = props.showLine,
-      renderItem = props.renderItem,
-      showCheckbox = props.showCheckbox,
-      innerClass = props.innerClass,
-      showRadio = props.showRadio,
-      showCount = props.showCount,
-      showSwitcherIcon = props.showSwitcherIcon,
-      switcherIcon = props.switcherIcon,
-      title = props.title,
-      loader = props.loader,
-      renderError = props.renderError;
-    if (this.isLoading) {
-      return (this.$slots.loader ? this.$slots.loader() : loader) || null;
-    }
-    if (this.error) {
-      if (this.$slots.renderError) {
-        return this.$slots.renderError(this.error);
-      }
-      return helper.isFunction(renderError) ? renderError(this.error) : renderError;
-    }
-    var transformedData = this.getTransformedData();
-    if (!transformedData || transformedData.length === 0) {
-      return this.$slots.renderNoResults ? this.$slots.renderNoResults() : null;
-    }
-    return vue.createVNode(Container.Container, {
-      "style": style,
-      "class": className
-    }, {
-      "default": function _default() {
-        return [props.title && vue.createVNode(Title.Title, {
-          "class": helper.getClassName(innerClass, 'title') || null
-        }, _isSlot$3(title) ? title : {
-          "default": function _default() {
-            return [title];
-          }
-        }), _this4.renderSearch(), _this4.hasCustomRenderer ? _this4.getComponent() : vue.createVNode(HierarchicalMenuComponent, {
-          "key": "initial-node",
-          "listArray": transformedData,
-          "parentPath": "",
-          "isExpanded": true,
-          "listItemProps": {
-            mode: mode,
-            selectedValues: _this4.selectedValues,
-            searchTerm: _this4.searchTerm,
-            showLine: showLine,
-            renderItem: renderItem != null ? renderItem : _this4.$slots.renderItem,
-            handleListItemClick: _this4.handleListItemClick,
-            showCheckbox: showCheckbox,
-            innerClass: innerClass,
-            showRadio: showRadio,
-            renderIcon: _this4.renderIcon,
-            showCount: showCount,
-            showSwitcherIcon: showSwitcherIcon,
-            switcherIcon: switcherIcon != null ? switcherIcon : _this4.$slots.switcherIcon
-          }
-        }, null)];
-      }
-    });
-  }
-};
-var mapStateToProps$2 = function mapStateToProps(state, props) {
-  return {
-    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    rawData: state.rawData[props.componentId] || {},
-    aggregationData: props.nestedField && state.aggregations[props.componentId] ? state.aggregations[props.componentId].reactivesearch_nested : state.aggregations[props.componentId] || {},
-    themePreset: state.config.themePreset,
-    error: state.error[props.componentId],
-    isLoading: state.isLoading[props.componentId],
-    enableAppbase: state.config.enableAppbase
-  };
-};
-var mapDispatchtoProps = {
-  setQueryOptions: setQueryOptions,
-  updateQueryAction: updateQueryAction
-};
-TreeList.hasInternalComponent = function () {
-  return true;
-};
-var TreeListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps$2, mapDispatchtoProps)(TreeList), {
-  componentType: constants.componentTypes.treeList,
-  internalComponent: TreeList.hasInternalComponent()
-}));
-TreeListConnected.name = TreeList.name;
-TreeListConnected.install = function (Vue) {
-  Vue.component(TreeListConnected.name, TreeListConnected);
-};
-
-// Add componentType for SSR
-TreeListConnected.componentType = constants.componentTypes.treeList;
-
-var RcConnected = PreferencesConsumer.PreferencesConsumer({
-  name: 'RcConnected',
-  render: function render() {
-    var component = ReactiveComponent.default;
-    switch (this.$attrs.componentType) {
-      case constants.componentTypes.reactiveList:
-        component = ReactiveList.default;
-        break;
-      case constants.componentTypes.searchBox:
-        component = SBConnected;
-        break;
-      // list components
-      case constants.componentTypes.singleList:
-        component = SingleList.default;
-        break;
-      case constants.componentTypes.multiList:
-        component = MultiList.default;
-        break;
-      case constants.componentTypes.singleDropdownList:
-        component = SingleDropdownList.default;
-        break;
-      case constants.componentTypes.multiDropdownList:
-        component = MultiDropdownList.default;
-        break;
-      // basic components
-      case constants.componentTypes.toggleButton:
-        component = ToggleButton.default;
-        break;
-      // range components
-      case constants.componentTypes.dynamicRangeSlider:
-        component = DynamicRangeSlider.default;
-        break;
-      case constants.componentTypes.singleRange:
-        component = SingleRange.default;
-        break;
-      case constants.componentTypes.multiRange:
-        component = MultiRange.default;
-        break;
-      case constants.componentTypes.rangeSlider:
-        component = RangeSlider.default;
-        break;
-      case constants.componentTypes.rangeInput:
-        component = RangeInput.default;
-        break;
-    }
-    return vue.h(component, null, this.$slots);
-  }
-});
-RcConnected.name = ReactiveComponent.default.name;
-RcConnected.hasInternalComponent = ReactiveComponent.default.hasInternalComponent;
-// Add componentType for SSR
-RcConnected.componentType = constants.componentTypes.reactiveComponent;
-RcConnected.install = function (Vue) {
-  Vue.component(RcConnected.name, RcConnected);
-};
-
-var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, SBConnected, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.default, RcConnected, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default, TreeListConnected, AIConnected];
-function install (Vue) {
-  components.map(function (component) {
-    Vue.use(component);
-    return null;
-  });
-}
-
-exports.AIAnswer = AIConnected;
-exports.ReactiveComponentPrivate = RcConnected;
+exports.AIFeedback = AIFeedback;
+exports.ChatContainer = ChatContainer;
+exports.Chatbox = Chatbox;
+exports.Footer = Footer;
+exports.InputGroup = InputGroup;
+exports.Message = Message;
+exports.MessageInput = MessageInput;
+exports.MessageInputContainer = MessageInputContainer;
+exports.MessagesContainer = MessagesContainer;
+exports.Mic = Mic;
+exports.SBConnected = SBConnected;
 exports.SearchBox = SBConnected;
-exports.TreeList = TreeListConnected;
-exports.install = install;
+exports.SearchSvg = SearchSvg;
+exports.SendButton = SendButton;
+exports.SourceTags = SourceTags;
+exports.TypingDot = TypingDot;
+exports.TypingIndicator = TypingIndicator;