instantsearch.js 4.75.6 → 4.76.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.75.6 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.76.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -17,62 +17,76 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
-  function _iterableToArrayLimit(arr, i) {
-    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-    if (null != _i) {
-      var _s,
-        _e,
-        _x,
-        _r,
-        _arr = [],
-        _n = !0,
-        _d = !1;
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
       try {
-        if (_x = (_i = _i.call(arr)).next, 0 === i) {
-          if (Object(_i) !== _i) return;
-          _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-      } catch (err) {
-        _d = !0, _e = err;
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
       } finally {
         try {
-          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
         } finally {
-          if (_d) throw _e;
+          if (o) throw n;
         }
       }
-      return _arr;
+      return a;
     }
   }
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
+    }
+    return t;
+  }
+  function _objectSpread2(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+        _defineProperty(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
-  function _typeof(obj) {
+  function _toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r || "default");
+      if ("object" != typeof i) return i;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+  }
+  function _toPropertyKey(t) {
+    var i = _toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+  }
+  function _typeof(o) {
     "@babel/helpers - typeof";
 
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
   }
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -307,20 +321,6 @@
       }
     };
   }
-  function _toPrimitive(input, hint) {
-    if (typeof input !== "object" || input === null) return input;
-    var prim = input[Symbol.toPrimitive];
-    if (prim !== undefined) {
-      var res = prim.call(input, hint || "default");
-      if (typeof res !== "object") return res;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return (hint === "string" ? String : Number)(input);
-  }
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return typeof key === "symbol" ? key : String(key);
-  }
 
   function noop() {}
 
@@ -1172,16 +1172,19 @@
 
   // typed as any, since it accepts the _real_ js clients, not the interface we otherwise expect
   function getAppIdAndApiKey(searchClient) {
-    if (searchClient.transporter) {
+    if (searchClient.appId && searchClient.apiKey) {
+      // searchClient v5
+      return [searchClient.appId, searchClient.apiKey];
+    } else if (searchClient.transporter) {
       // searchClient v4 or v5
       var transporter = searchClient.transporter;
       var headers = transporter.headers || transporter.baseHeaders;
       var queryParameters = transporter.queryParameters || transporter.baseQueryParameters;
       var APP_ID = 'x-algolia-application-id';
       var API_KEY = 'x-algolia-api-key';
-      var appId = headers[APP_ID] || queryParameters[APP_ID];
-      var apiKey = headers[API_KEY] || queryParameters[API_KEY];
-      return [appId, apiKey];
+      var _appId = headers[APP_ID] || queryParameters[APP_ID];
+      var _apiKey = headers[API_KEY] || queryParameters[API_KEY];
+      return [_appId, _apiKey];
     } else {
       // searchClient v3
       return [searchClient.applicationID, searchClient.apiKey];
@@ -1476,16 +1479,19 @@
     if ('transporter' in client && !client._cacheHydrated) {
       client._cacheHydrated = true;
       var baseMethod = client.search.bind(client);
-      // @ts-ignore wanting type checks for v3 on this would make this too complex
       client.search = function (requests) {
         for (var _len = arguments.length, methodArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           methodArgs[_key - 1] = arguments[_key];
         }
-        var requestsWithSerializedParams = requests.map(function (request) {
+        var requestsWithSerializedParams = Array.isArray(requests) ?
+        // search client
+        requests.map(function (request) {
           return _objectSpread2(_objectSpread2({}, request), {}, {
             params: serializeQueryParameters(request.params)
           });
-        });
+        }) :
+        // composition client
+        serializeQueryParameters(requests.requestBody.params);
         return client.transporter.responsesCache.get({
           method: 'search',
           args: [requestsWithSerializedParams].concat(methodArgs)
@@ -2694,6 +2700,24 @@
       return queries;
     },
 
+    /**
+     * Get all the queries to send to the client, those queries can used directly
+     * with the Algolia client.
+     * @private
+     * @param  {SearchParameters} state The state from which to get the queries
+     * @return {object[]} The queries
+     */
+    _getCompositionQueries: function getQueries(state) {
+      return [
+        {
+          compositionID: state.index,
+          requestBody: {
+            params: requestBuilder._getCompositionHitsSearchParams(state),
+          },
+        },
+      ];
+    },
+
     /**
      * Build search parameters used to fetch hits
      * @private
@@ -2730,6 +2754,53 @@
       return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
     },
 
+    /**
+     * Build search parameters used to fetch hits
+     * @private
+     * @param  {SearchParameters} state The state from which to get the queries
+     * @return {object.<string, any>} The search parameters for hits
+     */
+    _getCompositionHitsSearchParams: function (state) {
+      var facets = state.facets
+        .concat(
+          state.disjunctiveFacets.map(function (value) {
+            return 'disjunctive(' + value + ')';
+          })
+        )
+        .concat(requestBuilder._getHitsHierarchicalFacetsAttributes(state))
+        .sort();
+
+      var facetFilters = requestBuilder._getFacetFilters(state);
+      var numericFilters = requestBuilder._getNumericFilters(state);
+      var tagFilters = requestBuilder._getTagFilters(state);
+      var additionalParams = {};
+
+      if (facets.length > 0) {
+        additionalParams.facets = facets.indexOf('*') > -1 ? ['*'] : facets;
+      }
+
+      if (tagFilters.length > 0) {
+        additionalParams.tagFilters = tagFilters;
+      }
+
+      if (facetFilters.length > 0) {
+        additionalParams.facetFilters = facetFilters;
+      }
+
+      if (numericFilters.length > 0) {
+        additionalParams.numericFilters = numericFilters;
+      }
+
+      var params = state.getQueryParams();
+
+      delete params.highlightPreTag;
+      delete params.highlightPostTag;
+      // not a valid search parameter, it is handled in _getCompositionQueries
+      delete params.index;
+
+      return sortObject(merge_1({}, params, additionalParams));
+    },
+
     /**
      * Build search parameters used to fetch a disjunctive facet
      * @private
@@ -6484,7 +6555,7 @@
 
   var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
 
-  var version = '3.22.6';
+  var version = '3.23.0';
 
   var escapeFacetValue$4 = escapeFacetValue_1.escapeFacetValue;
 
@@ -6651,6 +6722,10 @@
     return this;
   };
 
+  AlgoliaSearchHelper.prototype.searchWithComposition = function () {
+    this._runComposition({ onlyWithDerivedHelpers: true });
+    return this;
+  };
   /**
    * Sends the recommendation queries set in the state. When the method is
    * called, it triggers a `fetch` event. The results will be available through
@@ -6940,6 +7015,81 @@
     );
   };
 
+  /**
+   * Search for facet values using the Composition API & based on a query and the name of a faceted attribute.
+   * This triggers a search and will return a promise. On top of using the query, it also sends
+   * the parameters from the state so that the search is narrowed down to only the possible values.
+   *
+   * See the description of [FacetSearchResult](reference.html#FacetSearchResult)
+   * @param {string} facet the name of the faceted attribute
+   * @param {string} query the string query for the search
+   * @param {number} [maxFacetHits] the maximum number values returned. Should be > 0 and <= 100
+   * @param {object} [userState] the set of custom parameters to use on top of the current state. Setting a property to `undefined` removes
+   * it in the generated query.
+   * @return {promise.<FacetSearchResult>} the results of the search
+   */
+  AlgoliaSearchHelper.prototype.searchForCompositionFacetValues = function (
+    facet,
+    query,
+    maxFacetHits,
+    userState
+  ) {
+    if (typeof this.client.searchForFacetValues !== 'function') {
+      throw new Error(
+        'search for facet values (searchable) was called, but this client does not have a function client.searchForFacetValues'
+      );
+    }
+
+    var state = this.state.setQueryParameters(userState || {});
+    var isDisjunctive = state.isDisjunctiveFacet(facet);
+
+    this._currentNbQueries++;
+    // eslint-disable-next-line consistent-this
+    var self = this;
+    var searchForFacetValuesPromise;
+
+    searchForFacetValuesPromise = this.client.searchForFacetValues({
+      compositionID: state.index,
+      facetName: facet,
+      searchForFacetValuesRequest: {
+        params: {
+          query: query,
+          maxFacetHits: maxFacetHits,
+          searchQuery: requestBuilder_1._getCompositionHitsSearchParams(state),
+        },
+      },
+    });
+
+    this.emit('searchForFacetValues', {
+      state: state,
+      facet: facet,
+      query: query,
+    });
+
+    return searchForFacetValuesPromise.then(
+      function addIsRefined(content) {
+        self._currentNbQueries--;
+        if (self._currentNbQueries === 0) self.emit('searchQueueEmpty');
+
+        content = content.results[0];
+
+        content.facetHits.forEach(function (f) {
+          f.escapedValue = escapeFacetValue$4(f.value);
+          f.isRefined = isDisjunctive
+            ? state.isDisjunctiveFacetRefined(facet, f.escapedValue)
+            : state.isFacetRefined(facet, f.escapedValue);
+        });
+
+        return content;
+      },
+      function (e) {
+        self._currentNbQueries--;
+        if (self._currentNbQueries === 0) self.emit('searchQueueEmpty');
+        throw e;
+      }
+    );
+  };
+
   /**
    * Sets the text query used for the search.
    *
@@ -8061,6 +8211,71 @@
     return undefined;
   };
 
+  /**
+   * Perform the underlying queries
+   * @private
+   * @param {boolean} [options.onlyWithDerivedHelpers=false] if true, only the derived helpers will be queried
+   * @return {undefined} does not return anything
+   * @fires search
+   * @fires result
+   * @fires error
+   */
+  AlgoliaSearchHelper.prototype._runComposition = function () {
+    var state = this.state;
+    var states = [];
+    var mainQueries = [];
+
+    var derivedQueries = this.derivedHelpers.map(function (derivedHelper) {
+      var derivedState = derivedHelper.getModifiedState(state);
+      var derivedStateQueries =
+        requestBuilder_1._getCompositionQueries(derivedState);
+
+      states.push({
+        state: derivedState,
+        queriesCount: derivedStateQueries.length,
+        helper: derivedHelper,
+      });
+
+      derivedHelper.emit('search', {
+        state: derivedState,
+        results: derivedHelper.lastResults,
+      });
+
+      return derivedStateQueries;
+    });
+
+    var queries = Array.prototype.concat.apply(mainQueries, derivedQueries);
+
+    var queryId = this._queryId++;
+    this._currentNbQueries++;
+
+    if (!queries.length) {
+      return Promise.resolve({ results: [] }).then(
+        this._dispatchAlgoliaResponse.bind(this, states, queryId)
+      );
+    }
+
+    if (queries.length > 1) {
+      throw new Error('Only one query is allowed when using a composition.');
+    }
+
+    var query = queries[0];
+
+    try {
+      this.client
+        .search(query)
+        .then(this._dispatchAlgoliaResponse.bind(this, states, queryId))
+        .catch(this._dispatchAlgoliaError.bind(this, queryId));
+    } catch (error) {
+      // If we reach this part, we're in an internal error state
+      this.emit('error', {
+        error: error,
+      });
+    }
+
+    return undefined;
+  };
+
   AlgoliaSearchHelper.prototype._recommend = function () {
     var searchState = this.state;
     var recommendState = this.recommendState;
@@ -16098,7 +16313,7 @@
     };
   }
 
-  var version$1 = '4.75.6';
+  var version$1 = '4.76.0';
 
   var withUsage$v = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -16137,6 +16352,7 @@
       // prevent `render` event listening from causing a warning
       _defineProperty(_assertThisInitialized(_this), "client", void 0);
       _defineProperty(_assertThisInitialized(_this), "indexName", void 0);
+      _defineProperty(_assertThisInitialized(_this), "compositionID", void 0);
       _defineProperty(_assertThisInitialized(_this), "insightsClient", void 0);
       _defineProperty(_assertThisInitialized(_this), "onStateChange", null);
       _defineProperty(_assertThisInitialized(_this), "future", void 0);
@@ -16200,6 +16416,7 @@
       _this.setMaxListeners(100);
       var _options$indexName = options.indexName,
         indexName = _options$indexName === void 0 ? '' : _options$indexName,
+        compositionID = options.compositionID,
         numberLocale = options.numberLocale,
         _options$initialUiSta = options.initialUiState,
         initialUiState = _options$initialUiSta === void 0 ? {} : _options$initialUiSta,
@@ -16244,10 +16461,13 @@
       _this.future = future;
       _this.insightsClient = insightsClient;
       _this.indexName = indexName;
+      _this.compositionID = compositionID;
       _this.helper = null;
       _this.mainHelper = null;
       _this.mainIndex = index({
-        indexName: indexName
+        // we use an index widget to render compositions
+        // this only works because there's only one composition index allow for now
+        indexName: _this.compositionID || _this.indexName
       });
       _this.onStateChange = onStateChange;
       _this.started = false;
@@ -16397,6 +16617,9 @@
         })) {
           throw new Error(withUsage$v('The widget definition expects a `render` and/or an `init` method.'));
         }
+        if (this.compositionID && widgets.some(isIndexWidget)) {
+          throw new Error(withUsage$v('The `index` widget cannot be used with a composition-based InstantSearch implementation.'));
+        }
         this.mainIndex.addWidgets(widgets);
         return this;
       }
@@ -16456,17 +16679,24 @@
         var mainHelper = this.mainHelper || algoliasearchHelper_1(this.client, this.indexName, undefined, {
           persistHierarchicalRootCount: this.future.persistHierarchicalRootCount
         });
+        if (this.compositionID) {
+          mainHelper.searchForFacetValues = mainHelper.searchForCompositionFacetValues.bind(mainHelper);
+        }
         mainHelper.search = function () {
           _this3.status = 'loading';
           _this3.scheduleRender(false);
-           _warning(Boolean(_this3.indexName) || _this3.mainIndex.getWidgets().some(isIndexWidget), 'No indexName provided, nor an explicit index widget in the widgets tree. This is required to be able to display results.') ;
+           _warning(Boolean(_this3.indexName) || Boolean(_this3.compositionID) || _this3.mainIndex.getWidgets().some(isIndexWidget), 'No indexName provided, nor an explicit index widget in the widgets tree. This is required to be able to display results.') ;
 
           // This solution allows us to keep the exact same API for the users but
           // under the hood, we have a different implementation. It should be
           // completely transparent for the rest of the codebase. Only this module
           // is impacted.
           if (_this3._hasSearchWidget) {
-            mainHelper.searchOnlyWithDerivedHelpers();
+            if (_this3.compositionID) {
+              mainHelper.searchWithComposition();
+            } else {
+              mainHelper.searchOnlyWithDerivedHelpers();
+            }
           }
           if (_this3._hasRecommendWidget) {
             mainHelper.recommend();
@@ -16953,26 +17183,26 @@
   }
 
   var _excluded$9 = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations"];
-  function ownKeys$1(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$1(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
+    }
+    return t;
+  }
+  function _objectSpread(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
+        _defineProperty$1(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   var lastCarouselId = 0;
   function generateCarouselId() {
@@ -17122,26 +17352,26 @@
   }
 
   var _excluded$a = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
-  function ownKeys$2(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$2(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread$1(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
+    }
+    return t;
+  }
+  function _objectSpread$1(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) {
+        _defineProperty$1(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   function createFrequentlyBoughtTogetherComponent(_ref) {
     var createElement = _ref.createElement,
@@ -17335,26 +17565,26 @@
   }
 
   var _excluded$d = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
-  function ownKeys$3(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$3(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread$2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
+    }
+    return t;
+  }
+  function _objectSpread$2(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) {
+        _defineProperty$1(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   function createLookingSimilarComponent(_ref) {
     var createElement = _ref.createElement,
@@ -17420,26 +17650,26 @@
   }
 
   var _excluded$e = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
-  function ownKeys$4(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$4(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread$3(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
+    }
+    return t;
+  }
+  function _objectSpread$3(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) {
+        _defineProperty$1(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   function createRelatedProductsComponent(_ref) {
     var createElement = _ref.createElement,
@@ -17505,26 +17735,26 @@
   }
 
   var _excluded$f = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
-  function ownKeys$5(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$5(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread$4(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
+    }
+    return t;
+  }
+  function _objectSpread$4(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) {
+        _defineProperty$1(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   function createTrendingItemsComponent(_ref) {
     var createElement = _ref.createElement,