@appbaseio/reactivesearch-vue 1.22.3 → 1.23.3

package/dist/cjs/{ComponentWrapper-1ed41dcf.js → ComponentWrapper-32481890.js}

@@ -8,7 +8,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-1eb968bc.js');
+var index = require('./index-89c39a9e.js');
 
 var addComponent = configureStore.Actions.addComponent,
     removeComponent = configureStore.Actions.removeComponent,

package/dist/cjs/DataSearch.js

@@ -13,11 +13,11 @@ require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 var Flex = require('./Flex-f146cdad.js');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');

package/dist/cjs/{DropDown-bcc46b94.js → DropDown-59a7971b.js}

@@ -9,8 +9,8 @@ var VueTypes = _interopDefault(require('vue-types'));
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-6ab522d8.js');
-var index = require('./index-1eb968bc.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
+var index = require('./index-89c39a9e.js');
 var Input = require('./Input-3cc3fa59.js');
 var DownShift = require('./DownShift-62e82255.js');
 

package/dist/cjs/DynamicRangeSlider.js

@@ -10,9 +10,9 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('redux');
-var index = require('./index-1eb968bc.js');
+var index = require('./index-89c39a9e.js');
 var Title = require('./Title-584a8cc8.js');
 var Container = require('./Container-526efa6a.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));

package/dist/cjs/MultiDropdownList.js

@@ -13,18 +13,18 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-11307285.js');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 require('./Input-3cc3fa59.js');
 require('compute-scroll-into-view');
 require('./DownShift-62e82255.js');
 var Container = require('./Container-526efa6a.js');
 var utils = require('./utils-1219e1fe.js');
-var DropDown = require('./DropDown-bcc46b94.js');
+var DropDown = require('./DropDown-59a7971b.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/MultiList.js

@@ -12,11 +12,11 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 var Input = require('./Input-3cc3fa59.js');
 var Container = require('./Container-526efa6a.js');

package/dist/cjs/MultiRange.js

@@ -12,11 +12,11 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 var Container = require('./Container-526efa6a.js');
 var FormControlList = require('./FormControlList-808dbcef.js');

package/dist/cjs/RangeInput.js

@@ -13,11 +13,11 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 require('./Title-584a8cc8.js');
 var Flex = require('./Flex-f146cdad.js');
 var Input = require('./Input-3cc3fa59.js');

package/dist/cjs/RangeSlider.js

@@ -10,11 +10,11 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 var Container = require('./Container-526efa6a.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));

package/dist/cjs/ReactiveBase.js

@@ -11,9 +11,9 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('redux');
-var index = require('./index-1eb968bc.js');
+var index = require('./index-89c39a9e.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
@@ -420,6 +420,23 @@ var ReactiveBase = {
       }
     }
   },
+  computed: {
+    getHeaders: function getHeaders() {
+      var _this$$props = this.$props,
+          enableAppbase = _this$$props.enableAppbase,
+          headers = _this$$props.headers,
+          appbaseConfig = _this$$props.appbaseConfig;
+
+      var _ref = appbaseConfig || {},
+          enableTelemetry = _ref.enableTelemetry;
+
+      return _rollupPluginBabelHelpers._extends({}, enableAppbase && _rollupPluginBabelHelpers._extends({
+        'X-Search-Client': index.X_SEARCH_CLIENT
+      }, enableTelemetry === false && {
+        'X-Enable-Telemetry': false
+      }), headers);
+    }
+  },
   methods: {
     updateState: function updateState(props) {
       this.setStore(props);
@@ -472,9 +489,7 @@ var ReactiveBase = {
         } catch (e) {// Do not add to selectedValues if JSON parsing fails.
         }
       });
-      var _props$headers = props.headers,
-          headers = _props$headers === void 0 ? {} : _props$headers,
-          themePreset = props.themePreset;
+      var themePreset = props.themePreset;
       var appbaseRef = Appbase(config);
 
       if (this.$props.transformRequest) {
@@ -495,7 +510,7 @@ var ReactiveBase = {
         appbaseRef: appbaseRef,
         selectedValues: selectedValues,
         urlValues: urlValues,
-        headers: headers
+        headers: this.getHeaders
       }, this.$props.initialState);
 
       this.store = configureStore__default(initialState);
@@ -504,10 +519,9 @@ var ReactiveBase = {
   render: function render() {
     var h = arguments[0];
     var children = this.$slots["default"];
-    var _this$$props = this.$props,
-        headers = _this$$props.headers,
-        style = _this$$props.style,
-        className = _this$$props.className;
+    var _this$$props2 = this.$props,
+        style = _this$$props2.style,
+        className = _this$$props2.className;
     return h(Provider, {
       "attrs": {
         "store": this.store
@@ -515,7 +529,7 @@ var ReactiveBase = {
     }, [h(URLParamsProvider$1, {
       "attrs": {
         "as": this.$props.as,
-        "headers": headers,
+        "headers": this.getHeaders,
         "className": className,
         "getSearchParams": this.getSearchParams,
         "setSearchParams": this.setSearchParams

package/dist/cjs/ReactiveComponent.js

@@ -9,11 +9,11 @@ var configureStore__default = _interopDefault(configureStore);
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 
 var _excluded = ["options"],
     _excluded2 = ["query"],
@@ -86,9 +86,15 @@ var ReactiveComponent = {
         this.setQueryOptions(componentId, _rollupPluginBabelHelpers._extends({}, customQueryOptions, this.getAggsQuery()), false);
       } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
 
+      var queryToSet = query || null;
+
+      if (calcCustomQuery && calcCustomQuery.id) {
+        queryToSet = calcCustomQuery;
+      }
+
       this.updateQuery({
         componentId: componentId,
-        query: query,
+        queryToSet: queryToSet,
         value: this.selectedValue || null,
         label: filterLabel,
         showFilter: showFilter,
@@ -102,6 +108,12 @@ var ReactiveComponent = {
 
       if (options) {
         _this.setQueryOptions(props.componentId, _rollupPluginBabelHelpers._extends({}, options, _this.getAggsQuery()), false);
+      }
+
+      var queryToBeSet = obj.query; // when enableAppbase is true, Backend throws error because of repeated query in request body
+
+      if (obj && obj.query && obj.query.query) {
+        queryToBeSet = obj.query.query;
       } // Update customQuery field for RS API
 
 
@@ -109,7 +121,11 @@ var ReactiveComponent = {
         var customQueryCalc = _rollupPluginBabelHelpers._extends({}, options);
 
         if (obj && obj.query) {
-          customQueryCalc.query = obj.query;
+          if (obj.query.id) {
+            customQueryCalc = queryToBeSet;
+          } else {
+            customQueryCalc.query = obj.query;
+          }
         }
 
         _this.setCustomQuery(props.componentId, customQueryCalc);
@@ -140,9 +156,15 @@ var ReactiveComponent = {
         this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
       } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
 
+      var queryToSet = query || null;
+
+      if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
+        queryToSet = this.$defaultQuery;
+      }
+
       this.updateQuery({
         componentId: this.internalComponent,
-        query: query || null
+        query: queryToSet
       });
     }
   },
@@ -201,9 +223,15 @@ var ReactiveComponent = {
 
 
         index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
+        var queryToSet = query || null;
+
+        if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
+          queryToSet = this.$defaultQuery;
+        }
+
         this.updateQuery({
           componentId: this.internalComponent,
-          query: query || null
+          query: queryToSet
         });
       }
     },
@@ -222,9 +250,15 @@ var ReactiveComponent = {
 
 
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+        var queryToSet = query || null;
+
+        if (this.$customQuery && this.$customQuery.id) {
+          queryToSet = this.$customQuery;
+        }
+
         this.updateQuery({
           componentId: componentId,
-          query: query || null
+          query: queryToSet
         });
       }
     }

package/dist/cjs/ReactiveList.js

@@ -14,11 +14,11 @@ var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
 var Button = require('./Button-11307285.js');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 require('./Title-584a8cc8.js');
 var ListItem = require('./ListItem-b40adb04.js');
@@ -446,18 +446,17 @@ var ReactiveList = {
     ResultCardsWrapper: ResultCardsWrapper
   },
   data: function data() {
-    var props = this.$props;
     var currentPageState = 0;
+    var defaultPage = this.defaultPage || -1;
 
-    if (props.defaultPage >= 0) {
-      currentPageState = props.defaultPage;
-    } else if (props.currentPage) {
-      currentPageState = Math.max(props.currentPage - 1, 0);
+    if (defaultPage >= 0) {
+      currentPageState = defaultPage;
+    } else if (this.currentPage) {
+      currentPageState = Math.max(this.currentPage - 1, 0);
     }
 
     this.__state = {
-      from: currentPageState * props.size,
-      isLoading: true,
+      from: currentPageState * this.size,
       currentPageState: currentPageState
     };
     return this.__state;
@@ -486,8 +485,10 @@ var ReactiveList = {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
-    if (this.defaultPage >= 0) {
-      this.currentPageState = this.defaultPage;
+    var defaultPage = this.defaultPage || -1;
+
+    if (defaultPage >= 0) {
+      this.currentPageState = defaultPage;
       this.from = this.currentPageState * this.$props.size;
     }
 
@@ -955,7 +956,7 @@ var ReactiveList = {
       if (this.stats.numberOfResults) {
         return h("p", {
           "class": resultStats + " " + getClassName$1(this.$props.innerClass, 'resultStats')
-        }, [this.stats.numberOfResults, " results found in ", this.stats.time, "ms"]);
+        }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
       }
 
       return null;
@@ -1088,7 +1089,7 @@ var ReactiveList = {
       return {
         data: this.withClickIds(filteredResults),
         aggregationData: this.withClickIds(aggregationData || []),
-        promotedData: this.withClickIds(promotedResults),
+        promotedData: this.withClickIds(promotedResults || []),
         rawData: this.rawData,
         resultStats: this.stats,
         customData: customData
@@ -1100,7 +1101,7 @@ var ReactiveList = {
 
       var data = _rollupPluginBabelHelpers._extends({
         error: error,
-        loading: isLoading,
+        loading: isLoading || false,
         loadMore: this.loadMore,
         // TODO: Remove in v2
         triggerAnalytics: this.triggerClickAnalytics,
@@ -1115,13 +1116,13 @@ var ReactiveList = {
 
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
-    defaultPage: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value - 1 || -1,
+    defaultPage: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value - 1,
     hits: state.hits[props.componentId] && state.hits[props.componentId].hits,
     rawData: state.rawData[props.componentId],
-    aggregationData: state.compositeAggregations[props.componentId] || [],
-    promotedResults: state.promotedResults[props.componentId] || [],
+    aggregationData: state.compositeAggregations[props.componentId],
+    promotedResults: state.promotedResults[props.componentId],
     customData: state.customData[props.componentId],
-    time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
+    time: state.hits[props.componentId] && state.hits[props.componentId].time,
     total: state.hits[props.componentId] && state.hits[props.componentId].total,
     hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
     analytics: state.config && state.config.analytics,
@@ -1130,7 +1131,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     error: state.error[props.componentId],
     afterKey: state.aggregations[props.componentId] && state.aggregations[props.componentId][props.aggregationField] && state.aggregations[props.componentId][props.aggregationField].after_key,
     componentProps: state.props[props.componentId],
-    isLoading: state.isLoading[props.componentId] || false
+    isLoading: state.isLoading[props.componentId]
   };
 };
 

package/dist/cjs/ResultCard.js

@@ -9,7 +9,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var Title = require('./Title-584a8cc8.js');
 var Card = require('./Card-fd94ef07.js');

package/dist/cjs/ResultList.js

@@ -9,7 +9,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var Title = require('./Title-584a8cc8.js');
 var ListItem = require('./ListItem-b40adb04.js');

package/dist/cjs/SelectedFilters.js

@@ -13,9 +13,9 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-11307285.js');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('redux');
-var index = require('./index-1eb968bc.js');
+var index = require('./index-89c39a9e.js');
 var Title = require('./Title-584a8cc8.js');
 var Container = require('./Container-526efa6a.js');
 

package/dist/cjs/SingleDropdownList.js

@@ -13,18 +13,18 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-11307285.js');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 require('./Input-3cc3fa59.js');
 require('compute-scroll-into-view');
 require('./DownShift-62e82255.js');
 var Container = require('./Container-526efa6a.js');
 var utils = require('./utils-1219e1fe.js');
-var DropDown = require('./DropDown-bcc46b94.js');
+var DropDown = require('./DropDown-59a7971b.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/SingleList.js

@@ -12,11 +12,11 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 var Input = require('./Input-3cc3fa59.js');
 var Container = require('./Container-526efa6a.js');

package/dist/cjs/SingleRange.js

@@ -12,11 +12,11 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 var Container = require('./Container-526efa6a.js');
 var FormControlList = require('./FormControlList-808dbcef.js');

package/dist/cjs/StateProvider.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('redux');
-var index = require('./index-1eb968bc.js');
+var index = require('./index-89c39a9e.js');
 
 var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
@@ -96,7 +96,7 @@ var StateProvider = {
   watch: {
     searchState: function searchState(newVal, oldVal) {
       if (this.isStateChanged(newVal, oldVal)) {
-        this.$emit('change', newVal, oldVal);
+        this.$emit('change', oldVal, newVal);
       }
     },
     selectedValues: function selectedValues(newVal, oldVal) {

package/dist/cjs/ToggleButton.js

@@ -13,11 +13,11 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-11307285.js');
-var vueTypes = require('./vueTypes-6ab522d8.js');
+var vueTypes = require('./vueTypes-22b4fd3a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1eb968bc.js');
-var ComponentWrapper = require('./ComponentWrapper-1ed41dcf.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var Title = require('./Title-584a8cc8.js');
 var Container = require('./Container-526efa6a.js');
 

package/dist/cjs/{index-1eb968bc.js → index-89c39a9e.js}

@@ -134,6 +134,7 @@ var connect = function connect() {
 //   storeKey,
 // });
 
+var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var composeThemeObject = function composeThemeObject(ownTheme, userTheme) {
   if (ownTheme === void 0) {
     ownTheme = {};
@@ -363,6 +364,7 @@ function extractModifierKeysFromFocusShortcuts(focusShortcutsArray) {
   });
 }
 
+exports.X_SEARCH_CLIENT = X_SEARCH_CLIENT;
 exports.composeThemeObject = composeThemeObject;
 exports.connect = connect;
 exports.extractModifierKeysFromFocusShortcuts = extractModifierKeysFromFocusShortcuts;

package/dist/cjs/index.js

@@ -10,12 +10,12 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-11307285.js');
-require('./vueTypes-6ab522d8.js');
+require('./vueTypes-22b4fd3a.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-1eb968bc.js');
-require('./ComponentWrapper-1ed41dcf.js');
+require('./index-89c39a9e.js');
+require('./ComponentWrapper-32481890.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-584a8cc8.js');
 require('./ListItem-b40adb04.js');
@@ -37,7 +37,7 @@ require('./FormControlList-808dbcef.js');
 require('./utils-1219e1fe.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-bcc46b94.js');
+require('./DropDown-59a7971b.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');

package/dist/cjs/initReactivesearch.js

@@ -17,6 +17,7 @@ var fetchGraphQL = _interopDefault(require('@appbaseio/reactivecore/lib/utils/gr
 var utils = require('@appbaseio/reactivecore/lib/actions/utils');
 
 var _excluded = ["aggs", "size"];
+var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var componentsWithHighlightQuery = [constants.componentTypes.dataSearch, constants.componentTypes.categorySearch];
 var componentsWithOptions = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap, constants.componentTypes.singleList, constants.componentTypes.multiList, constants.componentTypes.tagCloud].concat(componentsWithHighlightQuery);
 var componentsWithoutFilters = [constants.componentTypes.numberBox, constants.componentTypes.ratingsFilter];
@@ -74,6 +75,14 @@ function getQuery(component, value, componentType) {
 function initReactivesearch(componentCollection, searchState, settings) {
   return new Promise(function (resolve, reject) {
     var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
+    var enableTelemetry = settings.appbaseConfig && settings.appbaseConfig.enableTelemetry !== undefined ? settings.appbaseConfig.enableTelemetry : true;
+
+    var headers = _rollupPluginBabelHelpers._extends({}, settings.enableAppbase && _rollupPluginBabelHelpers._extends({
+      'X-Search-Client': X_SEARCH_CLIENT
+    }, enableTelemetry === false && {
+      'X-Enable-Telemetry': false
+    }), settings.headers);
+
     var config = {
       url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
       app: settings.app,
@@ -82,7 +91,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
       type: settings.type ? settings.type : '*',
       transformResponse: settings.transformResponse || null,
       graphQLUrl: settings.graphQLUrl || '',
-      headers: settings.headers || {},
+      headers: headers,
       analyticsConfig: settings.appbaseConfig || null
     };
     var appbaseRef = Appbase(config);
@@ -304,8 +313,9 @@ function initReactivesearch(componentCollection, searchState, settings) {
             appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
           }
         } else {
+          var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
           finalQuery = [].concat(finalQuery, [{
-            preference: component.componentId
+            preference: preference
           }, currentQuery]);
         }
       }