@appbaseio/reactivesearch-vue 1.33.2 → 1.33.3

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

@@ -731,6 +731,7 @@
 	  var ADD_CONFIG = exports.ADD_CONFIG = 'ADD_CONFIG';
 	  var UPDATE_CONFIG = exports.UPDATE_CONFIG = 'UPDATE_CONFIG';
 	  var ADD_APPBASE_REF = exports.ADD_APPBASE_REF = 'ADD_APPBASE_REF';
+	  var ADD_ANALYTICS_REF = exports.ADD_ANALYTICS_REF = 'ADD_ANALYTICS_REF';
 	  var LOG_QUERY = exports.LOG_QUERY = 'LOG_QUERY';
 	  var LOG_COMBINED_QUERY = exports.LOG_COMBINED_QUERY = 'LOG_COMBINED_QUERY';
 	  var SET_INTERNAL_VALUE = exports.SET_INTERNAL_VALUE = 'SET_INTERNAL_VALUE';
@@ -785,45 +786,46 @@
 	var constants_11 = constants.ADD_CONFIG;
 	var constants_12 = constants.UPDATE_CONFIG;
 	var constants_13 = constants.ADD_APPBASE_REF;
-	var constants_14 = constants.LOG_QUERY;
-	var constants_15 = constants.LOG_COMBINED_QUERY;
-	var constants_16 = constants.SET_INTERNAL_VALUE;
-	var constants_17 = constants.PATCH_VALUE;
-	var constants_18 = constants.CLEAR_VALUES;
-	var constants_19 = constants.SET_LOADING;
-	var constants_20 = constants.SET_ERROR;
-	var constants_21 = constants.SET_TIMESTAMP;
-	var constants_22 = constants.SET_HEADERS;
-	var constants_23 = constants.SET_MAP_DATA;
-	var constants_24 = constants.SET_MAP_RESULTS;
-	var constants_25 = constants.SET_QUERY_LISTENER;
-	var constants_26 = constants.STORE_KEY;
-	var constants_27 = constants.SET_SEARCH_ID;
-	var constants_28 = constants.SET_PROMOTED_RESULTS;
-	var constants_29 = constants.SET_DEFAULT_QUERY;
-	var constants_30 = constants.SET_CUSTOM_QUERY;
-	var constants_31 = constants.SET_CUSTOM_HIGHLIGHT_OPTIONS;
-	var constants_32 = constants.SET_CUSTOM_DATA;
-	var constants_33 = constants.SET_APPLIED_SETTINGS;
-	var constants_34 = constants.SET_PROPS;
-	var constants_35 = constants.UPDATE_PROPS;
-	var constants_36 = constants.REMOVE_PROPS;
-	var constants_37 = constants.SET_SUGGESTIONS_SEARCH_VALUE;
-	var constants_38 = constants.CLEAR_SUGGESTIONS_SEARCH_VALUE;
-	var constants_39 = constants.SET_SUGGESTIONS_SEARCH_ID;
-	var constants_40 = constants.UPDATE_ANALYTICS_CONFIG;
-	var constants_41 = constants.SET_RAW_DATA;
-	var constants_42 = constants.SET_POPULAR_SUGGESTIONS;
-	var constants_43 = constants.SET_DEFAULT_POPULAR_SUGGESTIONS;
-	var constants_44 = constants.SET_QUERY_TO_HITS;
-	var constants_45 = constants.RECENT_SEARCHES_SUCCESS;
-	var constants_46 = constants.RECENT_SEARCHES_ERROR;
-	var constants_47 = constants.SET_VALUE;
-	var constants_48 = constants.SET_VALUES;
-	var constants_49 = constants.RESET_TO_DEFAULT;
-	var constants_50 = constants.SET_GOOGLE_MAP_SCRIPT_LOADING;
-	var constants_51 = constants.SET_GOOGLE_MAP_SCRIPT_LOADED;
-	var constants_52 = constants.SET_GOOGLE_MAP_SCRIPT_ERROR;
+	var constants_14 = constants.ADD_ANALYTICS_REF;
+	var constants_15 = constants.LOG_QUERY;
+	var constants_16 = constants.LOG_COMBINED_QUERY;
+	var constants_17 = constants.SET_INTERNAL_VALUE;
+	var constants_18 = constants.PATCH_VALUE;
+	var constants_19 = constants.CLEAR_VALUES;
+	var constants_20 = constants.SET_LOADING;
+	var constants_21 = constants.SET_ERROR;
+	var constants_22 = constants.SET_TIMESTAMP;
+	var constants_23 = constants.SET_HEADERS;
+	var constants_24 = constants.SET_MAP_DATA;
+	var constants_25 = constants.SET_MAP_RESULTS;
+	var constants_26 = constants.SET_QUERY_LISTENER;
+	var constants_27 = constants.STORE_KEY;
+	var constants_28 = constants.SET_SEARCH_ID;
+	var constants_29 = constants.SET_PROMOTED_RESULTS;
+	var constants_30 = constants.SET_DEFAULT_QUERY;
+	var constants_31 = constants.SET_CUSTOM_QUERY;
+	var constants_32 = constants.SET_CUSTOM_HIGHLIGHT_OPTIONS;
+	var constants_33 = constants.SET_CUSTOM_DATA;
+	var constants_34 = constants.SET_APPLIED_SETTINGS;
+	var constants_35 = constants.SET_PROPS;
+	var constants_36 = constants.UPDATE_PROPS;
+	var constants_37 = constants.REMOVE_PROPS;
+	var constants_38 = constants.SET_SUGGESTIONS_SEARCH_VALUE;
+	var constants_39 = constants.CLEAR_SUGGESTIONS_SEARCH_VALUE;
+	var constants_40 = constants.SET_SUGGESTIONS_SEARCH_ID;
+	var constants_41 = constants.UPDATE_ANALYTICS_CONFIG;
+	var constants_42 = constants.SET_RAW_DATA;
+	var constants_43 = constants.SET_POPULAR_SUGGESTIONS;
+	var constants_44 = constants.SET_DEFAULT_POPULAR_SUGGESTIONS;
+	var constants_45 = constants.SET_QUERY_TO_HITS;
+	var constants_46 = constants.RECENT_SEARCHES_SUCCESS;
+	var constants_47 = constants.RECENT_SEARCHES_ERROR;
+	var constants_48 = constants.SET_VALUE;
+	var constants_49 = constants.SET_VALUES;
+	var constants_50 = constants.RESET_TO_DEFAULT;
+	var constants_51 = constants.SET_GOOGLE_MAP_SCRIPT_LOADING;
+	var constants_52 = constants.SET_GOOGLE_MAP_SCRIPT_LOADED;
+	var constants_53 = constants.SET_GOOGLE_MAP_SCRIPT_ERROR;
 
 	var componentsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1167,6 +1169,7 @@
 	    SELECT: 'select',
 	    TAG: 'tag'
 	  };
+	  var TREELIST_VALUES_PATH_SEPARATOR = exports.TREELIST_VALUES_PATH_SEPARATOR = '◐◑◒◓';
 	});
 	unwrapExports(constants$1);
 	var constants_1$1 = constants$1.componentTypes;
@@ -1174,6 +1177,7 @@
 	var constants_3$1 = constants$1.validProps;
 	var constants_4$1 = constants$1.CLEAR_ALL;
 	var constants_5$1 = constants$1.SEARCH_COMPONENTS_MODES;
+	var constants_6$1 = constants$1.TREELIST_VALUES_PATH_SEPARATOR;
 
 	var analytics = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1595,9 +1599,12 @@
 	          if (componentKeys.length) {
 	            var _newState = {};
 	            componentKeys.forEach(function (component) {
+	              var _action$componentsVal = action.componentsValues[component],
+	                value = _action$componentsVal.value,
+	                rest = _objectWithoutProperties(_action$componentsVal, ['value']);
 	              _newState[component] = _extends({}, state[component], {
-	                value: action.componentsValues[component]
-	              });
+	                value: value
+	              }, rest);
 	            });
 	            return _extends({}, state, _newState);
 	          }
@@ -2858,6 +2865,22 @@
 	});
 	unwrapExports(googleMapScriptReducer_1);
 
+	var analyticsRefReducer_1 = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  exports["default"] = analyticsRefReducer;
+	  function analyticsRefReducer() {
+	    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    var action = arguments[1];
+	    if (action.type === constants.ADD_ANALYTICS_REF) {
+	      return action.analyticsRef;
+	    }
+	    return state;
+	  }
+	});
+	unwrapExports(analyticsRefReducer_1);
+
 	var reducers = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
@@ -2897,6 +2920,7 @@
 	  var _queryToHitsReducer2 = _interopRequireDefault(queryToHitsReducer_1);
 	  var _recentSearches2 = _interopRequireDefault(recentSearches);
 	  var _googleMapScriptReducer2 = _interopRequireDefault(googleMapScriptReducer_1);
+	  var _analyticsRefReducer2 = _interopRequireDefault(analyticsRefReducer_1);
 	  function _interopRequireDefault(obj) {
 	    return obj && obj.__esModule ? obj : {
 	      "default": obj
@@ -2913,6 +2937,7 @@
 	    queryOptions: _queryOptionsReducer2["default"],
 	    dependencyTree: _dependencyTreeReducer2["default"],
 	    appbaseRef: _appbaseRefReducer2["default"],
+	    analyticsRef: _analyticsRefReducer2["default"],
 	    config: _configReducer2["default"],
 	    hits: _hitsReducer2["default"],
 	    promotedResults: _promotedResultsReducer2["default"],
@@ -5274,12 +5299,13 @@
 	    return isFunction(children) || isFunction(render);
 	  };
 	  var recLookup = exports.recLookup = function recLookup(obj, path) {
+	    var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '.';
 	    try {
-	      var parts = path.split('.');
+	      var parts = path.split(separator);
 	      if (parts.length === 1) {
 	        return obj[parts[0]];
 	      }
-	      return recLookup(obj[parts[0]], parts.slice(1).join('.'));
+	      return recLookup(obj[parts[0]], parts.slice(1).join(separator), separator);
 	    } catch (e) {
 	      return false;
 	    }
@@ -5450,319 +5476,6 @@
 	var helper_46 = helper.isValidDateRangeQueryFormat;
 	var helper_47 = helper.setDeep;
 
-	var hits = createCommonjsModule(function (module, exports) {
-	  Object.defineProperty(exports, "__esModule", {
-	    value: true
-	  });
-	  exports.updateAggs = updateAggs;
-	  exports.updateCompositeAggs = updateCompositeAggs;
-	  exports.updateHits = updateHits;
-	  exports.saveQueryToHits = saveQueryToHits;
-	  exports.mockDataForTesting = mockDataForTesting;
-	  function updateAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-	  function updateCompositeAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_COMPOSITE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-	  function updateHits(component, hits, time, hidden) {
-	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-	    return {
-	      type: constants.UPDATE_HITS,
-	      component: component,
-	      hits: hits.hits,
-	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
-	      hidden: hidden,
-	      time: time,
-	      append: append
-	    };
-	  }
-	  function saveQueryToHits(component, query) {
-	    return {
-	      type: constants.SET_QUERY_TO_HITS,
-	      component: component,
-	      query: query
-	    };
-	  }
-	  function mockDataForTesting(component, data) {
-	    return function (dispatch) {
-	      if (data.hasOwnProperty('error')) {
-	        dispatch((0, misc.setError)(component, data.error));
-	      }
-	      if (data.hasOwnProperty('aggregations')) {
-	        dispatch(updateAggs(component, data.aggregations));
-	      }
-	      if (data.hasOwnProperty('hits')) {
-	        dispatch(updateHits(component, data, data.time || undefined));
-	      }
-	    };
-	  }
-	});
-	unwrapExports(hits);
-	var hits_1 = hits.updateAggs;
-	var hits_2 = hits.updateCompositeAggs;
-	var hits_3 = hits.updateHits;
-	var hits_4 = hits.saveQueryToHits;
-	var hits_5 = hits.mockDataForTesting;
-
-	var misc = createCommonjsModule(function (module, exports) {
-	  Object.defineProperty(exports, "__esModule", {
-	    value: true
-	  });
-	  exports.setRawData = setRawData;
-	  exports.setLoading = setLoading;
-	  exports.setError = setError;
-	  exports.setTimestamp = setTimestamp;
-	  exports.setSearchId = setSearchId;
-	  exports.setSuggestionsSearchId = setSuggestionsSearchId;
-	  exports.setQuery = setQuery;
-	  exports.setCustomQuery = setCustomQuery;
-	  exports.setDefaultQuery = setDefaultQuery;
-	  exports.setCustomHighlightOptions = setCustomHighlightOptions;
-	  exports.updateQueryOptions = updateQueryOptions;
-	  exports.logQuery = logQuery;
-	  exports.logCombinedQuery = logCombinedQuery;
-	  exports.setHeaders = setHeaders;
-	  exports.setPromotedResults = setPromotedResults;
-	  exports.setPopularSuggestions = setPopularSuggestions;
-	  exports.setDefaultPopularSuggestions = setDefaultPopularSuggestions;
-	  exports.setCustomData = setCustomData;
-	  exports.setAppliedSettings = setAppliedSettings;
-	  exports.setQueryListener = setQueryListener;
-	  exports.setGoogleMapScriptLoading = setGoogleMapScriptLoading;
-	  exports.setGoogleMapScriptLoaded = setGoogleMapScriptLoaded;
-	  exports.setGoogleMapScriptError = setGoogleMapScriptError;
-	  exports.resetStoreForComponent = resetStoreForComponent;
-	  exports.setLastUsedAppbaseQuery = setLastUsedAppbaseQuery;
-	  function setRawData(component, response) {
-	    return {
-	      type: constants.SET_RAW_DATA,
-	      component: component,
-	      response: response
-	    };
-	  }
-	  function setLoading(component, isLoading) {
-	    return {
-	      type: constants.SET_LOADING,
-	      component: component,
-	      isLoading: isLoading
-	    };
-	  }
-	  function setError(component, error) {
-	    return {
-	      type: constants.SET_ERROR,
-	      component: component,
-	      error: error
-	    };
-	  }
-	  function setTimestamp(component, timestamp) {
-	    return {
-	      type: constants.SET_TIMESTAMP,
-	      component: component,
-	      timestamp: timestamp
-	    };
-	  }
-	  function setSearchId() {
-	    var searchId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-	    return {
-	      type: constants.SET_SEARCH_ID,
-	      searchId: searchId
-	    };
-	  }
-	  function setSuggestionsSearchId() {
-	    var searchId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-	    return {
-	      type: constants.SET_SUGGESTIONS_SEARCH_ID,
-	      searchId: searchId
-	    };
-	  }
-	  function setQuery(component, query) {
-	    return {
-	      type: constants.SET_QUERY,
-	      component: component,
-	      query: query
-	    };
-	  }
-	  function setCustomQuery(component, query) {
-	    return {
-	      type: constants.SET_CUSTOM_QUERY,
-	      component: component,
-	      query: query
-	    };
-	  }
-	  function setDefaultQuery(component, query) {
-	    return {
-	      type: constants.SET_DEFAULT_QUERY,
-	      component: component,
-	      query: query
-	    };
-	  }
-	  function setCustomHighlightOptions(component, data) {
-	    return {
-	      type: constants.SET_CUSTOM_HIGHLIGHT_OPTIONS,
-	      component: component,
-	      data: data
-	    };
-	  }
-	  function updateQueryOptions(component, options) {
-	    return {
-	      type: constants.SET_QUERY_OPTIONS,
-	      component: component,
-	      options: options
-	    };
-	  }
-	  function logQuery(component, query) {
-	    return {
-	      type: constants.LOG_QUERY,
-	      component: component,
-	      query: query
-	    };
-	  }
-	  function logCombinedQuery(component, query) {
-	    return {
-	      type: constants.LOG_COMBINED_QUERY,
-	      component: component,
-	      query: query
-	    };
-	  }
-	  function setHeaders(headers) {
-	    return {
-	      type: constants.SET_HEADERS,
-	      headers: headers
-	    };
-	  }
-	  function setPromotedResults() {
-	    var results = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-	    var component = arguments[1];
-	    return {
-	      type: constants.SET_PROMOTED_RESULTS,
-	      results: results,
-	      component: component
-	    };
-	  }
-	  function setPopularSuggestions() {
-	    var suggestions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-	    var component = arguments[1];
-	    return {
-	      type: constants.SET_POPULAR_SUGGESTIONS,
-	      suggestions: suggestions,
-	      component: component
-	    };
-	  }
-	  function setDefaultPopularSuggestions() {
-	    var suggestions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-	    var component = arguments[1];
-	    return {
-	      type: constants.SET_DEFAULT_POPULAR_SUGGESTIONS,
-	      suggestions: suggestions,
-	      component: component
-	    };
-	  }
-	  function setCustomData() {
-	    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-	    var component = arguments[1];
-	    return {
-	      type: constants.SET_CUSTOM_DATA,
-	      data: data,
-	      component: component
-	    };
-	  }
-	  function setAppliedSettings() {
-	    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-	    var component = arguments[1];
-	    return {
-	      type: constants.SET_APPLIED_SETTINGS,
-	      data: data,
-	      component: component
-	    };
-	  }
-	  function setQueryListener(component, onQueryChange, onError) {
-	    return {
-	      type: constants.SET_QUERY_LISTENER,
-	      component: component,
-	      onQueryChange: onQueryChange,
-	      onError: onError
-	    };
-	  }
-	  function setGoogleMapScriptLoading(bool) {
-	    return {
-	      type: constants.SET_GOOGLE_MAP_SCRIPT_LOADING,
-	      loading: bool
-	    };
-	  }
-	  function setGoogleMapScriptLoaded(bool) {
-	    return {
-	      type: constants.SET_GOOGLE_MAP_SCRIPT_LOADED,
-	      loaded: bool
-	    };
-	  }
-	  function setGoogleMapScriptError(error) {
-	    return {
-	      type: constants.SET_GOOGLE_MAP_SCRIPT_ERROR,
-	      error: error
-	    };
-	  }
-	  function resetStoreForComponent(componentId) {
-	    return function (dispatch) {
-	      dispatch(setRawData(componentId, null));
-	      dispatch(setCustomData(null, componentId));
-	      dispatch(setPromotedResults([], componentId));
-	      dispatch(setPopularSuggestions([], componentId));
-	      dispatch(setDefaultPopularSuggestions([], componentId));
-	      dispatch((0, hits.updateAggs)(componentId, null));
-	      dispatch((0, hits.updateCompositeAggs)(componentId, {}));
-	      dispatch((0, hits.updateHits)(componentId, {
-	        hits: [],
-	        total: 0
-	      }, 0));
-	    };
-	  }
-	  function setLastUsedAppbaseQuery(query) {
-	    return {
-	      type: constants.SET_APPBASE_QUERY,
-	      query: query
-	    };
-	  }
-	});
-	unwrapExports(misc);
-	var misc_1 = misc.setRawData;
-	var misc_2 = misc.setLoading;
-	var misc_3 = misc.setError;
-	var misc_4 = misc.setTimestamp;
-	var misc_5 = misc.setSearchId;
-	var misc_6 = misc.setSuggestionsSearchId;
-	var misc_7 = misc.setQuery;
-	var misc_8 = misc.setCustomQuery;
-	var misc_9 = misc.setDefaultQuery;
-	var misc_10 = misc.setCustomHighlightOptions;
-	var misc_11 = misc.updateQueryOptions;
-	var misc_12 = misc.logQuery;
-	var misc_13 = misc.logCombinedQuery;
-	var misc_14 = misc.setHeaders;
-	var misc_15 = misc.setPromotedResults;
-	var misc_16 = misc.setPopularSuggestions;
-	var misc_17 = misc.setDefaultPopularSuggestions;
-	var misc_18 = misc.setCustomData;
-	var misc_19 = misc.setAppliedSettings;
-	var misc_20 = misc.setQueryListener;
-	var misc_21 = misc.setGoogleMapScriptLoading;
-	var misc_22 = misc.setGoogleMapScriptLoaded;
-	var misc_23 = misc.setGoogleMapScriptError;
-	var misc_24 = misc.resetStoreForComponent;
-	var misc_25 = misc.setLastUsedAppbaseQuery;
-
 	var xdate = createCommonjsModule(function (module) {
 	  /**
 	   * @preserve XDate v@VERSION
@@ -6464,7 +6177,7 @@
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
 	  });
-	  exports.getDependentQueries = exports.extractPropsFromState = exports.getValidInterval = exports.getRSQuery = exports.hasPaginationSupport = exports.isComponentUsesLabelAsValue = exports.isSearchComponent = exports.isDRSRangeComponent = exports.getHistogramComponentID = exports.getInternalComponentID = exports.isInternalComponent = exports.getNormalizedField = exports.componentToTypeMap = undefined;
+	  exports.transformValueToComponentStateFormat = exports.getDependentQueries = exports.extractPropsFromState = exports.getValidInterval = exports.getRSQuery = exports.hasPaginationSupport = exports.isComponentUsesLabelAsValue = exports.isSearchComponent = exports.isDRSRangeComponent = exports.getHistogramComponentID = exports.getInternalComponentID = exports.isInternalComponent = exports.getNormalizedField = exports.componentToTypeMap = undefined;
 	  var _extends = Object.assign || function (target) {
 	    for (var i = 1; i < arguments.length; i++) {
 	      var source = arguments[i];
@@ -6717,20 +6430,26 @@
 	        }
 	      }
 	      if (dateRangeComponents.includes(componentProps.componentType)) {
-	        queryFormat = 'or';
 	        if (value) {
-	          if (typeof value === 'string') {
-	            value = {
-	              start: (0, helper.formatDate)(new _xdate2["default"](value).addHours(-24), componentProps),
-	              end: (0, helper.formatDate)(new _xdate2["default"](value), componentProps)
-	            };
-	          } else if (Array.isArray(value)) {
-	            value = value.map(function (val) {
-	              return {
-	                start: (0, helper.formatDate)(new _xdate2["default"](val).addHours(-24), componentProps),
-	                end: (0, helper.formatDate)(new _xdate2["default"](val), componentProps)
+	          if ((0, helper.isValidDateRangeQueryFormat)(componentProps.queryFormat)) {
+	            if (typeof value === 'string') {
+	              value = {
+	                start: (0, helper.formatDate)(new _xdate2["default"](value).addHours(-24), componentProps),
+	                end: (0, helper.formatDate)(new _xdate2["default"](value), componentProps)
 	              };
-	            });
+	            } else if (Array.isArray(value)) {
+	              value = value.map(function (val) {
+	                return {
+	                  start: (0, helper.formatDate)(new _xdate2["default"](val).addHours(-24), componentProps),
+	                  end: (0, helper.formatDate)(new _xdate2["default"](val), componentProps)
+	                };
+	              });
+	            } else {
+	              value = {
+	                start: (0, helper.formatDate)(new _xdate2["default"](value.start).addHours(-24), componentProps),
+	                end: (0, helper.formatDate)(new _xdate2["default"](value.end), componentProps)
+	              };
+	            }
 	          }
 	        }
 	      }
@@ -6888,13 +6607,19 @@
 	            execute = true;
 	          }
 	          var componentProps = store.props[component];
-	          var dependentQuery = getRSQuery(component, extractPropsFromState(store, component, _extends({}, componentProps && componentProps.componentType === constants$1.componentTypes.searchBox ? _extends({}, execute === false ? {
+	          var dependentQuery = getRSQuery(component, extractPropsFromState(store, component, _extends({}, componentProps && _extends({}, componentProps.componentType === constants$1.componentTypes.searchBox ? _extends({}, execute === false ? {
 	            type: constants$1.queryTypes.search
 	          } : {}, calcValues.category ? {
 	            categoryValue: calcValues.category
-	          } : {}, calcValues.value ? {
+	          } : {
+	            categoryValue: undefined
+	          }, calcValues.value ? {
 	            value: calcValues.value
-	          } : {}) : {})), execute);
+	          } : {}) : {}, componentProps.componentType === constants$1.componentTypes.categorySearch ? _extends({}, calcValues.category ? {
+	            categoryValue: calcValues.category
+	          } : {
+	            categoryValue: undefined
+	          }) : {}))), execute);
 	          if (dependentQuery) {
 	            finalQuery[component] = dependentQuery;
 	          }
@@ -6903,22 +6628,527 @@
 	    });
 	    return finalQuery;
 	  };
+	  var transformValueToComponentStateFormat = exports.transformValueToComponentStateFormat = function transformValueToComponentStateFormat(value, componentProps) {
+	    var componentType = componentProps.componentType,
+	      data = componentProps.data,
+	      queryFormat = componentProps.queryFormat;
+	    var transformedValue = value;
+	    var meta = {};
+	    if (value) {
+	      switch (componentType) {
+	        case constants$1.componentTypes.singleDataList:
+	        case constants$1.componentTypes.tabDataList:
+	          transformedValue = '';
+	          if (Array.isArray(value) && typeof value[0] === 'string') {
+	            transformedValue = value[0];
+	          } else if (typeof value === 'object' && value.label) {
+	            transformedValue = value.label;
+	          } else {
+	            transformedValue = value;
+	          }
+	          break;
+	        case constants$1.componentTypes.multiDataList:
+	          transformedValue = [];
+	          if (Array.isArray(value)) {
+	            value.forEach(function (valObj) {
+	              if (typeof valObj === 'object' && (valObj.label || valObj.value)) {
+	                transformedValue.push(valObj.label || valObj.value);
+	              } else if (typeof valObj === 'string') {
+	                transformedValue.push(valObj);
+	              }
+	            });
+	          }
+	          break;
+	        case constants$1.componentTypes.toggleButton:
+	          transformedValue = [];
+	          if (Array.isArray(value)) {
+	            value.forEach(function (valObj) {
+	              if (typeof valObj === 'object' && valObj.label && valObj.value) {
+	                transformedValue.push(valObj);
+	              } else if (typeof valObj === 'string') {
+	                var findDataObj = data.find(function (item) {
+	                  return item.label.trim() === valObj.trim() || item.value.trim() === valObj.trim();
+	                });
+	                transformedValue.push(findDataObj);
+	              }
+	            });
+	          } else if (typeof value === 'object' && value.label && value.value) {
+	            transformedValue = value.value;
+	          } else if (typeof value === 'string') {
+	            var findDataObj = data.find(function (item) {
+	              return item.label.trim() === value.trim() || item.value.trim() === value.trim();
+	            });
+	            transformedValue = findDataObj.value;
+	          }
+	          break;
+	        case constants$1.componentTypes.singleRange:
+	        case constants$1.componentTypes.singleDropdownRange:
+	          transformedValue = {};
+	          if (!Array.isArray(value) && typeof value === 'object') {
+	            transformedValue = _extends({}, value);
+	          } else if (typeof value === 'string') {
+	            var _findDataObj = data.find(function (item) {
+	              return item.label.trim() === value.trim();
+	            });
+	            transformedValue = _extends({}, _findDataObj);
+	          }
+	          break;
+	        case constants$1.componentTypes.multiDropdownRange:
+	        case constants$1.componentTypes.multiRange:
+	          transformedValue = [];
+	          if (Array.isArray(value)) {
+	            value.forEach(function (valObj) {
+	              if (typeof valObj === 'object' && typeof valObj.start === 'number' && typeof valObj.end === 'number') {
+	                var _findDataObj2 = _extends({}, valObj);
+	                if (!_findDataObj2.label) {
+	                  _findDataObj2 = data.find(function (item) {
+	                    return item.start === valObj.start && item.end === valObj.end;
+	                  });
+	                }
+	                transformedValue.push(_findDataObj2);
+	              } else if (typeof valObj === 'string') {
+	                var _findDataObj3 = data.find(function (item) {
+	                  return item.label.trim() === valObj.trim();
+	                });
+	                transformedValue.push(_findDataObj3);
+	              }
+	            });
+	          } else if (typeof value === 'string') {
+	            var _findDataObj4 = data.find(function (item) {
+	              return item.label.trim() === value.trim();
+	            });
+	            transformedValue.push(_findDataObj4);
+	          }
+	          break;
+	        case constants$1.componentTypes.rangeSlider:
+	        case constants$1.componentTypes.ratingsFilter:
+	        case constants$1.componentTypes.dynamicRangeSlider:
+	        case constants$1.componentTypes.reactiveChart:
+	          transformedValue = [];
+	          if (queryFormat) {
+	            if (Array.isArray(value)) {
+	              transformedValue = value.map(function (item) {
+	                return (0, helper.formatDate)(new _xdate2["default"](item), componentProps);
+	              });
+	            } else if (typeof value === 'object') {
+	              transformedValue = [(0, helper.formatDate)(new _xdate2["default"](value.start), componentProps), (0, helper.formatDate)(new _xdate2["default"](value.end), componentProps)];
+	            }
+	          } else if (Array.isArray(value)) {
+	            transformedValue = [].concat(_toConsumableArray(value));
+	          } else if (typeof value === 'object') {
+	            transformedValue = [value.start, value.end];
+	          } else {
+	            transformedValue = value;
+	          }
+	          break;
+	        case constants$1.componentTypes.numberBox:
+	          transformedValue = [];
+	          if (!Array.isArray(value) && typeof value === 'object') {
+	            transformedValue = value.start;
+	          } else if (typeof value === 'number') {
+	            transformedValue = value;
+	          }
+	          break;
+	        case constants$1.componentTypes.datePicker:
+	          transformedValue = '';
+	          if (typeof value !== 'object') {
+	            transformedValue = new _xdate2["default"](value).toString('yyyy-MM-dd');
+	          } else if (value.end) {
+	            transformedValue = new _xdate2["default"](value.end).toString('yyyy-MM-dd');
+	          } else if (value.start) {
+	            transformedValue = new _xdate2["default"](value.start).addHours(24).toString('yyyy-MM-dd');
+	          }
+	          break;
+	        case constants$1.componentTypes.dateRange:
+	          transformedValue = [];
+	          if (Array.isArray(value)) {
+	            transformedValue = value.map(function (t) {
+	              return new _xdate2["default"](t).toString('yyyy-MM-dd');
+	            });
+	          } else if (typeof value === 'object') {
+	            transformedValue = [new _xdate2["default"](value.start).toString('yyyy-MM-dd'), new _xdate2["default"](value.end).toString('yyyy-MM-dd')];
+	          }
+	          break;
+	        case constants$1.componentTypes.categorySearch:
+	          transformedValue = '';
+	          if (typeof value === 'object') {
+	            transformedValue = value.value;
+	            if (value.category !== undefined) {
+	              meta.category = value.category;
+	            }
+	          } else if (typeof value === 'string') {
+	            transformedValue = value;
+	          }
+	          break;
+	      }
+	    }
+	    return {
+	      value: transformedValue,
+	      meta: meta
+	    };
+	  };
 	});
 	unwrapExports(transform);
-	var transform_1 = transform.getDependentQueries;
-	var transform_2 = transform.extractPropsFromState;
-	var transform_3 = transform.getValidInterval;
-	var transform_4 = transform.getRSQuery;
-	var transform_5 = transform.hasPaginationSupport;
-	var transform_6 = transform.isComponentUsesLabelAsValue;
-	var transform_7 = transform.isSearchComponent;
-	var transform_8 = transform.isDRSRangeComponent;
-	var transform_9 = transform.getHistogramComponentID;
-	var transform_10 = transform.getInternalComponentID;
-	var transform_11 = transform.isInternalComponent;
-	var transform_12 = transform.getNormalizedField;
-	var transform_13 = transform.componentToTypeMap;
-	var transform_14 = transform.flatReactProp;
+	var transform_1 = transform.transformValueToComponentStateFormat;
+	var transform_2 = transform.getDependentQueries;
+	var transform_3 = transform.extractPropsFromState;
+	var transform_4 = transform.getValidInterval;
+	var transform_5 = transform.getRSQuery;
+	var transform_6 = transform.hasPaginationSupport;
+	var transform_7 = transform.isComponentUsesLabelAsValue;
+	var transform_8 = transform.isSearchComponent;
+	var transform_9 = transform.isDRSRangeComponent;
+	var transform_10 = transform.getHistogramComponentID;
+	var transform_11 = transform.getInternalComponentID;
+	var transform_12 = transform.isInternalComponent;
+	var transform_13 = transform.getNormalizedField;
+	var transform_14 = transform.componentToTypeMap;
+	var transform_15 = transform.flatReactProp;
+
+	var hits = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  exports.updateAggs = updateAggs;
+	  exports.updateCompositeAggs = updateCompositeAggs;
+	  exports.updateHits = updateHits;
+	  exports.saveQueryToHits = saveQueryToHits;
+	  exports.mockDataForTesting = mockDataForTesting;
+	  function updateAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+	  function updateCompositeAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_COMPOSITE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+	  function updateHits(component, hits, time, hidden) {
+	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+	    return {
+	      type: constants.UPDATE_HITS,
+	      component: component,
+	      hits: hits.hits,
+	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
+	      hidden: hidden,
+	      time: time,
+	      append: append
+	    };
+	  }
+	  function saveQueryToHits(component, query) {
+	    return {
+	      type: constants.SET_QUERY_TO_HITS,
+	      component: component,
+	      query: query
+	    };
+	  }
+	  function mockDataForTesting(component, data) {
+	    return function (dispatch) {
+	      if (data.hasOwnProperty('error')) {
+	        dispatch((0, misc.setError)(component, data.error));
+	      }
+	      if (data.hasOwnProperty('aggregations')) {
+	        dispatch(updateAggs(component, data.aggregations));
+	      }
+	      if (data.hasOwnProperty('hits')) {
+	        dispatch(updateHits(component, data, data.time || undefined));
+	      }
+	    };
+	  }
+	});
+	unwrapExports(hits);
+	var hits_1 = hits.updateAggs;
+	var hits_2 = hits.updateCompositeAggs;
+	var hits_3 = hits.updateHits;
+	var hits_4 = hits.saveQueryToHits;
+	var hits_5 = hits.mockDataForTesting;
+
+	var misc = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  var _extends = Object.assign || function (target) {
+	    for (var i = 1; i < arguments.length; i++) {
+	      var source = arguments[i];
+	      for (var key in source) {
+	        if (Object.prototype.hasOwnProperty.call(source, key)) {
+	          target[key] = source[key];
+	        }
+	      }
+	    }
+	    return target;
+	  };
+	  exports.setRawData = setRawData;
+	  exports.setLoading = setLoading;
+	  exports.setError = setError;
+	  exports.setTimestamp = setTimestamp;
+	  exports.setSearchId = setSearchId;
+	  exports.setSuggestionsSearchId = setSuggestionsSearchId;
+	  exports.setQuery = setQuery;
+	  exports.setCustomQuery = setCustomQuery;
+	  exports.setDefaultQuery = setDefaultQuery;
+	  exports.setCustomHighlightOptions = setCustomHighlightOptions;
+	  exports.updateQueryOptions = updateQueryOptions;
+	  exports.logQuery = logQuery;
+	  exports.logCombinedQuery = logCombinedQuery;
+	  exports.setHeaders = setHeaders;
+	  exports.setPromotedResults = setPromotedResults;
+	  exports.setPopularSuggestions = setPopularSuggestions;
+	  exports.setDefaultPopularSuggestions = setDefaultPopularSuggestions;
+	  exports.setCustomData = setCustomData;
+	  exports.setAppliedSettings = setAppliedSettings;
+	  exports.setQueryListener = setQueryListener;
+	  exports.setGoogleMapScriptLoading = setGoogleMapScriptLoading;
+	  exports.setGoogleMapScriptLoaded = setGoogleMapScriptLoaded;
+	  exports.setGoogleMapScriptError = setGoogleMapScriptError;
+	  exports.resetStoreForComponent = resetStoreForComponent;
+	  exports.setLastUsedAppbaseQuery = setLastUsedAppbaseQuery;
+	  exports.setSearchState = setSearchState;
+	  function setRawData(component, response) {
+	    return {
+	      type: constants.SET_RAW_DATA,
+	      component: component,
+	      response: response
+	    };
+	  }
+	  function setLoading(component, isLoading) {
+	    return {
+	      type: constants.SET_LOADING,
+	      component: component,
+	      isLoading: isLoading
+	    };
+	  }
+	  function setError(component, error) {
+	    return {
+	      type: constants.SET_ERROR,
+	      component: component,
+	      error: error
+	    };
+	  }
+	  function setTimestamp(component, timestamp) {
+	    return {
+	      type: constants.SET_TIMESTAMP,
+	      component: component,
+	      timestamp: timestamp
+	    };
+	  }
+	  function setSearchId() {
+	    var searchId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+	    return {
+	      type: constants.SET_SEARCH_ID,
+	      searchId: searchId
+	    };
+	  }
+	  function setSuggestionsSearchId() {
+	    var searchId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+	    return {
+	      type: constants.SET_SUGGESTIONS_SEARCH_ID,
+	      searchId: searchId
+	    };
+	  }
+	  function setQuery(component, query) {
+	    return {
+	      type: constants.SET_QUERY,
+	      component: component,
+	      query: query
+	    };
+	  }
+	  function setCustomQuery(component, query) {
+	    return {
+	      type: constants.SET_CUSTOM_QUERY,
+	      component: component,
+	      query: query
+	    };
+	  }
+	  function setDefaultQuery(component, query) {
+	    return {
+	      type: constants.SET_DEFAULT_QUERY,
+	      component: component,
+	      query: query
+	    };
+	  }
+	  function setCustomHighlightOptions(component, data) {
+	    return {
+	      type: constants.SET_CUSTOM_HIGHLIGHT_OPTIONS,
+	      component: component,
+	      data: data
+	    };
+	  }
+	  function updateQueryOptions(component, options) {
+	    return {
+	      type: constants.SET_QUERY_OPTIONS,
+	      component: component,
+	      options: options
+	    };
+	  }
+	  function logQuery(component, query) {
+	    return {
+	      type: constants.LOG_QUERY,
+	      component: component,
+	      query: query
+	    };
+	  }
+	  function logCombinedQuery(component, query) {
+	    return {
+	      type: constants.LOG_COMBINED_QUERY,
+	      component: component,
+	      query: query
+	    };
+	  }
+	  function setHeaders(headers) {
+	    return {
+	      type: constants.SET_HEADERS,
+	      headers: headers
+	    };
+	  }
+	  function setPromotedResults() {
+	    var results = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	    var component = arguments[1];
+	    return {
+	      type: constants.SET_PROMOTED_RESULTS,
+	      results: results,
+	      component: component
+	    };
+	  }
+	  function setPopularSuggestions() {
+	    var suggestions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	    var component = arguments[1];
+	    return {
+	      type: constants.SET_POPULAR_SUGGESTIONS,
+	      suggestions: suggestions,
+	      component: component
+	    };
+	  }
+	  function setDefaultPopularSuggestions() {
+	    var suggestions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	    var component = arguments[1];
+	    return {
+	      type: constants.SET_DEFAULT_POPULAR_SUGGESTIONS,
+	      suggestions: suggestions,
+	      component: component
+	    };
+	  }
+	  function setCustomData() {
+	    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+	    var component = arguments[1];
+	    return {
+	      type: constants.SET_CUSTOM_DATA,
+	      data: data,
+	      component: component
+	    };
+	  }
+	  function setAppliedSettings() {
+	    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+	    var component = arguments[1];
+	    return {
+	      type: constants.SET_APPLIED_SETTINGS,
+	      data: data,
+	      component: component
+	    };
+	  }
+	  function setQueryListener(component, onQueryChange, onError) {
+	    return {
+	      type: constants.SET_QUERY_LISTENER,
+	      component: component,
+	      onQueryChange: onQueryChange,
+	      onError: onError
+	    };
+	  }
+	  function setGoogleMapScriptLoading(bool) {
+	    return {
+	      type: constants.SET_GOOGLE_MAP_SCRIPT_LOADING,
+	      loading: bool
+	    };
+	  }
+	  function setGoogleMapScriptLoaded(bool) {
+	    return {
+	      type: constants.SET_GOOGLE_MAP_SCRIPT_LOADED,
+	      loaded: bool
+	    };
+	  }
+	  function setGoogleMapScriptError(error) {
+	    return {
+	      type: constants.SET_GOOGLE_MAP_SCRIPT_ERROR,
+	      error: error
+	    };
+	  }
+	  function resetStoreForComponent(componentId) {
+	    return function (dispatch) {
+	      dispatch(setRawData(componentId, null));
+	      dispatch(setCustomData(null, componentId));
+	      dispatch(setPromotedResults([], componentId));
+	      dispatch(setPopularSuggestions([], componentId));
+	      dispatch(setDefaultPopularSuggestions([], componentId));
+	      dispatch((0, hits.updateAggs)(componentId, null));
+	      dispatch((0, hits.updateCompositeAggs)(componentId, {}));
+	      dispatch((0, hits.updateHits)(componentId, {
+	        hits: [],
+	        total: 0
+	      }, 0));
+	    };
+	  }
+	  function setLastUsedAppbaseQuery(query) {
+	    return {
+	      type: constants.SET_APPBASE_QUERY,
+	      query: query
+	    };
+	  }
+	  function setSearchState() {
+	    var componentsValueAndTypeMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    return function (dispatch) {
+	      var componentValues = {};
+	      Object.keys(componentsValueAndTypeMap).forEach(function (componentId) {
+	        var _componentsValueAndTy = componentsValueAndTypeMap[componentId],
+	          value = _componentsValueAndTy.value,
+	          componentProps = _componentsValueAndTy.componentProps;
+	        var _transformValueToComp = (0, transform.transformValueToComponentStateFormat)(value, componentProps),
+	          transformedValue = _transformValueToComp.value,
+	          _transformValueToComp2 = _transformValueToComp.meta,
+	          meta = _transformValueToComp2 === undefined ? {} : _transformValueToComp2;
+	        componentValues[componentId] = _extends({
+	          value: transformedValue
+	        }, meta);
+	      });
+	      dispatch((0, value.setValues)(componentValues));
+	    };
+	  }
+	});
+	unwrapExports(misc);
+	var misc_1 = misc.setRawData;
+	var misc_2 = misc.setLoading;
+	var misc_3 = misc.setError;
+	var misc_4 = misc.setTimestamp;
+	var misc_5 = misc.setSearchId;
+	var misc_6 = misc.setSuggestionsSearchId;
+	var misc_7 = misc.setQuery;
+	var misc_8 = misc.setCustomQuery;
+	var misc_9 = misc.setDefaultQuery;
+	var misc_10 = misc.setCustomHighlightOptions;
+	var misc_11 = misc.updateQueryOptions;
+	var misc_12 = misc.logQuery;
+	var misc_13 = misc.logCombinedQuery;
+	var misc_14 = misc.setHeaders;
+	var misc_15 = misc.setPromotedResults;
+	var misc_16 = misc.setPopularSuggestions;
+	var misc_17 = misc.setDefaultPopularSuggestions;
+	var misc_18 = misc.setCustomData;
+	var misc_19 = misc.setAppliedSettings;
+	var misc_20 = misc.setQueryListener;
+	var misc_21 = misc.setGoogleMapScriptLoading;
+	var misc_22 = misc.setGoogleMapScriptLoaded;
+	var misc_23 = misc.setGoogleMapScriptError;
+	var misc_24 = misc.resetStoreForComponent;
+	var misc_25 = misc.setLastUsedAppbaseQuery;
+	var misc_26 = misc.setSearchState;
 
 	var utils = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -7019,13 +7249,15 @@
 	    var _getState3 = getState(),
 	      config = _getState3.config,
 	      internalValues = _getState3.internalValues,
-	      lastUsedAppbaseQuery = _getState3.lastUsedAppbaseQuery;
+	      lastUsedAppbaseQuery = _getState3.lastUsedAppbaseQuery,
+	      analyticsRef = _getState3.analyticsRef;
 	    var searchId = res._headers ? res._headers.get('X-Search-Id') : null;
 	    if (searchId) {
 	      if (isSuggestionsQuery) {
 	        dispatch((0, misc.setSuggestionsSearchId)(searchId));
 	      } else {
 	        dispatch((0, misc.setSearchId)(searchId));
+	        analyticsRef.queryID = searchId;
 	      }
 	    }
 	    orderOfQueries.forEach(function (component) {
@@ -7097,6 +7329,8 @@
 	      appendToAggs = _ref3$appendToAggs === undefined ? false : _ref3$appendToAggs;
 	    var getState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
 	    var dispatch = arguments[2];
+	    var _getState5 = getState(),
+	      analyticsRef = _getState5.analyticsRef;
 	    orderOfQueries.forEach(function (component, index) {
 	      if (isComponentActive(getState, component)) {
 	        var searchId = res._headers ? res._headers.get('X-Search-Id') : null;
@@ -7105,18 +7339,19 @@
 	            dispatch((0, misc.setSuggestionsSearchId)(searchId));
 	          } else {
 	            dispatch((0, misc.setSearchId)(searchId));
+	            analyticsRef.queryID = searchId;
 	          }
 	        }
 	        var transformResponse = res;
 	        if (res && Array.isArray(res.responses) && res.responses[index]) {
 	          transformResponse = res.responses[index];
 	        }
-	        var _getState5 = getState(),
-	          config = _getState5.config,
-	          internalValues = _getState5.internalValues;
+	        var _getState6 = getState(),
+	          config = _getState6.config,
+	          internalValues = _getState6.internalValues;
 	        handleTransformResponse(transformResponse, config, component).then(function (response) {
-	          var _getState6 = getState(),
-	            timestamp = _getState6.timestamp;
+	          var _getState7 = getState(),
+	            timestamp = _getState7.timestamp;
 	          if (timestamp[component] === undefined || timestamp[component] < res._timestamp) {
 	            dispatch((0, misc.setRawData)(component, response));
 	            var promotedResults = response.promoted || res.promoted;
@@ -7154,8 +7389,8 @@
 	  var getSuggestionQuery = exports.getSuggestionQuery = function getSuggestionQuery() {
 	    var getState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
 	    var componentId = arguments[1];
-	    var _getState7 = getState(),
-	      internalValues = _getState7.internalValues;
+	    var _getState8 = getState(),
+	      internalValues = _getState8.internalValues;
 	    var internalValue = internalValues[componentId];
 	    var value = internalValue && internalValue.value || '';
 	    return [{
@@ -8842,28 +9077,17 @@
 	    };
 	  }
 	  function recordClick(_ref) {
-	    var url = _ref.url,
-	      app = _ref.app,
-	      credentials = _ref.credentials,
-	      headers = _ref.headers,
-	      documentId = _ref.documentId,
+	    var documentId = _ref.documentId,
 	      clickPosition = _ref.clickPosition,
-	      queryId = _ref.queryId,
-	      clickType = _ref.clickType;
+	      analyticsInstance = _ref.analyticsInstance,
+	      isSuggestionClick = _ref.isSuggestionClick;
 	    if (!documentId) {
 	      console.warn('ReactiveSearch: document id is required to record the click analytics');
 	    } else {
-	      fetch(url + '/' + app + '/_analytics/click', {
-	        method: 'PUT',
-	        body: JSON.stringify({
-	          query_id: queryId,
-	          click_type: clickType || 'result',
-	          click_on: _defineProperty({}, documentId, clickPosition + 1)
-	        }),
-	        headers: _extends({}, headers, {
-	          'Content-Type': 'application/json',
-	          Authorization: 'Basic ' + btoa(credentials)
-	        })
+	      analyticsInstance.click({
+	        queryID: analyticsInstance.getQueryID(),
+	        objects: _defineProperty({}, documentId, clickPosition + 1),
+	        isSuggestionClick: isSuggestionClick
 	      });
 	    }
 	  }
@@ -8876,7 +9100,8 @@
 	        _getState2$appbaseRef = _getState2.appbaseRef,
 	        url = _getState2$appbaseRef.url,
 	        protocol = _getState2$appbaseRef.protocol,
-	        credentials = _getState2$appbaseRef.credentials;
+	        credentials = _getState2$appbaseRef.credentials,
+	        analyticsInstance = _getState2.analyticsRef;
 	      var app = config.app;
 	      var esURL = protocol + '://' + url;
 	      if (config.analytics && searchId) {
@@ -8896,13 +9121,9 @@
 	          });
 	        } else {
 	          recordClick({
-	            url: parsedURL,
-	            app: app,
-	            credentials: credentials,
-	            parsedHeaders: parsedHeaders,
 	            documentId: documentId,
 	            clickPosition: searchPosition,
-	            queryId: searchId
+	            analyticsInstance: analyticsInstance
 	          });
 	        }
 	      }
@@ -8917,10 +9138,11 @@
 	        _getState3$appbaseRef = _getState3.appbaseRef,
 	        url = _getState3$appbaseRef.url,
 	        protocol = _getState3$appbaseRef.protocol,
-	        credentials = _getState3$appbaseRef.credentials;
+	        credentials = _getState3$appbaseRef.credentials,
+	        analyticsInstance = _getState3.analyticsRef;
 	      var app = config.app;
 	      var esURL = protocol + '://' + url;
-	      if (config.analytics && (config.analyticsConfig === undefined || config.analyticsConfig.suggestionAnalytics === undefined || config.analyticsConfig.suggestionAnalytics) && suggestionsSearchId && searchPosition !== undefined) {
+	      if (config.analytics && (config.analyticsConfig === undefined || config.analyticsConfig.suggestionAnalytics === undefined || config.analyticsConfig.suggestionAnalytics) && searchPosition !== undefined && suggestionsSearchId) {
 	        var parsedHeaders = headers;
 	        delete parsedHeaders['X-Search-Query'];
 	        var parsedURL = (esURL || '').replace(/\/+$/, '');
@@ -8935,18 +9157,14 @@
 	              'X-Search-Suggestions-ClickPosition': searchPosition + 1
 	            })
 	          });
-	        } else {
-	          recordClick({
-	            url: parsedURL,
-	            app: app,
-	            credentials: credentials,
-	            parsedHeaders: parsedHeaders,
-	            documentId: documentId,
-	            clickPosition: searchPosition,
-	            clickType: 'suggestion',
-	            queryId: suggestionsSearchId
-	          });
 	        }
+	      } else if (searchPosition !== undefined) {
+	        recordClick({
+	          documentId: documentId,
+	          clickPosition: searchPosition,
+	          analyticsInstance: analyticsInstance,
+	          isSuggestionClick: true
+	        });
 	      }
 	    };
 	  }
@@ -8954,26 +9172,16 @@
 	    var impressions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 	    return function (dispatch, getState) {
 	      var _getState4 = getState(),
-	        app = _getState4.config.app,
-	        headers = _getState4.headers,
 	        _getState4$appbaseRef = _getState4.appbaseRef,
 	        url = _getState4$appbaseRef.url,
 	        protocol = _getState4$appbaseRef.protocol,
-	        credentials = _getState4$appbaseRef.credentials;
+	        analyticsInstance = _getState4.analyticsRef;
 	      var esURL = protocol + '://' + url;
 	      var parsedURL = esURL.replace(/\/+$/, '');
 	      if (!parsedURL.includes('scalr.api.appbase.io') && queryId && impressions.length) {
-	        fetch(parsedURL + '/' + app + '/_analytics/search', {
-	          method: 'PUT',
-	          body: JSON.stringify({
-	            query_id: queryId,
-	            impressions: impressions
-	          }),
-	          keepalive: true,
-	          headers: _extends({}, headers, {
-	            'Content-Type': 'application/json',
-	            Authorization: 'Basic ' + btoa(credentials)
-	          })
+	        analyticsInstance.search({
+	          queryID: analyticsInstance.getQueryID(),
+	          impressions: impressions
 	        });
 	      }
 	    };
@@ -12970,7 +13178,7 @@
 
 	      // if default query prop is defined and component is reactive component then register the internal component
 	      if (options.internalComponent || this.componentProps.defaultQuery && options.componentType === constants_1$1.reactiveComponent) {
-	        this.internalComponent = transform_10(this.componentId);
+	        this.internalComponent = transform_11(this.componentId);
 	      }
 	      // Register internal component
 	      if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
@@ -15156,6 +15364,260 @@
 	  return client;
 	}
 
+	function _extends$3() {
+	  _extends$3 = Object.assign || function (target) {
+	    for (var i = 1; i < arguments.length; i++) {
+	      var source = arguments[i];
+	      for (var key in source) {
+	        if (Object.prototype.hasOwnProperty.call(source, key)) {
+	          target[key] = source[key];
+	        }
+	      }
+	    }
+	    return target;
+	  };
+	  return _extends$3.apply(this, arguments);
+	}
+
+	// Function to parse the URL
+	function btoa$2(input) {
+	  if (input === void 0) {
+	    input = '';
+	  }
+	  var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+	  var str = input;
+	  var output = ''; // eslint-disable-next-line
+
+	  for (var block = 0, charCode, i = 0, map = chars; str.charAt(i | 0) || (map = '=', i % 1);
+	  // eslint-disable-line no-bitwise
+	  output += map.charAt(63 & block >> 8 - i % 1 * 8) // eslint-disable-line no-bitwise
+	  ) {
+	    charCode = str.charCodeAt(i += 3 / 4);
+	    if (charCode > 0xff) {
+	      throw new Error('"btoa" failed: The string to be encoded contains characters outside of the Latin1 range.');
+	    }
+	    block = block << 8 | charCode; // eslint-disable-line no-bitwise
+	  }
+
+	  return output;
+	}
+	function validateIndex(index) {
+	  if (!index) {
+	    throw new Error('appbase-analytics: A valid index must be present to record analytics events.');
+	  }
+	}
+	function validateCredentials(credentials) {
+	  if (!credentials) {
+	    throw new Error('appbase-analytics: Auth credentials is missing.');
+	  }
+	}
+	function validateURL(url) {
+	  if (!url) {
+	    throw new Error('appbase-analytics: URL is missing.');
+	  }
+	}
+	function validateQuery(query, queryID) {
+	  if ((query === undefined || query === null) && !queryID) {
+	    throw new Error('appbase-analytics: query or queryID must be present to register a click/conversion event');
+	  }
+	}
+	function validateQueryID(queryID) {
+	  if (!queryID) {
+	    throw new Error('appbase-analytics: queryID must be present to save search/favorite');
+	  }
+	}
+	function validateClickObjects(objects) {
+	  if (!objects || Object.keys(objects).length < 1) {
+	    throw new Error('appbase-analytics: at least one click object must be present to register a click event');
+	  }
+	}
+	function validateConversionObjects(objects) {
+	  if (!objects || Object.keys(objects).length < 1) {
+	    throw new Error('appbase-analytics: at least one click object must be present to register a click event');
+	  }
+	}
+	function initClient(config) {
+	  if (config === void 0) {
+	    config = {};
+	  }
+	  var metrics = {
+	    credentials: config.credentials,
+	    index: config.index,
+	    url: config.url,
+	    userID: config.userID,
+	    globalCustomEvents: config.globalCustomEvents,
+	    queryID: '',
+	    headers: null,
+	    _request: function _request(method, url, body, queryParams, callback) {
+	      var finalBody = _extends$3({
+	        user_id: metrics.userID
+	      }, body, {
+	        custom_events: _extends$3({}, body && body.custom_events, {}, metrics.globalCustomEvents)
+	      });
+	      var queryParamsString = '';
+	      if (queryParams) {
+	        queryParamsString = Object.keys(queryParams).map(function (param) {
+	          return param + "=" + queryParams[param];
+	        }).join('&');
+	      }
+	      return fetch$1(metrics.url + "/" + url + "?" + queryParamsString, {
+	        method: method,
+	        headers: _extends$3({}, metrics.headers, {
+	          'Content-Type': 'application/json',
+	          Authorization: "Basic " + btoa$2(metrics.credentials)
+	        }),
+	        body: method === 'GET' ? null : JSON.stringify(finalBody)
+	      }).then(function (response) {
+	        if (callback) {
+	          callback(null, response);
+	        }
+	      })["catch"](function (err) {
+	        if (callback) {
+	          callback(err, null);
+	        }
+	      });
+	    }
+	  };
+	  validateIndex(metrics.index);
+	  validateCredentials(metrics.credentials);
+	  validateURL(metrics.url); // To register a search
+
+	  metrics.search = function (searchConfig, callback) {
+	    validateQuery(searchConfig.query, searchConfig.queryID);
+	    var captureQueryID = function captureQueryID(err, res) {
+	      if (res) {
+	        res.json().then(function (response) {
+	          if (response && response.query_id) {
+	            metrics.queryID = response.query_id;
+	          }
+	          if (callback) {
+	            callback(err, res);
+	          }
+	        })["catch"](function (err2) {
+	          if (callback) {
+	            callback(err2, res);
+	          }
+	        });
+	      } else if (callback) {
+	        callback(err, res);
+	      }
+	    }; // just to avoid the flow type error
+
+	    if (metrics._request) {
+	      var requestBody = {
+	        query: searchConfig.query,
+	        query_id: searchConfig.queryID,
+	        custom_events: searchConfig.customEvents,
+	        filters: searchConfig.filters,
+	        hits: searchConfig.hits,
+	        impressions: searchConfig.impressions
+	      };
+	      metrics._request('PUT', metrics.index + "/_analytics/search", requestBody, null, captureQueryID);
+	    }
+	  }; // To register a click
+
+	  metrics.click = function (clickConfig, callback) {
+	    validateQuery(clickConfig.query, clickConfig.queryID);
+	    validateClickObjects(clickConfig.objects); // just to avoid the flow type error
+
+	    if (metrics._request) {
+	      var requestBody = {
+	        click_on: clickConfig.objects,
+	        click_type: clickConfig.isSuggestionClick ? 'suggestion' : 'result',
+	        query: clickConfig.query,
+	        query_id: clickConfig.queryID,
+	        custom_events: clickConfig.customEvents,
+	        meta: clickConfig.meta
+	      };
+	      metrics._request('PUT', metrics.index + "/_analytics/click", requestBody, null, callback);
+	    }
+	  }; // To register a conversion
+
+	  metrics.conversion = function (conversionConfig, callback) {
+	    validateQuery(null, conversionConfig.queryID);
+	    validateConversionObjects(conversionConfig.objects); // just to avoid the flow type error
+
+	    if (metrics._request) {
+	      var requestBody = {
+	        conversion_on: conversionConfig.objects,
+	        query_id: conversionConfig.queryID,
+	        meta: conversionConfig.meta
+	      };
+	      metrics._request('PUT', metrics.index + "/_analytics/conversion", requestBody, null, callback);
+	    }
+	  }; // To save search
+
+	  metrics.saveSearch = function (saveSearchConfig, callback) {
+	    validateQueryID(saveSearchConfig.queryID);
+	    var requestBody = {
+	      query_id: saveSearchConfig.queryID,
+	      save_search_id: saveSearchConfig.saveSearchID,
+	      save_search_meta: saveSearchConfig.saveSearchMeta,
+	      user_id: saveSearchConfig.userID,
+	      custom_events: saveSearchConfig.customEvents
+	    };
+	    metrics._request('PUT', '_analytics/save-search', requestBody, null, callback);
+	  }; // To delete save search
+
+	  metrics.deleteSavedSearch = function (saveSearchId, callback) {
+	    metrics._request('DELETE', '_analytics/save-search/' + saveSearchId, null, null, callback);
+	  }; // To retrieve saved searches
+
+	  metrics.getSavedSearches = function (filters, callback) {
+	    // just to avoid the flow type error
+	    if (metrics._request) {
+	      metrics._request('GET', '_analytics/saved-searches', null, filters, callback);
+	    }
+	  }; // To record a favorite document
+
+	  metrics.favorite = function (favoriteConfig, callback) {
+	    validateQueryID(favoriteConfig.queryID);
+	    if (!favoriteConfig.favoriteOn || favoriteConfig.favoriteOn === '') {
+	      throw new Error('appbase-analytics: favoriteOn property is required');
+	    }
+	    if (!favoriteConfig.source) {
+	      throw new Error('appbase-analytics: source property is required');
+	    }
+	    var requestBody = {
+	      query_id: favoriteConfig.queryID,
+	      favorite_on: favoriteConfig.favoriteOn,
+	      source: favoriteConfig.source,
+	      id: favoriteConfig.id,
+	      meta: favoriteConfig.meta,
+	      user_id: favoriteConfig.userID,
+	      custom_events: favoriteConfig.customEvents
+	    };
+	    metrics._request('PUT', '_analytics/favorite', requestBody, null, callback);
+	  }; // To retrieve favorites
+
+	  metrics.getFavorites = function (filters, callback) {
+	    // just to avoid the flow type error
+	    if (metrics._request) {
+	      metrics._request('GET', '_analytics/favorites', null, filters, callback);
+	    }
+	  }; // Sets the userID
+
+	  metrics.setUserID = function (userID) {
+	    metrics.userID = userID;
+	  }; // Sets the global events
+
+	  metrics.setGlobalCustomEvents = function (globalEvents) {
+	    metrics.globalCustomEvents = globalEvents;
+	  }; // Sets the headers
+
+	  metrics.setHeaders = function (headers) {
+	    metrics.headers = headers;
+	  }; // get queryID
+
+	  metrics.getQueryID = function () {
+	    return metrics.queryID;
+	  };
+	  return metrics;
+	}
+	var index$2 = {
+	  init: initClient
+	};
+
 	/**
 	 *
 	 *
@@ -15488,11 +15950,16 @@
 	        }
 	        return true;
 	      }
+	    },
+	    analyticsRef: {
+	      type: Object,
+	      required: true
 	    }
 	  },
 	  provide: function provide() {
 	    return {
-	      $$store: this.store
+	      $$store: this.store,
+	      $analytics: this.analyticsRef
 	    };
 	  },
 	  render: function render(h) {
@@ -15941,6 +16408,27 @@
 	      if (this.$props.transformResponse) {
 	        appbaseRef.transformResponse = this.$props.transformResponse;
 	      }
+	      var analyticsInitConfig = {
+	        url: url && url.replace(/\/\/.*@/, '//'),
+	        credentials: appbaseRef.credentials,
+	        // When endpoint prop is used index is not defined, so we use _default
+	        index: appbaseRef.app || '_default',
+	        globalCustomEvents: this.$props.appbaseConfig && this.$props.appbaseConfig.customEvents
+	      };
+	      try {
+	        if (this.$props.endpoint && this.$props.endpoint.url) {
+	          // Remove parts between '//' and first '/' in the url
+	          analyticsInitConfig.url = this.$props.endpoint.url.replace(/\/\/(.*?)\/.*/, '//$1');
+	          var headerCredentials = this.$props.endpoint.headers && this.$props.endpoint.headers.Authorization;
+	          analyticsInitConfig.credentials = headerCredentials && headerCredentials.replace('Basic ', '');
+	          // Decode the credentials
+	          analyticsInitConfig.credentials = analyticsInitConfig.credentials && atob(analyticsInitConfig.credentials);
+	        }
+	      } catch (e) {
+	        console.error('Endpoint not set correctly for analytics');
+	        console.error(e);
+	      }
+	      var analyticsRef = index$2.init(analyticsInitConfig);
 	      var initialState = _extends({
 	        config: _extends({}, config, {
 	          initialQueriesSyncTime: props.initialQueriesSyncTime,
@@ -15949,11 +16437,13 @@
 	          themePreset: themePreset
 	        }),
 	        appbaseRef: appbaseRef,
+	        analyticsRef: analyticsRef,
 	        selectedValues: selectedValues,
 	        urlValues: urlValues,
 	        headers: this.getHeaders
 	      }, this.$props.initialState);
 	      this.store = configureStore(initialState);
+	      this.analyticsRef = analyticsRef;
 	    }
 	  },
 	  render: function render() {
@@ -15964,7 +16454,8 @@
 	      className = _this$$props2.className;
 	    return h(Provider, {
 	      "attrs": {
-	        "store": this.store
+	        "store": this.store,
+	        "analyticsRef": this.analyticsRef
 	      }
 	    }, [h(URLParamsProvider$1, {
 	      "attrs": {
@@ -15983,7 +16474,7 @@
 	};
 
 	/**! 
-	 * hotkeys-js v3.10.0 
+	 * hotkeys-js v3.10.1 
 	 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
 	 * 
 	 * Copyright (c) 2022 kenny wong <wowohoo@qq.com> 
@@ -16499,12 +16990,14 @@
 	function trigger(shortcut) {
 	  var scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
 	  Object.keys(_handlers).forEach(function (key) {
-	    var data = _handlers[key].find(function (item) {
+	    var dataList = _handlers[key].filter(function (item) {
 	      return item.scope === scope && item.shortcut === shortcut;
 	    });
-	    if (data && data.method) {
-	      data.method();
-	    }
+	    dataList.forEach(function (data) {
+	      if (data && data.method) {
+	        data.method();
+	      }
+	    });
 	  });
 	}
 	var _api = {
@@ -18413,10 +18906,11 @@
 	      }
 	    }
 	    this.handleTextChange = debounce$1(this.handleText, this.$props.debounce);
+	    this.updateDefaultQueryHandlerDebounced = debounce$1(this.updateDefaultQueryHandler, this.$props.debounce);
 	    // Set custom and default queries in store
 	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
 	    updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
-	    this.updateDefaultQueryHandler(this.currentValue, this.$props, false);
+	    this.updateDefaultQueryHandlerDebounced(this.currentValue, this.$props, false);
 	  },
 	  computed: {
 	    suggestionsList: function suggestionsList() {
@@ -18601,7 +19095,7 @@
 	    },
 	    defaultQuery: function defaultQuery(newVal, oldVal) {
 	      if (!isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
-	        this.updateDefaultQueryHandler(this.$data.currentValue, this.$props);
+	        this.updateDefaultQueryHandlerDebounced(this.$data.currentValue, this.$props);
 	      }
 	    },
 	    customQuery: function customQuery(newVal, oldVal) {
@@ -18637,9 +19131,9 @@
 	  methods: {
 	    handleText: function handleText(value) {
 	      if (this.$props.autosuggest) {
-	        this.updateDefaultQueryHandler(value, this.$props);
+	        this.updateDefaultQueryHandlerDebounced(value, this.$props);
 	      } else {
-	        this.updateQueryHandler(this.$props.componentId, value, this.$props);
+	        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
 	      }
 	    },
 	    validateDataField: function validateDataField() {
@@ -18780,7 +19274,7 @@
 	            if (toggleIsOpen) {
 	              _this.isOpen = false;
 	            }
-	            if (typeof value === 'string') _this.updateDefaultQueryHandler(value, _this.$props);
+	            if (typeof value === 'string') _this.updateDefaultQueryHandlerDebounced(value, _this.$props);
 	          } // in case of strict selection only SUGGESTION_SELECT should be able
 	          // to set the query otherwise the value should reset
 
@@ -18814,6 +19308,9 @@
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
 	    updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props, execute) {
+	      if (props === void 0) {
+	        props = this.$props;
+	      }
 	      if (!value && props.enableDefaultSuggestions === false) {
 	        // clear Component data from store
 	        this.resetStoreForComponent(props.componentId);
@@ -18946,7 +19443,7 @@
 	          if (_this2.$options.isTagsMode && autosuggest) {
 	            _this2.currentValue = value;
 	            _this2.isOpen = isOpen;
-	            _this2.updateDefaultQueryHandler(_this2.currentValue, _this2.$props);
+	            _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
 	            return;
 	          }
 	          _this2.triggerQuery({
@@ -23414,7 +23911,7 @@
 	 * Released under the MIT License.
 	 */
 
-	var index$2 = {
+	var index$3 = {
 	  name: 'NoSsr',
 	  functional: true,
 	  props: {
@@ -23451,7 +23948,7 @@
 	    }) : h(false);
 	  }
 	};
-	var vueNoSsr_common = index$2;
+	var vueNoSsr_common = index$3;
 
 	var _templateObject$o;
 	var Slider = index$1('div')(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
@@ -24233,7 +24730,13 @@
 	    },
 	    selectedValue: function selectedValue(newVal) {
 	      if (!isEqual$d(this.$data.currentValue, newVal)) {
-	        this.selectItem(newVal, true, undefined, true);
+	        var processSelectedValues = newVal ? newVal.map(function (item) {
+	          if (typeof item === 'object' && 'label' in item) {
+	            return item.label;
+	          }
+	          return item;
+	        }) : null;
+	        this.selectItem(processSelectedValues, true, undefined, true);
 	      }
 	    },
 	    customQuery: function customQuery(newVal, oldVal) {
@@ -25638,6 +26141,7 @@
 	  Vue.component(ResultListTitle.name, ResultListTitle);
 	};
 
+	var setSearchState = lib_5.setSearchState;
 	var getSearchState = lib_8.getSearchState;
 	var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 	var filterProps = function filterProps(props) {
@@ -25648,6 +26152,15 @@
 	    props: props.componentProps
 	  });
 	};
+	var convertArrayLike = function convertArrayLike(arrayLike) {
+	  var arr = [];
+	  var i = 0;
+	  while (arrayLike[i]) {
+	    arr[i] = arrayLike[i];
+	    i += 1;
+	  }
+	  return arr;
+	};
 	var filterByComponentIds = function filterByComponentIds(state, props) {
 	  if (props === void 0) {
 	    props = {};
@@ -25809,21 +26322,28 @@
 	      }
 	    },
 	    setSearchState: function setSearchState(valuesMap) {
+	      var _this = this;
 	      if (valuesMap === void 0) {
 	        valuesMap = {};
 	      }
 	      var components = this.components;
 	      var computedValuesMap = {};
-	      components.filter(function (component) {
-	        return !transform_11(component);
+	      convertArrayLike(components).filter(function (component) {
+	        return !transform_12(component);
 	      }).forEach(function (component) {
 	        if (component in valuesMap) {
-	          computedValuesMap[component] = valuesMap[component];
+	          computedValuesMap[component] = {
+	            value: valuesMap[component],
+	            componentProps: _this.componentProps[component]
+	          };
 	        } else {
-	          computedValuesMap[component] = null;
+	          computedValuesMap[component] = {
+	            value: null,
+	            componentProps: _this.componentProps[component]
+	          };
 	        }
 	      });
-	      this.setValues(computedValuesMap);
+	      this.setSearchStateFn(computedValuesMap);
 	    }
 	  },
 	  render: function render() {
@@ -25853,7 +26373,7 @@
 	  };
 	};
 	var mapDispatchtoProps$d = {
-	  setValues: value_6
+	  setSearchStateFn: setSearchState
 	};
 	var StateProviderConnected = connect(mapStateToProps$h, mapDispatchtoProps$d)(StateProvider);
 	StateProvider.install = function (Vue) {
@@ -34205,7 +34725,7 @@
 	      }
 	      // [4] set query list
 	      // Do not set default query for suggestions
-	      if (isInternalComponentPresent && !transform_7(component.componentType)) {
+	      if (isInternalComponentPresent && !transform_8(component.componentType)) {
 	        var _ref2 = getDefaultQuery(component, value) || {},
 	          defaultQuery = _ref2.query,
 	          defaultQueryOptions = _objectWithoutPropertiesLoose(_ref2, _excluded2);
@@ -34274,13 +34794,13 @@
 	        }, componentQueryOptions, queryOptions[component.componentId]);
 	        queryLog = _extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
 	        if (settings.enableAppbase) {
-	          var query = transform_4(component.componentId, transform_2(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
+	          var query = transform_5(component.componentId, transform_3(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
 	            from: queryOptions[component.componentId].from
 	          } : null));
 	          if (query) {
 	            var _extends3;
 	            // Apply dependent queries
-	            appbaseQuery = _extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform_1(state, component.componentId, orderOfQueries));
+	            appbaseQuery = _extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform_2(state, component.componentId, orderOfQueries));
 	          }
 	        } else {
 	          var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
@@ -34439,7 +34959,7 @@
 	  });
 	}
 
-	var version = "1.33.2";
+	var version = "1.33.3";
 
 	var components$1 = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SearchBox, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
 	function install (Vue) {
@@ -34453,7 +34973,7 @@
 	if (typeof window !== 'undefined' && window.Vue) {
 	  install(window.Vue);
 	}
-	var index$3 = {
+	var index$4 = {
 	  version: version,
 	  install: install
 	};
@@ -34479,7 +34999,7 @@
 	exports.StateProvider = StateProvider;
 	exports.ToggleButton = ToggleButton;
 	exports.componentTypes = constants_1$1;
-	exports.default = index$3;
+	exports.default = index$4;
 	exports.initReactivesearch = initReactivesearch;
 	exports.install = install;
 	exports.version = version;