@appbaseio/reactivesearch-vue 1.30.0 → 1.31.0

package/dist/cjs/index.js

@@ -11,12 +11,12 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-0e2e2c02.js');
-require('./vueTypes-57d01f18.js');
+require('./vueTypes-3970ff42.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-2cd3650b.js');
-require('./ComponentWrapper-5cb08414.js');
+require('./index-2e0ea8d8.js');
+require('./ComponentWrapper-6909bc2a.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-26661936.js');
 require('./ListItem-38962297.js');
@@ -27,19 +27,19 @@ require('appbase-js');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-e550096e.js');
+var DataSearch = require('./DataSearch-a8fabd77.js');
 require('./CancelSvg-c48c1085.js');
 require('./Input-43868594.js');
 require('compute-scroll-into-view');
 require('./Container-cfd69a34.js');
 require('vue-highlight-words');
-var install = require('./install-250a14f1.js');
+var install = require('./install-27314778.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-a9c64bb8.js');
 require('./utils-0df3cb93.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-fc59f1ee.js');
+require('./DropDown-aa358fff.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');

package/dist/cjs/initReactivesearch.js

@@ -100,20 +100,51 @@ function initReactivesearch(componentCollection, searchState, settings) {
       'X-Search-Client': X_SEARCH_CLIENT
     }, enableTelemetry === false && {
       'X-Enable-Telemetry': false
-    }), settings.headers);
+    }), settings.headers, settings.enableAppbase && settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
+
+    var url = settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io';
+    var transformRequest = settings.transformRequest || null;
+
+    if (settings.enableAppbase && settings.endpoint) {
+      if (settings.endpoint.url) {
+        // eslint-disable-next-line prefer-destructuring
+        url = settings.endpoint.url;
+      }
+
+      transformRequest = function transformRequest(request) {
+        var modifiedRequest = helper.transformRequestUsingEndpoint(request, settings.endpoint);
+
+        if (settings.transformRequest) {
+          return settings.transformRequest(modifiedRequest);
+        }
+
+        return modifiedRequest;
+      };
+    }
 
     var config = {
-      url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
+      url: url,
       app: settings.app,
       credentials: credentials,
-      transformRequest: settings.transformRequest || null,
+      transformRequest: transformRequest,
       type: settings.type ? settings.type : '*',
       transformResponse: settings.transformResponse || null,
       graphQLUrl: settings.graphQLUrl || '',
       headers: headers,
-      analyticsConfig: settings.appbaseConfig || null
+      analyticsConfig: settings.appbaseConfig || null,
+      enableAppbase: settings.enableAppbase,
+      endpoint: settings.endpoint
     };
     var appbaseRef = Appbase(config);
+
+    if (config.transformRequest) {
+      appbaseRef.transformRequest = config.transformRequest;
+    }
+
+    if (config.transformResponse) {
+      appbaseRef.transformResponse = config.transformResponse;
+    }
+
     var components = [];
     var selectedValues = {};
     var internalValues = {};
@@ -442,9 +473,10 @@ function initReactivesearch(componentCollection, searchState, settings) {
               }
 
               timestamp[component] = res._timestamp;
+              var hitsObj = response.hits ? response.hits : response[component].hits;
               hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
-                hits: response.hits.hits,
-                total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
+                hits: hitsObj.hits,
+                total: typeof hitsObj.total === 'object' ? hitsObj.total.value : hitsObj.total,
                 time: response.took
               }, _extends7));
               responseResolve();

package/dist/cjs/{install-250a14f1.js → install-27314778.js}

@@ -11,14 +11,14 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var Button = require('./Button-0e2e2c02.js');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var vueTypes = require('./vueTypes-3970ff42.js');
 var ReactiveList = require('./ReactiveList.js');
-var index = require('./index-2cd3650b.js');
-var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
+var index = require('./index-2e0ea8d8.js');
+var ComponentWrapper = require('./ComponentWrapper-6909bc2a.js');
 var Title = require('./Title-26661936.js');
 var ReactiveBase = require('./ReactiveBase.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DataSearch = require('./DataSearch-e550096e.js');
+var DataSearch = require('./DataSearch-a8fabd77.js');
 var CancelSvg = require('./CancelSvg-c48c1085.js');
 var Input = require('./Input-43868594.js');
 var Container = require('./Container-cfd69a34.js');
@@ -101,7 +101,7 @@ var SearchBox = {
     var _this$$props = this.$props,
         distinctField = _this$$props.distinctField,
         distinctFieldConfig = _this$$props.distinctFieldConfig,
-        index = _this$$props.index,
+        index$1 = _this$$props.index,
         mode = _this$$props.mode;
 
     if (mode === constants.SEARCH_COMPONENTS_MODES.TAG) {
@@ -120,11 +120,11 @@ var SearchBox = {
       console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
-    if (!this.enableAppbase && index) {
+    if (!this.enableAppbase && index$1) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
-    this.currentValue = this.selectedValue || this.value || this.defaultValue || '';
+    this.currentValue = index.decodeHtml(this.selectedValue || this.value || this.defaultValue || '');
 
     if (this.$options.isTagsMode) {
       this.currentValue = '';
@@ -221,7 +221,9 @@ var SearchBox = {
     enterButton: VueTypes.bool.def(false),
     renderEnterButton: VueTypes.any,
     mode: VueTypes.oneOf(['select', 'tag']).def('select'),
-    renderSelectedTags: VueTypes.any
+    renderSelectedTags: VueTypes.any,
+    searchboxId: VueTypes.string,
+    endpoint: vueTypes.types.endpointConfig
   },
   beforeMount: function beforeMount() {
     if (this.selectedValue) {
@@ -465,7 +467,7 @@ var SearchBox = {
 
           _this.currentValue = '';
         } else {
-          _this.currentValue = value;
+          _this.currentValue = index.decodeHtml(value);
         }
 
         var queryHandlerValue = value;
@@ -971,7 +973,7 @@ var SearchBox = {
     onAutofillClick: function onAutofillClick(suggestion) {
       var value = suggestion.value;
       this.isOpen = true;
-      this.currentValue = value;
+      this.currentValue = index.decodeHtml(value);
       this.triggerDefaultQuery(value);
     },
     renderAutoFill: function renderAutoFill(suggestion) {

package/dist/cjs/install.js

@@ -11,12 +11,12 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-0e2e2c02.js');
-require('./vueTypes-57d01f18.js');
+require('./vueTypes-3970ff42.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-2cd3650b.js');
-require('./ComponentWrapper-5cb08414.js');
+require('./index-2e0ea8d8.js');
+require('./ComponentWrapper-6909bc2a.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-26661936.js');
 require('./ListItem-38962297.js');
@@ -27,19 +27,19 @@ require('appbase-js');
 require('url-search-params-polyfill');
 require('./ReactiveBase.js');
 require('hotkeys-js');
-require('./DataSearch-e550096e.js');
+require('./DataSearch-a8fabd77.js');
 require('./CancelSvg-c48c1085.js');
 require('./Input-43868594.js');
 require('compute-scroll-into-view');
 require('./Container-cfd69a34.js');
 require('vue-highlight-words');
-var install = require('./install-250a14f1.js');
+var install = require('./install-27314778.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-a9c64bb8.js');
 require('./utils-0df3cb93.js');
 require('./SingleList.js');
 require('./MultiList.js');
-require('./DropDown-fc59f1ee.js');
+require('./DropDown-aa358fff.js');
 require('./SingleDropdownList.js');
 require('./MultiDropdownList.js');
 require('./ToggleButton.js');

package/dist/cjs/version.js

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

package/dist/cjs/{vueTypes-57d01f18.js → vueTypes-3970ff42.js}

@@ -118,6 +118,12 @@ var types = {
   mongodb: VueTypes.shape({
     db: VueTypes.string,
     collection: VueTypes.string
+  }),
+  endpointConfig: VueTypes.shape({
+    url: VueTypes.string.isRequired,
+    method: VueTypes.string,
+    headers: VueTypes.object,
+    body: VueTypes.object
   })
 };
 

package/dist/es/{ComponentWrapper-dc92772a.js → ComponentWrapper-ca0354ea.js}

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.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-5371a13f.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-4715798c.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

package/dist/es/{DataSearch-8e5d0972.js → DataSearch-da9347f7.js}

@@ -4,9 +4,9 @@ import VueTypes from 'vue-types';
 import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-687b2304.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-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { t as types } from './vueTypes-c0d8b875.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-4715798c.js';
+import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
 import { T as Title } from './Title-35edd732.js';
 import { F as Flex } from './Flex-09d40927.js';
 import hotkeys from 'hotkeys-js';
@@ -1129,7 +1129,8 @@ var DataSearch = {
     index: VueTypes.string,
     enableDefaultSuggestions: VueTypes.bool.def(true),
     mode: VueTypes.oneOf(['select', 'tag']).def('select'),
-    renderSelectedTags: VueTypes.any
+    renderSelectedTags: VueTypes.any,
+    endpoint: types.endpointConfig
   },
   beforeMount: function beforeMount() {
     if (this.$props.highlight) {

package/dist/es/DataSearch.js

@@ -6,15 +6,15 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import './vueTypes-687b2304.js';
+import './vueTypes-c0d8b875.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-5371a13f.js';
-import './ComponentWrapper-dc92772a.js';
+import './index-4715798c.js';
+import './ComponentWrapper-ca0354ea.js';
 import './Title-35edd732.js';
 import './Flex-09d40927.js';
 import 'hotkeys-js';
-export { D as default } from './DataSearch-8e5d0972.js';
+export { D as default } from './DataSearch-da9347f7.js';
 import './CancelSvg-e3b33cdd.js';
 import './Input-c9d757bc.js';
 import 'compute-scroll-into-view';

package/dist/es/{DropDown-565fad6f.js → DropDown-604374d2.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-687b2304.js';
-import { a as isFunction } from './index-5371a13f.js';
+import { t as types } from './vueTypes-c0d8b875.js';
+import { a as isFunction } from './index-4715798c.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-e3b33cdd.js';
 import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-c9d757bc.js';

package/dist/es/DynamicRangeSlider.js

@@ -3,9 +3,9 @@ import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4715798c.js';
 import { T as Title } from './Title-35edd732.js';
 import { C as Container } from './Container-421450dc.js';
 import NoSSR from 'vue-no-ssr';
@@ -49,7 +49,8 @@ var DynamicRangeSlider = {
     sliderOptions: VueTypes.object.def({}),
     nestedField: types.string,
     index: VueTypes.string,
-    value: types.range
+    value: types.range,
+    endpoint: types.endpointConfig
   },
   data: function data() {
     this.internalRangeComponent = this.$props.componentId + "__range__internal";

package/dist/es/MultiDropdownList.js

@@ -6,11 +6,11 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-e18ad90f.js';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.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-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4715798c.js';
+import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-35edd732.js';
 import './CancelSvg-e3b33cdd.js';
@@ -19,7 +19,7 @@ import 'compute-scroll-into-view';
 import { C as Container } from './Container-421450dc.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-9b45e0ab.js';
-import { D as Dropdown } from './DropDown-565fad6f.js';
+import { D as Dropdown } from './DropDown-604374d2.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -82,7 +82,8 @@ var MultiDropdownList = {
     loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
     nestedField: types.string,
     index: VueTypes.string,
-    searchPlaceholder: VueTypes.string.def('Type here to search...')
+    searchPlaceholder: VueTypes.string.def('Type here to search...'),
+    endpoint: types.endpointConfig
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {

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-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.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-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as isEvent, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4715798c.js';
+import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
 import { T as Title } from './Title-35edd732.js';
 import { I as Input } from './Input-c9d757bc.js';
 import { C as Container } from './Container-421450dc.js';
@@ -60,7 +60,8 @@ var MultiList = {
     showMissing: VueTypes.bool.def(false),
     missingLabel: VueTypes.string.def('N/A'),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   data: function data() {
     var props = this.$props;

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-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { q as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4715798c.js';
+import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
 import { T as Title } from './Title-35edd732.js';
 import { C as Container } from './Container-421450dc.js';
 import { U as UL, C as Checkbox } from './FormControlList-38ffe3d3.js';
@@ -49,7 +49,8 @@ var MultiRange = {
     title: types.title,
     URLParams: VueTypes.bool.def(false),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   methods: {
     handleClick: function handleClick(e) {

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-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { c as connect } from './index-4715798c.js';
+import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
 import './Title-35edd732.js';
 import { F as Flex } from './Flex-09d40927.js';
 import { I as Input } from './Input-c9d757bc.js';
@@ -86,7 +86,8 @@ var RangeInput = {
     title: types.title,
     URLParams: VueTypes.bool.def(false),
     sliderOptions: VueTypes.object.def({}),
-    nestedField: types.string
+    nestedField: types.string,
+    endpoint: types.endpointConfig
   },
   methods: {
     shouldUpdate: function shouldUpdate(value) {

package/dist/es/RangeSlider.js

@@ -3,11 +3,11 @@ import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4715798c.js';
+import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
 import { T as Title } from './Title-35edd732.js';
 import { C as Container } from './Container-421450dc.js';
 import NoSSR from 'vue-no-ssr';
@@ -58,7 +58,8 @@ var RangeSlider = {
     URLParams: VueTypes.bool.def(false),
     sliderOptions: VueTypes.object.def({}),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   methods: {
     handleSliderChange: function handleSliderChange(values) {

package/dist/es/ReactiveBase.js

@@ -2,11 +2,11 @@ import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
-import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
+import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-5371a13f.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-4715798c.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
@@ -355,11 +355,17 @@ var ReactiveBase = {
     this.setStore(this.$props);
   },
   mounted: function mounted() {
-    var analyticsConfig = this.analyticsConfig; // TODO: Remove in 2.0
+    var analyticsConfig = this.analyticsConfig,
+        enableAppbase = this.enableAppbase,
+        endpoint = this.endpoint; // TODO: Remove in 2.0
 
     if (analyticsConfig !== undefined) {
       console.warn('Warning(ReactiveSearch): The `analyticsConfig` prop has been marked as deprecated, please use the `appbaseConfig` prop instead.');
     }
+
+    if (!enableAppbase && endpoint) {
+      console.warn('Warning(ReactiveSearch): The `endpoint` prop works only when `enableAppbase` prop is set to true.');
+    }
   },
   props: {
     app: types.string,
@@ -383,7 +389,8 @@ var ReactiveBase = {
     as: VueTypes.string.def('div'),
     getSearchParams: types.func,
     setSearchParams: types.func,
-    mongodb: types.mongodb
+    mongodb: types.mongodb,
+    endpoint: types.endpointConfig
   },
   provide: function provide() {
     return {
@@ -434,7 +441,8 @@ var ReactiveBase = {
           enableAppbase = _this$$props.enableAppbase,
           headers = _this$$props.headers,
           appbaseConfig = _this$$props.appbaseConfig,
-          mongodb = _this$$props.mongodb;
+          mongodb = _this$$props.mongodb,
+          endpoint = _this$$props.endpoint;
 
       var _ref = appbaseConfig || {},
           enableTelemetry = _ref.enableTelemetry;
@@ -443,7 +451,7 @@ var ReactiveBase = {
         'X-Search-Client': X_SEARCH_CLIENT
       }, enableTelemetry === false && {
         'X-Enable-Telemetry': false
-      }), headers);
+      }), headers, enableAppbase && endpoint && endpoint.headers && _extends({}, endpoint.headers));
     }
   },
   methods: {
@@ -456,8 +464,19 @@ var ReactiveBase = {
 
       var appbaseConfig = _extends({}, props.analyticsConfig, props.appbaseConfig);
 
+      var url = props.url && props.url.trim() !== '' ? props.url : '';
+
+      if (props.enableAppbase && props.endpoint) {
+        if (props.endpoint.url) {
+          // eslint-disable-next-line prefer-destructuring
+          url = props.endpoint.url;
+        } else {
+          throw Error('Error(ReactiveSearch): The `endpoint` prop object requires `url` property.');
+        }
+      }
+
       var config = {
-        url: props.url && props.url.trim() !== '' ? props.url : '',
+        url: url,
         app: props.app,
         credentials: credentials,
         type: props.type ? props.type : '*',
@@ -466,7 +485,8 @@ var ReactiveBase = {
         enableAppbase: props.enableAppbase,
         analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
         analyticsConfig: appbaseConfig,
-        mongodb: props.mongodb
+        mongodb: props.mongodb,
+        endpoint: props.endpoint
       };
       var queryParams = '';
 
@@ -499,12 +519,16 @@ var ReactiveBase = {
         } catch (e) {// Do not add to selectedValues if JSON parsing fails.
         }
       });
-      var themePreset = props.themePreset;
+      var themePreset = props.themePreset,
+          enableAppbase = props.enableAppbase,
+          endpoint = props.endpoint;
       var appbaseRef = Appbase(config);
 
-      if (this.$props.transformRequest) {
-        appbaseRef.transformRequest = this.$props.transformRequest;
-      }
+      appbaseRef.transformRequest = function (request) {
+        var modifiedRequest = enableAppbase ? transformRequestUsingEndpoint(request, endpoint) : request;
+        if (props.transformRequest) return props.transformRequest(modifiedRequest);
+        return modifiedRequest;
+      };
 
       if (this.$props.transformResponse) {
         appbaseRef.transformResponse = this.$props.transformResponse;

package/dist/es/ReactiveComponent.js

@@ -2,11 +2,11 @@ import { Actions, helper } from '@appbaseio/reactivecore';
 import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-c0d8b875.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-4715798c.js';
+import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,
@@ -34,7 +34,8 @@ var ReactiveComponent = {
     URLParams: VueTypes.bool.def(false),
     distinctField: types.string,
     distinctFieldConfig: types.props,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   created: function created() {
     var _this = this;