@getlupa/client 0.4.3-1 → 0.5.0

package/dist/cjs/index.min.js

@@ -15983,7 +15983,9 @@ var SearchBoxInput = /*#__PURE__*/function (_Vue) {
   _createClass(SearchBoxInput, [{
     key: "inputValue",
     get: function get() {
-      return this.input;
+      var _a;
+
+      return (_a = this.input) !== null && _a !== void 0 ? _a : "";
     },
     set: function set(value) {
       this.saveInputValue({
@@ -15996,7 +15998,7 @@ var SearchBoxInput = /*#__PURE__*/function (_Vue) {
     get: function get() {
       var _a, _b;
 
-      return this.inputValue.length > 0 && ((_b = (_a = this.suggestedValue.item) === null || _a === void 0 ? void 0 : _a.suggestion) === null || _b === void 0 ? void 0 : _b.startsWith(this.inputValue));
+      return Boolean(this.inputValue) && this.inputValue.length > 0 && ((_b = (_a = this.suggestedValue.item) === null || _a === void 0 ? void 0 : _a.suggestion) === null || _b === void 0 ? void 0 : _b.startsWith(this.inputValue));
     }
   }, {
     key: "inputAttributes",
@@ -16258,7 +16260,7 @@ __vue_render__$10._withStripped = true;
 
 var __vue_inject_styles__$10 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-710c2b79_0", {
+  inject("data-v-7759bf15_0", {
     source: "\n.lupa-search-box-input-field,\n.lupa-hint {\n  width: 100%;\n}\n.lupa-search-box-input-field {\n  position: relative !important;\n  background: transparent !important;\n}\n.lupa-hint {\n  opacity: 0.5;\n  position: absolute !important;\n  pointer-events: none;\n}\n",
     map: undefined,
     media: undefined
@@ -16794,8 +16796,12 @@ $$8({
 });
 
 var getAmount = function getAmount(price) {
+  var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ".";
+
+  var _a, _b;
+
   if (typeof price === "number") {
-    return "".concat(price.toFixed(2));
+    return "".concat((_a = price.toFixed(2)) === null || _a === void 0 ? void 0 : _a.replace(".", separator));
   }
 
   var value = parseFloat(price);
@@ -16804,17 +16810,18 @@ var getAmount = function getAmount(price) {
     return "";
   }
 
-  return value.toFixed(2);
+  return (_b = value.toFixed(2)) === null || _b === void 0 ? void 0 : _b.replace(".", separator);
 };
 
 var formatPrice = function formatPrice(price) {
   var currency = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "€";
+  var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ",";
 
   if (price !== 0 && !price) {
     return "";
   }
 
-  var amount = getAmount(price);
+  var amount = getAmount(price, separator);
 
   if (!amount) {
     return "";
@@ -16827,15 +16834,17 @@ var formatPriceSummary = function formatPriceSummary(_ref, currency) {
       min = _ref2[0],
       max = _ref2[1];
 
+  var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ",";
+
   if (min !== undefined && max !== undefined) {
-    return "".concat(formatPrice(min, currency), " - ").concat(formatPrice(max, currency));
+    return "".concat(formatPrice(min, currency, separator), " - ").concat(formatPrice(max, currency, separator));
   }
 
   if (min !== undefined) {
-    return "> ".concat(formatPrice(min, currency));
+    return "> ".concat(formatPrice(min, currency, separator));
   }
 
-  return "< ".concat(formatPrice(max, currency));
+  return "< ".concat(formatPrice(max, currency, separator));
 };
 
 var SearchBoxProductPrice = /*#__PURE__*/function (_Vue) {
@@ -16852,9 +16861,9 @@ var SearchBoxProductPrice = /*#__PURE__*/function (_Vue) {
   _createClass(SearchBoxProductPrice, [{
     key: "price",
     get: function get() {
-      var _a;
+      var _a, _b;
 
-      return formatPrice(this.item[this.options.key], (_a = this.labels) === null || _a === void 0 ? void 0 : _a.currency);
+      return formatPrice(this.item[this.options.key], (_a = this.labels) === null || _a === void 0 ? void 0 : _a.currency, (_b = this.labels) === null || _b === void 0 ? void 0 : _b.priceSeparator);
     }
   }]);
 
@@ -16925,7 +16934,9 @@ var SearchBoxProductRegularPrice = /*#__PURE__*/function (_Vue) {
   _createClass(SearchBoxProductRegularPrice, [{
     key: "price",
     get: function get() {
-      return formatPrice(this.item[this.options.key], this.labels.currency);
+      var _a;
+
+      return formatPrice(this.item[this.options.key], this.labels.currency, (_a = this.labels) === null || _a === void 0 ? void 0 : _a.priceSeparator);
     }
   }]);
 
@@ -17300,6 +17311,7 @@ var FACET_FILTER_MAP = {
 var FACET_KEY_SEPARATOR = ".";
 var FACET_RANGE_SEPARATOR = ":";
 var HIERARCHY_SEPARATOR = ">";
+var FACET_TERM_RANGE_SEPARATOR = "-";
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
@@ -17469,17 +17481,20 @@ var unfoldHierarchyFilter = function unfoldHierarchyFilter(key, filter) {
 };
 
 var unfoldRangeFilter = function unfoldRangeFilter(key, filter) {
+  var gt = filter.gte || filter.gt;
+  var lt = filter.lte || filter.lt;
+
   if (key.includes(CURRENCY_KEY_INDICATOR)) {
     return [{
       key: key,
-      value: formatPriceSummary([filter.gte || filter.gt, filter.lte || filter.lt]),
+      value: formatPriceSummary([gt, lt]),
       type: "range"
     }];
   }
 
   return [{
     key: key,
-    value: "".concat(filter.gte, " - ").concat(filter.lte),
+    value: "".concat(gt, " - ").concat(lt),
     type: "range"
   }];
 };
@@ -17577,6 +17592,10 @@ var recursiveFilterItem = function recursiveFilterItem(item) {
     children: children
   }) : undefined;
 };
+var rangeFilterToString = function rangeFilterToString(rangeFilter, separator) {
+  separator = separator || FACET_TERM_RANGE_SEPARATOR;
+  return rangeFilter && Object.keys(rangeFilter).length ? rangeFilter.gte + separator + (rangeFilter.lte || rangeFilter.lt) : "";
+};
 
 var parseParam = function parseParam(key, params) {
   var value = params.get(key);
@@ -17633,7 +17652,7 @@ var parseFacetKey = function parseFacetKey(key, searchParams) {
 
     return {
       gte: min,
-      lte: max
+      lt: max
     };
   }
 
@@ -17681,7 +17700,7 @@ var parseParams = function parseParams(searchParams) {
   var regularKeys = paramKeys.filter(function (k) {
     return !isFacetKey(k);
   });
-  return Object.assign(Object.assign({}, parseRegularKeys(regularKeys, searchParams)), parseFacetKeys(facetKeys, searchParams));
+  return Object.assign(Object.assign(_defineProperty({}, QUERY_PARAMS_PARSED.QUERY, ""), parseRegularKeys(regularKeys, searchParams)), parseFacetKeys(facetKeys, searchParams));
 };
 var appendParam = function appendParam(url, _ref) {
   var name = _ref.name,
@@ -20456,13 +20475,13 @@ var createPublicQuery = function createPublicQuery(queryParams, sortOptions // w
   for (var param in queryParams) {
     var value = queryParams[param];
 
-    if (!value) {
+    if (!value && param !== QUERY_PARAMS_PARSED.QUERY) {
       continue;
     }
 
     switch (param) {
       case QUERY_PARAMS_PARSED.QUERY:
-        publicQuery.searchText = Array.isArray(value) ? value[0] : value;
+        publicQuery.searchText = Array.isArray(value) ? value[0] : value !== null && value !== void 0 ? value : "";
         break;
 
       case QUERY_PARAMS_PARSED.LIMIT:
@@ -21319,16 +21338,30 @@ var defaultConfig = {
     "Content-Type": "application/json"
   }
 };
-var search = function search(queryKey, query, environment) {
+
+var customRequestConfig = function customRequestConfig(_ref) {
+  var customHeaders = _ref.customHeaders;
+  return {
+    method: defaultConfig.method,
+    headers: Object.assign(Object.assign({}, defaultConfig.headers), customHeaders !== null && customHeaders !== void 0 ? customHeaders : {})
+  };
+};
+
+var searchCustom = function searchCustom(query, options) {
   return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-    var res, data, errors;
+    var _a, res, data, errors;
+
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return fetch("".concat(getApiUrl(environment), "query/").concat(queryKey), Object.assign(Object.assign({}, defaultConfig), {
-              body: JSON.stringify(query)
+            return fetch(options.customUrl, Object.assign(Object.assign({}, customRequestConfig({
+              customHeaders: options.customHeaders
+            })), {
+              body: JSON.stringify(Object.assign({
+                publicQuery: query
+              }, (_a = options.customPayload) !== null && _a !== void 0 ? _a : {}))
             }));
 
           case 2:
@@ -21367,16 +21400,21 @@ var search = function search(queryKey, query, environment) {
     }, _callee);
   }));
 };
-var suggest = function suggest(queryKey, query, environment) {
+var suggestCustom = function suggestCustom(query, options) {
   return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-    var res, items, errors;
+    var _b, res, items, errors;
+
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
             _context2.next = 2;
-            return fetch("".concat(getApiUrl(environment), "query/").concat(queryKey), Object.assign(Object.assign({}, defaultConfig), {
-              body: JSON.stringify(query)
+            return fetch(options.customUrl, Object.assign(Object.assign({}, customRequestConfig({
+              customHeaders: options.customHeaders
+            })), {
+              body: JSON.stringify(Object.assign({
+                publicQuery: query
+              }, (_b = options.customPayload) !== null && _b !== void 0 ? _b : {}))
             }));
 
           case 2:
@@ -21416,14 +21454,111 @@ var suggest = function suggest(queryKey, query, environment) {
     }, _callee2);
   }));
 };
-var track$1 = function track(queryKey, event, environment) {
+var search = function search(queryKey, query, environment) {
   return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee3() {
-    var res;
+    var res, data, errors;
     return regenerator.wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
             _context3.next = 2;
+            return fetch("".concat(getApiUrl(environment), "query/").concat(queryKey), Object.assign(Object.assign({}, defaultConfig), {
+              body: JSON.stringify(query)
+            }));
+
+          case 2:
+            res = _context3.sent;
+
+            if (!(res.status < 400)) {
+              _context3.next = 8;
+              break;
+            }
+
+            _context3.next = 6;
+            return res.json();
+
+          case 6:
+            data = _context3.sent;
+            return _context3.abrupt("return", Object.assign(Object.assign({}, data), {
+              success: true
+            }));
+
+          case 8:
+            _context3.next = 10;
+            return res.json();
+
+          case 10:
+            errors = _context3.sent;
+            return _context3.abrupt("return", {
+              success: false,
+              errors: errors
+            });
+
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+};
+var suggest = function suggest(queryKey, query, environment) {
+  return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee4() {
+    var res, items, errors;
+    return regenerator.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return fetch("".concat(getApiUrl(environment), "query/").concat(queryKey), Object.assign(Object.assign({}, defaultConfig), {
+              body: JSON.stringify(query)
+            }));
+
+          case 2:
+            res = _context4.sent;
+
+            if (!(res.status < 400)) {
+              _context4.next = 8;
+              break;
+            }
+
+            _context4.next = 6;
+            return res.json();
+
+          case 6:
+            items = _context4.sent;
+            return _context4.abrupt("return", {
+              items: items,
+              success: true
+            });
+
+          case 8:
+            _context4.next = 10;
+            return res.json();
+
+          case 10:
+            errors = _context4.sent;
+            return _context4.abrupt("return", {
+              success: false,
+              errors: errors
+            });
+
+          case 12:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+};
+var track$1 = function track(queryKey, event, environment) {
+  return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee5() {
+    var res;
+    return regenerator.wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
             return fetch("".concat(getApiUrl(environment), "events"), Object.assign(Object.assign({}, defaultConfig), {
               body: JSON.stringify(Object.assign({
                 queryKey: queryKey
@@ -21431,36 +21566,46 @@ var track$1 = function track(queryKey, event, environment) {
             }));
 
           case 2:
-            res = _context3.sent;
+            res = _context5.sent;
 
             if (!(res.status < 400)) {
-              _context3.next = 5;
+              _context5.next = 5;
               break;
             }
 
-            return _context3.abrupt("return", {
+            return _context5.abrupt("return", {
               success: false
             });
 
           case 5:
-            return _context3.abrupt("return", res.json());
+            return _context5.abrupt("return", res.json());
 
           case 6:
           case "end":
-            return _context3.stop();
+            return _context5.stop();
         }
       }
-    }, _callee3);
+    }, _callee5);
   }));
 };
 
 var getLupaSdk = {
   query: function query(queryKey, publicQuery) {
     var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+    if (options === null || options === void 0 ? void 0 : options.customUrl) {
+      return searchCustom(publicQuery, options);
+    }
+
     return search(queryKey, publicQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production");
   },
   suggestions: function suggestions(queryKey, suggestionQuery) {
     var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+    if (options === null || options === void 0 ? void 0 : options.customUrl) {
+      return suggestCustom(suggestionQuery, options);
+    }
+
     return suggest(queryKey, suggestionQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production");
   },
   track: function track(queryKey, eventData) {
@@ -21586,8 +21731,10 @@ var toggleHierarchyFilter = function toggleHierarchyFilter(appendParams, facetAc
     paramsToRemove: [QUERY_PARAMS.PAGE]
   });
 };
-var toggleRangeFilter = function toggleRangeFilter(appendParams, facetAction) {
+var toggleRangeFilter = function toggleRangeFilter(appendParams, facetAction, currentFilters) {
+  var currentFilter = rangeFilterToString(currentFilters === null || currentFilters === void 0 ? void 0 : currentFilters[facetAction.key], FACET_RANGE_SEPARATOR);
   var facetValue = facetAction.value.join(FACET_RANGE_SEPARATOR);
+  facetValue = currentFilter === facetValue ? "" : facetValue;
   appendParams({
     params: [getFacetParam(facetAction.key, facetValue, FACET_PARAMS_TYPE.RANGE)],
     paramsToRemove: [QUERY_PARAMS.PAGE],
@@ -21868,15 +22015,21 @@ var TermFacet$1 = /*#__PURE__*/function (_Vue) {
 
       return this.allValues.length >= ((_b = (_a = this.options.filterable) === null || _a === void 0 ? void 0 : _a.minValues) !== null && _b !== void 0 ? _b : MAX_FACET_VALUES);
     }
+  }, {
+    key: "isRange",
+    get: function get() {
+      return this.facet.type === "range";
+    }
   }, {
     key: "handleFacetClick",
     value: function handleFacetClick(item) {
       var _a;
 
+      var value = this.isRange ? item.title.split(FACET_TERM_RANGE_SEPARATOR) : (_a = item.title) === null || _a === void 0 ? void 0 : _a.toString();
       this.$emit("select", {
         key: this.facet.key,
-        value: (_a = item.title) === null || _a === void 0 ? void 0 : _a.toString(),
-        type: "terms"
+        value: value,
+        type: this.facet.type
       });
     }
   }, {
@@ -21890,6 +22043,7 @@ var TermFacet$1 = /*#__PURE__*/function (_Vue) {
       var _a, _b;
 
       var selectedItems = (_a = this.currentFilters) !== null && _a !== void 0 ? _a : [];
+      selectedItems = this.isRange && selectedItems ? [rangeFilterToString(selectedItems)] : selectedItems;
       return selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.includes((_b = item.title) === null || _b === void 0 ? void 0 : _b.toString());
     }
   }]);
@@ -25582,7 +25736,7 @@ var Facets = /*#__PURE__*/function (_Vue) {
           break;
 
         case "range":
-          toggleRangeFilter(this.appendParams, facetAction);
+          toggleRangeFilter(this.appendParams, facetAction, this.currentFilters);
           break;
 
         case "hierarchy":
@@ -26935,9 +27089,9 @@ var SearchResultsProductRegularPrice = /*#__PURE__*/function (_Vue) {
   _createClass(SearchResultsProductRegularPrice, [{
     key: "price",
     get: function get() {
-      var _a;
+      var _a, _b;
 
-      return formatPrice(this.item[this.options.key], (_a = this.labels) === null || _a === void 0 ? void 0 : _a.currency);
+      return formatPrice(this.item[this.options.key], (_a = this.labels) === null || _a === void 0 ? void 0 : _a.currency, (_b = this.labels) === null || _b === void 0 ? void 0 : _b.priceSeparator);
     }
   }]);
 
@@ -27013,9 +27167,9 @@ var SearchResultsProductPrice = /*#__PURE__*/function (_Vue) {
   _createClass(SearchResultsProductPrice, [{
     key: "price",
     get: function get() {
-      var _a;
+      var _a, _b;
 
-      return formatPrice(this.item[this.options.key], (_a = this.labels) === null || _a === void 0 ? void 0 : _a.currency);
+      return formatPrice(this.item[this.options.key], (_a = this.labels) === null || _a === void 0 ? void 0 : _a.currency, (_b = this.labels) === null || _b === void 0 ? void 0 : _b.priceSeparator);
     }
   }]);
 
@@ -27776,6 +27930,202 @@ var __vue_component__$h = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$h
 }, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
 
+var initAnalyticsTracking = function initAnalyticsTracking(analyticsOptions) {
+  try {
+    if ((analyticsOptions === null || analyticsOptions === void 0 ? void 0 : analyticsOptions.enabled) && analyticsOptions.type === "ua") {
+      window.sessionStorage.setItem(TRACKING_ANALYTICS_KEY, JSON.stringify(analyticsOptions));
+    } else {
+      window.sessionStorage.removeItem(TRACKING_ANALYTICS_KEY);
+    }
+  } catch (_a) {// Do nothing
+  }
+};
+
+var initBaseTracking = function initBaseTracking(enabled) {
+  try {
+    if (enabled) {
+      window.sessionStorage.setItem(TRACKING_STORAGE_KEY_BASE, "1");
+    } else {
+      window.sessionStorage.removeItem(TRACKING_STORAGE_KEY_BASE);
+      clearSessionTracking();
+      clearUserTracking();
+    }
+  } catch (_a) {// Do nothing
+  }
+};
+
+var clearSessionTracking = function clearSessionTracking() {
+  try {
+    window.sessionStorage.removeItem(TRACKING_STORAGE_KEY);
+  } catch (_a) {// Do nothing
+  }
+};
+
+var initSessionTracking = function initSessionTracking() {
+  try {
+    if (getSessionKey()) {
+      return;
+    }
+
+    var key = getRandomString(TRACKING_KEY_LENGTH);
+    window.sessionStorage.setItem(TRACKING_STORAGE_KEY, key);
+  } catch (_a) {// Do nothing
+  }
+};
+
+var initUserTracking = function initUserTracking(userKey) {
+  try {
+    if (getUserKey()) {
+      return;
+    }
+
+    var key = userKey || getRandomString(TRACKING_KEY_LENGTH);
+    window.localStorage.setItem(TRACKING_STORAGE_KEY, key);
+  } catch (_a) {// Do nothing
+  }
+};
+
+var clearUserTracking = function clearUserTracking() {
+  try {
+    window.localStorage.removeItem(TRACKING_STORAGE_KEY);
+  } catch (_a) {// Do nothing
+  }
+};
+
+var isTrackingEnabled = function isTrackingEnabled() {
+  try {
+    return Boolean(window.sessionStorage.getItem(TRACKING_STORAGE_KEY_BASE));
+  } catch (_a) {
+    return false;
+  }
+};
+
+var getSessionKey = function getSessionKey() {
+  var _a;
+
+  try {
+    return (_a = window.sessionStorage.getItem(TRACKING_STORAGE_KEY)) !== null && _a !== void 0 ? _a : undefined;
+  } catch (_b) {
+    return undefined;
+  }
+};
+
+var getUserKey = function getUserKey() {
+  var _a;
+
+  try {
+    return (_a = window.localStorage.getItem(TRACKING_STORAGE_KEY)) !== null && _a !== void 0 ? _a : undefined;
+  } catch (_b) {
+    return undefined;
+  }
+};
+
+var initTracking = function initTracking(options) {
+  initBaseTracking(Boolean(options.trackBase));
+
+  if (options.trackSession) {
+    initSessionTracking();
+  } else {
+    clearSessionTracking();
+  }
+
+  if (options.trackUser) {
+    initUserTracking(options.userKey);
+  } else {
+    clearUserTracking();
+  }
+
+  if (options.analytics) {
+    initAnalyticsTracking(options.analytics);
+  }
+};
+var getLupaTrackingContext = function getLupaTrackingContext() {
+  if (!isTrackingEnabled()) {
+    return {};
+  }
+
+  return {
+    userId: getUserKey(),
+    sessionId: getSessionKey()
+  };
+};
+
+var trackLupaEvent = function trackLupaEvent(queryKey) {
+  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+
+  var _a, _b;
+
+  if (!queryKey || !data.type) {
+    return;
+  }
+
+  var eventData = {
+    searchQuery: (_a = data.searchQuery) !== null && _a !== void 0 ? _a : "",
+    itemId: (_b = data.itemId) !== null && _b !== void 0 ? _b : "",
+    name: data.type,
+    userId: getUserKey(),
+    sessionId: getSessionKey()
+  };
+  getLupaSdk.track(queryKey, eventData, options);
+};
+
+var sendGa = function sendGa(name) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+
+  window.ga(function () {
+    var _window;
+
+    var trackers = window.ga.getAll();
+    var firstTracker = trackers[0];
+
+    if (!firstTracker) {
+      console.error("GA tracker not found");
+    }
+
+    var trackerName = firstTracker.get("name");
+
+    (_window = window).ga.apply(_window, ["".concat(trackerName, ".").concat(name)].concat(args));
+  });
+};
+
+var trackAnalyticsEvent = function trackAnalyticsEvent(data) {
+  var _a;
+
+  try {
+    var options = JSON.parse((_a = window.sessionStorage.getItem(TRACKING_ANALYTICS_KEY)) !== null && _a !== void 0 ? _a : "{}");
+
+    if (!data.analytics || !options.enabled) {
+      return;
+    }
+
+    var ga = window.ga;
+
+    if (!ga) {
+      console.error("Google Analytics object not found");
+      return;
+    }
+
+    sendGa("send", "event", options.parentEventName, data.analytics.type, data.analytics.label);
+  } catch (_b) {
+    console.error("Unable to send an event to google analytics");
+  }
+};
+
+var track = function track(queryKey) {
+  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+
+  if (!isTrackingEnabled()) {
+    return;
+  }
+
+  trackLupaEvent(queryKey, data, options);
+  trackAnalyticsEvent(data);
+};
+
 var params$8 = namespace("params");
 
 var AdditionalPanels$1 = /*#__PURE__*/function (_Vue) {
@@ -27842,10 +28192,12 @@ var AdditionalPanels$1 = /*#__PURE__*/function (_Vue) {
     value: function handleQueryChange() {
       var _this2 = this;
 
-      getLupaSdk.query(this.panel.queryKey, {
+      var context = getLupaTrackingContext();
+      var query = Object.assign(Object.assign({}, context), {
         limit: this.panel.totalCountLimit,
         searchText: this.query
-      }, this.options).then(function (res) {
+      });
+      getLupaSdk.query(this.panel.queryKey, query, this.options).then(function (res) {
         if (res.success) {
           _this2.result = res;
         }
@@ -29713,7 +30065,6 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
       var params = new URLSearchParams(window.location.search);
       this.handleUrlChange(params);
       this.addParams(parseParams(params));
-      console.log(this.options.pagination.sizeSelection);
       this.setDefaultLimit(this.options.pagination.sizeSelection.sizes[0]);
     }
   }, {
@@ -29727,7 +30078,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
       var searchParams = params || new URLSearchParams(window.location.search);
       var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort);
 
-      if (!publicQuery.searchText) {
+      if (publicQuery.searchText === undefined) {
         return;
       }
 
@@ -29743,7 +30094,11 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
         queryKey: this.options.queryKey,
         query: publicQuery
       });
-      getLupaSdk.query(this.options.queryKey, publicQuery, this.options.options).then(function (res) {
+      var context = getLupaTrackingContext();
+      var query = Object.assign(Object.assign({}, publicQuery), context);
+      getLupaSdk.query(this.options.queryKey, query, this.options.options).then(function (res) {
+        var _a, _b;
+
         if (res.success) {
           _this.trackResults({
             queryKey: _this.options.queryKey,
@@ -29751,9 +30106,17 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
           });
 
           _this.addSearchResult(Object.assign({}, res));
+        } else if ((_b = (_a = _this.options) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.onError) {
+          _this.options.options.onError(res);
         }
       }).catch(function (err) {
+        var _a, _b;
+
         console.error(err);
+
+        if ((_b = (_a = _this.options) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.onError) {
+          _this.options.options.onError(err);
+        }
       }).finally(function () {
         _this.setLoading(false);
       });
@@ -30693,20 +31056,21 @@ var SearchBoxModule = /*#__PURE__*/function (_VuexModule) {
           publicQuery = _ref6.publicQuery,
           options = _ref6.options;
       return __awaiter$1(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-        var result;
+        var context, result;
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 _context.prev = 0;
-                _context.next = 3;
-                return getLupaSdk.suggestions(queryKey, publicQuery, options);
+                context = getLupaTrackingContext();
+                _context.next = 4;
+                return getLupaSdk.suggestions(queryKey, Object.assign(Object.assign({}, publicQuery), context), options);
 
-              case 3:
+              case 4:
                 result = _context.sent;
 
                 if (result.success) {
-                  _context.next = 6;
+                  _context.next = 7;
                   break;
                 }
 
@@ -30714,7 +31078,7 @@ var SearchBoxModule = /*#__PURE__*/function (_VuexModule) {
                   queryKey: queryKey
                 });
 
-              case 6:
+              case 7:
                 this.context.dispatch("highlightChange", {
                   action: "clear"
                 });
@@ -30724,20 +31088,25 @@ var SearchBoxModule = /*#__PURE__*/function (_VuexModule) {
                   inputValue: publicQuery.searchText
                 });
 
-              case 10:
-                _context.prev = 10;
+              case 11:
+                _context.prev = 11;
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
+
+                if (options === null || options === void 0 ? void 0 : options.onError) {
+                  options.onError(_context.t0);
+                }
+
                 return _context.abrupt("return", {
                   queryKey: queryKey
                 });
 
-              case 14:
+              case 16:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, this, [[0, 10]]);
+        }, _callee, this, [[0, 11]]);
       }));
     }
   }, {
@@ -30747,20 +31116,21 @@ var SearchBoxModule = /*#__PURE__*/function (_VuexModule) {
           publicQuery = _ref7.publicQuery,
           options = _ref7.options;
       return __awaiter$1(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-        var result;
+        var context, result;
         return regenerator.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
                 _context2.prev = 0;
-                _context2.next = 3;
-                return getLupaSdk.query(queryKey, publicQuery, options);
+                context = getLupaTrackingContext();
+                _context2.next = 4;
+                return getLupaSdk.query(queryKey, Object.assign(Object.assign({}, publicQuery), context), options);
 
-              case 3:
+              case 4:
                 result = _context2.sent;
 
                 if (result.success) {
-                  _context2.next = 6;
+                  _context2.next = 7;
                   break;
                 }
 
@@ -30768,7 +31138,7 @@ var SearchBoxModule = /*#__PURE__*/function (_VuexModule) {
                   queryKey: queryKey
                 });
 
-              case 6:
+              case 7:
                 this.context.dispatch("highlightChange", {
                   action: "clear"
                 });
@@ -30777,20 +31147,25 @@ var SearchBoxModule = /*#__PURE__*/function (_VuexModule) {
                   result: result
                 });
 
-              case 10:
-                _context2.prev = 10;
+              case 11:
+                _context2.prev = 11;
                 _context2.t0 = _context2["catch"](0);
                 console.error(_context2.t0);
+
+                if (options === null || options === void 0 ? void 0 : options.onError) {
+                  options.onError(_context2.t0);
+                }
+
                 return _context2.abrupt("return", {
                   queryKey: queryKey
                 });
 
-              case 14:
+              case 16:
               case "end":
                 return _context2.stop();
             }
           }
-        }, _callee2, this, [[0, 10]]);
+        }, _callee2, this, [[0, 11]]);
       }));
     }
   }, {
@@ -32847,172 +33222,6 @@ OptionsModule = __decorate([Module({
 })], OptionsModule);
 var options = OptionsModule;
 
-var initAnalyticsTracking = function initAnalyticsTracking(analyticsOptions) {
-  try {
-    if ((analyticsOptions === null || analyticsOptions === void 0 ? void 0 : analyticsOptions.enabled) && analyticsOptions.type === "ua") {
-      window.sessionStorage.setItem(TRACKING_ANALYTICS_KEY, JSON.stringify(analyticsOptions));
-    } else {
-      window.sessionStorage.removeItem(TRACKING_ANALYTICS_KEY);
-    }
-  } catch (_a) {// Do nothing
-  }
-};
-
-var initBaseTracking = function initBaseTracking(enabled) {
-  try {
-    if (enabled) {
-      window.sessionStorage.setItem(TRACKING_STORAGE_KEY_BASE, "1");
-    } else {
-      window.sessionStorage.removeItem(TRACKING_STORAGE_KEY_BASE);
-    }
-  } catch (_a) {// Do nothing
-  }
-};
-
-var initSessionTracking = function initSessionTracking() {
-  try {
-    if (getSessionKey()) {
-      return;
-    }
-
-    var key = getRandomString(TRACKING_KEY_LENGTH);
-    window.sessionStorage.setItem(TRACKING_STORAGE_KEY, key);
-  } catch (_a) {// Do nothing
-  }
-};
-
-var initUserTracking = function initUserTracking(userKey) {
-  try {
-    if (getUserKey()) {
-      return;
-    }
-
-    var key = userKey || getRandomString(TRACKING_KEY_LENGTH);
-    window.localStorage.setItem(TRACKING_STORAGE_KEY, key);
-  } catch (_a) {// Do nothing
-  }
-};
-
-var isTrackingEnabled = function isTrackingEnabled() {
-  try {
-    return Boolean(window.sessionStorage.getItem(TRACKING_STORAGE_KEY_BASE));
-  } catch (_a) {
-    return false;
-  }
-};
-
-var getSessionKey = function getSessionKey() {
-  var _a;
-
-  try {
-    return (_a = window.sessionStorage.getItem(TRACKING_STORAGE_KEY)) !== null && _a !== void 0 ? _a : undefined;
-  } catch (_b) {
-    return undefined;
-  }
-};
-
-var getUserKey = function getUserKey() {
-  var _a;
-
-  try {
-    return (_a = window.localStorage.getItem(TRACKING_STORAGE_KEY)) !== null && _a !== void 0 ? _a : undefined;
-  } catch (_b) {
-    return undefined;
-  }
-};
-
-var initTracking = function initTracking(options) {
-  initBaseTracking(Boolean(options.trackBase));
-
-  if (options.trackSession) {
-    initSessionTracking();
-  }
-
-  if (options.trackUser) {
-    initUserTracking(options.userKey);
-  }
-
-  if (options.analytics) {
-    initAnalyticsTracking(options.analytics);
-  }
-};
-
-var trackLupaEvent = function trackLupaEvent(queryKey) {
-  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var options = arguments.length > 2 ? arguments[2] : undefined;
-
-  var _a, _b;
-
-  if (!queryKey || !data.type) {
-    return;
-  }
-
-  var eventData = {
-    searchQuery: (_a = data.searchQuery) !== null && _a !== void 0 ? _a : "",
-    itemId: (_b = data.itemId) !== null && _b !== void 0 ? _b : "",
-    name: data.type,
-    userId: getUserKey(),
-    sessionId: getSessionKey()
-  };
-  getLupaSdk.track(queryKey, eventData, options);
-};
-
-var sendGa = function sendGa(name) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-
-  window.ga(function () {
-    var _window;
-
-    var trackers = window.ga.getAll();
-    var firstTracker = trackers[0];
-
-    if (!firstTracker) {
-      console.error("GA tracker not found");
-    }
-
-    var trackerName = firstTracker.get("name");
-
-    (_window = window).ga.apply(_window, ["".concat(trackerName, ".").concat(name)].concat(args));
-  });
-};
-
-var trackAnalyticsEvent = function trackAnalyticsEvent(data) {
-  var _a;
-
-  try {
-    var options = JSON.parse((_a = window.sessionStorage.getItem(TRACKING_ANALYTICS_KEY)) !== null && _a !== void 0 ? _a : "{}");
-
-    if (!data.analytics || !options.enabled) {
-      return;
-    }
-
-    var ga = window.ga;
-
-    if (!ga) {
-      console.error("Google Analytics object not found");
-      return;
-    }
-
-    sendGa("send", "event", options.parentEventName, data.analytics.type, data.analytics.label);
-  } catch (_b) {
-    console.error("Unable to send an event to google analytics");
-  }
-};
-
-var track = function track(queryKey) {
-  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var options = arguments.length > 2 ? arguments[2] : undefined;
-
-  if (!isTrackingEnabled()) {
-    return;
-  }
-
-  trackLupaEvent(queryKey, data, options);
-  trackAnalyticsEvent(data);
-};
-
 config.rawError = true;
 
 var getSearchTrackingData = function getSearchTrackingData(searchText, type) {