@appbaseio/reactivesearch-vue 1.23.0 → 1.23.4-alpha

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

@@ -5517,7 +5517,7 @@
 	    }, size > 0 ? {
 	      numberOfPages: Math.ceil(total / size)
 	    } : null, {
-	      time: time,
+	      time: time || 0,
 	      hidden: hidden,
 	      promoted: promotedResults && promotedResults.length
 	    });
@@ -8636,7 +8636,7 @@
 	      componentList.forEach(function (component) {
 	        var componentProps = props[component];
 
-	        if (selectedValues[componentId] && selectedValues[componentId].reference !== 'URL' && [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(componentProps.componentType)) {
+	        if (selectedValues[componentId] && selectedValues[componentId].reference !== 'URL' && componentProps && [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(componentProps.componentType)) {
 	          dispatch((0, value.setValue)(component, null));
 	        }
 
@@ -8721,8 +8721,9 @@
 	                }
 	              }
 	            } else {
+	              var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + '_' + component : component;
 	              finalQuery = [].concat(_toConsumableArray(finalQuery), [{
-	                preference: component
+	                preference: preference
 	              }, currentQuery]);
 	            }
 	          }
@@ -8927,8 +8928,9 @@
 	          appendToAggs: appendToAggs
 	        }));
 	      } else {
+	        var preference = store.config && store.config.analyticsConfig && store.config.analyticsConfig.userId ? store.config.analyticsConfig.userId + '_' + component : component;
 	        var _finalQuery = [{
-	          preference: component
+	          preference: preference
 	        }, currentQuery];
 	        dispatch(msearch(_finalQuery, [component], appendToHits, false, appendToAggs));
 	      }
@@ -12778,7 +12780,11 @@
 	    userId: VueTypes.string,
 	    customEvents: VueTypes.object,
 	    enableTelemetry: VueTypes.bool.def(true)
-	  }).def({})
+	  }).def({}),
+	  mongodb: VueTypes.shape({
+	    db: VueTypes.string,
+	    collection: VueTypes.string
+	  })
 	};
 
 	var getClassName = lib_8.getClassName,
@@ -13882,18 +13888,17 @@
 	    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;
@@ -13922,8 +13927,10 @@
 	      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;
 	    }
 
@@ -13990,12 +13997,9 @@
 	      return this.$listeners && this.$listeners.resultStats;
 	    },
 	    stats: function stats() {
-	      var _this$getAllData = this.getAllData(),
-	          filteredResults = _this$getAllData.filteredResults;
-
 	      return _extends({}, getResultStats(this), {
 	        currentPage: this.currentPageState,
-	        displayedResults: filteredResults.length
+	        displayedResults: this.data.length
 	      });
 	    },
 	    hasCustomRender: function hasCustomRender() {
@@ -14004,6 +14008,27 @@
 	    showInfiniteScroll: function showInfiniteScroll() {
 	      // Pagination has higher priority then infinite scroll
 	      return this.infiniteScroll && !this.shouldRenderPagination;
+	    },
+	    data: function data() {
+	      var results = parseHits(this.hits) || [];
+	      var parsedPromotedResults = parseHits(this.promotedResults) || [];
+	      var filteredResults = results;
+
+	      if (parsedPromotedResults.length) {
+	        var ids = parsedPromotedResults.map(function (item) {
+	          return item._id;
+	        }).filter(Boolean);
+
+	        if (ids) {
+	          filteredResults = filteredResults.filter(function (item) {
+	            return !ids.includes(item._id);
+	          });
+	        }
+
+	        filteredResults = [].concat(parsedPromotedResults, filteredResults);
+	      }
+
+	      return helper_2(filteredResults);
 	    }
 	  },
 	  watch: {
@@ -14085,7 +14110,7 @@
 	      }
 	    },
 	    hits: function hits(newVal, oldVal) {
-	      this.$emit('data', this.getAllData());
+	      this.$emit('data', this.getData());
 
 	      if (this.shouldRenderPagination) {
 	        // called when page is changed
@@ -14270,13 +14295,10 @@
 
 	      var h = this.$createElement;
 	      var size = this.$props.size;
-	      var hits = this.$data.hits;
-	      var results = parseHits(hits) || [];
-	      var filteredResults = results;
 	      var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
 	      var element = this.hasCustomRender ? this.getComponent() : h("div", {
 	        "class": this.$props.listClass + " " + getClassName$1(this.$props.innerClass, 'list')
-	      }, [[].concat(filteredResults).map(function (item, index) {
+	      }, [this.data.map(function (item, index) {
 	        return renderItem({
 	          item: item,
 	          triggerClickAnalytics: function triggerClickAnalytics() {
@@ -14287,7 +14309,7 @@
 
 	      return this.analytics ? h(ImpressionTracker$1, {
 	        "attrs": {
-	          "hits": filteredResults
+	          "hits": this.data
 	        }
 	      }, [element]) : element;
 	    },
@@ -14391,7 +14413,7 @@
 	      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;
@@ -14467,8 +14489,8 @@
 	      })]);
 	    },
 	    withClickIds: function withClickIds(results) {
-	      var _this$getAllData2 = this.getAllData(),
-	          base = _this$getAllData2.base;
+	      var _this$getAllData = this.getAllData(),
+	          base = _this$getAllData.base;
 
 	      return results.map(function (result, index) {
 	        return _extends({}, result, {
@@ -14486,26 +14508,9 @@
 	          hits = this.hits;
 	      var results = parseHits(hits) || [];
 	      var parsedPromotedResults = parseHits(promotedResults) || [];
-	      var filteredResults = results;
 	      var base = currentPage * size;
-
-	      if (parsedPromotedResults.length) {
-	        var ids = parsedPromotedResults.map(function (item) {
-	          return item._id;
-	        }).filter(Boolean);
-
-	        if (ids) {
-	          filteredResults = filteredResults.filter(function (item) {
-	            return !ids.includes(item._id);
-	          });
-	        }
-
-	        filteredResults = [].concat(parsedPromotedResults, filteredResults);
-	      }
-
 	      return {
 	        results: results,
-	        filteredResults: filteredResults,
 	        customData: customData || {},
 	        promotedResults: parsedPromotedResults,
 	        aggregationData: aggregationData,
@@ -14515,16 +14520,15 @@
 	      };
 	    },
 	    getData: function getData() {
-	      var _this$getAllData3 = this.getAllData(),
-	          filteredResults = _this$getAllData3.filteredResults,
-	          promotedResults = _this$getAllData3.promotedResults,
-	          aggregationData = _this$getAllData3.aggregationData,
-	          customData = _this$getAllData3.customData;
+	      var _this$getAllData2 = this.getAllData(),
+	          promotedResults = _this$getAllData2.promotedResults,
+	          aggregationData = _this$getAllData2.aggregationData,
+	          customData = _this$getAllData2.customData;
 
 	      return {
-	        data: this.withClickIds(filteredResults),
+	        data: this.data,
 	        aggregationData: this.withClickIds(aggregationData || []),
-	        promotedData: this.withClickIds(promotedResults),
+	        promotedData: this.withClickIds(promotedResults || []),
 	        rawData: this.rawData,
 	        resultStats: this.stats,
 	        customData: customData
@@ -14536,7 +14540,7 @@
 
 	      var data = _extends({
 	        error: error,
-	        loading: isLoading,
+	        loading: isLoading || false,
 	        loadMore: this.loadMore,
 	        // TODO: Remove in v2
 	        triggerAnalytics: this.triggerClickAnalytics,
@@ -14551,13 +14555,13 @@
 
 	var mapStateToProps$1 = 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,
@@ -14566,7 +14570,7 @@
 	    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]
 	  };
 	};
 
@@ -15405,8 +15409,33 @@
 	  return encodedHeaders;
 	}
 
-	function getTelemetryHeaders(enableTelemetry) {
+	function getMongoRequest(app, mongo) {
+	  var mongodb = {};
+
+	  if (app) {
+	    mongodb.index = app;
+	  }
+
+	  if (mongo) {
+	    if (mongo.db) {
+	      mongodb.db = mongo.db;
+	    }
+
+	    if (mongo.collection) {
+	      mongodb.collection = mongo.collection;
+	    }
+	  }
+
+	  return mongodb;
+	}
+
+	function getTelemetryHeaders(enableTelemetry, shouldSetHeaders) {
 	  var headers = {};
+
+	  if (!shouldSetHeaders) {
+	    return headers;
+	  }
+
 	  Object.assign(headers, {
 	    'X-Search-Client': 'Appbase JS'
 	  });
@@ -15419,6 +15448,133 @@
 
 	  return headers;
 	}
+
+	var backendAlias = {
+	  MONGODB: 'mongodb',
+	  // mongodb
+	  ELASTICSEARCH: 'elasticsearch' // elasticsearch
+
+	};
+	var dataTypes = {
+	  ARRAY: 'array',
+	  FUNCTION: 'function',
+	  OBJECT: 'object',
+	  NUMBER: 'number',
+	  BOOLEAN: 'boolean',
+	  STRING: 'string'
+	};
+
+	var checkDataType = function checkDataType(temp) {
+	  // eslint-disable-next-line
+	  if ((typeof temp === 'undefined' ? 'undefined' : _typeof$1(temp)) === dataTypes.OBJECT) {
+	    if (Array.isArray(temp)) {
+	      return dataTypes.ARRAY;
+	    }
+
+	    return dataTypes.OBJECT;
+	  }
+
+	  return typeof temp === 'undefined' ? 'undefined' : _typeof$1(temp);
+	};
+
+	function validateSchema() {
+	  var passedProperties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	  var schema = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	  var backendName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+	  var passedPropertiesKeys = Object.keys(passedProperties).filter(function (propertyKey) {
+	    return !!passedProperties[propertyKey];
+	  });
+	  var acceptedProperties = Object.keys(schema);
+	  var requiredProperties = []; // fetch required properties
+
+	  acceptedProperties.forEach(function (propName) {
+	    var currentProperty = schema[propName];
+
+	    if (currentProperty.required) {
+	      requiredProperties.push(propName);
+	    }
+	  }); // check for required properties
+
+	  requiredProperties.forEach(function (requiredProperty) {
+	    if (!passedPropertiesKeys.includes(requiredProperty)) {
+	      throw new Error(requiredProperty + ' is required when using the ' + backendName + ' Search backend.');
+	    }
+	  }); // check for accepted properties
+
+	  passedPropertiesKeys.forEach(function (passedPropertyKey) {
+	    if (!acceptedProperties.includes(passedPropertyKey)) {
+	      throw new Error(passedPropertyKey + ' property isn\'t accepted property by ' + backendName + ' backend.');
+	    }
+
+	    var acceptedTypes = Array.isArray(schema[passedPropertyKey].type) ? schema[passedPropertyKey].type : [].concat(schema[passedPropertyKey].type);
+	    var receivedPropertyType = checkDataType(passedProperties[passedPropertyKey]);
+
+	    if (!acceptedTypes.includes(receivedPropertyType)) {
+	      throw new Error('The property ' + passedPropertyKey + ' is expected with type(s) [' + acceptedTypes.join(', ') + '], but type was set as ' + receivedPropertyType + '.');
+	    }
+	  });
+	}
+
+	var mongodb = {
+	  url: {
+	    type: dataTypes.STRING,
+	    required: true
+	  },
+	  app: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  credentials: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  enableTelemetry: {
+	    type: dataTypes.BOOLEAN,
+	    required: false
+	  },
+	  mongodb: {
+	    type: dataTypes.OBJECT,
+	    required: true
+	  },
+	  username: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  password: {
+	    type: dataTypes.STRING,
+	    required: false
+	  }
+	};
+	var elasticsearch = {
+	  url: {
+	    type: dataTypes.STRING,
+	    required: true
+	  },
+	  app: {
+	    type: dataTypes.STRING,
+	    required: true
+	  },
+	  credentials: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  enableTelemetry: {
+	    type: dataTypes.BOOLEAN,
+	    required: false
+	  },
+	  username: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  password: {
+	    type: dataTypes.STRING,
+	    required: false
+	  }
+	};
+	var SCHEMA = {
+	  mongodb: mongodb,
+	  elasticsearch: elasticsearch
+	};
 	/**
 	 * Returns an instance of Appbase client
 	 * @param {Object} config To configure properties
@@ -15428,10 +15584,10 @@
 	 * @param {String} config.username
 	 * @param {String} config.password
 	 * @param {Boolean} config.enableTelemetry
+	 * @param {Object} config.mongodb
 	 * A callback function which will be invoked before a fetch request made
 	 */
 
-
 	function AppBase(config) {
 	  var _URL = urlParserLite(config.url || ''),
 	      _URL$auth = _URL.auth,
@@ -15443,30 +15599,42 @@
 	      _URL$protocol = _URL.protocol,
 	      protocol = _URL$protocol === undefined ? '' : _URL$protocol;
 
-	  var url = host + path; // Validate config and throw appropriate error
+	  var url = config.url;
+	  url = host + path; // Parse url
 
-	  if (typeof url !== 'string' || url === '') {
-	    throw new Error('URL not present in options.');
+	  if (url.slice(-1) === '/') {
+	    url = url.slice(0, -1);
 	  }
 
-	  if (typeof config.app !== 'string' || config.app === '') {
-	    throw new Error('App name is not present in options.');
-	  }
+	  var backendName = backendAlias[config.mongodb ? 'MONGODB' : 'ELASTICSEARCH']; // eslint-disable-next-line
+
+	  var schema = SCHEMA[backendName];
+	  validateSchema({
+	    url: config.url,
+	    app: config.app,
+	    credentials: config.credentials,
+	    username: config.username,
+	    password: config.password,
+	    enableTelemetry: config.enableTelemetry,
+	    mongodb: config.mongodb
+	  }, schema, backendName);
 
 	  if (typeof protocol !== 'string' || protocol === '') {
 	    throw new Error('Protocol is not present in url. URL should be of the form https://appbase-demo-ansible-abxiydt-arc.searchbase.io');
-	  } // Parse url
-
-
-	  if (url.slice(-1) === '/') {
-	    url = url.slice(0, -1);
 	  }
 
 	  var credentials = auth || null;
+
+	  if (!config.mongodb) {
+	    if (isAppbase(url) && credentials === null) {
+	      throw new Error('Authentication information is not present. Did you add credentials?');
+	    }
+	  }
 	  /**
 	   * Credentials can be provided as a part of the URL,
 	   * as username, password args or as a credentials argument directly */
 
+
 	  if (typeof config.credentials === 'string' && config.credentials !== '') {
 	    // eslint-disable-next-line
 	    credentials = config.credentials;
@@ -15474,15 +15642,15 @@
 	    credentials = config.username + ':' + config.password;
 	  }
 
-	  if (isAppbase(url) && credentials === null) {
-	    throw new Error('Authentication information is not present. Did you add credentials?');
-	  }
-
 	  this.url = url;
 	  this.protocol = protocol;
 	  this.app = config.app;
 	  this.credentials = credentials;
 
+	  if (config.mongodb) {
+	    this.mongodb = config.mongodb;
+	  }
+
 	  if (typeof config.enableTelemetry === 'boolean') {
 	    this.enableTelemetry = config.enableTelemetry;
 	  }
@@ -15511,7 +15679,9 @@
 	          params = parsedArgs.params,
 	          body = parsedArgs.body,
 	          isRSAPI = parsedArgs.isRSAPI,
-	          isSuggestionsAPI = parsedArgs.isSuggestionsAPI;
+	          isSuggestionsAPI = parsedArgs.isSuggestionsAPI,
+	          _parsedArgs$isMongoRe = parsedArgs.isMongoRequest,
+	          isMongoRequest = _parsedArgs$isMongoRe === undefined ? false : _parsedArgs$isMongoRe;
 	      var app = isSuggestionsAPI ? '.suggestions' : _this.app;
 	      var bodyCopy = body;
 	      var contentType = path.endsWith('msearch') || path.endsWith('bulk') ? 'application/x-ndjson' : 'application/json';
@@ -15562,7 +15732,7 @@
 	        paramsString = '?' + querystring.stringify(params);
 	      }
 
-	      var finalURL = _this.protocol + '://' + _this.url + '/' + app + '/' + path + paramsString;
+	      var finalURL = isMongoRequest ? _this.protocol + '://' + _this.url : _this.protocol + '://' + _this.url + '/' + app + '/' + path + paramsString;
 	      return handleTransformRequest(Object.assign({}, {
 	        url: finalURL
 	      }, requestOptions)).then(function (ts) {
@@ -15571,7 +15741,7 @@
 	        delete transformedRequest.url;
 	        return browserPonyfill$1(url || finalURL, Object.assign({}, transformedRequest, {
 	          // apply timestamp header for RS API
-	          headers: isRSAPI ? Object.assign({}, transformedRequest.headers, {
+	          headers: isRSAPI && !isMongoRequest ? Object.assign({}, transformedRequest.headers, {
 	            'x-timestamp': new Date().getTime()
 	          }) : transformedRequest.headers
 	        })).then(function (res) {
@@ -15606,7 +15776,7 @@
 	                } // reject only when all responses has error
 
 
-	                if (errorResponses > 0 && allResponses === errorResponses) {
+	                if (errorResponses > 0 && allResponses === errorResponses && !isMongoRequest) {
 	                  return reject(data);
 	                }
 	              }
@@ -15936,12 +16106,20 @@
 	    settings: parsedSettings,
 	    query: query
 	  };
+
+	  if (this.mongodb) {
+	    Object.assign(body, {
+	      mongodb: getMongoRequest(this.app, this.mongodb)
+	    });
+	  }
+
 	  return this.performFetchRequest({
 	    method: 'POST',
 	    path: '_reactivesearch',
 	    body: body,
-	    headers: getTelemetryHeaders(this.enableTelemetry),
-	    isRSAPI: true
+	    headers: getTelemetryHeaders(this.enableTelemetry, !this.mongodb),
+	    isRSAPI: true,
+	    isMongoRequest: !!this.mongodb
 	  });
 	}
 	/**
@@ -15968,12 +16146,20 @@
 	    settings: parsedSettings,
 	    query: query
 	  };
+
+	  if (this.mongodb) {
+	    Object.assign(body, {
+	      mongodb: getMongoRequest(this.app, this.mongodb)
+	    });
+	  }
+
 	  return this.performFetchRequest({
 	    method: 'POST',
 	    path: '_reactivesearch.v3',
 	    body: body,
-	    headers: getTelemetryHeaders(this.enableTelemetry),
-	    isRSAPI: true
+	    headers: getTelemetryHeaders(this.enableTelemetry, !this.mongodb),
+	    isRSAPI: true,
+	    isMongoRequest: !!this.mongodb
 	  });
 	}
 	/**
@@ -16011,13 +16197,21 @@
 	    settings: parsedSettings,
 	    query: query
 	  };
+
+	  if (this.mongodb) {
+	    Object.assign(body, {
+	      mongodb: getMongoRequest(this.app, this.mongodb)
+	    });
+	  }
+
 	  return this.performFetchRequest({
 	    method: 'POST',
 	    path: '_reactivesearch.v3',
 	    body: body,
 	    headers: getTelemetryHeaders(this.enableTelemetry),
 	    isRSAPI: true,
-	    isSuggestionsAPI: true
+	    isSuggestionsAPI: true,
+	    isMongoRequest: !!this.mongodb
 	  });
 	}
 
@@ -16749,7 +16943,7 @@
 	    }
 	  },
 	  props: {
-	    app: types.stringRequired,
+	    app: types.string,
 	    analytics: VueTypes.bool,
 	    analyticsConfig: types.analyticsConfig,
 	    appbaseConfig: types.appbaseConfig,
@@ -16769,7 +16963,8 @@
 	    transformResponse: types.func,
 	    as: VueTypes.string.def('div'),
 	    getSearchParams: types.func,
-	    setSearchParams: types.func
+	    setSearchParams: types.func,
+	    mongodb: types.mongodb
 	  },
 	  provide: function provide() {
 	    return {
@@ -16809,6 +17004,9 @@
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
 	      }
+	    },
+	    mongodb: function mongodb() {
+	      this.updateState(this.$props);
 	    }
 	  },
 	  computed: {
@@ -16816,12 +17014,13 @@
 	      var _this$$props = this.$props,
 	          enableAppbase = _this$$props.enableAppbase,
 	          headers = _this$$props.headers,
-	          appbaseConfig = _this$$props.appbaseConfig;
+	          appbaseConfig = _this$$props.appbaseConfig,
+	          mongodb = _this$$props.mongodb;
 
 	      var _ref = appbaseConfig || {},
 	          enableTelemetry = _ref.enableTelemetry;
 
-	      return _extends({}, enableAppbase && _extends({
+	      return _extends({}, enableAppbase && !mongodb && _extends({
 	        'X-Search-Client': X_SEARCH_CLIENT
 	      }, enableTelemetry === false && {
 	        'X-Enable-Telemetry': false
@@ -16839,7 +17038,7 @@
 	      var appbaseConfig = _extends({}, props.analyticsConfig, props.appbaseConfig);
 
 	      var config = {
-	        url: props.url && props.url.trim() !== '' ? props.url : 'https://scalr.api.appbase.io',
+	        url: props.url && props.url.trim() !== '' ? props.url : '',
 	        app: props.app,
 	        credentials: credentials,
 	        type: props.type ? props.type : '*',
@@ -16847,7 +17046,8 @@
 	        transformResponse: props.transformResponse,
 	        enableAppbase: props.enableAppbase,
 	        analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
-	        analyticsConfig: appbaseConfig
+	        analyticsConfig: appbaseConfig,
+	        mongodb: props.mongodb
 	      };
 	      var queryParams = '';
 
@@ -23497,9 +23697,15 @@
 	        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,
@@ -23513,6 +23719,12 @@
 
 	      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
 
 
@@ -23520,7 +23732,11 @@
 	        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);
@@ -23551,9 +23767,15 @@
 	        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
 	      });
 	    }
 	  },
@@ -23612,9 +23834,15 @@
 
 
 	        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
 	        });
 	      }
 	    },
@@ -23633,9 +23861,15 @@
 
 
 	        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
 	        });
 	      }
 	    }
@@ -25520,7 +25754,7 @@
 	  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) {
@@ -25905,8 +26139,9 @@
 	            appbaseQuery = _extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform_1(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]);
 	        }
 	      }
@@ -26060,7 +26295,7 @@
 	  });
 	}
 
-	var version = "1.23.0";
+	var version = "1.23.4-alpha";
 
 	var _templateObject$n, _templateObject2$a;