@appbaseio/reactivesearch-vue 1.16.0-alpha.21 → 1.16.0-alpha.25

package/dist/cjs/SingleDropdownList.js

@@ -13,18 +13,18 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var vueTypes = require('./vueTypes-409348b0.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-9e4adbb3.js');
-var ComponentWrapper = require('./ComponentWrapper-d7d87585.js');
+var index = require('./index-2a8358cd.js');
+var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
 require('./DownShift-d41f2442.js');
 var Container = require('./Container-8a08d663.js');
 var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-35d1472d.js');
+var DropDown = require('./DropDown-d3c78c41.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-c21f265b.js');
+var vueTypes = require('./vueTypes-409348b0.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-9e4adbb3.js');
-var ComponentWrapper = require('./ComponentWrapper-d7d87585.js');
+var index = require('./index-2a8358cd.js');
+var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 var Input = require('./Input-c6f181d5.js');
 var Container = require('./Container-8a08d663.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-c21f265b.js');
+var vueTypes = require('./vueTypes-409348b0.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-9e4adbb3.js');
-var ComponentWrapper = require('./ComponentWrapper-d7d87585.js');
+var index = require('./index-2a8358cd.js');
+var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 var FormControlList = require('./FormControlList-73497794.js');

package/dist/cjs/StateProvider.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('redux');
-var index = require('./index-9e4adbb3.js');
+var index = require('./index-2a8358cd.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-d2f1aeda.js');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var vueTypes = require('./vueTypes-409348b0.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-9e4adbb3.js');
-var ComponentWrapper = require('./ComponentWrapper-d7d87585.js');
+var index = require('./index-2a8358cd.js');
+var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 

package/dist/cjs/{index-9e4adbb3.js → index-2a8358cd.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

@@ -6,23 +6,23 @@ require('@appbaseio/reactivecore');
 require('./_rollupPluginBabelHelpers-4abdbfff.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/constants');
+require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-d2f1aeda.js');
-require('./vueTypes-c21f265b.js');
-require('./Pagination-96c06392.js');
+require('./vueTypes-409348b0.js');
+require('./Pagination-d4dbfd5a.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-9e4adbb3.js');
-require('./ComponentWrapper-d7d87585.js');
+require('./index-2a8358cd.js');
+require('./ComponentWrapper-ab813390.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-39765ee6.js');
 require('./ListItem-933c27e4.js');
 require('./Card-4b915733.js');
 require('./Flex-699639d2.js');
-require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
@@ -38,7 +38,7 @@ require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-35d1472d.js');
+require('./DropDown-d3c78c41.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');

package/dist/cjs/initReactivesearch.js

@@ -6,8 +6,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
+var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 var Appbase = _interopDefault(require('appbase-js'));
 var valueReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/valueReducer'));
 var queryReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryReducer'));
@@ -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]);
         }
       }

package/dist/cjs/install.js

@@ -6,23 +6,23 @@ require('@appbaseio/reactivecore');
 require('./_rollupPluginBabelHelpers-4abdbfff.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/constants');
+require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-d2f1aeda.js');
-require('./vueTypes-c21f265b.js');
-require('./Pagination-96c06392.js');
+require('./vueTypes-409348b0.js');
+require('./Pagination-d4dbfd5a.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-9e4adbb3.js');
-require('./ComponentWrapper-d7d87585.js');
+require('./index-2a8358cd.js');
+require('./ComponentWrapper-ab813390.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-39765ee6.js');
 require('./ListItem-933c27e4.js');
 require('./Card-4b915733.js');
 require('./Flex-699639d2.js');
-require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
@@ -38,7 +38,7 @@ require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-35d1472d.js');
+require('./DropDown-d3c78c41.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.16.0-alpha.21";
+var version = "1.16.0-alpha.25";
 
 exports.default = version;

package/dist/cjs/{vueTypes-c21f265b.js → vueTypes-409348b0.js}

@@ -123,8 +123,9 @@ var types = {
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
     userId: VueTypes.string,
-    customEvents: VueTypes.object
-  })
+    customEvents: VueTypes.object,
+    enableTelemetry: VueTypes.bool.def(true)
+  }).def({})
 };
 
 exports.types = types;

package/dist/es/{ComponentWrapper-66d3e6b8.js → ComponentWrapper-459505fd.js}

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-f5d9c5c6.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-4755c9a0.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

package/dist/es/DataSearch.js

@@ -2,17 +2,17 @@ import { helper, Actions, causes } from '@appbaseio/reactivecore';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
+import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { F as Flex } from './Flex-aac91505.js';
-import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import hotkeys from 'hotkeys-js';
 import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-d8519224.js';
 import 'compute-scroll-into-view';

package/dist/es/{DropDown-ece64867.js → DropDown-8894cc22.js}

@@ -3,8 +3,8 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
 import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
-import { a as isFunction } from './index-f5d9c5c6.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
+import { a as isFunction } from './index-4755c9a0.js';
 import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-d8519224.js';
 import { D as Downshift } from './DownShift-e7ccf2a7.js';
 

package/dist/es/DynamicRangeSlider.js

@@ -3,9 +3,9 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import NoSSR from 'vue-no-ssr';

package/dist/es/MultiDropdownList.js

@@ -6,18 +6,18 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import './Input-d8519224.js';
 import 'compute-scroll-into-view';
 import './DownShift-e7ccf2a7.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-ece64867.js';
+import { D as Dropdown } from './DropDown-8894cc22.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/MultiList.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Input } from './Input-d8519224.js';
 import { C as Container } from './Container-4383c6f0.js';

package/dist/es/MultiRange.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { U as UL, C as Checkbox } from './FormControlList-fe389a2e.js';

package/dist/es/{Pagination-f8d7a011.js → Pagination-a2ab7fcb.js}

@@ -1,7 +1,7 @@
 import { helper } from '@appbaseio/reactivecore';
 import VueTypes from 'vue-types';
 import { p as pagination, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 
 var getClassName = helper.getClassName,
     handleA11yAction = helper.handleA11yAction;

package/dist/es/RangeInput.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import './Title-579f8d6c.js';
 import { F as Flex } from './Flex-aac91505.js';
 import { I as Input } from './Input-d8519224.js';

package/dist/es/RangeSlider.js

@@ -3,11 +3,11 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import NoSSR from 'vue-no-ssr';

package/dist/es/ReactiveBase.js

@@ -2,12 +2,12 @@ import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
+import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import 'redux';
-import { c as connect, e as composeThemeObject } from './index-f5d9c5c6.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-4755c9a0.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
 import 'url-search-params-polyfill';
@@ -412,6 +412,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 _extends({}, enableAppbase && _extends({
+        'X-Search-Client': X_SEARCH_CLIENT
+      }, enableTelemetry === false && {
+        'X-Enable-Telemetry': false
+      }), headers);
+    }
+  },
   methods: {
     updateState: function updateState(props) {
       this.setStore(props);
@@ -464,9 +481,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) {
@@ -487,7 +502,7 @@ var ReactiveBase = {
         appbaseRef: appbaseRef,
         selectedValues: selectedValues,
         urlValues: urlValues,
-        headers: headers
+        headers: this.getHeaders
       }, this.$props.initialState);
 
       this.store = configureStore(initialState);
@@ -496,10 +511,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
@@ -507,7 +521,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/es/ReactiveComponent.js

@@ -2,11 +2,11 @@ import { Actions, helper } from '@appbaseio/reactivecore';
 import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 
 var _excluded = ["options"],
     _excluded2 = ["query"],
@@ -79,9 +79,15 @@ var ReactiveComponent = {
         this.setQueryOptions(componentId, _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,
@@ -95,6 +101,12 @@ var ReactiveComponent = {
 
       if (options) {
         _this.setQueryOptions(props.componentId, _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
 
 
@@ -102,7 +114,11 @@ var ReactiveComponent = {
         var customQueryCalc = _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);
@@ -133,9 +149,15 @@ var ReactiveComponent = {
         this.setQueryOptions(this.internalComponent, _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
       });
     }
   },
@@ -194,9 +216,15 @@ var ReactiveComponent = {
 
 
         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
         });
       }
     },
@@ -215,9 +243,15 @@ var ReactiveComponent = {
 
 
         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/es/ReactiveGoogleMap.js

@@ -6,12 +6,12 @@ import 'emotion';
 import styled, { css } from '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
-import { P as Pagination } from './Pagination-f8d7a011.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
+import { P as Pagination } from './Pagination-a2ab7fcb.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { C as Checkbox } from './FormControlList-fe389a2e.js';
 import * as GmapMapFull from 'gmap-vue';