@appbaseio/reactivesearch-vue 3.0.0-alpha.3 → 3.0.0-alpha.4

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

@@ -30777,1076 +30777,300 @@
 	var ErrorTypeStrings = (_ErrorTypeStrings = {}, _ErrorTypeStrings["sp" /* LifecycleHooks.SERVER_PREFETCH */] = 'serverPrefetch hook', _ErrorTypeStrings["bc" /* LifecycleHooks.BEFORE_CREATE */] = 'beforeCreate hook', _ErrorTypeStrings["c" /* LifecycleHooks.CREATED */] = 'created hook', _ErrorTypeStrings["bm" /* LifecycleHooks.BEFORE_MOUNT */] = 'beforeMount hook', _ErrorTypeStrings["m" /* LifecycleHooks.MOUNTED */] = 'mounted hook', _ErrorTypeStrings["bu" /* LifecycleHooks.BEFORE_UPDATE */] = 'beforeUpdate hook', _ErrorTypeStrings["u" /* LifecycleHooks.UPDATED */] = 'updated', _ErrorTypeStrings["bum" /* LifecycleHooks.BEFORE_UNMOUNT */] = 'beforeUnmount hook', _ErrorTypeStrings["um" /* LifecycleHooks.UNMOUNTED */] = 'unmounted hook', _ErrorTypeStrings["a" /* LifecycleHooks.ACTIVATED */] = 'activated hook', _ErrorTypeStrings["da" /* LifecycleHooks.DEACTIVATED */] = 'deactivated hook', _ErrorTypeStrings["ec" /* LifecycleHooks.ERROR_CAPTURED */] = 'errorCaptured hook', _ErrorTypeStrings["rtc" /* LifecycleHooks.RENDER_TRACKED */] = 'renderTracked hook', _ErrorTypeStrings["rtg" /* LifecycleHooks.RENDER_TRIGGERED */] = 'renderTriggered hook', _ErrorTypeStrings[0 /* ErrorCodes.SETUP_FUNCTION */] = 'setup function', _ErrorTypeStrings[1 /* ErrorCodes.RENDER_FUNCTION */] = 'render function', _ErrorTypeStrings[2 /* ErrorCodes.WATCH_GETTER */] = 'watcher getter', _ErrorTypeStrings[3 /* ErrorCodes.WATCH_CALLBACK */] = 'watcher callback', _ErrorTypeStrings[4 /* ErrorCodes.WATCH_CLEANUP */] = 'watcher cleanup function', _ErrorTypeStrings[5 /* ErrorCodes.NATIVE_EVENT_HANDLER */] = 'native event handler', _ErrorTypeStrings[6 /* ErrorCodes.COMPONENT_EVENT_HANDLER */] = 'component event handler', _ErrorTypeStrings[7 /* ErrorCodes.VNODE_HOOK */] = 'vnode hook', _ErrorTypeStrings[8 /* ErrorCodes.DIRECTIVE_HOOK */] = 'directive hook', _ErrorTypeStrings[9 /* ErrorCodes.TRANSITION_HOOK */] = 'transition hook', _ErrorTypeStrings[10 /* ErrorCodes.APP_ERROR_HANDLER */] = 'app errorHandler', _ErrorTypeStrings[11 /* ErrorCodes.APP_WARN_HANDLER */] = 'app warnHandler', _ErrorTypeStrings[12 /* ErrorCodes.FUNCTION_REF */] = 'ref function', _ErrorTypeStrings[13 /* ErrorCodes.ASYNC_COMPONENT_LOADER */] = 'async component loader', _ErrorTypeStrings[14 /* ErrorCodes.SCHEDULER */] = 'scheduler flush. This is likely a Vue internals bug. ' + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core', _ErrorTypeStrings);
 	vue.initDirectivesForSSR();
 
-	var componentTypes = {
-	  reactiveList: 'REACTIVELIST',
-	  // search components
-	  dataSearch: 'DATASEARCH',
-	  categorySearch: 'CATEGORYSEARCH',
-	  searchBox: 'SEARCHBOX',
-	  // list components
-	  singleList: 'SINGLELIST',
-	  multiList: 'MULTILIST',
-	  singleDataList: 'SINGLEDATALIST',
-	  tabDataList: 'TABDATALIST',
-	  singleDropdownList: 'SINGLEDROPDOWNLIST',
-	  multiDataList: 'MULTIDATALIST',
-	  multiDropdownList: 'MULTIDROPDOWNLIST',
-	  singleDropdownRange: 'SINGLEDROPDOWNRANGE',
-	  treeList: 'TREELIST',
-	  // basic components
-	  numberBox: 'NUMBERBOX',
-	  tagCloud: 'TAGCLOUD',
-	  toggleButton: 'TOGGLEBUTTON',
-	  reactiveComponent: 'REACTIVECOMPONENT',
-	  // range components
-	  datePicker: 'DATEPICKER',
-	  dateRange: 'DATERANGE',
-	  dynamicRangeSlider: 'DYNAMICRANGESLIDER',
-	  multiDropdownRange: 'MULTIDROPDOWNRANGE',
-	  singleRange: 'SINGLERANGE',
-	  multiRange: 'MULTIRANGE',
-	  rangeSlider: 'RANGESLIDER',
-	  ratingsFilter: 'RATINGSFILTER',
-	  rangeInput: 'RANGEINPUT',
-	  // map components
-	  geoDistanceDropdown: 'GEO_DISTANCE_DROPDOWN',
-	  geoDistanceSlider: 'GEO_DISTANCE_SLIDER',
-	  reactiveMap: 'REACTIVE_MAP',
-	  // chart components
-	  reactiveChart: 'REACTIVE_CHART'
-	};
-	var queryTypes = {
-	  search: 'search',
-	  term: 'term',
-	  range: 'range',
-	  geo: 'geo',
-	  suggestion: 'suggestion'
-	};
-
-	var REMOVE_COMPONENT = 'REMOVE_COMPONENT';
-	var PATCH_VALUE = 'PATCH_VALUE';
-	var CLEAR_VALUES = 'CLEAR_VALUES';
-	var SET_VALUE = 'SET_VALUE';
-	var SET_VALUES = 'SET_VALUES';
-	var RESET_TO_DEFAULT = 'RESET_TO_DEFAULT';
-
-	var dateFormats = {
-	  date: 'YYYY-MM-DD',
-	  basic_date: 'YYYYMMDD',
-	  basic_date_time: 'YYYYMMDD[T]HHmmss.SSSZ',
-	  basic_date_time_no_millis: 'YYYYMMDD[T]HHmmssZ',
-	  date_time_no_millis: 'YYYY-MM-DD[T]HH:mm:ssZ',
-	  basic_time: 'HHmmss.SSSZ',
-	  basic_time_no_millis: 'HHmmssZ',
-	  epoch_millis: 'epoch_millis',
-	  epoch_second: 'epoch_second'
-	};
-
-	var _componentTypeToDefau;
-	function getOperation(conjunction) {
-	  if (conjunction === 'and') {
-	    return 'must';
-	  }
-	  if (conjunction === 'or') {
-	    return 'should';
-	  }
-	  return 'must_not';
-	}
-	function createBoolQuery(operation, query) {
-	  var resultQuery = null;
-	  if (Array.isArray(query) && query.length || !Array.isArray(query) && query) {
-	    var _bool;
-	    resultQuery = {
-	      bool: (_bool = {}, _bool[operation] = query, _bool)
-	    };
-	  }
-	  if (operation === 'should' && resultQuery) {
-	    resultQuery = {
-	      bool: _extends({}, resultQuery.bool, {
-	        minimum_should_match: 1
-	      })
-	    };
-	  }
-	  return resultQuery;
-	}
-	function getQuery(react, queryList) {
-	  var query = [];
-	  Object.keys(react).forEach(function (conjunction) {
-	    if (Array.isArray(react[conjunction])) {
-	      var operation = getOperation(conjunction);
-	      var queryArr = react[conjunction].map(function (comp) {
-	        if (typeof comp !== 'string') {
-	          // in this case, we have { <conjunction>: <> } objects inside the array
-	          return getQuery(comp, queryList);
-	        } else if (comp in queryList) {
-	          if (queryList[comp] && Object.keys(queryList[comp]).length) {
-	            return queryList[comp];
-	          }
-	        }
-	        return null;
-	      }).filter(function (item) {
-	        return !!item;
-	      });
-	      var boolQuery = createBoolQuery(operation, queryArr);
-	      if (boolQuery && Object.keys(boolQuery).length) {
-	        query = [].concat(query, [boolQuery]);
-	      }
-	    } else if (typeof react[conjunction] === 'string') {
-	      var _operation = getOperation(conjunction);
-	      var _boolQuery = createBoolQuery(_operation, queryList[react[conjunction]]);
-	      if (_boolQuery && Object.keys(_boolQuery).length) {
-	        query = [].concat(query, [_boolQuery]);
-	      }
-	    } else if (typeof react[conjunction] === 'object' && react[conjunction] !== null) {
-	      var _boolQuery2 = getQuery(react[conjunction], queryList);
-	      if (_boolQuery2 && Object.keys(_boolQuery2).length) {
-	        query = [].concat(query, [_boolQuery2]);
-	      }
-	    }
+	var server = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
 	  });
-	  if (Array.isArray(query) && query.length) {
-	    return {
-	      bool: {
-	        must: query
-	      }
-	    };
-	  }
-	  if (query && Object.keys(query).length) {
-	    return query;
-	  }
-	  return null;
-	}
-	function getExternalQueryOptions(react, options, component) {
-	  var queryOptions = {};
-	  Object.keys(react).forEach(function (conjunction) {
-	    if (Array.isArray(react[conjunction])) {
-	      react[conjunction].forEach(function (comp) {
-	        if (options[comp]) {
-	          queryOptions = _extends({}, queryOptions, options[comp]);
+	  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];
 	        }
-	      });
-	    } else if (typeof react[conjunction] === 'string') {
-	      if (options[react[conjunction]]) {
-	        queryOptions = _extends({}, queryOptions, options[react[conjunction]]);
 	      }
-	    } else if (typeof react[conjunction] === 'object' && react[conjunction] !== null && !Array.isArray(react[conjunction])) {
-	      queryOptions = _extends({}, queryOptions, getExternalQueryOptions(react[conjunction], options));
 	    }
-	  });
-	  if (options[component]) {
-	    queryOptions = _extends({}, queryOptions, options[component]);
-	  }
-	  return queryOptions;
-	}
-	function buildQuery(component, dependencyTree, queryList, queryOptions) {
-	  var queryObj = null;
-	  var options = null;
-	  if (component in dependencyTree) {
-	    queryObj = getQuery(dependencyTree[component], queryList);
-	    options = getExternalQueryOptions(dependencyTree[component], queryOptions, component);
-	  }
-	  return {
-	    queryObj: queryObj,
-	    options: options
+	    return target;
 	  };
-	}
-	function formatDate(date, props) {
-	  if (props.parseDate) {
-	    // We would be passing an instance of dayjs instead of xdate below. Users need to know.
-	    return props.parseDate(date, props);
+	  var _valueReducer2 = _interopRequireDefault(valueReducer_1);
+	  function _interopRequireDefault(obj) {
+	    return obj && obj.__esModule ? obj : {
+	      "default": obj
+	    };
 	  }
-	  switch (props.queryFormat) {
-	    case 'epoch_millis':
-	      return date.valueOf();
-	    case 'epoch_second':
-	      return Math.floor(date.valueOf() / 1000);
-	    default:
-	      {
-	        if (dateFormats[props.queryFormat]) {
-	          return date.format(dateFormats[props.queryFormat]);
-	        }
-	        return date.valueOf();
+	  function _toConsumableArray(arr) {
+	    if (Array.isArray(arr)) {
+	      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
+	        arr2[i] = arr[i];
 	      }
-	  }
-	}
-	var componentTypeToDefaultValue = (_componentTypeToDefau = {}, _componentTypeToDefau[componentTypes.singleList] = '', _componentTypeToDefau[componentTypes.multiList] = [], _componentTypeToDefau[componentTypes.singleDataList] = '', _componentTypeToDefau[componentTypes.singleDropdownList] = '', _componentTypeToDefau[componentTypes.multiDataList] = [], _componentTypeToDefau[componentTypes.multiDropdownList] = [], _componentTypeToDefau[componentTypes.tagCloud] = '', _componentTypeToDefau[componentTypes.toggleButton] = '', _componentTypeToDefau[componentTypes.singleDropdownRange] = '', _componentTypeToDefau[componentTypes.multiDropdownRange] = [], _componentTypeToDefau[componentTypes.singleRange] = '', _componentTypeToDefau[componentTypes.multiRange] = [], _componentTypeToDefau);
-
-	/* isValidDateRangeQueryFormat() checks if the queryFormat is one of the dateFormats
-		accepted by the elasticsearch or not. */
-	function isValidDateRangeQueryFormat(queryFormat) {
-	  return Object.keys(dateFormats).includes(queryFormat);
-	}
-
-	var _componentToTypeMap;
-	var componentToTypeMap = (_componentToTypeMap = {}, _componentToTypeMap[componentTypes.reactiveList] = queryTypes.search, _componentToTypeMap[componentTypes.dataSearch] = queryTypes.search, _componentToTypeMap[componentTypes.categorySearch] = queryTypes.search, _componentToTypeMap[componentTypes.searchBox] = queryTypes.suggestion, _componentToTypeMap[componentTypes.singleList] = queryTypes.term, _componentToTypeMap[componentTypes.multiList] = queryTypes.term, _componentToTypeMap[componentTypes.singleDataList] = queryTypes.term, _componentToTypeMap[componentTypes.singleDropdownList] = queryTypes.term, _componentToTypeMap[componentTypes.multiDataList] = queryTypes.term, _componentToTypeMap[componentTypes.multiDropdownList] = queryTypes.term, _componentToTypeMap[componentTypes.tagCloud] = queryTypes.term, _componentToTypeMap[componentTypes.toggleButton] = queryTypes.term, _componentToTypeMap[componentTypes.reactiveChart] = queryTypes.term, _componentToTypeMap[componentTypes.treeList] = queryTypes.term, _componentToTypeMap[componentTypes.numberBox] = queryTypes.term, _componentToTypeMap[componentTypes.datePicker] = queryTypes.range, _componentToTypeMap[componentTypes.dateRange] = queryTypes.range, _componentToTypeMap[componentTypes.dynamicRangeSlider] = queryTypes.range, _componentToTypeMap[componentTypes.singleDropdownRange] = queryTypes.range, _componentToTypeMap[componentTypes.multiDropdownRange] = queryTypes.range, _componentToTypeMap[componentTypes.singleRange] = queryTypes.range, _componentToTypeMap[componentTypes.multiRange] = queryTypes.range, _componentToTypeMap[componentTypes.rangeSlider] = queryTypes.range, _componentToTypeMap[componentTypes.ratingsFilter] = queryTypes.range, _componentToTypeMap[componentTypes.rangeInput] = queryTypes.range, _componentToTypeMap[componentTypes.geoDistanceDropdown] = queryTypes.geo, _componentToTypeMap[componentTypes.geoDistanceSlider] = queryTypes.geo, _componentToTypeMap[componentTypes.reactiveMap] = queryTypes.geo, _componentToTypeMap);
-	var multiRangeComponents = [componentTypes.multiRange, componentTypes.multiDropdownRange];
-	var dateRangeComponents = [componentTypes.dateRange, componentTypes.datePicker];
-	var searchComponents = [componentTypes.categorySearch, componentTypes.dataSearch, componentTypes.searchBox];
-	var listComponentsWithPagination = [componentTypes.singleList, componentTypes.multiList, componentTypes.singleDropdownList, componentTypes.multiDropdownList];
-	var getNormalizedField = function getNormalizedField(field) {
-	  if (field && !Array.isArray(field)) {
-	    return [field];
-	  }
-	  return field;
-	};
-	var isInternalComponent = function isInternalComponent(componentID) {
-	  if (componentID === void 0) {
-	    componentID = '';
-	  }
-	  return componentID.endsWith('__internal');
-	};
-	var getInternalComponentID = function getInternalComponentID(componentID) {
-	  if (componentID === void 0) {
-	    componentID = '';
-	  }
-	  return componentID + "__internal";
-	};
-	var getHistogramComponentID = function getHistogramComponentID(componentID) {
-	  if (componentID === void 0) {
-	    componentID = '';
-	  }
-	  return componentID + "__histogram__internal";
-	};
-	var isDRSRangeComponent = function isDRSRangeComponent(componentID) {
-	  if (componentID === void 0) {
-	    componentID = '';
-	  }
-	  return componentID.endsWith('__range__internal');
-	};
-	var isSearchComponent = function isSearchComponent(componentType) {
-	  if (componentType === void 0) {
-	    componentType = '';
-	  }
-	  return searchComponents.includes(componentType);
-	};
-	var isComponentUsesLabelAsValue = function isComponentUsesLabelAsValue(componentType) {
-	  if (componentType === void 0) {
-	    componentType = '';
-	  }
-	  return componentType === componentTypes.multiDataList || componentType === componentTypes.singleDataList || componentType === componentTypes.tabDataList;
-	};
-	var hasPaginationSupport = function hasPaginationSupport(componentType) {
-	  if (componentType === void 0) {
-	    componentType = '';
-	  }
-	  return listComponentsWithPagination.includes(componentType);
-	};
-	var getRSQuery = function getRSQuery(componentId, props, execute) {
-	  if (execute === void 0) {
-	    execute = true;
-	  }
-	  if (props && componentId) {
-	    var queryType = props.type ? props.type : componentToTypeMap[props.componentType];
-	    // dataField is a required field for components other than search
-	    // TODO: Revisit this logic based on the Appbase version
-	    // dataField is no longer a required field in RS API
-	    if (!isSearchComponent(props.componentType) && !props.dataField) {
-	      return null;
-	    }
-	    var endpoint;
-	    if (props.endpoint instanceof Object) {
-	      endpoint = props.endpoint;
+	      return arr2;
+	    } else {
+	      return Array.from(arr);
 	    }
-	    return _extends({
-	      id: componentId,
-	      type: queryType || queryTypes.search,
-	      dataField: getNormalizedField(props.dataField),
-	      execute: execute,
-	      react: props.react,
-	      highlight: props.highlight,
-	      highlightField: getNormalizedField(props.highlightField),
-	      fuzziness: props.fuzziness,
-	      searchOperators: props.searchOperators,
-	      includeFields: props.includeFields,
-	      excludeFields: props.excludeFields,
-	      size: props.size,
-	      aggregationSize: props.aggregationSize,
-	      from: props.from || undefined,
-	      // Need to maintain for RL
-	      queryFormat: props.queryFormat,
-	      sortBy: props.sortBy,
-	      fieldWeights: getNormalizedField(props.fieldWeights),
-	      includeNullValues: props.includeNullValues,
-	      aggregationField: props.aggregationField || undefined,
-	      categoryField: props.categoryField || undefined,
-	      missingLabel: props.missingLabel || undefined,
-	      showMissing: props.showMissing,
-	      nestedField: props.nestedField || undefined,
-	      interval: props.interval,
-	      highlightConfig: props.customHighlight || props.highlightConfig,
-	      customQuery: props.customQuery,
-	      defaultQuery: props.defaultQuery,
-	      value: props.value,
-	      categoryValue: props.categoryValue || undefined,
-	      after: props.after || undefined,
-	      aggregations: props.aggregations || undefined,
-	      enableSynonyms: props.enableSynonyms,
-	      selectAllLabel: props.selectAllLabel,
-	      pagination: props.pagination,
-	      queryString: props.queryString,
-	      distinctField: props.distinctField,
-	      distinctFieldConfig: props.distinctFieldConfig,
-	      index: props.index
-	    }, queryType === queryTypes.suggestion ? _extends({
-	      enablePopularSuggestions: props.enablePopularSuggestions,
-	      enableEndpointSuggestions: props.enableEndpointSuggestions,
-	      enableRecentSuggestions: props.enableRecentSuggestions,
-	      popularSuggestionsConfig: props.popularSuggestionsConfig,
-	      recentSuggestionsConfig: props.recentSuggestionsConfig,
-	      applyStopwords: props.applyStopwords,
-	      customStopwords: props.customStopwords,
-	      enablePredictiveSuggestions: props.enablePredictiveSuggestions,
-	      featuredSuggestionsConfig: props.featuredSuggestionsConfig,
-	      indexSuggestionsConfig: props.indexSuggestionsConfig,
-	      enableFeaturedSuggestions: props.enableFeaturedSuggestions,
-	      enableIndexSuggestions: props.enableIndexSuggestions
-	    }, props.searchboxId ? {
-	      searchboxId: props.searchboxId
-	    } : {}) : {}, {
-	      calendarInterval: props.calendarInterval,
-	      endpoint: endpoint,
-	      range: props.range
-	    });
 	  }
-	  return null;
-	};
-	var extractPropsFromState = function extractPropsFromState(store, component, customOptions) {
-	  var componentProps = store.props[component];
-	  if (!componentProps) {
-	    return null;
+	  function _objectWithoutProperties(obj, keys) {
+	    var target = {};
+	    for (var i in obj) {
+	      if (keys.indexOf(i) >= 0) continue;
+	      if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+	      target[i] = obj[i];
+	    }
+	    return target;
 	  }
-	  var queryType = componentProps.type ? componentProps.type : componentToTypeMap[componentProps.componentType];
-	  var calcValues = store.selectedValues[component];
-	  var value = calcValues !== undefined && calcValues !== null ? calcValues.value : undefined;
-	  var queryFormat = componentProps.queryFormat;
-	  // calendarInterval only supported when using date types
-	  var calendarInterval;
-	  var interval = componentProps.interval;
-	  var type = queryType;
-	  var dataField = componentProps.dataField;
-	  var aggregations = componentProps.aggregations;
-	  var pagination; // pagination for `term` type of queries
-	  var from = componentProps.from; // offset for RL
-	  var range; // applicable for range components supporting histogram
-
-	  // For term queries i.e list component `dataField` will be treated as aggregationField
-	  if (queryType === queryTypes.term) {
-	    // Only apply pagination prop for the components which supports it otherwise it can break the UI
-	    if (componentProps.showLoadMore && hasPaginationSupport(componentProps.componentType)) {
-	      pagination = true;
-	    }
-	    // Extract values from components that are type of objects
-	    // This code handles the controlled behavior in list components for e.g ToggleButton
-	    if (value != null && typeof value === 'object' && value.value) {
-	      value = value.value;
-	    } else if (Array.isArray(value)) {
-	      var parsedValue = [];
-	      value.forEach(function (val) {
-	        if (val != null && typeof val === 'object' && val.value) {
-	          parsedValue.push(val.value);
-	        } else {
-	          parsedValue.push(val);
-	        }
+	  function _defineProperty(obj, key, value) {
+	    if (key in obj) {
+	      Object.defineProperty(obj, key, {
+	        value: value,
+	        enumerable: true,
+	        configurable: true,
+	        writable: true
 	      });
-	      value = parsedValue;
+	    } else {
+	      obj[key] = value;
 	    }
+	    return obj;
 	  }
-	  if (queryType === queryTypes.range) {
-	    if (Array.isArray(value)) {
-	      if (multiRangeComponents.includes(componentProps.componentType)) {
-	        value = value.map(function (_ref) {
-	          var start = _ref.start,
-	            end = _ref.end;
-	          return {
-	            start: start,
-	            end: end
-	          };
+	  function getValue(state, id, defaultValue) {
+	    if (state && state[id]) {
+	      try {
+	        var parsedValue = JSON.parse(state[id]);
+	        return _extends({}, typeof parsedValue === 'object' && parsedValue.value ? _extends({
+	          value: parsedValue.value
+	        }, parsedValue.category ? {
+	          category: parsedValue.category
+	        } : {}) : {
+	          value: parsedValue
+	        }, {
+	          reference: 'URL'
 	        });
-	      } else {
-	        value = {
-	          start: value[0],
-	          end: value[1]
-	        };
-	      }
-	    } else if (componentProps.showHistogram) {
-	      var internalComponentID = getInternalComponentID(component);
-	      var internalComponentValue = store.internalValues[internalComponentID];
-	      if (!internalComponentValue) {
-	        // Handle dynamic range slider
-	        var histogramComponentID = getHistogramComponentID(component);
-	        internalComponentValue = store.internalValues[histogramComponentID];
-	      }
-	      if (internalComponentValue && Array.isArray(internalComponentValue.value)) {
-	        value = {
-	          start: internalComponentValue.value[0],
-	          end: internalComponentValue.value[1]
-	        };
-	      }
-	    }
-	    if (isDRSRangeComponent(component)) {
-	      aggregations = ['min', 'max'];
-	    } else if (componentProps.showHistogram) {
-	      aggregations = ['histogram'];
-	    }
-
-	    // handle number box, number box query changes based on the `queryFormat` value
-	    if (componentProps.componentType === componentTypes.dynamicRangeSlider || componentProps.componentType === componentTypes.rangeSlider) {
-	      calendarInterval = Object.keys(dateFormats).includes(queryFormat) ? componentProps.calendarInterval : undefined;
-
-	      // Set value
-	      if (value) {
-	        if (isValidDateRangeQueryFormat(componentProps.queryFormat)) {
-	          // check if date types are dealt with
-	          value = {
-	            start: formatDate(dayjs_min(new Date(value.start)), componentProps),
-	            end: formatDate(dayjs_min(new Date(value.end)), componentProps)
-	          };
-	        } else {
-	          value = {
-	            start: parseFloat(value.start),
-	            end: parseFloat(value.end)
-	          };
-	        }
-	      }
-	      var rangeValue;
-	      if (componentProps.componentType === componentTypes.dynamicRangeSlider) {
-	        rangeValue = store.aggregations[component + "__range__internal"];
-	        if (componentProps.nestedField) {
-	          rangeValue = rangeValue && store.aggregations[component + "__range__internal"][componentProps.nestedField].min ? {
-	            start: store.aggregations[component + "__range__internal"][componentProps.nestedField].min.value,
-	            end: store.aggregations[component + "__range__internal"][componentProps.nestedField].max.value
-	          } // prettier-ignore
-	          : null;
-	        } else {
-	          rangeValue = rangeValue && store.aggregations[component + "__range__internal"].min ? {
-	            start: store.aggregations[component + "__range__internal"].min.value,
-	            end: store.aggregations[component + "__range__internal"].max.value
-	          } // prettier-ignore
-	          : null;
-	        }
-	      } else {
-	        rangeValue = componentProps.range;
-	      }
-	      if (rangeValue) {
-	        if (isValidDateRangeQueryFormat(componentProps.queryFormat)) {
-	          // check if date types are dealt with
-	          range = {
-	            start: formatDate(dayjs_min(rangeValue.start), componentProps),
-	            end: formatDate(dayjs_min(rangeValue.end), componentProps)
-	          };
-	        } else {
-	          range = {
-	            start: parseFloat(rangeValue.start),
-	            end: parseFloat(rangeValue.end)
-	          };
-	        }
-	      }
-	    }
-
-	    // handle date components
-	    if (dateRangeComponents.includes(componentProps.componentType)) {
-	      // Set value
-	      if (value) {
-	        if (isValidDateRangeQueryFormat(componentProps.queryFormat)) {
-	          if (typeof value === 'string') {
-	            value = {
-	              // value would be an ISO Date string
-	              start: formatDate(dayjs_min(value).subtract(24, 'hour'), componentProps),
-	              end: formatDate(dayjs_min(value), componentProps)
-	            };
-	          } else if (Array.isArray(value)) {
-	            value = value.map(function (val) {
-	              return {
-	                // value would be one of ISO Date string, number, native date
-	                start: formatDate(dayjs_min(val).subtract(24, 'hour'), componentProps),
-	                end: formatDate(dayjs_min(val), componentProps)
-	              };
-	            });
-	          } else {
-	            value = {
-	              start: formatDate(dayjs_min(value.start).subtract(24, 'hour'), componentProps),
-	              end: formatDate(dayjs_min(value.end), componentProps)
-	            };
-	          }
-	        }
-	      }
-	    }
-	  }
-	  if (queryType === queryTypes.geo) {
-	    // override the value extracted from selectedValues reducer
-	    value = undefined;
-	    var geoCalcValues = store.selectedValues[component] || store.internalValues[component] || store.internalValues[getInternalComponentID(component)];
-	    if (geoCalcValues && geoCalcValues.meta) {
-	      if (geoCalcValues.meta.distance && geoCalcValues.meta.coordinates) {
-	        value = {
-	          distance: geoCalcValues.meta.distance,
-	          location: geoCalcValues.meta.coordinates
-	        };
-	        if (componentProps.unit) {
-	          value.unit = componentProps.unit;
-	        }
-	      }
-	      if (geoCalcValues.meta.mapBoxBounds && geoCalcValues.meta.mapBoxBounds.top_left && geoCalcValues.meta.mapBoxBounds.bottom_right) {
-	        value = {
-	          // Note: format will be reverse of what we're using now
-	          geoBoundingBox: {
-	            topLeft: geoCalcValues.meta.mapBoxBounds.top_left[1] + ", " + geoCalcValues.meta.mapBoxBounds.top_left[0],
-	            bottomRight: geoCalcValues.meta.mapBoxBounds.bottom_right[1] + ", " + geoCalcValues.meta.mapBoxBounds.bottom_right[0]
-	          }
-	        };
-	      }
-	    }
-	  }
-	  // handle number box, number box query changes based on the `queryFormat` value
-	  if (componentProps.componentType === componentTypes.numberBox) {
-	    if (queryFormat === 'exact') {
-	      type = 'term';
-	    } else {
-	      type = 'range';
-	      if (queryFormat === 'lte') {
-	        value = {
-	          end: value,
-	          boost: 2.0
-	        };
-	      } else {
-	        value = {
-	          start: value,
-	          boost: 2.0
+	      } catch (error) {
+	        return {
+	          value: state[id],
+	          reference: 'URL'
 	        };
 	      }
 	    }
-	    // Remove query format
-	    queryFormat = 'or';
-	  }
-	  // Fake dataField for ReactiveComponent
-	  // TODO: Remove it after some time. The `dataField` is no longer required
-	  if (componentProps.componentType === componentTypes.reactiveComponent) {
-	    // Set the type to `term`
-	    type = 'term';
-	    dataField = 'reactive_component_field';
-	    // Don't set value property for ReactiveComponent
-	    // since it is driven by `defaultQuery` and `customQuery`
-	    value = undefined;
-	  }
-	  // Assign default value as an empty string for search components so search relevancy can work
-	  if (isSearchComponent(componentProps.componentType) && !value) {
-	    value = '';
-	  }
-
-	  // Handle components which uses label instead of value as the selected value
-	  if (isComponentUsesLabelAsValue(componentProps.componentType)) {
-	    var data = componentProps.data,
-	      selectAllLabel = componentProps.selectAllLabel;
-	    var absValue = [];
-	    if (value && Array.isArray(value)) {
-	      absValue = value;
-	    } else if (value && typeof value === 'string') {
-	      absValue = [value];
-	    }
-	    var normalizedValue = [];
-	    if (absValue.length) {
-	      if (data && Array.isArray(data)) {
-	        absValue.forEach(function (val) {
-	          var dataItem = data.find(function (o) {
-	            return o.label === val;
-	          });
-	          if (dataItem && dataItem.value) {
-	            normalizedValue.push(dataItem.value);
-	          }
-	        });
-	      }
-	    }
-	    if (selectAllLabel && absValue.length && absValue.includes(selectAllLabel)) {
-	      normalizedValue = absValue;
-	    }
-	    if (normalizedValue.length) {
-	      value = normalizedValue;
-	    } else {
-	      value = undefined;
-	    }
+	    return {
+	      value: defaultValue,
+	      reference: 'DEFAULT'
+	    };
 	  }
-	  if (componentProps.componentType === componentTypes.reactiveList) {
-	    // We set selected page as the value in the redux store for RL.
-	    // It's complex to change this logic in the component so changed it here.
-	    if (value > 0) {
-	      from = (value - 1) * (componentProps.size || 10);
-	    }
-	    value = undefined;
-	  }
-	  var queryValue = value || undefined;
-	  if (componentProps.componentType === componentTypes.searchBox) {
-	    if (Array.isArray(queryValue)) {
-	      queryValue = undefined;
-	    }
-	  }
-	  var endpoint;
-	  if (componentProps.endpoint instanceof Object) {
-	    endpoint = _extends({}, endpoint || {}, componentProps.endpoint);
-	  }
-	  return _extends({}, componentProps, {
-	    endpoint: endpoint,
-	    calendarInterval: calendarInterval,
-	    dataField: dataField,
-	    queryFormat: queryFormat,
-	    type: type,
-	    aggregations: aggregations,
-	    interval: interval,
-	    react: store.dependencyTree ? store.dependencyTree[component] : undefined,
-	    customQuery: store.customQueries ? store.customQueries[component] : undefined,
-	    defaultQuery: store.defaultQueries ? store.defaultQueries[component] : undefined,
-	    customHighlight: store.customHighlightOptions ? store.customHighlightOptions[component] : undefined,
-	    categoryValue: store.internalValues[component] ? store.internalValues[component].category : undefined,
-	    value: queryValue,
-	    pagination: pagination,
-	    from: from,
-	    range: range
-	  }, customOptions);
-	};
-	function flatReactProp(reactProp, componentID) {
-	  var flattenReact = [];
-	  var flatReact = function flatReact(react) {
-	    if (react && Object.keys(react)) {
-	      Object.keys(react).forEach(function (r) {
-	        if (react[r]) {
-	          if (typeof react[r] === 'string') {
-	            flattenReact = [].concat(flattenReact, [react[r]]);
-	          } else if (Array.isArray(react[r])) {
-	            flattenReact = [].concat(flattenReact, react[r]);
-	          } else if (typeof react[r] === 'object') {
-	            flatReact(react[r]);
-	          }
-	        }
-	      });
+	  function parseQuery(str) {
+	    if (str instanceof Object) {
+	      return str;
+	    }
+	    if (typeof str !== 'string' || str.length === 0) return {};
+	    var s = void 0;
+	    if (str.split('/?')[1]) {
+	      s = str.split('/?')[1].split('&');
+	    }
+	    if (str.split('?')[1]) {
+	      s = str.split('?')[1].split('&');
+	    }
+	    if (!s) return {};
+	    var sLength = s.length;
+	    var bit = void 0;
+	    var query = {};
+	    var first = void 0;
+	    var second = void 0;
+	    for (var i = 0; i < sLength; i += 1) {
+	      bit = s[i].split('=');
+	      first = decodeURIComponent(bit[0]);
+	      if (first.length === 0) continue;
+	      second = decodeURIComponent(bit[1]);
+	      if (typeof query[first] === 'undefined') query[first] = second;else if (query[first] instanceof Array) query[first].push(second);else query[first] = [query[first], second];
 	    }
-	  };
-	  flatReact(reactProp);
-	  // Remove cyclic dependencies
-	  flattenReact = flattenReact.filter(function (react) {
-	    return react !== componentID;
-	  });
-	  return flattenReact;
-	}
-	var getDependentQueries = function getDependentQueries(store, componentID, orderOfQueries) {
-	  if (orderOfQueries === void 0) {
-	    orderOfQueries = [];
-	  }
-	  var finalQuery = {};
-	  var react = flatReactProp(store.dependencyTree[componentID], componentID);
-	  react.forEach(function (componentObject) {
-	    var component = componentObject;
-	    var customQuery = store.customQueries[component];
-	    if (!isInternalComponent(component)) {
-	      var calcValues = store.selectedValues[component] || store.internalValues[component];
-	      // Only include queries for that component that has `customQuery` or `value` defined
-	      if ((calcValues && calcValues.value || customQuery) && !finalQuery[component]) {
-	        var execute = false;
-	        if (Array.isArray(orderOfQueries) && orderOfQueries.includes(component)) {
-	          execute = true;
-	        }
-	        var componentProps = store.props[component];
-	        // build query
-	        var dependentQuery = getRSQuery(component, extractPropsFromState(store, component, _extends({}, componentProps && _extends({}, componentProps.componentType === componentTypes.searchBox ? _extends({}, execute === false ? {
-	          type: queryTypes.search
-	        } : {}, calcValues.category ? {
-	          categoryValue: calcValues.category
-	        } : {
-	          categoryValue: undefined
-	        }, calcValues.value ? {
-	          value: calcValues.value
-	        } : {}) : {}, componentProps.componentType === componentTypes.categorySearch ? _extends({}, calcValues.category ? {
-	          categoryValue: calcValues.category
-	        } : {
-	          categoryValue: undefined
-	        }) : {}))), execute);
-	        if (dependentQuery) {
-	          finalQuery[component] = dependentQuery;
-	        }
-	      }
-	    }
-	  });
-	  return finalQuery;
-	};
-
-	var handleTransformResponse = function handleTransformResponse(res, config, component) {
-	  if (res === void 0) {
-	    res = null;
-	  }
-	  if (config === void 0) {
-	    config = {};
-	  }
-	  if (component === void 0) {
-	    component = '';
-	  }
-	  if (config.transformResponse && typeof config.transformResponse === 'function') {
-	    return config.transformResponse(res, component);
-	  }
-	  return new Promise(function (resolve) {
-	    return resolve(res);
-	  });
-	};
-
-	var isPropertyDefined = function isPropertyDefined(property) {
-	  return property !== undefined && property !== null;
-	};
-
-	var _excluded$a = ["value"];
-	function valueReducer(state, action) {
-	  var _extends3;
-	  if (state === void 0) {
-	    state = {};
+	    return query;
 	  }
-	  switch (action.type) {
-	    case SET_VALUE:
-	      {
-	        var _extends2;
-	        var newState = {};
-	        Object.keys(action.componentsToReset || {}).forEach(function (id) {
-	          newState[id] = _extends({}, state[id], {
-	            value: action.componentsToReset[id]
-	          });
-	        });
-	        return _extends({}, state, newState, (_extends2 = {}, _extends2[action.component] = {
-	          value: action.value,
-	          label: action.label || action.component,
-	          showFilter: action.showFilter,
-	          URLParams: action.URLParams,
-	          componentType: action.componentType,
-	          category: action.category,
-	          meta: action.meta,
-	          reference: action.reference
-	        }, _extends2));
-	      }
-	    case SET_VALUES:
-	      {
-	        var componentKeys = action.componentsValues ? Object.keys(action.componentsValues) : [];
-	        if (componentKeys.length) {
-	          var _newState = {};
-	          componentKeys.forEach(function (component) {
-	            var _action$componentsVal = action.componentsValues[component],
-	              value = _action$componentsVal.value,
-	              rest = _objectWithoutPropertiesLoose(_action$componentsVal, _excluded$a);
-	            _newState[component] = _extends({}, state[component], {
-	              value: value
-	            }, rest);
-	          });
-	          return _extends({}, state, _newState);
-	        }
-	        return state;
-	      }
-	    case PATCH_VALUE:
-	      return _extends({}, state, (_extends3 = {}, _extends3[action.component] = _extends({}, state[action.component], action.payload), _extends3));
-	    case CLEAR_VALUES:
-	      {
-	        var nextState = {};
-	        if (action.resetValues) {
-	          Object.keys(action.resetValues).forEach(function (componentId) {
-	            nextState[componentId] = _extends({}, state[componentId], {
-	              value: action.resetValues[componentId]
-	            });
-	          });
-	        }
-	        // clearAllBlacklistComponents has more priority over reset values
-	        if (Array.isArray(action.clearAllBlacklistComponents)) {
-	          Object.keys(state).forEach(function (componentId) {
-	            if (action.clearAllBlacklistComponents.includes(componentId)) {
-	              nextState[componentId] = state[componentId];
+	  var getServerResults = function getServerResults() {
+	    var storeReference = null;
+	    return function (App) {
+	      var queryString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+	      var ssrRenderFunc = arguments[2];
+	      try {
+	        var parsedQueryString = parseQuery(queryString);
+	        if (!storeReference) {
+	          var newSelectedValues = {};
+	          var contextCollector = function contextCollector(params) {
+	            if (params.ctx) {
+	              storeReference = params.ctx;
+	              Object.keys(parsedQueryString).forEach(function (componentId) {
+	                var _getValue = getValue(parsedQueryString, componentId, null),
+	                  value = _getValue.value,
+	                  reference = _getValue.reference;
+	                if (value) {
+	                  newSelectedValues = (0, _valueReducer2["default"])(newSelectedValues, {
+	                    type: 'PATCH_VALUE',
+	                    component: componentId,
+	                    payload: {
+	                      value: value,
+	                      reference: reference
+	                    }
+	                  });
+	                }
+	              });
 	            }
-	          });
-	        }
-	        return nextState;
-	      }
-	    case REMOVE_COMPONENT:
-	      {
-	        var _state2 = state,
-	          _action$component2 = action.component,
-	          del = _state2[_action$component2],
-	          obj = _objectWithoutPropertiesLoose(_state2, [_action$component2].map(_toPropertyKey$1));
-	        return obj;
-	      }
-	    case RESET_TO_DEFAULT:
-	      return _extends({}, state, action.defaultValues);
-	    default:
-	      return state;
-	  }
-	}
-
-	var _excluded$b = ["value"];
-	function getValue(state, id, defaultValue) {
-	  if (state && state[id]) {
-	    try {
-	      // parsing for next.js - since it uses extra set of quotes to wrap params
-	      var parsedValue = JSON.parse(state[id]);
-	      return _extends({}, typeof parsedValue === 'object' && parsedValue.value ? _extends({
-	        value: parsedValue.value
-	      }, parsedValue.category ? {
-	        category: parsedValue.category
-	      } : {}) : {
-	        value: parsedValue
-	      }, {
-	        reference: 'URL'
-	      });
-	    } catch (error) {
-	      // using react-dom-server for ssr
-	      return {
-	        value: state[id],
-	        reference: 'URL'
-	      };
-	    }
-	  }
-	  return {
-	    value: defaultValue,
-	    reference: 'DEFAULT'
-	  };
-	}
-
-	// parse query string
-	// ref: https://stackoverflow.com/a/13896633/10822996
-	function parseQuery(str) {
-	  if (str instanceof Object) {
-	    return str;
-	  }
-	  if (typeof str !== 'string' || str.length === 0) return {};
-	  var s;
-	  if (str.split('/?')[1]) {
-	    s = str.split('/?')[1].split('&');
-	  }
-	  if (str.split('?')[1]) {
-	    s = str.split('?')[1].split('&');
-	  }
-	  if (!s) return {};
-	  var sLength = s.length;
-	  var bit;
-	  var query = {};
-	  var first;
-	  var second;
-	  for (var i = 0; i < sLength; i += 1) {
-	    bit = s[i].split('=');
-	    first = decodeURIComponent(bit[0]);
-	    // eslint-disable-next-line no-continue
-	    if (first.length === 0) continue;
-	    second = decodeURIComponent(bit[1]);
-	    if (typeof query[first] === 'undefined') query[first] = second;else if (query[first] instanceof Array) query[first].push(second);else query[first] = [query[first], second];
-	  }
-	  return query;
-	}
-	var getServerResults = function getServerResults() {
-	  var storeReference = null;
-	  return function (App, queryString, ssrRenderFunc) {
-	    if (queryString === void 0) {
-	      queryString = '';
-	    }
-	    try {
-	      // parse the query String to respect url params in SSR
-	      var parsedQueryString = parseQuery(queryString);
-	      if (!storeReference) {
-	        var newSelectedValues = {};
-	        // callback function to collect SearchBase context
-	        var contextCollector = function contextCollector(params) {
-	          if (params.ctx) {
-	            // store collected
-	            storeReference = params.ctx;
-
-	            // collect selected values from the URL query string
-	            Object.keys(parsedQueryString).forEach(function (componentId) {
-	              var _getValue = getValue(parsedQueryString, componentId, null),
-	                value = _getValue.value,
-	                reference = _getValue.reference;
-	              if (value) {
-	                newSelectedValues = valueReducer(newSelectedValues, {
-	                  type: 'PATCH_VALUE',
-	                  component: componentId,
-	                  payload: {
-	                    value: value,
-	                    reference: reference
-	                  }
-	                });
-	              }
-	            });
-	          }
-	          return {
-	            // send back to ReactiveBase to hydrate the store with values from queryParams(if present)
-	            selectedValues: newSelectedValues
+	            return {
+	              selectedValues: newSelectedValues
+	            };
 	          };
-	        };
-
-	        // render the app server-side to collect context and build initial state
-	        // for hydration on client side
-	        // in case of React, ssrRenderFunc === renderToString || renderToStaticMarkup
-	        // in case of Vue, ssrRenderFunc === renderToString (import { renderToString } from 'vue/server-renderer')
-	        var output = ssrRenderFunc(App({
-	          contextCollector: contextCollector
-	        }));
-	        var promiseFunc;
-	        if (!output.then) {
-	          promiseFunc = Promise.resolve(promiseFunc);
-	        } else {
-	          promiseFunc = output;
-	        }
-	        return promiseFunc.then(function () {
-	          if (storeReference) {
-	            var extractedState = storeReference.getState();
-	            var components = extractedState.components,
-	              config = extractedState.config,
-	              appbaseRef = extractedState.appbaseRef,
-	              queryOptions = extractedState.queryOptions,
-	              internalValues = extractedState.internalValues,
-	              props = extractedState.props,
-	              queryList = extractedState.queryList,
-	              dependencyTree = extractedState.dependencyTree;
-	            var queryLog = extractedState.queryLog;
-	            var finalQuery = [];
-	            var appbaseQuery = {}; // Use object to prevent duplicate query added by react prop
-	            var orderOfQueries = [];
-	            var hits = {};
-	            var aggregations = {};
-	            var state = _extends({}, extractedState);
-
-	            // Generate finalQuery for search
-	            components.filter(function (t) {
-	              return !t.endsWith('__internal');
-	            }).forEach(function (componentId) {
-	              // eslint-disable-next-line
-	              var _buildQuery = buildQuery(componentId, dependencyTree, queryList, queryOptions),
-	                queryObj = _buildQuery.queryObj,
-	                options = _buildQuery.options;
-	              if (!queryObj && !options) {
-	                return;
-	              }
-	              var query = getRSQuery(componentId, extractPropsFromState(state, componentId, queryOptions && queryOptions[componentId] ? {
-	                from: queryOptions[componentId].from
-	              } : null));
-
-	              // check if query or options are valid - non-empty
-	              if (query && !!Object.keys(query).length) {
-	                var _extends2, _extends6;
-	                var currentQuery = query;
-	                var dependentQueries = getDependentQueries(state, componentId, orderOfQueries);
-	                var queryToLog = _extends({}, (_extends2 = {}, _extends2[componentId] = currentQuery, _extends2), Object.keys(dependentQueries).reduce(function (acc, q) {
-	                  var _extends3;
-	                  return _extends({}, acc, (_extends3 = {}, _extends3[q] = _extends({}, dependentQueries[q], {
-	                    execute: false
-	                  }, dependentQueries[q].type === queryTypes.suggestion ? {
-	                    type: 'search'
-	                  } : {}), _extends3));
-	                }, {}));
-	                if ([queryTypes.range, queryTypes.term].includes(componentToTypeMap[props[componentId].componentType])) {
-	                  var _extends4;
-	                  // Avoid logging `value` for term type of components
-	                  // eslint-disable-next-line
-	                  var value = currentQuery.value,
-	                    rest = _objectWithoutPropertiesLoose(currentQuery, _excluded$b);
-	                  queryToLog = _extends({}, (_extends4 = {}, _extends4[componentId] = rest, _extends4), Object.keys(dependentQueries).reduce(function (acc, q) {
-	                    var _extends5;
-	                    return _extends({}, acc, (_extends5 = {}, _extends5[q] = _extends({}, dependentQueries[q], {
+	          var output = ssrRenderFunc(App({
+	            contextCollector: contextCollector
+	          }));
+	          var promiseFunc = void 0;
+	          if (!output.then) {
+	            promiseFunc = Promise.resolve(promiseFunc);
+	          } else {
+	            promiseFunc = output;
+	          }
+	          return promiseFunc.then(function () {
+	            if (storeReference) {
+	              var extractedState = storeReference.getState();
+	              var components = extractedState.components,
+	                config = extractedState.config,
+	                appbaseRef = extractedState.appbaseRef,
+	                queryOptions = extractedState.queryOptions,
+	                internalValues = extractedState.internalValues,
+	                props = extractedState.props,
+	                queryList = extractedState.queryList,
+	                dependencyTree = extractedState.dependencyTree;
+	              var queryLog = extractedState.queryLog;
+	              var finalQuery = [];
+	              var appbaseQuery = {};
+	              var orderOfQueries = [];
+	              var hits = {};
+	              var aggregations = {};
+	              var state = _extends({}, extractedState);
+	              components.filter(function (t) {
+	                return !t.endsWith('__internal');
+	              }).forEach(function (componentId) {
+	                var _buildQuery = (0, helper.buildQuery)(componentId, dependencyTree, queryList, queryOptions),
+	                  queryObj = _buildQuery.queryObj,
+	                  options = _buildQuery.options;
+	                if (!queryObj && !options) {
+	                  return;
+	                }
+	                var query = (0, transform.getRSQuery)(componentId, (0, transform.extractPropsFromState)(state, componentId, queryOptions && queryOptions[componentId] ? {
+	                  from: queryOptions[componentId].from
+	                } : null));
+	                if (query && !!Object.keys(query).length) {
+	                  var currentQuery = query;
+	                  var dependentQueries = (0, transform.getDependentQueries)(state, componentId, orderOfQueries);
+	                  var queryToLog = _extends(_defineProperty({}, componentId, currentQuery), Object.keys(dependentQueries).reduce(function (acc, q) {
+	                    return _extends({}, acc, _defineProperty({}, q, _extends({}, dependentQueries[q], {
 	                      execute: false
-	                    }, dependentQueries[q].type === queryTypes.suggestion ? {
+	                    }, dependentQueries[q].type === constants$1.queryTypes.suggestion ? {
 	                      type: 'search'
-	                    } : {}), _extends5));
+	                    } : {})));
 	                  }, {}));
+	                  if ([constants$1.queryTypes.range, constants$1.queryTypes.term].includes(transform.componentToTypeMap[props[componentId].componentType])) {
+	                    var value = currentQuery.value,
+	                      rest = _objectWithoutProperties(currentQuery, ['value']);
+	                    queryToLog = _extends(_defineProperty({}, componentId, rest), Object.keys(dependentQueries).reduce(function (acc, q) {
+	                      return _extends({}, acc, _defineProperty({}, q, _extends({}, dependentQueries[q], {
+	                        execute: false
+	                      }, dependentQueries[q].type === constants$1.queryTypes.suggestion ? {
+	                        type: 'search'
+	                      } : {})));
+	                    }, {}));
+	                  }
+	                  orderOfQueries = [].concat(_toConsumableArray(orderOfQueries), [componentId]);
+	                  queryLog = _extends({}, queryLog, _defineProperty({}, componentId, queryToLog));
+	                  if (query) {
+	                    var dependentQueriesToAppend = (0, transform.getDependentQueries)(state, componentId, orderOfQueries);
+	                    appbaseQuery = _extends({}, appbaseQuery, _defineProperty({}, componentId, query));
+	                    Object.keys(dependentQueriesToAppend).forEach(function (cId) {
+	                      if (appbaseQuery[cId]) {
+	                        appbaseQuery[cId + Math.random()] = dependentQueriesToAppend[cId];
+	                      } else {
+	                        appbaseQuery[cId] = dependentQueriesToAppend[cId];
+	                      }
+	                    });
+	                  }
 	                }
-	                // if (!compareQueries(queryToLog, currentQuery, false)) {
-	                orderOfQueries = [].concat(orderOfQueries, [componentId]);
-	                queryLog = _extends({}, queryLog, (_extends6 = {}, _extends6[componentId] = queryToLog, _extends6));
-	                // }
-
-	                if (query) {
-	                  var _extends7;
-	                  // Apply dependent queries
-	                  var dependentQueriesToAppend = getDependentQueries(state, componentId, orderOfQueries);
-	                  appbaseQuery = _extends({}, appbaseQuery, (_extends7 = {}, _extends7[componentId] = query, _extends7));
-	                  Object.keys(dependentQueriesToAppend).forEach(function (cId) {
-	                    if (appbaseQuery[cId]) {
-	                      appbaseQuery[cId + Math.random()] = dependentQueriesToAppend[cId];
-	                    } else {
-	                      appbaseQuery[cId] = dependentQueriesToAppend[cId];
-	                    }
-	                  });
-	                }
-	              }
-	            });
-	            var handleRSResponse = function handleRSResponse(res) {
-	              var promotedResults = {};
-	              var rawData = {};
-	              var customData = {};
-	              var allPromises = orderOfQueries.map(function (component) {
-	                return new Promise(function (responseResolve, responseReject) {
-	                  handleTransformResponse(res[component], config, component).then(function (response) {
-	                    if (response) {
-	                      var _extends9;
-	                      if (response.promoted) {
-	                        promotedResults[component] = response.promoted.map(function (promoted) {
-	                          return _extends({}, promoted.doc, {
-	                            _position: promoted.position
+	              });
+	              var handleRSResponse = function handleRSResponse(res) {
+	                var promotedResults = {};
+	                var rawData = {};
+	                var customData = {};
+	                var allPromises = orderOfQueries.map(function (component) {
+	                  return new Promise(function (responseResolve, responseReject) {
+	                    (0, utils.handleTransformResponse)(res[component], config, component).then(function (response) {
+	                      if (response) {
+	                        if (response.promoted) {
+	                          promotedResults[component] = response.promoted.map(function (promoted) {
+	                            return _extends({}, promoted.doc, {
+	                              _position: promoted.position
+	                            });
 	                          });
-	                        });
-	                      }
-	                      rawData[component] = response;
-	                      // Update custom data
-	                      if (response.customData) {
-	                        customData[component] = response.customData;
-	                      }
-	                      if (response.aggregations) {
-	                        var _extends8;
-	                        aggregations = _extends({}, aggregations, (_extends8 = {}, _extends8[component] = response.aggregations, _extends8));
+	                        }
+	                        rawData[component] = response;
+	                        if (response.customData) {
+	                          customData[component] = response.customData;
+	                        }
+	                        if (response.aggregations) {
+	                          aggregations = _extends({}, aggregations, _defineProperty({}, component, response.aggregations));
+	                        }
+	                        var hitsObj = response.hits || {};
+	                        hits = _extends({}, hits, _defineProperty({}, component, {
+	                          hits: hitsObj.hits,
+	                          total: typeof hitsObj.total === 'object' ? hitsObj.total.value : hitsObj.total,
+	                          time: response.took
+	                        }));
+	                        responseResolve();
 	                      }
-	                      var hitsObj = response.hits || {};
-	                      hits = _extends({}, hits, (_extends9 = {}, _extends9[component] = {
-	                        hits: hitsObj.hits,
-	                        total: typeof hitsObj.total === 'object' ? hitsObj.total.value : hitsObj.total,
-	                        time: response.took
-	                      }, _extends9));
-	                      responseResolve();
-	                    }
-	                  })["catch"](function (err) {
-	                    responseReject(err);
+	                    })["catch"](function (err) {
+	                      responseReject(err);
+	                    });
 	                  });
 	                });
-	              });
-	              return Promise.all(allPromises).then(function () {
-	                state = {
-	                  queryList: queryList,
-	                  queryOptions: queryOptions,
-	                  selectedValues: newSelectedValues,
-	                  internalValues: internalValues,
-	                  queryLog: queryLog,
-	                  hits: hits,
-	                  aggregations: aggregations,
-	                  promotedResults: promotedResults,
-	                  customData: customData,
-	                  rawData: rawData,
-	                  dependencyTree: dependencyTree
-	                };
-	                return Promise.resolve(JSON.parse(JSON.stringify(state)));
-	              });
-	            };
-	            if (Object.keys(appbaseQuery).length) {
-	              finalQuery = Object.values(appbaseQuery);
-	              // Call RS API
-	              var rsAPISettings = {};
-	              if (config.analyticsConfig) {
-	                rsAPISettings.recordAnalytics = isPropertyDefined(config.analyticsConfig.recordAnalytics) ? config.analyticsConfig.recordAnalytics : undefined;
-	                rsAPISettings.userId = isPropertyDefined(config.analyticsConfig.userId) ? config.analyticsConfig.userId : undefined;
-	                rsAPISettings.enableQueryRules = isPropertyDefined(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
-	                rsAPISettings.customEvents = isPropertyDefined(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
+	                return Promise.all(allPromises).then(function () {
+	                  state = {
+	                    queryList: queryList,
+	                    queryOptions: queryOptions,
+	                    selectedValues: newSelectedValues,
+	                    internalValues: internalValues,
+	                    queryLog: queryLog,
+	                    hits: hits,
+	                    aggregations: aggregations,
+	                    promotedResults: promotedResults,
+	                    customData: customData,
+	                    rawData: rawData,
+	                    dependencyTree: dependencyTree
+	                  };
+	                  return Promise.resolve(JSON.parse(JSON.stringify(state)));
+	                });
+	              };
+	              if (Object.keys(appbaseQuery).length) {
+	                finalQuery = Object.values(appbaseQuery);
+	                var rsAPISettings = {};
+	                if (config.analyticsConfig) {
+	                  rsAPISettings.recordAnalytics = (0, utils.isPropertyDefined)(config.analyticsConfig.recordAnalytics) ? config.analyticsConfig.recordAnalytics : undefined;
+	                  rsAPISettings.userId = (0, utils.isPropertyDefined)(config.analyticsConfig.userId) ? config.analyticsConfig.userId : undefined;
+	                  rsAPISettings.enableQueryRules = (0, utils.isPropertyDefined)(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
+	                  rsAPISettings.customEvents = (0, utils.isPropertyDefined)(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
+	                }
+	                return appbaseRef.reactiveSearchv3(finalQuery, rsAPISettings).then(function (res) {
+	                  return handleRSResponse(res);
+	                })["catch"](function (err) {
+	                  return Promise.reject(err);
+	                });
 	              }
-	              return appbaseRef.reactiveSearchv3(finalQuery, rsAPISettings).then(function (res) {
-	                return handleRSResponse(res);
-	              })["catch"](function (err) {
-	                return Promise.reject(err);
-	              });
+	              throw new Error('Could not compute server-side initial state of the app!');
+	            } else {
+	              return null;
 	            }
-	            throw new Error('Could not compute server-side initial state of the app!');
-	          } else {
-	            return null;
-	          }
-	        });
+	          });
+	        }
+	        return null;
+	      } catch (error) {
+	        return Promise.reject(error);
 	      }
-	      return null;
-	    } catch (error) {
-	      return Promise.reject(error);
-	    }
+	    };
 	  };
-	};
+	  exports["default"] = getServerResults;
+	});
+	var getServerResults = unwrapExports(server);
 
 	function getServerState(App, queryString) {
 	  var renderFunction = renderToString;
@@ -31855,7 +31079,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.0-alpha.3";
+	var version = "3.0.0-alpha.4";
 
 	var components = [RLConnected, ResultCard, ResultList, ReactiveBase, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4];
 	function install$1 (Vue) {