react-instantsearch 7.8.1 → 7.9.0

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.8.1';
+  var version = '7.9.0';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -527,15 +527,8 @@
 
     addParams: function (params) {
       var newParams = this.params.slice();
-      var existingParamsIndex = this.params.findIndex(function (currentParams) {
-        return currentParams.$$id === params.$$id;
-      });
 
-      if (existingParamsIndex !== -1) {
-        newParams.splice(existingParamsIndex, 1, params);
-      } else {
-        newParams.push(params);
-      }
+      newParams.push(params);
 
       return new RecommendParameters({ params: newParams });
     },
@@ -578,18 +571,49 @@
       );
     },
 
-    _buildQueries: function (indexName) {
-      return this.params.map(function (params) {
-        var query = Object.assign({}, params, { indexName: indexName });
-        delete query.$$id;
+    _buildQueries: function (indexName, cache) {
+      return this.params
+        .filter(function (params) {
+          return cache[params.$$id] === undefined;
+        })
+        .map(function (params) {
+          var query = Object.assign({}, params, { indexName: indexName });
+          delete query.$$id;
 
-        return query;
-      });
+          return query;
+        });
     },
   };
 
   var RecommendParameters_1 = RecommendParameters;
 
+  /**
+   * Constructor for SearchResults
+   * @class
+   * @classdesc SearchResults contains the results of a query to Algolia using the
+   * {@link AlgoliaSearchHelper}.
+   * @param {RecommendParameters} state state that led to the response
+   * @param {Record<string,RecommendResultItem>} results the results from algolia client
+   **/
+  function RecommendResults(state, results) {
+    this._state = state;
+    this._rawResults = results;
+
+    // eslint-disable-next-line consistent-this
+    var self = this;
+
+    state.params.forEach(function (param) {
+      var id = param.$$id;
+      self[id] = results[id];
+    });
+  }
+
+  RecommendResults.prototype = {
+    constructor: RecommendResults,
+  };
+
+  var RecommendResults_1 = RecommendResults;
+
   function sortObject(obj) {
     return Object.keys(obj)
       .sort()
@@ -4437,7 +4461,66 @@
 
   var SearchResults_1 = SearchResults;
 
-  var version$1 = '3.19.0';
+  // @MAJOR: remove this function and use Array.prototype.flat
+  var flat = function flat(arr) {
+    return arr.reduce(function (acc, val) {
+      return acc.concat(val);
+    }, []);
+  };
+
+  function getAverageIndices(indexTracker, nrOfObjs) {
+    var avgIndices = [];
+
+    Object.keys(indexTracker).forEach(function (key) {
+      if (indexTracker[key].count < 2) {
+        indexTracker[key].indexSum += 100;
+      }
+      avgIndices.push({
+        objectID: key,
+        avgOfIndices: indexTracker[key].indexSum / nrOfObjs,
+      });
+    });
+
+    return avgIndices.sort(function (a, b) {
+      return a.avgOfIndices > b.avgOfIndices ? 1 : -1;
+    });
+  }
+
+  function sortAndMergeRecommendations(results) {
+    var indexTracker = {};
+
+    results.forEach(function (hits) {
+      hits.forEach(function (hit, index) {
+        if (!indexTracker[hit.objectID]) {
+          indexTracker[hit.objectID] = { indexSum: index, count: 1 };
+        } else {
+          indexTracker[hit.objectID] = {
+            indexSum: indexTracker[hit.objectID].indexSum + index,
+            count: indexTracker[hit.objectID].count + 1,
+          };
+        }
+      });
+    });
+
+    var sortedAverageIndices = getAverageIndices(indexTracker, results.length);
+
+    var finalOrder = sortedAverageIndices.reduce(function (
+      orderedHits,
+      avgIndexRef
+    ) {
+      var result = find(flat(results), function (hit) {
+        return hit.objectID === avgIndexRef.objectID;
+      });
+      return result ? orderedHits.concat(result) : orderedHits;
+    },
+    []);
+
+    return finalOrder;
+  }
+
+  var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
+
+  var version$1 = '3.20.0';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -4450,6 +4533,8 @@
 
 
 
+
+
   /**
    * Event triggered when a parameter is set or updated
    * @event AlgoliaSearchHelper#event:change
@@ -4576,6 +4661,7 @@
     this._currentNbQueries = 0;
     this._currentNbRecommendQueries = 0;
     this._searchResultsOptions = searchResultsOptions;
+    this.recommendCache = {};
   }
 
   inherits_1(AlgoliaSearchHelper, events);
@@ -5364,7 +5450,7 @@
   /**
    * Removes a "frequently bought together" recommendation query.
    *
-   * @param {string} id identifier of the recommendation widget
+   * @param {number} id identifier of the recommendation widget
    * @returns {AlgoliaSearchHelper} Method is chainable, it returns itself
    * @fires change
    * @chainable
@@ -5380,7 +5466,7 @@
   /**
    * Removes a "related products" recommendation query.
    *
-   * @param {string} id identifier of the recommendation widget
+   * @param {number} id identifier of the recommendation widget
    * @returns {AlgoliaSearchHelper} Method is chainable, it returns itself
    * @fires change
    * @chainable
@@ -5396,7 +5482,7 @@
   /**
    * Removes a "trending items" recommendation query.
    *
-   * @param {string} id identifier of the recommendation widget
+   * @param {number} id identifier of the recommendation widget
    * @returns {AlgoliaSearchHelper} Method is chainable, it returns itself
    * @fires change
    * @chainable
@@ -5412,7 +5498,7 @@
   /**
    * Removes a "trending facets" recommendation query.
    *
-   * @param {string} id identifier of the recommendation widget
+   * @param {number} id identifier of the recommendation widget
    * @returns {AlgoliaSearchHelper} Method is chainable, it returns itself
    * @fires change
    * @chainable
@@ -5428,7 +5514,7 @@
   /**
    * Removes a "looking similar" recommendation query.
    *
-   * @param {string} id identifier of the recommendation widget
+   * @param {number} id identifier of the recommendation widget
    * @returns {AlgoliaSearchHelper} Method is chainable, it returns itself
    * @fires change
    * @chainable
@@ -6013,6 +6099,9 @@
     var recommendState = this.recommendState;
     var index = this.getIndex();
     var states = [{ state: recommendState, index: index, helper: this }];
+    var ids = recommendState.params.map(function (param) {
+      return param.$$id;
+    });
 
     this.emit('fetch', {
       recommend: {
@@ -6021,6 +6110,8 @@
       },
     });
 
+    var cache = this.recommendCache;
+
     var derivedQueries = this.derivedHelpers.map(function (derivedHelper) {
       var derivedIndex = derivedHelper.getModifiedState(searchState).index;
       if (!derivedIndex) {
@@ -6039,6 +6130,13 @@
         helper: derivedHelper,
       });
 
+      ids = Array.prototype.concat.apply(
+        ids,
+        derivedState.params.map(function (param) {
+          return param.$$id;
+        })
+      );
+
       derivedHelper.emit('fetch', {
         recommend: {
           state: derivedState,
@@ -6046,11 +6144,11 @@
         },
       });
 
-      return derivedState._buildQueries(derivedIndex);
+      return derivedState._buildQueries(derivedIndex, cache);
     });
 
     var queries = Array.prototype.concat.apply(
-      this.recommendState._buildQueries(index),
+      this.recommendState._buildQueries(index, cache),
       derivedQueries
     );
 
@@ -6064,7 +6162,7 @@
     ) {
       // eslint-disable-next-line no-console
       console.warn(
-        'Please update algoliasearch/lite to the latest version in order to use recommendations widgets.'
+        'Please update algoliasearch/lite to the latest version in order to use recommend widgets.'
       );
       return;
     }
@@ -6075,7 +6173,7 @@
     try {
       this.client
         .getRecommendations(queries)
-        .then(this._dispatchRecommendResponse.bind(this, queryId, states))
+        .then(this._dispatchRecommendResponse.bind(this, queryId, states, ids))
         .catch(this._dispatchRecommendError.bind(this, queryId));
     } catch (error) {
       // If we reach this part, we're in an internal error state
@@ -6149,6 +6247,7 @@
   AlgoliaSearchHelper.prototype._dispatchRecommendResponse = function (
     queryId,
     states,
+    ids,
     content
   ) {
     // @TODO remove the number of outdated queries discarded instead of just one
@@ -6164,7 +6263,39 @@
 
     if (this._currentNbRecommendQueries === 0) this.emit('recommendQueueEmpty');
 
-    var results = content.results.slice();
+    var cache = this.recommendCache;
+
+    var idsMap = {};
+    ids
+      .filter(function (id) {
+        return cache[id] === undefined;
+      })
+      .forEach(function (id, index) {
+        if (!idsMap[id]) idsMap[id] = [];
+
+        idsMap[id].push(index);
+      });
+
+    Object.keys(idsMap).forEach(function (id) {
+      var indices = idsMap[id];
+      var firstResult = content.results[indices[0]];
+      if (indices.length === 1) {
+        cache[id] = firstResult;
+        return;
+      }
+      cache[id] = Object.assign({}, firstResult, {
+        hits: sortAndMergeRecommendations_1(
+          indices.map(function (idx) {
+            return content.results[idx].hits;
+          })
+        ),
+      });
+    });
+
+    var results = {};
+    ids.forEach(function (id) {
+      results[id] = cache[id];
+    });
 
     states.forEach(function (s) {
       var state = s.state;
@@ -6180,7 +6311,7 @@
         return;
       }
 
-      helper.lastRecommendResults = results;
+      helper.lastRecommendResults = new RecommendResults_1(state, results);
 
       // eslint-disable-next-line no-warning-comments
       // TODO: emit "result" event when events for Recommend are implemented
@@ -8499,8 +8630,8 @@
       error: instantSearchInstance.error
     };
   }
-  function createRenderArgs(instantSearchInstance, parent) {
-    var results = parent.getResults();
+  function createRenderArgs(instantSearchInstance, parent, widget) {
+    var results = parent.getResultsForWidget(widget);
     var helper = parent.getHelper();
     return {
       helper: helper,
@@ -8508,7 +8639,7 @@
       instantSearchInstance: instantSearchInstance,
       results: results,
       scopedResults: parent.getScopedResults(),
-      state: results ? results._state : helper.state,
+      state: results && '_state' in results ? results._state : helper.state,
       renderState: instantSearchInstance.renderState,
       templatesConfig: instantSearchInstance.templatesConfig,
       createURL: parent.createURL,
@@ -9349,7 +9480,10 @@
               helper: helper,
               parent: parentIndex,
               instantSearchInstance: search,
-              results: results,
+              results: widget.dependsOn === 'recommend' ?
+              // @TODO: this is to avoid using wrong hits in SSR,
+              // will be replace with SSR support for recommend
+              null : results,
               scopedResults: scopedResults,
               state: helper.state,
               renderState: search.renderState,
@@ -9796,6 +9930,14 @@
     return undefined;
   }
 
+  var id = 0;
+  function addWidgetId(widget) {
+    if (widget.dependsOn !== 'recommend') {
+      return;
+    }
+    widget.$$id = id++;
+  }
+
   function _typeof$h(obj) {
     "@babel/helpers - typeof";
 
@@ -10015,6 +10157,8 @@
     var helper = null;
     var derivedHelper = null;
     var lastValidSearchParameters = null;
+    var hasRecommendWidget = false;
+    var hasSearchWidget = false;
     return {
       $$type: 'ais.index',
       $$widgetType: 'ais.index',
@@ -10039,6 +10183,16 @@
         derivedHelper.lastResults._state = helper.state;
         return derivedHelper.lastResults;
       },
+      getResultsForWidget: function getResultsForWidget(widget) {
+        var _helper;
+        if (widget.dependsOn !== 'recommend' || isIndexWidget(widget) || widget.$$id === undefined) {
+          return this.getResults();
+        }
+        if (!((_helper = helper) !== null && _helper !== void 0 && _helper.lastRecommendResults)) {
+          return null;
+        }
+        return helper.lastRecommendResults[widget.$$id];
+      },
       getPreviousState: function getPreviousState() {
         return lastValidSearchParameters;
       },
@@ -10083,6 +10237,21 @@
         })) {
           throw new Error(withUsage$2('The widget definition expects a `render` and/or an `init` method.'));
         }
+        widgets.forEach(function (widget) {
+          if (isIndexWidget(widget)) {
+            return;
+          }
+          if (localInstantSearchInstance && widget.dependsOn === 'recommend') {
+            localInstantSearchInstance._hasRecommendWidget = true;
+          } else if (localInstantSearchInstance) {
+            localInstantSearchInstance._hasSearchWidget = true;
+          } else if (widget.dependsOn === 'recommend') {
+            hasRecommendWidget = true;
+          } else {
+            hasSearchWidget = true;
+          }
+          addWidgetId(widget);
+        });
         localWidgets = localWidgets.concat(widgets);
         if (localInstantSearchInstance && Boolean(widgets.length)) {
           privateHelperSetState(helper, {
@@ -10132,16 +10301,41 @@
         localWidgets = localWidgets.filter(function (widget) {
           return widgets.indexOf(widget) === -1;
         });
+        localWidgets.forEach(function (widget) {
+          if (isIndexWidget(widget)) {
+            return;
+          }
+          if (localInstantSearchInstance && widget.dependsOn === 'recommend') {
+            localInstantSearchInstance._hasRecommendWidget = true;
+          } else if (localInstantSearchInstance) {
+            localInstantSearchInstance._hasSearchWidget = true;
+          } else if (widget.dependsOn === 'recommend') {
+            hasRecommendWidget = true;
+          } else {
+            hasSearchWidget = true;
+          }
+        });
         if (localInstantSearchInstance && Boolean(widgets.length)) {
-          var cleanedState = widgets.reduce(function (state, widget) {
-            // the `dispose` method exists at this point we already assert it
-            var next = widget.dispose({
-              helper: helper,
-              state: state,
-              parent: _this2
-            });
-            return next || state;
-          }, helper.state);
+          var _widgets$reduce = widgets.reduce(function (states, widget) {
+              // the `dispose` method exists at this point we already assert it
+              var next = widget.dispose({
+                helper: helper,
+                state: states.cleanedSearchState,
+                recommendState: states.cleanedRecommendState,
+                parent: _this2
+              });
+              if (next instanceof algoliasearchHelper_1.RecommendParameters) {
+                states.cleanedRecommendState = next;
+              } else if (next) {
+                states.cleanedSearchState = next;
+              }
+              return states;
+            }, {
+              cleanedSearchState: helper.state,
+              cleanedRecommendState: helper.recommendState
+            }),
+            cleanedSearchState = _widgets$reduce.cleanedSearchState,
+            cleanedRecommendState = _widgets$reduce.cleanedRecommendState;
           var newState = localInstantSearchInstance.future.preserveSharedStateOnUnmount ? getLocalWidgetsSearchParameters(localWidgets, {
             uiState: localUiState,
             initialSearchParameters: new algoliasearchHelper_1.SearchParameters({
@@ -10149,16 +10343,17 @@
             })
           }) : getLocalWidgetsSearchParameters(localWidgets, {
             uiState: getLocalWidgetsUiState(localWidgets, {
-              searchParameters: cleanedState,
+              searchParameters: cleanedSearchState,
               helper: helper
             }),
-            initialSearchParameters: cleanedState
+            initialSearchParameters: cleanedSearchState
           });
           localUiState = getLocalWidgetsUiState(localWidgets, {
             searchParameters: newState,
             helper: helper
           });
           helper.setState(newState);
+          helper.recommendState = cleanedRecommendState;
           if (localWidgets.length) {
             localInstantSearchInstance.scheduleSearch();
           }
@@ -10334,9 +10529,16 @@
           // schedule a render that will render the results injected on the helper.
           instantSearchInstance.scheduleRender();
         }
+        if (hasRecommendWidget) {
+          instantSearchInstance._hasRecommendWidget = true;
+        }
+        if (hasSearchWidget) {
+          instantSearchInstance._hasSearchWidget = true;
+        }
       },
       render: function render(_ref6) {
-        var _this4 = this;
+        var _derivedHelper2,
+          _this4 = this;
         var instantSearchInstance = _ref6.instantSearchInstance;
         // we can't attach a listener to the error event of search, as the error
         // then would no longer be thrown for global handlers.
@@ -10346,7 +10548,7 @@
 
         // We only render index widgets if there are no results.
         // This makes sure `render` is never called with `results` being `null`.
-        var widgetsToRender = this.getResults() ? localWidgets : localWidgets.filter(isIndexWidget);
+        var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults ? localWidgets : localWidgets.filter(isIndexWidget);
         widgetsToRender = widgetsToRender.filter(function (widget) {
           if (!widget.shouldRender) {
             return true;
@@ -10357,7 +10559,7 @@
         });
         widgetsToRender.forEach(function (widget) {
           if (widget.getRenderState) {
-            var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, createRenderArgs(instantSearchInstance, _this4));
+            var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, createRenderArgs(instantSearchInstance, _this4, widget));
             storeRenderState({
               renderState: renderState,
               instantSearchInstance: instantSearchInstance,
@@ -10374,14 +10576,14 @@
           // not have results yet.
 
           if (widget.render) {
-            widget.render(createRenderArgs(instantSearchInstance, _this4));
+            widget.render(createRenderArgs(instantSearchInstance, _this4, widget));
           }
         });
       },
       dispose: function dispose() {
         var _this5 = this,
-          _helper,
-          _derivedHelper2;
+          _helper2,
+          _derivedHelper3;
         localWidgets.forEach(function (widget) {
           if (widget.dispose && helper) {
             // The dispose function is always called once the instance is started
@@ -10393,15 +10595,16 @@
             widget.dispose({
               helper: helper,
               state: helper.state,
+              recommendState: helper.recommendState,
               parent: _this5
             });
           }
         });
         localInstantSearchInstance = null;
         localParent = null;
-        (_helper = helper) === null || _helper === void 0 ? void 0 : _helper.removeAllListeners();
+        (_helper2 = helper) === null || _helper2 === void 0 ? void 0 : _helper2.removeAllListeners();
         helper = null;
-        (_derivedHelper2 = derivedHelper) === null || _derivedHelper2 === void 0 ? void 0 : _derivedHelper2.detach();
+        (_derivedHelper3 = derivedHelper) === null || _derivedHelper3 === void 0 ? void 0 : _derivedHelper3.detach();
         derivedHelper = null;
       },
       getWidgetUiState: function getWidgetUiState(uiState) {
@@ -12778,7 +12981,7 @@
     };
   }
 
-  var version$3 = '4.68.1';
+  var version$3 = '4.69.0';
 
   function _typeof$p(obj) {
     "@babel/helpers - typeof";
@@ -12978,6 +13181,8 @@
       _defineProperty$k(_assertThisInitialized(_this), "_createURL", void 0);
       _defineProperty$k(_assertThisInitialized(_this), "_searchFunction", void 0);
       _defineProperty$k(_assertThisInitialized(_this), "_mainHelperSearch", void 0);
+      _defineProperty$k(_assertThisInitialized(_this), "_hasSearchWidget", false);
+      _defineProperty$k(_assertThisInitialized(_this), "_hasRecommendWidget", false);
       _defineProperty$k(_assertThisInitialized(_this), "_insights", void 0);
       _defineProperty$k(_assertThisInitialized(_this), "middleware", []);
       _defineProperty$k(_assertThisInitialized(_this), "sendEventToInsights", void 0);
@@ -13272,7 +13477,13 @@
           // under the hood, we have a different implementation. It should be
           // completely transparent for the rest of the codebase. Only this module
           // is impacted.
-          return mainHelper.searchOnlyWithDerivedHelpers() && mainHelper.recommend();
+          if (_this3._hasSearchWidget) {
+            mainHelper.searchOnlyWithDerivedHelpers();
+          }
+          if (_this3._hasRecommendWidget) {
+            mainHelper.recommend();
+          }
+          return mainHelper;
         };
         if (this._searchFunction) {
           // this client isn't used to actually search, but required for the helper
@@ -14740,6 +14951,147 @@
     return (hint === "string" ? String : Number)(input);
   }
   var withUsage$7 = createDocumentationMessageGenerator({
+    name: 'frequently-bought-together',
+    connector: true
+  });
+  var connectFrequentlyBoughtTogether = function connectFrequentlyBoughtTogether(renderFn) {
+    var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    checkRendering(renderFn, withUsage$7());
+    return function (widgetParams) {
+      var _ref = widgetParams || {},
+        _ref$escapeHTML = _ref.escapeHTML,
+        escapeHTML = _ref$escapeHTML === void 0 ? true : _ref$escapeHTML,
+        _ref$transformItems = _ref.transformItems,
+        transformItems = _ref$transformItems === void 0 ? function (items) {
+          return items;
+        } : _ref$transformItems,
+        objectIDs = _ref.objectIDs,
+        limit = _ref.limit,
+        threshold = _ref.threshold,
+        queryParameters = _ref.queryParameters;
+      if (!objectIDs || objectIDs.length === 0) {
+        throw new Error(withUsage$7('The `objectIDs` option is required.'));
+      }
+      return {
+        dependsOn: 'recommend',
+        $$type: 'ais.frequentlyBoughtTogether',
+        init: function init(initOptions) {
+          renderFn(_objectSpread$p(_objectSpread$p({}, this.getWidgetRenderState(initOptions)), {}, {
+            instantSearchInstance: initOptions.instantSearchInstance
+          }), true);
+        },
+        render: function render(renderOptions) {
+          var renderState = this.getWidgetRenderState(renderOptions);
+          renderFn(_objectSpread$p(_objectSpread$p({}, renderState), {}, {
+            instantSearchInstance: renderOptions.instantSearchInstance
+          }), false);
+        },
+        getRenderState: function getRenderState(renderState) {
+          return renderState;
+        },
+        getWidgetRenderState: function getWidgetRenderState(_ref2) {
+          var results = _ref2.results;
+          if (results === null || results === undefined) {
+            return {
+              items: [],
+              widgetParams: widgetParams
+            };
+          }
+          if (escapeHTML && results.hits.length > 0) {
+            results.hits = escapeHits(results.hits);
+          }
+          var transformedItems = transformItems(results.hits, {
+            results: results
+          });
+          return {
+            items: transformedItems,
+            widgetParams: widgetParams
+          };
+        },
+        dispose: function dispose(_ref3) {
+          var recommendState = _ref3.recommendState;
+          unmountFn();
+          return recommendState.removeParams(this.$$id);
+        },
+        getWidgetParameters: function getWidgetParameters(state) {
+          var _this = this;
+          return objectIDs.reduce(function (acc, objectID) {
+            return acc.addFrequentlyBoughtTogether({
+              objectID: objectID,
+              threshold: threshold,
+              maxRecommendations: limit,
+              queryParameters: _objectSpread$p(_objectSpread$p({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+              $$id: _this.$$id
+            });
+          }, state.removeParams(this.$$id));
+        }
+      };
+    };
+  };
+
+  function useFrequentlyBoughtTogether(props, additionalWidgetProperties) {
+    return useConnector(connectFrequentlyBoughtTogether, props, additionalWidgetProperties);
+  }
+
+  function _typeof$w(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$w = "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$w(obj);
+  }
+  function ownKeys$q(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$q(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) {
+        _defineProperty$r(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _defineProperty$r(obj, key, value) {
+    key = _toPropertyKey$r(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _toPropertyKey$r(arg) {
+    var key = _toPrimitive$r(arg, "string");
+    return _typeof$w(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$r(input, hint) {
+    if (_typeof$w(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$w(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  var withUsage$8 = createDocumentationMessageGenerator({
     name: 'geo-search',
     connector: true
   });
@@ -14765,7 +15117,7 @@
    */
   var connectGeoSearch = function connectGeoSearch(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$7());
+    checkRendering(renderFn, withUsage$8());
     return function (widgetParams) {
       var _ref = widgetParams || {},
         _ref$enableRefineOnMa = _ref.enableRefineOnMapMove,
@@ -14844,7 +15196,7 @@
           var isFirstRendering = true;
           widgetState.internalToggleRefineOnMapMove = createInternalToggleRefinementOnMapMove(initArgs, noop$1);
           widgetState.internalSetMapMoveSinceLastRefine = createInternalSetMapMoveSinceLastRefine(initArgs, noop$1);
-          renderFn(_objectSpread$p(_objectSpread$p({}, this.getWidgetRenderState(initArgs)), {}, {
+          renderFn(_objectSpread$q(_objectSpread$q({}, this.getWidgetRenderState(initArgs)), {}, {
             instantSearchInstance: instantSearchInstance
           }), isFirstRendering);
         },
@@ -14866,7 +15218,7 @@
           widgetState.internalSetMapMoveSinceLastRefine = createInternalSetMapMoveSinceLastRefine(renderArgs, this.render.bind(this));
           var widgetRenderState = this.getWidgetRenderState(renderArgs);
           sendEvent('view:internal', widgetRenderState.items);
-          renderFn(_objectSpread$p(_objectSpread$p({}, widgetRenderState), {}, {
+          renderFn(_objectSpread$q(_objectSpread$q({}, widgetRenderState), {}, {
             instantSearchInstance: instantSearchInstance
           }), isFirstRendering);
         },
@@ -14905,7 +15257,7 @@
           };
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$p(_objectSpread$p({}, renderState), {}, {
+          return _objectSpread$q(_objectSpread$q({}, renderState), {}, {
             geoSearch: this.getWidgetRenderState(renderOptions)
           });
         },
@@ -14920,7 +15272,7 @@
           if (!boundingBox || uiState && uiState.geoSearch && uiState.geoSearch.boundingBox === boundingBox) {
             return uiState;
           }
-          return _objectSpread$p(_objectSpread$p({}, uiState), {}, {
+          return _objectSpread$q(_objectSpread$q({}, uiState), {}, {
             geoSearch: {
               boundingBox: boundingBox
             }
@@ -14941,17 +15293,17 @@
     return useConnector(connectGeoSearch, props, additionalWidgetProperties);
   }
 
-  function _typeof$w(obj) {
+  function _typeof$x(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$w = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$x = "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$w(obj);
+    }, _typeof$x(obj);
   }
   var _excluded$8 = ["name", "escapedValue", "data", "path"];
-  function ownKeys$q(object, enumerableOnly) {
+  function ownKeys$r(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14961,19 +15313,19 @@
     }
     return keys;
   }
-  function _objectSpread$q(target) {
+  function _objectSpread$r(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) {
-        _defineProperty$r(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) {
+        _defineProperty$s(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$r(obj, key, value) {
-    key = _toPropertyKey$r(key);
+  function _defineProperty$s(obj, key, value) {
+    key = _toPropertyKey$s(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -14986,16 +15338,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$r(arg) {
-    var key = _toPrimitive$r(arg, "string");
-    return _typeof$w(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$s(arg) {
+    var key = _toPrimitive$s(arg, "string");
+    return _typeof$x(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$r(input, hint) {
-    if (_typeof$w(input) !== "object" || input === null) return input;
+  function _toPrimitive$s(input, hint) {
+    if (_typeof$x(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$w(res) !== "object") return res;
+      if (_typeof$x(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -15076,7 +15428,7 @@
   function _arrayWithHoles$9(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  var withUsage$8 = createDocumentationMessageGenerator({
+  var withUsage$9 = createDocumentationMessageGenerator({
     name: 'hierarchical-menu',
     connector: true
   });
@@ -15096,7 +15448,7 @@
    */
   var connectHierarchicalMenu = function connectHierarchicalMenu(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$8());
+    checkRendering(renderFn, withUsage$9());
     return function (widgetParams) {
       var _ref = widgetParams || {},
         attributes = _ref.attributes,
@@ -15119,10 +15471,10 @@
           return items;
         } : _ref$transformItems;
       if (!attributes || !Array.isArray(attributes) || attributes.length === 0) {
-        throw new Error(withUsage$8('The `attributes` option expects an array of strings.'));
+        throw new Error(withUsage$9('The `attributes` option expects an array of strings.'));
       }
       if (showMore === true && showMoreLimit <= limit) {
-        throw new Error(withUsage$8('The `showMoreLimit` option must be greater than `limit`.'));
+        throw new Error(withUsage$9('The `showMoreLimit` option must be greater than `limit`.'));
       }
       // we need to provide a hierarchicalFacet name for the search state
       // so that we can always map $hierarchicalFacetName => real attributes
@@ -15155,7 +15507,7 @@
             data = _ref2.data,
             path = _ref2.path,
             subValue = _objectWithoutProperties$8(_ref2, _excluded$8);
-          var item = _objectSpread$q(_objectSpread$q({}, subValue), {}, {
+          var item = _objectSpread$r(_objectSpread$r({}, subValue), {}, {
             value: value,
             label: label,
             data: null
@@ -15170,14 +15522,14 @@
         $$type: 'ais.hierarchicalMenu',
         init: function init(initOptions) {
           var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$q(_objectSpread$q({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$r(_objectSpread$r({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
           toggleShowMore = createToggleShowMore(renderOptions, this);
-          renderFn(_objectSpread$q(_objectSpread$q({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$r(_objectSpread$r({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -15187,8 +15539,8 @@
           return state.removeHierarchicalFacet(hierarchicalFacetName).setQueryParameter('maxValuesPerFacet', undefined);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$q(_objectSpread$q({}, renderState), {}, {
-            hierarchicalMenu: _objectSpread$q(_objectSpread$q({}, renderState.hierarchicalMenu), {}, _defineProperty$r({}, hierarchicalFacetName, this.getWidgetRenderState(renderOptions)))
+          return _objectSpread$r(_objectSpread$r({}, renderState), {}, {
+            hierarchicalMenu: _objectSpread$r(_objectSpread$r({}, renderState.hierarchicalMenu), {}, _defineProperty$s({}, hierarchicalFacetName, this.getWidgetRenderState(renderOptions)))
           });
         },
         getWidgetRenderState: function getWidgetRenderState(_ref4) {
@@ -15261,8 +15613,8 @@
         getWidgetUiState: function getWidgetUiState(uiState, _ref5) {
           var searchParameters = _ref5.searchParameters;
           var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
-          return removeEmptyRefinementsFromUiState$1(_objectSpread$q(_objectSpread$q({}, uiState), {}, {
-            hierarchicalMenu: _objectSpread$q(_objectSpread$q({}, uiState.hierarchicalMenu), {}, _defineProperty$r({}, hierarchicalFacetName, path))
+          return removeEmptyRefinementsFromUiState$1(_objectSpread$r(_objectSpread$r({}, uiState), {}, {
+            hierarchicalMenu: _objectSpread$r(_objectSpread$r({}, uiState.hierarchicalMenu), {}, _defineProperty$s({}, hierarchicalFacetName, path))
           }), hierarchicalFacetName);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
@@ -15286,7 +15638,7 @@
           var withMaxValuesPerFacet = withFacetConfiguration.setQueryParameter('maxValuesPerFacet', nextMaxValuesPerFacet);
           if (!values) {
             return withMaxValuesPerFacet.setQueryParameters({
-              hierarchicalFacetsRefinements: _objectSpread$q(_objectSpread$q({}, withMaxValuesPerFacet.hierarchicalFacetsRefinements), {}, _defineProperty$r({}, hierarchicalFacetName, []))
+              hierarchicalFacetsRefinements: _objectSpread$r(_objectSpread$r({}, withMaxValuesPerFacet.hierarchicalFacetsRefinements), {}, _defineProperty$s({}, hierarchicalFacetName, []))
             });
           }
           return withMaxValuesPerFacet.addHierarchicalFacetRefinement(hierarchicalFacetName, values.join(separator));
@@ -15311,16 +15663,16 @@
     return useConnector(connectHierarchicalMenu, props, additionalWidgetProperties);
   }
 
-  function _typeof$x(obj) {
+  function _typeof$y(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$x = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$y = "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$x(obj);
+    }, _typeof$y(obj);
   }
-  function ownKeys$r(object, enumerableOnly) {
+  function ownKeys$s(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -15330,19 +15682,19 @@
     }
     return keys;
   }
-  function _objectSpread$r(target) {
+  function _objectSpread$s(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) {
-        _defineProperty$s(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) {
+        _defineProperty$t(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$s(obj, key, value) {
-    key = _toPropertyKey$s(key);
+  function _defineProperty$t(obj, key, value) {
+    key = _toPropertyKey$t(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -15355,27 +15707,27 @@
     }
     return obj;
   }
-  function _toPropertyKey$s(arg) {
-    var key = _toPrimitive$s(arg, "string");
-    return _typeof$x(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$t(arg) {
+    var key = _toPrimitive$t(arg, "string");
+    return _typeof$y(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$s(input, hint) {
-    if (_typeof$x(input) !== "object" || input === null) return input;
+  function _toPrimitive$t(input, hint) {
+    if (_typeof$y(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$x(res) !== "object") return res;
+      if (_typeof$y(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$9 = createDocumentationMessageGenerator({
+  var withUsage$a = createDocumentationMessageGenerator({
     name: 'hits',
     connector: true
   });
   var connectHits = function connectHits(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$9());
+    checkRendering(renderFn, withUsage$a());
     return function (widgetParams) {
       var _ref = widgetParams || {},
         _ref$escapeHTML = _ref.escapeHTML,
@@ -15389,19 +15741,19 @@
       return {
         $$type: 'ais.hits',
         init: function init(initOptions) {
-          renderFn(_objectSpread$r(_objectSpread$r({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$s(_objectSpread$s({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: initOptions.instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var renderState = this.getWidgetRenderState(renderOptions);
-          renderFn(_objectSpread$r(_objectSpread$r({}, renderState), {}, {
+          renderFn(_objectSpread$s(_objectSpread$s({}, renderState), {}, {
             instantSearchInstance: renderOptions.instantSearchInstance
           }), false);
           renderState.sendEvent('view:internal', renderState.hits);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$r(_objectSpread$r({}, renderState), {}, {
+          return _objectSpread$s(_objectSpread$s({}, renderState), {}, {
             hits: this.getWidgetRenderState(renderOptions)
           });
         },
@@ -15463,7 +15815,7 @@
             return state;
           }
           return state.setQueryParameters(Object.keys(TAG_PLACEHOLDER).reduce(function (acc, key) {
-            return _objectSpread$r(_objectSpread$r({}, acc), {}, _defineProperty$s({}, key, undefined));
+            return _objectSpread$s(_objectSpread$s({}, acc), {}, _defineProperty$t({}, key, undefined));
           }, {}));
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(state) {
@@ -15482,14 +15834,14 @@
     return useConnector(connectHits, props, additionalWidgetProperties);
   }
 
-  function _typeof$y(obj) {
+  function _typeof$z(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$y = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$z = "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$y(obj);
+    }, _typeof$z(obj);
   }
   function _toConsumableArray$5(arr) {
     return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$e(arr) || _nonIterableSpread$5();
@@ -15516,7 +15868,7 @@
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-  function ownKeys$s(object, enumerableOnly) {
+  function ownKeys$t(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -15526,19 +15878,19 @@
     }
     return keys;
   }
-  function _objectSpread$s(target) {
+  function _objectSpread$t(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) {
-        _defineProperty$t(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) {
+        _defineProperty$u(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$t(obj, key, value) {
-    key = _toPropertyKey$t(key);
+  function _defineProperty$u(obj, key, value) {
+    key = _toPropertyKey$u(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -15551,27 +15903,27 @@
     }
     return obj;
   }
-  function _toPropertyKey$t(arg) {
-    var key = _toPrimitive$t(arg, "string");
-    return _typeof$y(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$u(arg) {
+    var key = _toPrimitive$u(arg, "string");
+    return _typeof$z(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$t(input, hint) {
-    if (_typeof$y(input) !== "object" || input === null) return input;
+  function _toPrimitive$u(input, hint) {
+    if (_typeof$z(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$y(res) !== "object") return res;
+      if (_typeof$z(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$a = createDocumentationMessageGenerator({
+  var withUsage$b = createDocumentationMessageGenerator({
     name: 'hits-per-page',
     connector: true
   });
   var connectHitsPerPage = function connectHitsPerPage(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$a());
+    checkRendering(renderFn, withUsage$b());
     return function (widgetParams) {
       var _ref = widgetParams || {},
         userItems = _ref.items,
@@ -15580,23 +15932,23 @@
           return items;
         } : _ref$transformItems;
       if (!Array.isArray(userItems)) {
-        throw new Error(withUsage$a('The `items` option expects an array of objects.'));
+        throw new Error(withUsage$b('The `items` option expects an array of objects.'));
       }
       var items = userItems;
       var defaultItems = items.filter(function (item) {
         return item.default === true;
       });
       if (defaultItems.length === 0) {
-        throw new Error(withUsage$a("A default value must be specified in `items`."));
+        throw new Error(withUsage$b("A default value must be specified in `items`."));
       }
       if (defaultItems.length > 1) {
-        throw new Error(withUsage$a('More than one default value is specified in `items`.'));
+        throw new Error(withUsage$b('More than one default value is specified in `items`.'));
       }
       var defaultItem = defaultItems[0];
       var normalizeItems = function normalizeItems(_ref2) {
         var hitsPerPage = _ref2.hitsPerPage;
         return items.map(function (item) {
-          return _objectSpread$s(_objectSpread$s({}, item), {}, {
+          return _objectSpread$t(_objectSpread$t({}, item), {}, {
             isRefined: Number(item.value) === Number(hitsPerPage)
           });
         });
@@ -15638,13 +15990,13 @@
               label: ''
             }].concat(_toConsumableArray$5(items));
           }
-          renderFn(_objectSpread$s(_objectSpread$s({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$t(_objectSpread$t({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(initOptions) {
           var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$s(_objectSpread$s({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$t(_objectSpread$t({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -15654,7 +16006,7 @@
           return state.setQueryParameter('hitsPerPage', undefined);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$s(_objectSpread$s({}, renderState), {}, {
+          return _objectSpread$t(_objectSpread$t({}, renderState), {}, {
             hitsPerPage: this.getWidgetRenderState(renderOptions)
           });
         },
@@ -15686,7 +16038,7 @@
           if (hitsPerPage === undefined || hitsPerPage === defaultItem.value) {
             return uiState;
           }
-          return _objectSpread$s(_objectSpread$s({}, uiState), {}, {
+          return _objectSpread$t(_objectSpread$t({}, uiState), {}, {
             hitsPerPage: hitsPerPage
           });
         },
@@ -15704,18 +16056,18 @@
     return useConnector(connectHitsPerPage, props, additionalWidgetProperties);
   }
 
-  function _typeof$z(obj) {
+  function _typeof$A(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$z = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$A = "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$z(obj);
+    }, _typeof$A(obj);
   }
   var _excluded$9 = ["page"],
     _excluded2$2 = ["clickAnalytics", "userToken"];
-  function ownKeys$t(object, enumerableOnly) {
+  function ownKeys$u(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -15725,19 +16077,19 @@
     }
     return keys;
   }
-  function _objectSpread$t(target) {
+  function _objectSpread$u(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) {
-        _defineProperty$u(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) {
+        _defineProperty$v(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$u(obj, key, value) {
-    key = _toPropertyKey$u(key);
+  function _defineProperty$v(obj, key, value) {
+    key = _toPropertyKey$v(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -15750,16 +16102,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$u(arg) {
-    var key = _toPrimitive$u(arg, "string");
-    return _typeof$z(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$v(arg) {
+    var key = _toPrimitive$v(arg, "string");
+    return _typeof$A(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$u(input, hint) {
-    if (_typeof$z(input) !== "object" || input === null) return input;
+  function _toPrimitive$v(input, hint) {
+    if (_typeof$A(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$z(res) !== "object") return res;
+      if (_typeof$A(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -15816,7 +16168,7 @@
     }
     return target;
   }
-  var withUsage$b = createDocumentationMessageGenerator({
+  var withUsage$c = createDocumentationMessageGenerator({
     name: 'infinite-hits',
     connector: true
   });
@@ -15858,7 +16210,7 @@
   }
   var connectInfiniteHits = function connectInfiniteHits(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$b());
+    checkRendering(renderFn, withUsage$c());
 
     // @TODO: this should be a generic, but a Connector can not yet be generic itself
 
@@ -15900,7 +16252,7 @@
         return function () {
           // Using the helper's `overrideStateWithoutTriggeringChangeEvent` method
           // avoid updating the browser URL when the user displays the previous page.
-          helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread$t(_objectSpread$t({}, helper.state), {}, {
+          helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread$u(_objectSpread$u({}, helper.state), {}, {
             page: getFirstReceivedPage(helper.state, cache.read({
               state: normalizeState(helper.state)
             }) || {}) - 1
@@ -15917,20 +16269,20 @@
       return {
         $$type: 'ais.infiniteHits',
         init: function init(initOptions) {
-          renderFn(_objectSpread$t(_objectSpread$t({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$u(_objectSpread$u({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: initOptions.instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
           var widgetRenderState = this.getWidgetRenderState(renderOptions);
-          renderFn(_objectSpread$t(_objectSpread$t({}, widgetRenderState), {}, {
+          renderFn(_objectSpread$u(_objectSpread$u({}, widgetRenderState), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
           sendEvent('view:internal', widgetRenderState.currentPageHits);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$t(_objectSpread$t({}, renderState), {}, {
+          return _objectSpread$u(_objectSpread$u({}, renderState), {}, {
             infiniteHits: this.getWidgetRenderState(renderOptions)
           });
         },
@@ -16030,7 +16382,7 @@
             return stateWithoutPage;
           }
           return stateWithoutPage.setQueryParameters(Object.keys(TAG_PLACEHOLDER).reduce(function (acc, key) {
-            return _objectSpread$t(_objectSpread$t({}, acc), {}, _defineProperty$u({}, key, undefined));
+            return _objectSpread$u(_objectSpread$u({}, acc), {}, _defineProperty$v({}, key, undefined));
           }, {}));
         },
         getWidgetUiState: function getWidgetUiState(uiState, _ref9) {
@@ -16041,7 +16393,7 @@
             // because we don't want `page=1` in the URL
             return uiState;
           }
-          return _objectSpread$t(_objectSpread$t({}, uiState), {}, {
+          return _objectSpread$u(_objectSpread$u({}, uiState), {}, {
             // The page in the UI state is incremented by one
             // to expose the user value (not `0`).
             page: page + 1
@@ -16069,14 +16421,14 @@
   }
 
   var _excluded$a = ["name", "escapedValue", "path"];
-  function _typeof$A(obj) {
+  function _typeof$B(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$B = "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$A(obj);
+    }, _typeof$B(obj);
   }
   function _objectWithoutProperties$a(source, excluded) {
     if (source == null) return {};
@@ -16154,7 +16506,7 @@
   function _arrayWithHoles$a(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  function ownKeys$u(object, enumerableOnly) {
+  function ownKeys$v(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -16164,19 +16516,19 @@
     }
     return keys;
   }
-  function _objectSpread$u(target) {
+  function _objectSpread$v(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) {
-        _defineProperty$v(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) {
+        _defineProperty$w(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$v(obj, key, value) {
-    key = _toPropertyKey$v(key);
+  function _defineProperty$w(obj, key, value) {
+    key = _toPropertyKey$w(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -16189,21 +16541,21 @@
     }
     return obj;
   }
-  function _toPropertyKey$v(arg) {
-    var key = _toPrimitive$v(arg, "string");
-    return _typeof$A(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$w(arg) {
+    var key = _toPrimitive$w(arg, "string");
+    return _typeof$B(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$v(input, hint) {
-    if (_typeof$A(input) !== "object" || input === null) return input;
+  function _toPrimitive$w(input, hint) {
+    if (_typeof$B(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$A(res) !== "object") return res;
+      if (_typeof$B(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$c = createDocumentationMessageGenerator({
+  var withUsage$d = createDocumentationMessageGenerator({
     name: 'menu',
     connector: true
   });
@@ -16219,7 +16571,7 @@
    */
   var connectMenu = function connectMenu(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$c());
+    checkRendering(renderFn, withUsage$d());
     return function (widgetParams) {
       var _ref = widgetParams || {},
         attribute = _ref.attribute,
@@ -16236,10 +16588,10 @@
           return items;
         } : _ref$transformItems;
       if (!attribute) {
-        throw new Error(withUsage$c('The `attribute` option is required.'));
+        throw new Error(withUsage$d('The `attribute` option is required.'));
       }
       if (showMore === true && showMoreLimit <= limit) {
-        throw new Error(withUsage$c('The `showMoreLimit` option must be greater than `limit`.'));
+        throw new Error(withUsage$d('The `showMoreLimit` option must be greater than `limit`.'));
       }
       var sendEvent;
       var _createURL;
@@ -16265,13 +16617,13 @@
         $$type: 'ais.menu',
         init: function init(initOptions) {
           var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$u(_objectSpread$u({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$v(_objectSpread$v({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
-          renderFn(_objectSpread$u(_objectSpread$u({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$v(_objectSpread$v({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -16281,8 +16633,8 @@
           return state.removeHierarchicalFacet(attribute).setQueryParameter('maxValuesPerFacet', undefined);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$u(_objectSpread$u({}, renderState), {}, {
-            menu: _objectSpread$u(_objectSpread$u({}, renderState.menu), {}, _defineProperty$v({}, attribute, this.getWidgetRenderState(renderOptions)))
+          return _objectSpread$v(_objectSpread$v({}, renderState), {}, {
+            menu: _objectSpread$v(_objectSpread$v({}, renderState.menu), {}, _defineProperty$w({}, attribute, this.getWidgetRenderState(renderOptions)))
           });
         },
         getWidgetRenderState: function getWidgetRenderState(renderOptions) {
@@ -16335,7 +16687,7 @@
                 value = _ref3.escapedValue,
                 path = _ref3.path,
                 item = _objectWithoutProperties$a(_ref3, _excluded$a);
-              return _objectSpread$u(_objectSpread$u({}, item), {}, {
+              return _objectSpread$v(_objectSpread$v({}, item), {}, {
                 label: label,
                 value: value
               });
@@ -16360,8 +16712,8 @@
           var _searchParameters$get = searchParameters.getHierarchicalFacetBreadcrumb(attribute),
             _searchParameters$get2 = _slicedToArray$a(_searchParameters$get, 1),
             value = _searchParameters$get2[0];
-          return removeEmptyRefinementsFromUiState$2(_objectSpread$u(_objectSpread$u({}, uiState), {}, {
-            menu: _objectSpread$u(_objectSpread$u({}, uiState.menu), {}, _defineProperty$v({}, attribute, value))
+          return removeEmptyRefinementsFromUiState$2(_objectSpread$v(_objectSpread$v({}, uiState), {}, {
+            menu: _objectSpread$v(_objectSpread$v({}, uiState.menu), {}, _defineProperty$w({}, attribute, value))
           }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref5) {
@@ -16379,7 +16731,7 @@
           var withMaxValuesPerFacet = withFacetConfiguration.setQueryParameter('maxValuesPerFacet', nextMaxValuesPerFacet);
           if (!value) {
             return withMaxValuesPerFacet.setQueryParameters({
-              hierarchicalFacetsRefinements: _objectSpread$u(_objectSpread$u({}, withMaxValuesPerFacet.hierarchicalFacetsRefinements), {}, _defineProperty$v({}, attribute, []))
+              hierarchicalFacetsRefinements: _objectSpread$v(_objectSpread$v({}, withMaxValuesPerFacet.hierarchicalFacetsRefinements), {}, _defineProperty$w({}, attribute, []))
             });
           }
           return withMaxValuesPerFacet.addHierarchicalFacetRefinement(attribute, value);
@@ -16404,14 +16756,14 @@
     return useConnector(connectMenu, props, additionalWidgetProperties);
   }
 
-  function _typeof$B(obj) {
+  function _typeof$C(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$B = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$C = "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$B(obj);
+    }, _typeof$C(obj);
   }
   function _createForOfIteratorHelper(o, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -16513,7 +16865,7 @@
   function _arrayWithHoles$b(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  function ownKeys$v(object, enumerableOnly) {
+  function ownKeys$w(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -16523,19 +16875,19 @@
     }
     return keys;
   }
-  function _objectSpread$v(target) {
+  function _objectSpread$w(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) {
-        _defineProperty$w(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) {
+        _defineProperty$x(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$w(obj, key, value) {
-    key = _toPropertyKey$w(key);
+  function _defineProperty$x(obj, key, value) {
+    key = _toPropertyKey$x(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -16548,21 +16900,21 @@
     }
     return obj;
   }
-  function _toPropertyKey$w(arg) {
-    var key = _toPrimitive$w(arg, "string");
-    return _typeof$B(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$x(arg) {
+    var key = _toPrimitive$x(arg, "string");
+    return _typeof$C(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$w(input, hint) {
-    if (_typeof$B(input) !== "object" || input === null) return input;
+  function _toPrimitive$x(input, hint) {
+    if (_typeof$C(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$B(res) !== "object") return res;
+      if (_typeof$C(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$d = createDocumentationMessageGenerator({
+  var withUsage$e = createDocumentationMessageGenerator({
     name: 'numeric-menu',
     connector: true
   });
@@ -16578,7 +16930,7 @@
   };
   var connectNumericMenu = function connectNumericMenu(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$d());
+    checkRendering(renderFn, withUsage$e());
     return function (widgetParams) {
       var _ref2 = widgetParams || {},
         _ref2$attribute = _ref2.attribute,
@@ -16590,10 +16942,10 @@
           return item;
         } : _ref2$transformItems;
       if (attribute === '') {
-        throw new Error(withUsage$d('The `attribute` option is required.'));
+        throw new Error(withUsage$e('The `attribute` option is required.'));
       }
       if (!items || items.length === 0) {
-        throw new Error(withUsage$d('The `items` option expects an array of objects.'));
+        throw new Error(withUsage$e('The `items` option expects an array of objects.'));
       }
       var prepareItems = function prepareItems(state) {
         return items.map(function (_ref3) {
@@ -16619,13 +16971,13 @@
         $$type: $$type$1,
         init: function init(initOptions) {
           var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$v(_objectSpread$v({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$w(_objectSpread$w({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
-          renderFn(_objectSpread$v(_objectSpread$v({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$w(_objectSpread$w({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -16639,21 +16991,21 @@
           var values = searchParameters.getNumericRefinements(attribute);
           var equal = values['='] && values['='][0];
           if (equal || equal === 0) {
-            return _objectSpread$v(_objectSpread$v({}, uiState), {}, {
-              numericMenu: _objectSpread$v(_objectSpread$v({}, uiState.numericMenu), {}, _defineProperty$w({}, attribute, "".concat(values['='])))
+            return _objectSpread$w(_objectSpread$w({}, uiState), {}, {
+              numericMenu: _objectSpread$w(_objectSpread$w({}, uiState.numericMenu), {}, _defineProperty$x({}, attribute, "".concat(values['='])))
             });
           }
           var min = values['>='] && values['>='][0] || '';
           var max = values['<='] && values['<='][0] || '';
-          return removeEmptyRefinementsFromUiState$3(_objectSpread$v(_objectSpread$v({}, uiState), {}, {
-            numericMenu: _objectSpread$v(_objectSpread$v({}, uiState.numericMenu), {}, _defineProperty$w({}, attribute, "".concat(min, ":").concat(max)))
+          return removeEmptyRefinementsFromUiState$3(_objectSpread$w(_objectSpread$w({}, uiState), {}, {
+            numericMenu: _objectSpread$w(_objectSpread$w({}, uiState.numericMenu), {}, _defineProperty$x({}, attribute, "".concat(min, ":").concat(max)))
           }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
           var value = uiState.numericMenu && uiState.numericMenu[attribute];
           var withoutRefinements = searchParameters.setQueryParameters({
-            numericRefinements: _objectSpread$v(_objectSpread$v({}, searchParameters.numericRefinements), {}, _defineProperty$w({}, attribute, {}))
+            numericRefinements: _objectSpread$w(_objectSpread$w({}, searchParameters.numericRefinements), {}, _defineProperty$x({}, attribute, {}))
           });
           if (!value) {
             return withoutRefinements;
@@ -16671,8 +17023,8 @@
           return withMaxRefinement;
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$v(_objectSpread$v({}, renderState), {}, {
-            numericMenu: _objectSpread$v(_objectSpread$v({}, renderState.numericMenu), {}, _defineProperty$w({}, attribute, this.getWidgetRenderState(renderOptions)))
+          return _objectSpread$w(_objectSpread$w({}, renderState), {}, {
+            numericMenu: _objectSpread$w(_objectSpread$w({}, renderState.numericMenu), {}, _defineProperty$x({}, attribute, this.getWidgetRenderState(renderOptions)))
           });
         },
         getWidgetRenderState: function getWidgetRenderState(_ref7) {
@@ -16826,14 +17178,14 @@
     return useConnector(connectNumericMenu, props, additionalWidgetProperties);
   }
 
-  function _typeof$C(obj) {
+  function _typeof$D(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$C = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$D = "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$C(obj);
+    }, _typeof$D(obj);
   }
   function _classCallCheck$2(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -16846,7 +17198,7 @@
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
       if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, _toPropertyKey$x(descriptor.key), descriptor);
+      Object.defineProperty(target, _toPropertyKey$y(descriptor.key), descriptor);
     }
   }
   function _createClass$2(Constructor, protoProps, staticProps) {
@@ -16857,8 +17209,8 @@
     });
     return Constructor;
   }
-  function _defineProperty$x(obj, key, value) {
-    key = _toPropertyKey$x(key);
+  function _defineProperty$y(obj, key, value) {
+    key = _toPropertyKey$y(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -16871,16 +17223,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$x(arg) {
-    var key = _toPrimitive$x(arg, "string");
-    return _typeof$C(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$y(arg) {
+    var key = _toPrimitive$y(arg, "string");
+    return _typeof$D(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$x(input, hint) {
-    if (_typeof$C(input) !== "object" || input === null) return input;
+  function _toPrimitive$y(input, hint) {
+    if (_typeof$D(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$C(res) !== "object") return res;
+      if (_typeof$D(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -16888,9 +17240,9 @@
   var Paginator = /*#__PURE__*/function () {
     function Paginator(params) {
       _classCallCheck$2(this, Paginator);
-      _defineProperty$x(this, "currentPage", void 0);
-      _defineProperty$x(this, "total", void 0);
-      _defineProperty$x(this, "padding", void 0);
+      _defineProperty$y(this, "currentPage", void 0);
+      _defineProperty$y(this, "total", void 0);
+      _defineProperty$y(this, "padding", void 0);
       this.currentPage = params.currentPage;
       this.total = params.total;
       this.padding = params.padding;
@@ -16947,16 +17299,16 @@
     return Paginator;
   }();
 
-  function _typeof$D(obj) {
+  function _typeof$E(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$D = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$E = "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$D(obj);
+    }, _typeof$E(obj);
   }
-  function ownKeys$w(object, enumerableOnly) {
+  function ownKeys$x(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -16966,19 +17318,19 @@
     }
     return keys;
   }
-  function _objectSpread$w(target) {
+  function _objectSpread$x(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) {
-        _defineProperty$y(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) {
+        _defineProperty$z(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$y(obj, key, value) {
-    key = _toPropertyKey$y(key);
+  function _defineProperty$z(obj, key, value) {
+    key = _toPropertyKey$z(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -16991,21 +17343,21 @@
     }
     return obj;
   }
-  function _toPropertyKey$y(arg) {
-    var key = _toPrimitive$y(arg, "string");
-    return _typeof$D(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$z(arg) {
+    var key = _toPrimitive$z(arg, "string");
+    return _typeof$E(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$y(input, hint) {
-    if (_typeof$D(input) !== "object" || input === null) return input;
+  function _toPrimitive$z(input, hint) {
+    if (_typeof$E(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$D(res) !== "object") return res;
+      if (_typeof$E(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$e = createDocumentationMessageGenerator({
+  var withUsage$f = createDocumentationMessageGenerator({
     name: 'pagination',
     connector: true
   });
@@ -17018,7 +17370,7 @@
    */
   var connectPagination = function connectPagination(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$e());
+    checkRendering(renderFn, withUsage$f());
     return function (widgetParams) {
       var _ref = widgetParams || {},
         totalPages = _ref.totalPages,
@@ -17038,13 +17390,13 @@
         $$type: 'ais.pagination',
         init: function init(initOptions) {
           var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$w(_objectSpread$w({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$x(_objectSpread$x({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
-          renderFn(_objectSpread$w(_objectSpread$w({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$x(_objectSpread$x({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -17059,7 +17411,7 @@
           if (!page) {
             return uiState;
           }
-          return _objectSpread$w(_objectSpread$w({}, uiState), {}, {
+          return _objectSpread$x(_objectSpread$x({}, uiState), {}, {
             page: page + 1
           });
         },
@@ -17082,7 +17434,7 @@
           if (!connectorState.createURL) {
             connectorState.createURL = function (page) {
               return createURL(function (uiState) {
-                return _objectSpread$w(_objectSpread$w({}, uiState), {}, {
+                return _objectSpread$x(_objectSpread$x({}, uiState), {}, {
                   page: page + 1
                 });
               });
@@ -17108,7 +17460,7 @@
           };
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$w(_objectSpread$w({}, renderState), {}, {
+          return _objectSpread$x(_objectSpread$x({}, renderState), {}, {
             pagination: this.getWidgetRenderState(renderOptions)
           });
         }
@@ -17135,16 +17487,16 @@
     };
   }
 
-  function _typeof$E(obj) {
+  function _typeof$F(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$E = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$F = "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$E(obj);
+    }, _typeof$F(obj);
   }
-  function ownKeys$x(object, enumerableOnly) {
+  function ownKeys$y(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -17154,19 +17506,19 @@
     }
     return keys;
   }
-  function _objectSpread$x(target) {
+  function _objectSpread$y(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) {
-        _defineProperty$z(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) {
+        _defineProperty$A(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$z(obj, key, value) {
-    key = _toPropertyKey$z(key);
+  function _defineProperty$A(obj, key, value) {
+    key = _toPropertyKey$A(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -17179,16 +17531,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$z(arg) {
-    var key = _toPrimitive$z(arg, "string");
-    return _typeof$E(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$A(arg) {
+    var key = _toPrimitive$A(arg, "string");
+    return _typeof$F(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$z(input, hint) {
-    if (_typeof$E(input) !== "object" || input === null) return input;
+  function _toPrimitive$A(input, hint) {
+    if (_typeof$F(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$E(res) !== "object") return res;
+      if (_typeof$F(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -17218,7 +17570,7 @@
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-  var withUsage$f = createDocumentationMessageGenerator({
+  var withUsage$g = createDocumentationMessageGenerator({
     name: 'query-rules',
     connector: true
   });
@@ -17268,14 +17620,14 @@
     var nextRuleContexts = [].concat(_toConsumableArray$7(initialRuleContexts), _toConsumableArray$7(newRuleContexts));
     var ruleContexts = transformRuleContexts(nextRuleContexts).slice(0, 10);
     if (!isEqual(previousRuleContexts, ruleContexts)) {
-      helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread$x(_objectSpread$x({}, sharedHelperState), {}, {
+      helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread$y(_objectSpread$y({}, sharedHelperState), {}, {
         ruleContexts: ruleContexts
       }));
     }
   }
   var connectQueryRules = function connectQueryRules(_render) {
     var unmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(_render, withUsage$f());
+    checkRendering(_render, withUsage$g());
     return function (widgetParams) {
       var _ref2 = widgetParams || {},
         _ref2$trackedFilters = _ref2.trackedFilters,
@@ -17290,7 +17642,7 @@
         } : _ref2$transformItems;
       Object.keys(trackedFilters).forEach(function (facetName) {
         if (typeof trackedFilters[facetName] !== 'function') {
-          throw new Error(withUsage$f("'The \"".concat(facetName, "\" filter value in the `trackedFilters` option expects a function.")));
+          throw new Error(withUsage$g("'The \"".concat(facetName, "\" filter value in the `trackedFilters` option expects a function.")));
         }
       });
       var hasTrackedFilters = Object.keys(trackedFilters).length > 0;
@@ -17327,13 +17679,13 @@
             // any `ruleContexts` needed based on the `trackedFilters`.
             helper.on('change', onHelperChange);
           }
-          _render(_objectSpread$x(_objectSpread$x({}, this.getWidgetRenderState(initOptions)), {}, {
+          _render(_objectSpread$y(_objectSpread$y({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
-          _render(_objectSpread$x(_objectSpread$x({}, this.getWidgetRenderState(renderOptions)), {}, {
+          _render(_objectSpread$y(_objectSpread$y({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -17351,7 +17703,7 @@
           };
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$x(_objectSpread$x({}, renderState), {}, {
+          return _objectSpread$y(_objectSpread$y({}, renderState), {}, {
             queryRules: this.getWidgetRenderState(renderOptions)
           });
         },
@@ -17373,16 +17725,16 @@
     return useConnector(connectQueryRules, props, additionalWidgetProperties);
   }
 
-  function _typeof$F(obj) {
+  function _typeof$G(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$F = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$G = "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$F(obj);
+    }, _typeof$G(obj);
   }
-  function ownKeys$y(object, enumerableOnly) {
+  function ownKeys$z(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -17392,19 +17744,19 @@
     }
     return keys;
   }
-  function _objectSpread$y(target) {
+  function _objectSpread$z(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) {
-        _defineProperty$A(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) {
+        _defineProperty$B(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$A(obj, key, value) {
-    key = _toPropertyKey$A(key);
+  function _defineProperty$B(obj, key, value) {
+    key = _toPropertyKey$B(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -17417,16 +17769,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$A(arg) {
-    var key = _toPrimitive$A(arg, "string");
-    return _typeof$F(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$B(arg) {
+    var key = _toPrimitive$B(arg, "string");
+    return _typeof$G(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$A(input, hint) {
-    if (_typeof$F(input) !== "object" || input === null) return input;
+  function _toPrimitive$B(input, hint) {
+    if (_typeof$G(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$F(res) !== "object") return res;
+      if (_typeof$G(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -17480,7 +17832,7 @@
   function _arrayWithHoles$c(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  var withUsage$g = createDocumentationMessageGenerator({
+  var withUsage$h = createDocumentationMessageGenerator({
     name: 'range-input',
     connector: true
   }, {
@@ -17511,7 +17863,7 @@
    */
   var connectRange = function connectRange(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$g());
+    checkRendering(renderFn, withUsage$h());
     return function (widgetParams) {
       var _ref2 = widgetParams || {},
         _ref2$attribute = _ref2.attribute,
@@ -17521,10 +17873,10 @@
         _ref2$precision = _ref2.precision,
         precision = _ref2$precision === void 0 ? 0 : _ref2$precision;
       if (!attribute) {
-        throw new Error(withUsage$g('The `attribute` option is required.'));
+        throw new Error(withUsage$h('The `attribute` option is required.'));
       }
       if (isFiniteNumber(minBound) && isFiniteNumber(maxBound) && minBound > maxBound) {
-        throw new Error(withUsage$g("The `max` option can't be lower than `min`."));
+        throw new Error(withUsage$h("The `max` option can't be lower than `min`."));
       }
       var formatToNumber = function formatToNumber(v) {
         return Number(Number(v).toFixed(precision));
@@ -17651,18 +18003,18 @@
       return {
         $$type: $$type$2,
         init: function init(initOptions) {
-          renderFn(_objectSpread$y(_objectSpread$y({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$z(_objectSpread$z({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: initOptions.instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
-          renderFn(_objectSpread$y(_objectSpread$y({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$z(_objectSpread$z({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: renderOptions.instantSearchInstance
           }), false);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$y(_objectSpread$y({}, renderState), {}, {
-            range: _objectSpread$y(_objectSpread$y({}, renderState.range), {}, _defineProperty$A({}, attribute, this.getWidgetRenderState(renderOptions)))
+          return _objectSpread$z(_objectSpread$z({}, renderState), {}, {
+            range: _objectSpread$z(_objectSpread$z({}, renderState.range), {}, _defineProperty$B({}, attribute, this.getWidgetRenderState(renderOptions)))
           });
         },
         getWidgetRenderState: function getWidgetRenderState(_ref13) {
@@ -17697,7 +18049,7 @@
             format: rangeFormatter,
             range: currentRange,
             sendEvent: createSendEvent(instantSearchInstance),
-            widgetParams: _objectSpread$y(_objectSpread$y({}, widgetParams), {}, {
+            widgetParams: _objectSpread$z(_objectSpread$z({}, widgetParams), {}, {
               precision: precision
             }),
             start: start
@@ -17718,14 +18070,14 @@
           if (min.length === 0 && max.length === 0) {
             return uiState;
           }
-          return _objectSpread$y(_objectSpread$y({}, uiState), {}, {
-            range: _objectSpread$y(_objectSpread$y({}, uiState.range), {}, _defineProperty$A({}, attribute, "".concat(min, ":").concat(max)))
+          return _objectSpread$z(_objectSpread$z({}, uiState), {}, {
+            range: _objectSpread$z(_objectSpread$z({}, uiState.range), {}, _defineProperty$B({}, attribute, "".concat(min, ":").concat(max)))
           });
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref16) {
           var uiState = _ref16.uiState;
           var widgetSearchParameters = searchParameters.addDisjunctiveFacet(attribute).setQueryParameters({
-            numericRefinements: _objectSpread$y(_objectSpread$y({}, searchParameters.numericRefinements), {}, _defineProperty$A({}, attribute, {}))
+            numericRefinements: _objectSpread$z(_objectSpread$z({}, searchParameters.numericRefinements), {}, _defineProperty$B({}, attribute, {}))
           });
           if (isFiniteNumber(minBound)) {
             widgetSearchParameters = widgetSearchParameters.addNumericRefinement(attribute, '>=', minBound);
@@ -17759,18 +18111,18 @@
     return useConnector(connectRange, props, additionalWidgetProperties);
   }
 
-  function _typeof$G(obj) {
+  function _typeof$H(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$G = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$H = "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$G(obj);
+    }, _typeof$H(obj);
   }
   var _excluded$b = ["name", "escapedValue"],
     _excluded2$3 = ["escapedValue", "value"];
-  function ownKeys$z(object, enumerableOnly) {
+  function ownKeys$A(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -17780,19 +18132,19 @@
     }
     return keys;
   }
-  function _objectSpread$z(target) {
+  function _objectSpread$A(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) {
-        _defineProperty$B(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) {
+        _defineProperty$C(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$B(obj, key, value) {
-    key = _toPropertyKey$B(key);
+  function _defineProperty$C(obj, key, value) {
+    key = _toPropertyKey$C(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -17805,16 +18157,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$B(arg) {
-    var key = _toPrimitive$B(arg, "string");
-    return _typeof$G(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$C(arg) {
+    var key = _toPrimitive$C(arg, "string");
+    return _typeof$H(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$B(input, hint) {
-    if (_typeof$G(input) !== "object" || input === null) return input;
+  function _toPrimitive$C(input, hint) {
+    if (_typeof$H(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$G(res) !== "object") return res;
+      if (_typeof$H(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -17846,7 +18198,7 @@
     }
     return target;
   }
-  var withUsage$h = createDocumentationMessageGenerator({
+  var withUsage$i = createDocumentationMessageGenerator({
     name: 'refinement-list',
     connector: true
   });
@@ -17865,7 +18217,7 @@
    */
   var connectRefinementList = function connectRefinementList(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$h());
+    checkRendering(renderFn, withUsage$i());
     return function (widgetParams) {
       var _ref = widgetParams || {},
         attribute = _ref.attribute,
@@ -17886,19 +18238,19 @@
           return items;
         } : _ref$transformItems;
       if (!attribute) {
-        throw new Error(withUsage$h('The `attribute` option is required.'));
+        throw new Error(withUsage$i('The `attribute` option is required.'));
       }
       if (!/^(and|or)$/.test(operator)) {
-        throw new Error(withUsage$h("The `operator` must one of: `\"and\"`, `\"or\"` (got \"".concat(operator, "\").")));
+        throw new Error(withUsage$i("The `operator` must one of: `\"and\"`, `\"or\"` (got \"".concat(operator, "\").")));
       }
       if (showMore === true && showMoreLimit <= limit) {
-        throw new Error(withUsage$h('`showMoreLimit` should be greater than `limit`.'));
+        throw new Error(withUsage$i('`showMoreLimit` should be greater than `limit`.'));
       }
       var formatItems = function formatItems(_ref2) {
         var label = _ref2.name,
           value = _ref2.escapedValue,
           item = _objectWithoutProperties$b(_ref2, _excluded$b);
-        return _objectSpread$z(_objectSpread$z({}, item), {}, {
+        return _objectSpread$A(_objectSpread$A({}, item), {}, {
           value: value,
           label: label,
           highlighted: label
@@ -17935,7 +18287,7 @@
               searchResults = renderOptions.results;
             if (query === '' && lastItemsFromMainSearch) {
               // render with previous data from the helper.
-              renderFn(_objectSpread$z(_objectSpread$z({}, widget.getWidgetRenderState(_objectSpread$z(_objectSpread$z({}, renderOptions), {}, {
+              renderFn(_objectSpread$A(_objectSpread$A({}, widget.getWidgetRenderState(_objectSpread$A(_objectSpread$A({}, renderOptions), {}, {
                 results: lastResultsFromMainSearch
               }))), {}, {
                 instantSearchInstance: instantSearchInstance
@@ -17955,14 +18307,14 @@
                   var escapedValue = _ref3.escapedValue,
                     value = _ref3.value,
                     item = _objectWithoutProperties$b(_ref3, _excluded2$3);
-                  return _objectSpread$z(_objectSpread$z({}, item), {}, {
+                  return _objectSpread$A(_objectSpread$A({}, item), {}, {
                     value: escapedValue,
                     label: value
                   });
                 }), {
                   results: searchResults
                 });
-                renderFn(_objectSpread$z(_objectSpread$z({}, widget.getWidgetRenderState(_objectSpread$z(_objectSpread$z({}, renderOptions), {}, {
+                renderFn(_objectSpread$A(_objectSpread$A({}, widget.getWidgetRenderState(_objectSpread$A(_objectSpread$A({}, renderOptions), {}, {
                   results: lastResultsFromMainSearch
                 }))), {}, {
                   items: normalizedFacetValues,
@@ -17979,18 +18331,18 @@
       return {
         $$type: 'ais.refinementList',
         init: function init(initOptions) {
-          renderFn(_objectSpread$z(_objectSpread$z({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$A(_objectSpread$A({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: initOptions.instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
-          renderFn(_objectSpread$z(_objectSpread$z({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$A(_objectSpread$A({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: renderOptions.instantSearchInstance
           }), false);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$z(_objectSpread$z({}, renderState), {}, {
-            refinementList: _objectSpread$z(_objectSpread$z({}, renderState.refinementList), {}, _defineProperty$B({}, attribute, this.getWidgetRenderState(renderOptions)))
+          return _objectSpread$A(_objectSpread$A({}, renderState), {}, {
+            refinementList: _objectSpread$A(_objectSpread$A({}, renderState.refinementList), {}, _defineProperty$C({}, attribute, this.getWidgetRenderState(renderOptions)))
           });
         },
         getWidgetRenderState: function getWidgetRenderState(renderOptions) {
@@ -18080,8 +18432,8 @@
         getWidgetUiState: function getWidgetUiState(uiState, _ref5) {
           var searchParameters = _ref5.searchParameters;
           var values = operator === 'or' ? searchParameters.getDisjunctiveRefinements(attribute) : searchParameters.getConjunctiveRefinements(attribute);
-          return removeEmptyRefinementsFromUiState$4(_objectSpread$z(_objectSpread$z({}, uiState), {}, {
-            refinementList: _objectSpread$z(_objectSpread$z({}, uiState.refinementList), {}, _defineProperty$B({}, attribute, values))
+          return removeEmptyRefinementsFromUiState$4(_objectSpread$A(_objectSpread$A({}, uiState), {}, {
+            refinementList: _objectSpread$A(_objectSpread$A({}, uiState.refinementList), {}, _defineProperty$C({}, attribute, values))
           }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
@@ -18100,7 +18452,7 @@
           var withMaxValuesPerFacet = withFacetConfiguration.setQueryParameter('maxValuesPerFacet', nextMaxValuesPerFacet);
           if (!values) {
             var key = isDisjunctive ? 'disjunctiveFacetsRefinements' : 'facetsRefinements';
-            return withMaxValuesPerFacet.setQueryParameters(_defineProperty$B({}, key, _objectSpread$z(_objectSpread$z({}, withMaxValuesPerFacet[key]), {}, _defineProperty$B({}, attribute, []))));
+            return withMaxValuesPerFacet.setQueryParameters(_defineProperty$C({}, key, _objectSpread$A(_objectSpread$A({}, withMaxValuesPerFacet[key]), {}, _defineProperty$C({}, attribute, []))));
           }
           return values.reduce(function (parameters, value) {
             return isDisjunctive ? parameters.addDisjunctiveFacetRefinement(attribute, value) : parameters.addFacetRefinement(attribute, value);
@@ -18126,16 +18478,16 @@
     return useConnector(connectRefinementList, props, additionalWidgetProperties);
   }
 
-  function _typeof$H(obj) {
+  function _typeof$I(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$H = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$I = "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$H(obj);
+    }, _typeof$I(obj);
   }
-  function ownKeys$A(object, enumerableOnly) {
+  function ownKeys$B(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18145,19 +18497,19 @@
     }
     return keys;
   }
-  function _objectSpread$A(target) {
+  function _objectSpread$B(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) {
-        _defineProperty$C(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) {
+        _defineProperty$D(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$C(obj, key, value) {
-    key = _toPropertyKey$C(key);
+  function _defineProperty$D(obj, key, value) {
+    key = _toPropertyKey$D(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -18170,112 +18522,254 @@
     }
     return obj;
   }
-  function _toPropertyKey$C(arg) {
-    var key = _toPrimitive$C(arg, "string");
-    return _typeof$H(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$D(arg) {
+    var key = _toPrimitive$D(arg, "string");
+    return _typeof$I(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$C(input, hint) {
-    if (_typeof$H(input) !== "object" || input === null) return input;
+  function _toPrimitive$D(input, hint) {
+    if (_typeof$I(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$H(res) !== "object") return res;
+      if (_typeof$I(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$i = createDocumentationMessageGenerator({
-    name: 'search-box',
+  var withUsage$j = createDocumentationMessageGenerator({
+    name: 'related-products',
     connector: true
   });
-
-  /**
-   * @typedef {Object} CustomSearchBoxWidgetParams
-   * @property {function(string, function(string))} [queryHook = undefined] A function that will be called every time
-   * a new value for the query is set. The first parameter is the query and the second is a
-   * function to actually trigger the search. The function takes the query as the parameter.
-   *
-   * This queryHook can be used to debounce the number of searches done from the searchBox.
-   */
-
-  var defaultQueryHook = function defaultQueryHook(query, hook) {
-    return hook(query);
-  };
-
-  /**
-   * **SearchBox** connector provides the logic to build a widget that will let the user search for a query.
-   *
-   * The connector provides to the rendering: `refine()` to set the query. The behaviour of this function
-   * may be impacted by the `queryHook` widget parameter.
-   */
-  var connectSearchBox = function connectSearchBox(renderFn) {
+  var connectRelatedProducts = function connectRelatedProducts(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$i());
-    return function (widgetParams) {
+    checkRendering(renderFn, withUsage$j());
+    return function relatedProducts(widgetParams) {
       var _ref = widgetParams || {},
-        _ref$queryHook = _ref.queryHook,
-        queryHook = _ref$queryHook === void 0 ? defaultQueryHook : _ref$queryHook;
-      var _refine;
-      var _clear;
+        _ref$escapeHTML = _ref.escapeHTML,
+        escapeHTML = _ref$escapeHTML === void 0 ? true : _ref$escapeHTML,
+        objectIDs = _ref.objectIDs,
+        limit = _ref.limit,
+        threshold = _ref.threshold,
+        fallbackParameters = _ref.fallbackParameters,
+        queryParameters = _ref.queryParameters,
+        _ref$transformItems = _ref.transformItems,
+        transformItems = _ref$transformItems === void 0 ? function (items) {
+          return items;
+        } : _ref$transformItems;
+      if (!objectIDs || objectIDs.length === 0) {
+        throw new Error(withUsage$j('The `objectIDs` option is required.'));
+      }
       return {
-        $$type: 'ais.searchBox',
+        dependsOn: 'recommend',
+        $$type: 'ais.relatedProducts',
         init: function init(initOptions) {
-          var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$A(_objectSpread$A({}, this.getWidgetRenderState(initOptions)), {}, {
-            instantSearchInstance: instantSearchInstance
+          renderFn(_objectSpread$B(_objectSpread$B({}, this.getWidgetRenderState(initOptions)), {}, {
+            instantSearchInstance: initOptions.instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
-          var instantSearchInstance = renderOptions.instantSearchInstance;
-          renderFn(_objectSpread$A(_objectSpread$A({}, this.getWidgetRenderState(renderOptions)), {}, {
-            instantSearchInstance: instantSearchInstance
+          var renderState = this.getWidgetRenderState(renderOptions);
+          renderFn(_objectSpread$B(_objectSpread$B({}, renderState), {}, {
+            instantSearchInstance: renderOptions.instantSearchInstance
           }), false);
         },
-        dispose: function dispose(_ref2) {
-          var state = _ref2.state;
-          unmountFn();
-          return state.setQueryParameter('query', undefined);
-        },
-        getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$A(_objectSpread$A({}, renderState), {}, {
-            searchBox: this.getWidgetRenderState(renderOptions)
-          });
+        getRenderState: function getRenderState(renderState) {
+          return renderState;
         },
-        getWidgetRenderState: function getWidgetRenderState(_ref3) {
-          var helper = _ref3.helper,
-            instantSearchInstance = _ref3.instantSearchInstance,
-            state = _ref3.state;
-          if (!_refine) {
-            _refine = function _refine(query) {
-              queryHook(query, function (q) {
-                return helper.setQuery(q).search();
-              });
-            };
-            _clear = function _clear() {
-              helper.setQuery('').search();
+        getWidgetRenderState: function getWidgetRenderState(_ref2) {
+          var results = _ref2.results;
+          if (results === null || results === undefined) {
+            return {
+              items: [],
+              widgetParams: widgetParams
             };
           }
+          if (escapeHTML && results.hits.length > 0) {
+            results.hits = escapeHits(results.hits);
+          }
           return {
-            query: state.query || '',
-            refine: _refine,
-            clear: _clear,
-            widgetParams: widgetParams,
-            isSearchStalled: instantSearchInstance.status === 'stalled'
+            items: transformItems(results.hits, {
+              results: results
+            }),
+            widgetParams: widgetParams
           };
         },
-        getWidgetUiState: function getWidgetUiState(uiState, _ref4) {
-          var searchParameters = _ref4.searchParameters;
-          var query = searchParameters.query || '';
-          if (query === '' || uiState && uiState.query === query) {
-            return uiState;
-          }
-          return _objectSpread$A(_objectSpread$A({}, uiState), {}, {
-            query: query
-          });
+        dispose: function dispose(_ref3) {
+          var recommendState = _ref3.recommendState;
+          unmountFn();
+          return recommendState.removeParams(this.$$id);
         },
-        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref5) {
-          var uiState = _ref5.uiState;
-          return searchParameters.setQueryParameter('query', uiState.query || '');
+        getWidgetParameters: function getWidgetParameters(state) {
+          var _this = this;
+          return objectIDs.reduce(function (acc, objectID) {
+            return acc.addRelatedProducts({
+              objectID: objectID,
+              maxRecommendations: limit,
+              threshold: threshold,
+              fallbackParameters: _objectSpread$B(_objectSpread$B({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+              queryParameters: _objectSpread$B(_objectSpread$B({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+              $$id: _this.$$id
+            });
+          }, state.removeParams(this.$$id));
+        }
+      };
+    };
+  };
+
+  function useRelatedProducts(props, additionalWidgetProperties) {
+    return useConnector(connectRelatedProducts, props, additionalWidgetProperties);
+  }
+
+  function _typeof$J(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$J = "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$J(obj);
+  }
+  function ownKeys$C(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$C(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) {
+        _defineProperty$E(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _defineProperty$E(obj, key, value) {
+    key = _toPropertyKey$E(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _toPropertyKey$E(arg) {
+    var key = _toPrimitive$E(arg, "string");
+    return _typeof$J(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$E(input, hint) {
+    if (_typeof$J(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$J(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  var withUsage$k = createDocumentationMessageGenerator({
+    name: 'search-box',
+    connector: true
+  });
+
+  /**
+   * @typedef {Object} CustomSearchBoxWidgetParams
+   * @property {function(string, function(string))} [queryHook = undefined] A function that will be called every time
+   * a new value for the query is set. The first parameter is the query and the second is a
+   * function to actually trigger the search. The function takes the query as the parameter.
+   *
+   * This queryHook can be used to debounce the number of searches done from the searchBox.
+   */
+
+  var defaultQueryHook = function defaultQueryHook(query, hook) {
+    return hook(query);
+  };
+
+  /**
+   * **SearchBox** connector provides the logic to build a widget that will let the user search for a query.
+   *
+   * The connector provides to the rendering: `refine()` to set the query. The behaviour of this function
+   * may be impacted by the `queryHook` widget parameter.
+   */
+  var connectSearchBox = function connectSearchBox(renderFn) {
+    var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    checkRendering(renderFn, withUsage$k());
+    return function (widgetParams) {
+      var _ref = widgetParams || {},
+        _ref$queryHook = _ref.queryHook,
+        queryHook = _ref$queryHook === void 0 ? defaultQueryHook : _ref$queryHook;
+      var _refine;
+      var _clear;
+      return {
+        $$type: 'ais.searchBox',
+        init: function init(initOptions) {
+          var instantSearchInstance = initOptions.instantSearchInstance;
+          renderFn(_objectSpread$C(_objectSpread$C({}, this.getWidgetRenderState(initOptions)), {}, {
+            instantSearchInstance: instantSearchInstance
+          }), true);
+        },
+        render: function render(renderOptions) {
+          var instantSearchInstance = renderOptions.instantSearchInstance;
+          renderFn(_objectSpread$C(_objectSpread$C({}, this.getWidgetRenderState(renderOptions)), {}, {
+            instantSearchInstance: instantSearchInstance
+          }), false);
+        },
+        dispose: function dispose(_ref2) {
+          var state = _ref2.state;
+          unmountFn();
+          return state.setQueryParameter('query', undefined);
+        },
+        getRenderState: function getRenderState(renderState, renderOptions) {
+          return _objectSpread$C(_objectSpread$C({}, renderState), {}, {
+            searchBox: this.getWidgetRenderState(renderOptions)
+          });
+        },
+        getWidgetRenderState: function getWidgetRenderState(_ref3) {
+          var helper = _ref3.helper,
+            instantSearchInstance = _ref3.instantSearchInstance,
+            state = _ref3.state;
+          if (!_refine) {
+            _refine = function _refine(query) {
+              queryHook(query, function (q) {
+                return helper.setQuery(q).search();
+              });
+            };
+            _clear = function _clear() {
+              helper.setQuery('').search();
+            };
+          }
+          return {
+            query: state.query || '',
+            refine: _refine,
+            clear: _clear,
+            widgetParams: widgetParams,
+            isSearchStalled: instantSearchInstance.status === 'stalled'
+          };
+        },
+        getWidgetUiState: function getWidgetUiState(uiState, _ref4) {
+          var searchParameters = _ref4.searchParameters;
+          var query = searchParameters.query || '';
+          if (query === '' || uiState && uiState.query === query) {
+            return uiState;
+          }
+          return _objectSpread$C(_objectSpread$C({}, uiState), {}, {
+            query: query
+          });
+        },
+        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref5) {
+          var uiState = _ref5.uiState;
+          return searchParameters.setQueryParameter('query', uiState.query || '');
         }
       };
     };
@@ -18285,16 +18779,16 @@
     return useConnector(connectSearchBox, props, additionalWidgetProperties);
   }
 
-  function _typeof$I(obj) {
+  function _typeof$K(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$K = "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$I(obj);
+    }, _typeof$K(obj);
   }
-  function ownKeys$B(object, enumerableOnly) {
+  function ownKeys$D(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18304,19 +18798,19 @@
     }
     return keys;
   }
-  function _objectSpread$B(target) {
+  function _objectSpread$D(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) {
-        _defineProperty$D(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) {
+        _defineProperty$F(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$D(obj, key, value) {
-    key = _toPropertyKey$D(key);
+  function _defineProperty$F(obj, key, value) {
+    key = _toPropertyKey$F(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -18329,21 +18823,21 @@
     }
     return obj;
   }
-  function _toPropertyKey$D(arg) {
-    var key = _toPrimitive$D(arg, "string");
-    return _typeof$I(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$F(arg) {
+    var key = _toPrimitive$F(arg, "string");
+    return _typeof$K(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$D(input, hint) {
-    if (_typeof$I(input) !== "object" || input === null) return input;
+  function _toPrimitive$F(input, hint) {
+    if (_typeof$K(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$I(res) !== "object") return res;
+      if (_typeof$K(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$j = createDocumentationMessageGenerator({
+  var withUsage$l = createDocumentationMessageGenerator({
     name: 'sort-by',
     connector: true
   });
@@ -18356,7 +18850,7 @@
 
   var connectSortBy = function connectSortBy(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$j());
+    checkRendering(renderFn, withUsage$l());
     var connectorState = {};
     return function (widgetParams) {
       var _ref = widgetParams || {},
@@ -18366,7 +18860,7 @@
           return x;
         } : _ref$transformItems;
       if (!Array.isArray(items)) {
-        throw new Error(withUsage$j('The `items` option expects an array of objects.'));
+        throw new Error(withUsage$l('The `items` option expects an array of objects.'));
       }
       return {
         $$type: 'ais.sortBy',
@@ -18377,13 +18871,13 @@
           var isCurrentIndexInItems = find$1(items, function (item) {
             return item.value === currentIndex;
           });
-          renderFn(_objectSpread$B(_objectSpread$B({}, widgetRenderState), {}, {
+          renderFn(_objectSpread$D(_objectSpread$D({}, widgetRenderState), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
-          renderFn(_objectSpread$B(_objectSpread$B({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$D(_objectSpread$D({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -18393,7 +18887,7 @@
           return connectorState.initialIndex ? state.setIndex(connectorState.initialIndex) : state;
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$B(_objectSpread$B({}, renderState), {}, {
+          return _objectSpread$D(_objectSpread$D({}, renderState), {}, {
             sortBy: this.getWidgetRenderState(renderOptions)
           });
         },
@@ -18425,7 +18919,7 @@
         getWidgetUiState: function getWidgetUiState(uiState, _ref4) {
           var searchParameters = _ref4.searchParameters;
           var currentIndex = searchParameters.index;
-          return _objectSpread$B(_objectSpread$B({}, uiState), {}, {
+          return _objectSpread$D(_objectSpread$D({}, uiState), {}, {
             sortBy: currentIndex !== connectorState.initialIndex ? currentIndex : undefined
           });
         },
@@ -18441,16 +18935,16 @@
     return useConnector(connectSortBy, props, additionalWidgetProperties);
   }
 
-  function _typeof$J(obj) {
+  function _typeof$L(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$J = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$L = "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$J(obj);
+    }, _typeof$L(obj);
   }
-  function ownKeys$C(object, enumerableOnly) {
+  function ownKeys$E(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18460,19 +18954,19 @@
     }
     return keys;
   }
-  function _objectSpread$C(target) {
+  function _objectSpread$E(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) {
-        _defineProperty$E(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) {
+        _defineProperty$G(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$E(obj, key, value) {
-    key = _toPropertyKey$E(key);
+  function _defineProperty$G(obj, key, value) {
+    key = _toPropertyKey$G(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -18485,21 +18979,21 @@
     }
     return obj;
   }
-  function _toPropertyKey$E(arg) {
-    var key = _toPrimitive$E(arg, "string");
-    return _typeof$J(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$G(arg) {
+    var key = _toPrimitive$G(arg, "string");
+    return _typeof$L(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$E(input, hint) {
-    if (_typeof$J(input) !== "object" || input === null) return input;
+  function _toPrimitive$G(input, hint) {
+    if (_typeof$L(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$J(res) !== "object") return res;
+      if (_typeof$L(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
   }
-  var withUsage$k = createDocumentationMessageGenerator({
+  var withUsage$m = createDocumentationMessageGenerator({
     name: 'stats',
     connector: true
   });
@@ -18511,19 +19005,19 @@
 
   var connectStats = function connectStats(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$k());
+    checkRendering(renderFn, withUsage$m());
     return function (widgetParams) {
       return {
         $$type: 'ais.stats',
         init: function init(initOptions) {
           var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$C(_objectSpread$C({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$E(_objectSpread$E({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
-          renderFn(_objectSpread$C(_objectSpread$C({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$E(_objectSpread$E({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -18531,7 +19025,7 @@
           unmountFn();
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$C(_objectSpread$C({}, renderState), {}, {
+          return _objectSpread$E(_objectSpread$E({}, renderState), {}, {
             stats: this.getWidgetRenderState(renderOptions)
           });
         },
@@ -18571,16 +19065,16 @@
     return useConnector(connectStats, props, additionalWidgetProperties);
   }
 
-  function _typeof$K(obj) {
+  function _typeof$M(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$K = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$M = "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$K(obj);
+    }, _typeof$M(obj);
   }
-  function ownKeys$D(object, enumerableOnly) {
+  function ownKeys$F(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18590,19 +19084,19 @@
     }
     return keys;
   }
-  function _objectSpread$D(target) {
+  function _objectSpread$F(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) {
-        _defineProperty$F(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) {
+        _defineProperty$H(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$F(obj, key, value) {
-    key = _toPropertyKey$F(key);
+  function _defineProperty$H(obj, key, value) {
+    key = _toPropertyKey$H(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -18615,16 +19109,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$F(arg) {
-    var key = _toPrimitive$F(arg, "string");
-    return _typeof$K(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$H(arg) {
+    var key = _toPrimitive$H(arg, "string");
+    return _typeof$M(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$F(input, hint) {
-    if (_typeof$K(input) !== "object" || input === null) return input;
+  function _toPrimitive$H(input, hint) {
+    if (_typeof$M(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$K(res) !== "object") return res;
+      if (_typeof$M(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -18678,7 +19172,7 @@
   function _arrayWithHoles$d(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  var withUsage$l = createDocumentationMessageGenerator({
+  var withUsage$n = createDocumentationMessageGenerator({
     name: 'toggle-refinement',
     connector: true
   });
@@ -18738,7 +19232,7 @@
    */
   var connectToggleRefinement = function connectToggleRefinement(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-    checkRendering(renderFn, withUsage$l());
+    checkRendering(renderFn, withUsage$n());
     return function (widgetParams) {
       var _ref2 = widgetParams || {},
         attribute = _ref2.attribute,
@@ -18746,7 +19240,7 @@
         userOn = _ref2$on === void 0 ? true : _ref2$on,
         userOff = _ref2.off;
       if (!attribute) {
-        throw new Error(withUsage$l('The `attribute` option is required.'));
+        throw new Error(withUsage$n('The `attribute` option is required.'));
       }
       var hasAnOffValue = userOff !== undefined;
       // even though facet values can be numbers and boolean,
@@ -18816,13 +19310,13 @@
         $$type: $$type$3,
         init: function init(initOptions) {
           var instantSearchInstance = initOptions.instantSearchInstance;
-          renderFn(_objectSpread$D(_objectSpread$D({}, this.getWidgetRenderState(initOptions)), {}, {
+          renderFn(_objectSpread$F(_objectSpread$F({}, this.getWidgetRenderState(initOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), true);
         },
         render: function render(renderOptions) {
           var instantSearchInstance = renderOptions.instantSearchInstance;
-          renderFn(_objectSpread$D(_objectSpread$D({}, this.getWidgetRenderState(renderOptions)), {}, {
+          renderFn(_objectSpread$F(_objectSpread$F({}, this.getWidgetRenderState(renderOptions)), {}, {
             instantSearchInstance: instantSearchInstance
           }), false);
         },
@@ -18832,8 +19326,8 @@
           return state.removeDisjunctiveFacet(attribute);
         },
         getRenderState: function getRenderState(renderState, renderOptions) {
-          return _objectSpread$D(_objectSpread$D({}, renderState), {}, {
-            toggleRefinement: _objectSpread$D(_objectSpread$D({}, renderState.toggleRefinement), {}, _defineProperty$F({}, attribute, this.getWidgetRenderState(renderOptions)))
+          return _objectSpread$F(_objectSpread$F({}, renderState), {}, {
+            toggleRefinement: _objectSpread$F(_objectSpread$F({}, renderState.toggleRefinement), {}, _defineProperty$H({}, attribute, this.getWidgetRenderState(renderOptions)))
           });
         },
         getWidgetRenderState: function getWidgetRenderState(_ref6) {
@@ -18934,8 +19428,8 @@
             (_uiState$toggle = uiState.toggle) === null || _uiState$toggle === void 0 ? true : delete _uiState$toggle[attribute];
             return uiState;
           }
-          return _objectSpread$D(_objectSpread$D({}, uiState), {}, {
-            toggle: _objectSpread$D(_objectSpread$D({}, uiState.toggle), {}, _defineProperty$F({}, attribute, isRefined))
+          return _objectSpread$F(_objectSpread$F({}, uiState), {}, {
+            toggle: _objectSpread$F(_objectSpread$F({}, uiState.toggle), {}, _defineProperty$H({}, attribute, isRefined))
           });
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref11) {
@@ -18966,7 +19460,7 @@
 
           // It's not refined without an `off` value
           return withFacetConfiguration.setQueryParameters({
-            disjunctiveFacetsRefinements: _objectSpread$D(_objectSpread$D({}, searchParameters.disjunctiveFacetsRefinements), {}, _defineProperty$F({}, attribute, []))
+            disjunctiveFacetsRefinements: _objectSpread$F(_objectSpread$F({}, searchParameters.disjunctiveFacetsRefinements), {}, _defineProperty$H({}, attribute, []))
           });
         }
       };
@@ -18977,6 +19471,286 @@
     return useConnector(connectToggleRefinement, props, additionalWidgetProperties);
   }
 
+  function _typeof$N(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$N = "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$N(obj);
+  }
+  function ownKeys$G(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$G(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) {
+        _defineProperty$I(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _defineProperty$I(obj, key, value) {
+    key = _toPropertyKey$I(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _toPropertyKey$I(arg) {
+    var key = _toPrimitive$I(arg, "string");
+    return _typeof$N(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$I(input, hint) {
+    if (_typeof$N(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$N(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  var withUsage$o = createDocumentationMessageGenerator({
+    name: 'trending-items',
+    connector: true
+  });
+  var connectTrendingItems = function connectTrendingItems(renderFn) {
+    var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    checkRendering(renderFn, withUsage$o());
+    return function trendingItems(widgetParams) {
+      var _ref = widgetParams || {},
+        facetName = _ref.facetName,
+        facetValue = _ref.facetValue,
+        limit = _ref.limit,
+        threshold = _ref.threshold,
+        fallbackParameters = _ref.fallbackParameters,
+        queryParameters = _ref.queryParameters,
+        _ref$escapeHTML = _ref.escapeHTML,
+        escapeHTML = _ref$escapeHTML === void 0 ? true : _ref$escapeHTML,
+        _ref$transformItems = _ref.transformItems,
+        transformItems = _ref$transformItems === void 0 ? function (items) {
+          return items;
+        } : _ref$transformItems;
+      return {
+        dependsOn: 'recommend',
+        $$type: 'ais.trendingItems',
+        init: function init(initOptions) {
+          renderFn(_objectSpread$G(_objectSpread$G({}, this.getWidgetRenderState(initOptions)), {}, {
+            instantSearchInstance: initOptions.instantSearchInstance
+          }), true);
+        },
+        render: function render(renderOptions) {
+          var renderState = this.getWidgetRenderState(renderOptions);
+          renderFn(_objectSpread$G(_objectSpread$G({}, renderState), {}, {
+            instantSearchInstance: renderOptions.instantSearchInstance
+          }), false);
+        },
+        getRenderState: function getRenderState(renderState) {
+          return renderState;
+        },
+        getWidgetRenderState: function getWidgetRenderState(_ref2) {
+          var results = _ref2.results;
+          if (results === null || results === undefined) {
+            return {
+              items: [],
+              widgetParams: widgetParams
+            };
+          }
+          if (escapeHTML && results.hits.length > 0) {
+            results.hits = escapeHits(results.hits);
+          }
+          return {
+            items: transformItems(results.hits, {
+              results: results
+            }),
+            widgetParams: widgetParams
+          };
+        },
+        dispose: function dispose(_ref3) {
+          var recommendState = _ref3.recommendState;
+          unmountFn();
+          return recommendState.removeParams(this.$$id);
+        },
+        getWidgetParameters: function getWidgetParameters(state) {
+          return state.removeParams(this.$$id).addTrendingItems({
+            facetName: facetName,
+            facetValue: facetValue,
+            maxRecommendations: limit,
+            threshold: threshold,
+            fallbackParameters: _objectSpread$G(_objectSpread$G({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+            queryParameters: _objectSpread$G(_objectSpread$G({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+            $$id: this.$$id
+          });
+        }
+      };
+    };
+  };
+
+  function useTrendingItems(props, additionalWidgetProperties) {
+    return useConnector(connectTrendingItems, props, additionalWidgetProperties);
+  }
+
+  function _typeof$O(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$O = "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$O(obj);
+  }
+  function ownKeys$H(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$H(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) {
+        _defineProperty$J(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _defineProperty$J(obj, key, value) {
+    key = _toPropertyKey$J(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _toPropertyKey$J(arg) {
+    var key = _toPrimitive$J(arg, "string");
+    return _typeof$O(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$J(input, hint) {
+    if (_typeof$O(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$O(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  var withUsage$p = createDocumentationMessageGenerator({
+    name: 'looking-similar',
+    connector: true
+  });
+  var connectLookingSimilar = function connectLookingSimilar(renderFn) {
+    var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    checkRendering(renderFn, withUsage$p());
+    return function LookingSimilar(widgetParams) {
+      var _ref = widgetParams || {},
+        _ref$escapeHTML = _ref.escapeHTML,
+        escapeHTML = _ref$escapeHTML === void 0 ? true : _ref$escapeHTML,
+        objectIDs = _ref.objectIDs,
+        limit = _ref.limit,
+        threshold = _ref.threshold,
+        fallbackParameters = _ref.fallbackParameters,
+        queryParameters = _ref.queryParameters,
+        _ref$transformItems = _ref.transformItems,
+        transformItems = _ref$transformItems === void 0 ? function (items) {
+          return items;
+        } : _ref$transformItems;
+      if (!objectIDs || objectIDs.length === 0) {
+        throw new Error(withUsage$p('The `objectIDs` option is required.'));
+      }
+      return {
+        dependsOn: 'recommend',
+        $$type: 'ais.lookingSimilar',
+        init: function init(initOptions) {
+          renderFn(_objectSpread$H(_objectSpread$H({}, this.getWidgetRenderState(initOptions)), {}, {
+            instantSearchInstance: initOptions.instantSearchInstance
+          }), true);
+        },
+        render: function render(renderOptions) {
+          var renderState = this.getWidgetRenderState(renderOptions);
+          renderFn(_objectSpread$H(_objectSpread$H({}, renderState), {}, {
+            instantSearchInstance: renderOptions.instantSearchInstance
+          }), false);
+        },
+        getRenderState: function getRenderState(renderState) {
+          return renderState;
+        },
+        getWidgetRenderState: function getWidgetRenderState(_ref2) {
+          var results = _ref2.results;
+          if (results === null || results === undefined) {
+            return {
+              items: [],
+              widgetParams: widgetParams
+            };
+          }
+          if (escapeHTML && results.hits.length > 0) {
+            results.hits = escapeHits(results.hits);
+          }
+          return {
+            items: transformItems(results.hits, {
+              results: results
+            }),
+            widgetParams: widgetParams
+          };
+        },
+        dispose: function dispose(_ref3) {
+          var recommendState = _ref3.recommendState;
+          unmountFn();
+          return recommendState.removeParams(this.$$id);
+        },
+        getWidgetParameters: function getWidgetParameters(state) {
+          var _this = this;
+          return objectIDs.reduce(function (acc, objectID) {
+            return acc.addLookingSimilar({
+              objectID: objectID,
+              maxRecommendations: limit,
+              threshold: threshold,
+              fallbackParameters: _objectSpread$H(_objectSpread$H({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+              queryParameters: _objectSpread$H(_objectSpread$H({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+              $$id: _this.$$id
+            });
+          }, state.removeParams(this.$$id));
+        }
+      };
+    };
+  };
+
+  function useLookingSimilar(props, additionalWidgetProperties) {
+    return useConnector(connectLookingSimilar, props, additionalWidgetProperties);
+  }
+
   function _slicedToArray$e(arr, i) {
     return _arrayWithHoles$e(arr) || _iterableToArrayLimit$e(arr, i) || _unsupportedIterableToArray$l(arr, i) || _nonIterableRest$e();
   }
@@ -19237,16 +20011,16 @@
     return promise;
   }
 
-  function _typeof$L(obj) {
+  function _typeof$P(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$L = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$P = "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$L(obj);
+    }, _typeof$P(obj);
   }
-  function ownKeys$E(object, enumerableOnly) {
+  function ownKeys$I(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -19256,19 +20030,19 @@
     }
     return keys;
   }
-  function _objectSpread$E(target) {
+  function _objectSpread$I(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) {
-        _defineProperty$G(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) {
+        _defineProperty$K(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$G(obj, key, value) {
-    key = _toPropertyKey$G(key);
+  function _defineProperty$K(obj, key, value) {
+    key = _toPropertyKey$K(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -19281,16 +20055,16 @@
     }
     return obj;
   }
-  function _toPropertyKey$G(arg) {
-    var key = _toPrimitive$G(arg, "string");
-    return _typeof$L(key) === "symbol" ? key : String(key);
+  function _toPropertyKey$K(arg) {
+    var key = _toPrimitive$K(arg, "string");
+    return _typeof$P(key) === "symbol" ? key : String(key);
   }
-  function _toPrimitive$G(input, hint) {
-    if (_typeof$L(input) !== "object" || input === null) return input;
+  function _toPrimitive$K(input, hint) {
+    if (_typeof$P(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
-      if (_typeof$L(res) !== "object") return res;
+      if (_typeof$P(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (hint === "string" ? String : Number)(input);
@@ -19354,10 +20128,10 @@
       var searchResults = widget.getResults();
       if (searchResults) {
         var requestParams = requestParamsList === null || requestParamsList === void 0 ? void 0 : requestParamsList[requestParamsIndex++];
-        initialResults[widget.getIndexId()] = _objectSpread$E({
+        initialResults[widget.getIndexId()] = _objectSpread$I({
           // We convert the Helper state to a plain object to pass parsable data
           // structures from server to client.
-          state: _objectSpread$E({}, searchResults._state),
+          state: _objectSpread$I({}, searchResults._state),
           results: searchResults._rawResults
         }, requestParams && {
           requestParams: requestParams
@@ -19480,7 +20254,7 @@
       return _arr;
     }
   }
-  function ownKeys$F(object, enumerableOnly) {
+  function ownKeys$J(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -19493,16 +20267,16 @@
   function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) {
-        _defineProperty$H(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) {
+        _defineProperty$L(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _defineProperty$H(obj, key, value) {
-    key = _toPropertyKey$H(key);
+  function _defineProperty$L(obj, key, value) {
+    key = _toPropertyKey$L(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -19578,7 +20352,7 @@
   function _nonIterableRest$g() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _toPrimitive$H(input, hint) {
+  function _toPrimitive$L(input, hint) {
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
@@ -19588,8 +20362,8 @@
     }
     return (hint === "string" ? String : Number)(input);
   }
-  function _toPropertyKey$H(arg) {
-    var key = _toPrimitive$H(arg, "string");
+  function _toPropertyKey$L(arg) {
+    var key = _toPrimitive$L(arg, "string");
     return typeof key === "symbol" ? key : String(key);
   }
 
@@ -19608,10 +20382,74 @@
     }, module.exports.__esModule = true, module.exports["default"] = module.exports;
     return _extends.apply(this, arguments);
   }
-  module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _extends$2 = unwrapExports(_extends_1);
+
+  var _typeof_1 = createCommonjsModule(function (module) {
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return (module.exports = _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;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+  }
+  module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(_typeof_1);
+
+  var toPrimitive = createCommonjsModule(function (module) {
+  var _typeof = _typeof_1["default"];
+  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);
+  }
+  module.exports = _toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(toPrimitive);
+
+  var toPropertyKey = createCommonjsModule(function (module) {
+  var _typeof = _typeof_1["default"];
+
+  function _toPropertyKey(arg) {
+    var key = toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+  module.exports = _toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(toPropertyKey);
+
+  var defineProperty = createCommonjsModule(function (module) {
+  function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
   });
 
-  var _extends$2 = unwrapExports(_extends_1);
+  var _defineProperty$M = unwrapExports(defineProperty);
 
   var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
   function _objectWithoutPropertiesLoose(source, excluded) {
@@ -19664,7 +20502,154 @@
     }, []).filter(Boolean).join(' ');
   }
 
-  var _excluded$c = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  function createDefaultEmptyComponent(_ref) {
+    var createElement = _ref.createElement,
+      Fragment = _ref.Fragment;
+    var _ref2 = createElement(Fragment, null, "No results");
+    return function DefaultEmpty() {
+      return _ref2;
+    };
+  }
+
+  function createDefaultHeaderComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function DefaultHeader(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        items = userProps.items,
+        translations = userProps.translations;
+      if (!items || items.length < 1) {
+        return null;
+      }
+      if (!translations.title) {
+        return null;
+      }
+      return createElement("h3", {
+        className: classNames.title
+      }, translations.title);
+    };
+  }
+
+  function createDefaultItemComponent(_ref) {
+    var createElement = _ref.createElement,
+      Fragment = _ref.Fragment;
+    return function DefaultItem(userProps) {
+      return createElement(Fragment, null, JSON.stringify(userProps.item, null, 2));
+    };
+  }
+
+  function createListViewComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function ListView(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        ItemComponent = userProps.itemComponent,
+        items = userProps.items,
+        sendEvent = userProps.sendEvent;
+      return createElement("div", {
+        className: classNames.container
+      }, createElement("ol", {
+        className: classNames.list
+      }, items.map(function (item) {
+        return createElement("li", {
+          key: item.objectID,
+          className: classNames.item,
+          onClick: sendEvent,
+          onAuxClick: sendEvent
+        }, createElement(ItemComponent, {
+          item: item
+        }));
+      })));
+    };
+  }
+
+  var _excluded$c = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+  function ownKeys$K(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$J(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) {
+        _defineProperty$M(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function createFrequentlyBoughtTogetherComponent(_ref) {
+    var createElement = _ref.createElement,
+      Fragment = _ref.Fragment;
+    return function FrequentlyBoughtTogether(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        _userProps$emptyCompo = userProps.emptyComponent,
+        EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$emptyCompo,
+        _userProps$headerComp = userProps.headerComponent,
+        HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$headerComp,
+        _userProps$itemCompon = userProps.itemComponent,
+        ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$itemCompon,
+        _userProps$view = userProps.view,
+        View = _userProps$view === void 0 ? createListViewComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$view,
+        items = userProps.items,
+        status = userProps.status,
+        userTranslations = userProps.translations,
+        sendEvent = userProps.sendEvent,
+        props = _objectWithoutProperties$d(userProps, _excluded$c);
+      var translations = _objectSpread$J({
+        title: 'Frequently bought together',
+        sliderLabel: 'Frequently bought together products'
+      }, userTranslations);
+      var cssClasses = {
+        root: cx('ais-FrequentlyBoughtTogether', classNames.root),
+        emptyRoot: cx('ais-FrequentlyBoughtTogether', classNames.root, 'ais-FrequentlyBoughtTogether--empty', classNames.emptyRoot, props.className),
+        title: cx('ais-FrequentlyBoughtTogether-title', classNames.title),
+        container: cx('ais-FrequentlyBoughtTogether-container', classNames.container),
+        list: cx('ais-FrequentlyBoughtTogether-list', classNames.list),
+        item: cx('ais-FrequentlyBoughtTogether-item', classNames.item)
+      };
+      if (items.length === 0 && status === 'idle') {
+        return createElement("section", _extends$2({}, props, {
+          className: cssClasses.emptyRoot
+        }), createElement(EmptyComponent, null));
+      }
+      return createElement("section", _extends$2({}, props, {
+        className: cssClasses.root
+      }), createElement(HeaderComponent, {
+        classNames: cssClasses,
+        items: items,
+        translations: translations
+      }), createElement(View, {
+        classNames: cssClasses,
+        translations: translations,
+        itemComponent: ItemComponent,
+        items: items,
+        sendEvent: sendEvent
+      }));
+    };
+  }
+
+  var _excluded$d = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
   function createHighlightPartComponent(_ref) {
     var createElement = _ref.createElement;
     return function HighlightPart(_ref2) {
@@ -19697,7 +20682,7 @@
         className = userProps.className,
         _userProps$classNames = userProps.classNames,
         classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
-        props = _objectWithoutProperties$d(userProps, _excluded$c);
+        props = _objectWithoutProperties$d(userProps, _excluded$d);
       return createElement("span", _extends$2({}, props, {
         className: cx(classNames.root, className)
       }), parts.map(function (part, partIndex) {
@@ -19719,14 +20704,13 @@
     };
   }
 
-  var _excluded$d = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent", "banner", "bannerComponent"];
+  var _excluded$e = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent", "banner", "bannerComponent"];
 
   // Should be imported from a shared package in the future
 
   function createDefaultBannerComponent(_ref) {
     var createElement = _ref.createElement;
     return function DefaultBanner(_ref2) {
-      var _banner$link;
       var classNames = _ref2.classNames,
         banner = _ref2.banner;
       if (!banner.image.urls[0].url) {
@@ -19734,7 +20718,7 @@
       }
       return createElement("aside", {
         className: cx('ais-Hits-banner', classNames.bannerRoot)
-      }, (_banner$link = banner.link) !== null && _banner$link !== void 0 && _banner$link.url ? createElement("a", {
+      }, banner.link ? createElement("a", {
         className: cx('ais-Hits-banner-link', classNames.bannerLink),
         href: banner.link.url,
         target: banner.link.target
@@ -19765,7 +20749,7 @@
         EmptyComponent = userProps.emptyComponent,
         banner = userProps.banner,
         BannerComponent = userProps.bannerComponent,
-        props = _objectWithoutProperties$d(userProps, _excluded$d);
+        props = _objectWithoutProperties$d(userProps, _excluded$e);
       return createElement("div", _extends$2({}, props, {
         className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
       }), banner && (BannerComponent ? createElement(BannerComponent, {
@@ -19793,12 +20777,270 @@
     };
   }
 
+  var _excluded$f = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+  function ownKeys$L(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$K(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) {
+        _defineProperty$M(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function createRelatedProductsComponent(_ref) {
+    var createElement = _ref.createElement,
+      Fragment = _ref.Fragment;
+    return function RelatedProducts(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        _userProps$emptyCompo = userProps.emptyComponent,
+        EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$emptyCompo,
+        _userProps$headerComp = userProps.headerComponent,
+        HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$headerComp,
+        _userProps$itemCompon = userProps.itemComponent,
+        ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$itemCompon,
+        _userProps$view = userProps.view,
+        View = _userProps$view === void 0 ? createListViewComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$view,
+        items = userProps.items,
+        status = userProps.status,
+        userTranslations = userProps.translations,
+        sendEvent = userProps.sendEvent,
+        props = _objectWithoutProperties$d(userProps, _excluded$f);
+      var translations = _objectSpread$K({
+        title: 'Related products',
+        sliderLabel: 'Related products'
+      }, userTranslations);
+      var cssClasses = {
+        root: cx('ais-RelatedProducts', classNames.root),
+        emptyRoot: cx('ais-RelatedProducts', classNames.root, 'ais-RelatedProducts--empty', classNames.emptyRoot, props.className),
+        title: cx('ais-RelatedProducts-title', classNames.title),
+        container: cx('ais-RelatedProducts-container', classNames.container),
+        list: cx('ais-RelatedProducts-list', classNames.list),
+        item: cx('ais-RelatedProducts-item', classNames.item)
+      };
+      if (items.length === 0 && status === 'idle') {
+        return createElement("section", _extends$2({}, props, {
+          className: cssClasses.emptyRoot
+        }), createElement(EmptyComponent, null));
+      }
+      return createElement("section", _extends$2({}, props, {
+        className: cssClasses.root
+      }), createElement(HeaderComponent, {
+        classNames: cssClasses,
+        items: items,
+        translations: translations
+      }), createElement(View, {
+        classNames: cssClasses,
+        translations: translations,
+        itemComponent: ItemComponent,
+        items: items,
+        sendEvent: sendEvent
+      }));
+    };
+  }
+
+  var _excluded$g = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+  function ownKeys$M(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$L(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) {
+        _defineProperty$M(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function createTrendingItemsComponent(_ref) {
+    var createElement = _ref.createElement,
+      Fragment = _ref.Fragment;
+    return function TrendingItems(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        _userProps$emptyCompo = userProps.emptyComponent,
+        EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$emptyCompo,
+        _userProps$headerComp = userProps.headerComponent,
+        HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$headerComp,
+        _userProps$itemCompon = userProps.itemComponent,
+        ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$itemCompon,
+        _userProps$view = userProps.view,
+        View = _userProps$view === void 0 ? createListViewComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$view,
+        items = userProps.items,
+        status = userProps.status,
+        userTranslations = userProps.translations,
+        sendEvent = userProps.sendEvent,
+        props = _objectWithoutProperties$d(userProps, _excluded$g);
+      var translations = _objectSpread$L({
+        title: 'Trending items',
+        sliderLabel: 'Trending items'
+      }, userTranslations);
+      var cssClasses = {
+        root: cx('ais-TrendingItems', classNames.root),
+        emptyRoot: cx('ais-TrendingItems', classNames.root, 'ais-TrendingItems--empty', classNames.emptyRoot, props.className),
+        title: cx('ais-TrendingItems-title', classNames.title),
+        container: cx('ais-TrendingItems-container', classNames.container),
+        list: cx('ais-TrendingItems-list', classNames.list),
+        item: cx('ais-TrendingItems-item', classNames.item)
+      };
+      if (items.length === 0 && status === 'idle') {
+        return createElement("section", _extends$2({}, props, {
+          className: cssClasses.emptyRoot
+        }), createElement(EmptyComponent, null));
+      }
+      return createElement("section", _extends$2({}, props, {
+        className: cssClasses.root
+      }), createElement(HeaderComponent, {
+        classNames: cssClasses,
+        items: items,
+        translations: translations
+      }), createElement(View, {
+        classNames: cssClasses,
+        translations: translations,
+        itemComponent: ItemComponent,
+        items: items,
+        sendEvent: sendEvent
+      }));
+    };
+  }
+
+  var _excluded$h = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+  function ownKeys$N(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    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$M(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) {
+        _defineProperty$M(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function createLookingSimilarComponent(_ref) {
+    var createElement = _ref.createElement,
+      Fragment = _ref.Fragment;
+    return function LookingSimilar(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        _userProps$emptyCompo = userProps.emptyComponent,
+        EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$emptyCompo,
+        _userProps$headerComp = userProps.headerComponent,
+        HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$headerComp,
+        _userProps$itemCompon = userProps.itemComponent,
+        ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$itemCompon,
+        _userProps$view = userProps.view,
+        View = _userProps$view === void 0 ? createListViewComponent({
+          createElement: createElement,
+          Fragment: Fragment
+        }) : _userProps$view,
+        items = userProps.items,
+        status = userProps.status,
+        userTranslations = userProps.translations,
+        sendEvent = userProps.sendEvent,
+        props = _objectWithoutProperties$d(userProps, _excluded$h);
+      var translations = _objectSpread$M({
+        title: 'Looking similar',
+        sliderLabel: 'Looking similar'
+      }, userTranslations);
+      var cssClasses = {
+        root: cx('ais-LookingSimilar', classNames.root),
+        emptyRoot: cx('ais-LookingSimilar', classNames.root, 'ais-LookingSimilar--empty', classNames.emptyRoot, props.className),
+        title: cx('ais-LookingSimilar-title', classNames.title),
+        container: cx('ais-LookingSimilar-container', classNames.container),
+        list: cx('ais-LookingSimilar-list', classNames.list),
+        item: cx('ais-LookingSimilar-item', classNames.item)
+      };
+      if (items.length === 0 && status === 'idle') {
+        return createElement("section", _extends$2({}, props, {
+          className: cssClasses.emptyRoot
+        }), createElement(EmptyComponent, null));
+      }
+      return createElement("section", _extends$2({}, props, {
+        className: cssClasses.root
+      }), createElement(HeaderComponent, {
+        classNames: cssClasses,
+        items: items,
+        translations: translations
+      }), createElement(View, {
+        classNames: cssClasses,
+        translations: translations,
+        itemComponent: ItemComponent,
+        items: items,
+        sendEvent: sendEvent
+      }));
+    };
+  }
+
   function isModifierClick(event) {
     var isMiddleClick = event.button === 1;
     return Boolean(isMiddleClick || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey);
   }
 
-  var _excluded$e = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
+  var _excluded$i = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
   function Breadcrumb(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19810,7 +21052,7 @@
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? '>' : _ref$separator,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$e);
+      props = _objectWithoutProperties$c(_ref, _excluded$i);
     var handleClick = function handleClick(value) {
       return function (event) {
         if (!isModifierClick(event)) {
@@ -19845,14 +21087,14 @@
     })));
   }
 
-  var _excluded$f = ["attributes", "rootPath", "separator", "transformItems", "translations"];
+  var _excluded$j = ["attributes", "rootPath", "separator", "transformItems", "translations"];
   function Breadcrumb$1(_ref) {
     var attributes = _ref.attributes,
       rootPath = _ref.rootPath,
       separator = _ref.separator,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$f);
+      props = _objectWithoutProperties$c(_ref, _excluded$j);
     var _useBreadcrumb = useBreadcrumb({
         attributes: attributes,
         rootPath: rootPath,
@@ -19876,7 +21118,7 @@
     return /*#__PURE__*/React__default.createElement(Breadcrumb, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$g = ["classNames", "disabled", "onClick", "translations"];
+  var _excluded$k = ["classNames", "disabled", "onClick", "translations"];
   function ClearRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19885,7 +21127,7 @@
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$g);
+      props = _objectWithoutProperties$c(_ref, _excluded$k);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ClearRefinements', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("button", {
@@ -19895,13 +21137,13 @@
     }, translations.resetButtonText));
   }
 
-  var _excluded$h = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
+  var _excluded$l = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
   function ClearRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$h);
+      props = _objectWithoutProperties$c(_ref, _excluded$l);
     var _useClearRefinements = useClearRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19925,7 +21167,7 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
-  var _excluded$i = ["classNames", "items", "hasRefinements"];
+  var _excluded$m = ["classNames", "items", "hasRefinements"];
   function CurrentRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19933,7 +21175,7 @@
       items = _ref$items === void 0 ? [] : _ref$items,
       _ref$hasRefinements = _ref.hasRefinements,
       hasRefinements = _ref$hasRefinements === void 0 ? false : _ref$hasRefinements,
-      props = _objectWithoutProperties$c(_ref, _excluded$i);
+      props = _objectWithoutProperties$c(_ref, _excluded$m);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-CurrentRefinements', classNames.root, !hasRefinements && cx('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -19965,12 +21207,12 @@
     })));
   }
 
-  var _excluded$j = ["includedAttributes", "excludedAttributes", "transformItems"];
+  var _excluded$n = ["includedAttributes", "excludedAttributes", "transformItems"];
   function CurrentRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$j);
+      props = _objectWithoutProperties$c(_ref, _excluded$n);
     var _useCurrentRefinement = useCurrentRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19987,17 +21229,57 @@
     return /*#__PURE__*/React__default.createElement(CurrentRefinements, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$k = ["isShowingMore", "translations"];
+  var _excluded$o = ["objectIDs", "limit", "threshold", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+  var FrequentlyBoughtTogetherUiComponent = createFrequentlyBoughtTogetherComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
+  function FrequentlyBoughtTogether(_ref) {
+    var objectIDs = _ref.objectIDs,
+      limit = _ref.limit,
+      threshold = _ref.threshold,
+      queryParameters = _ref.queryParameters,
+      escapeHTML = _ref.escapeHTML,
+      transformItems = _ref.transformItems,
+      itemComponent = _ref.itemComponent,
+      headerComponent = _ref.headerComponent,
+      emptyComponent = _ref.emptyComponent,
+      props = _objectWithoutProperties$c(_ref, _excluded$o);
+    var _useInstantSearch = useInstantSearch(),
+      status = _useInstantSearch.status;
+    var _useFrequentlyBoughtT = useFrequentlyBoughtTogether({
+        objectIDs: objectIDs,
+        limit: limit,
+        threshold: threshold,
+        queryParameters: queryParameters,
+        escapeHTML: escapeHTML,
+        transformItems: transformItems
+      }, {
+        $$widgetType: 'ais.frequentlyBoughtTogether'
+      }),
+      items = _useFrequentlyBoughtT.items;
+    var uiProps = {
+      items: items,
+      itemComponent: itemComponent,
+      headerComponent: headerComponent,
+      emptyComponent: emptyComponent,
+      status: status,
+      sendEvent: function sendEvent() {}
+    };
+    return /*#__PURE__*/React__default.createElement(FrequentlyBoughtTogetherUiComponent, _extends$1({}, props, uiProps));
+  }
+
+  var _excluded$p = ["isShowingMore", "translations"];
   function ShowMoreButton(_ref) {
     var isShowingMore = _ref.isShowingMore,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$k);
+      props = _objectWithoutProperties$c(_ref, _excluded$p);
     return /*#__PURE__*/React__default.createElement("button", props, translations.showMoreButtonText({
       isShowingMore: isShowingMore
     }));
   }
 
-  var _excluded$l = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
+  var _excluded$q = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
   function HierarchicalList(_ref) {
     var className = _ref.className,
       _ref$classNames = _ref.classNames,
@@ -20049,7 +21331,7 @@
       onToggleShowMore = _ref2.onToggleShowMore,
       isShowingMore = _ref2.isShowingMore,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$c(_ref2, _excluded$l);
+      props = _objectWithoutProperties$c(_ref2, _excluded$q);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HierarchicalMenu', classNames.root, !hasItems && cx('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement(HierarchicalList, {
@@ -20066,7 +21348,7 @@
     }));
   }
 
-  var _excluded$m = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
+  var _excluded$r = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
   function HierarchicalMenu$1(_ref) {
     var attributes = _ref.attributes,
       limit = _ref.limit,
@@ -20078,7 +21360,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$m);
+      props = _objectWithoutProperties$c(_ref, _excluded$r);
     var _useHierarchicalMenu = useHierarchicalMenu({
         attributes: attributes,
         limit: limit,
@@ -20123,11 +21405,11 @@
     Fragment: React.Fragment
   });
 
-  var _excluded$n = ["classNames"];
+  var _excluded$s = ["classNames"];
   function Highlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$n);
+      props = _objectWithoutProperties$c(_ref, _excluded$s);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Highlight', classNames.root),
@@ -20138,14 +21420,14 @@
     }, props));
   }
 
-  var _excluded$o = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$t = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Highlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$c(_ref, _excluded$o);
+      props = _objectWithoutProperties$c(_ref, _excluded$t);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -20159,7 +21441,7 @@
     }));
   }
 
-  var _excluded$p = ["escapeHTML", "transformItems", "hitComponent", "bannerComponent"],
+  var _excluded$u = ["escapeHTML", "transformItems", "hitComponent", "bannerComponent"],
     _excluded2$4 = ["hit", "index"];
   // @MAJOR: Move default hit component back to the UI library
   // once flavour specificities are erased
@@ -20181,7 +21463,7 @@
       _ref2$hitComponent = _ref2.hitComponent,
       HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
       BannerComponent = _ref2.bannerComponent,
-      props = _objectWithoutProperties$c(_ref2, _excluded$p);
+      props = _objectWithoutProperties$c(_ref2, _excluded$u);
     var _useHits = useHits({
         escapeHTML: escapeHTML,
         transformItems: transformItems
@@ -20217,14 +21499,14 @@
     return /*#__PURE__*/React__default.createElement(HitsUiComponent, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$q = ["items", "onChange", "currentValue", "classNames"];
+  var _excluded$v = ["items", "onChange", "currentValue", "classNames"];
   function HitsPerPage(_ref) {
     var items = _ref.items,
       _onChange = _ref.onChange,
       currentValue = _ref.currentValue,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$q);
+      props = _objectWithoutProperties$c(_ref, _excluded$v);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HitsPerPage', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("select", {
@@ -20242,11 +21524,11 @@
     })));
   }
 
-  var _excluded$r = ["items", "transformItems"];
+  var _excluded$w = ["items", "transformItems"];
   function HitsPerPage$1(_ref) {
     var userItems = _ref.items,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$r);
+      props = _objectWithoutProperties$c(_ref, _excluded$w);
     var _useHitsPerPage = useHitsPerPage({
         items: userItems,
         transformItems: transformItems
@@ -20270,7 +21552,7 @@
     return /*#__PURE__*/React__default.createElement(HitsPerPage, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$s = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+  var _excluded$x = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
   function DefaultHitComponent$1(_ref) {
     var hit = _ref.hit;
     return /*#__PURE__*/React__default.createElement("div", {
@@ -20291,7 +21573,7 @@
       _ref2$classNames = _ref2.classNames,
       classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$c(_ref2, _excluded$s);
+      props = _objectWithoutProperties$c(_ref2, _excluded$x);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-InfiniteHits', classNames.root, hits.length === 0 && cx('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
     }), onShowPrevious && /*#__PURE__*/React__default.createElement("button", {
@@ -20321,7 +21603,7 @@
     }, translations.showMoreButtonText));
   }
 
-  var _excluded$t = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations"];
+  var _excluded$y = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations"];
   function InfiniteHits$1(_ref) {
     var _ref$showPrevious = _ref.showPrevious,
       shouldShowPrevious = _ref$showPrevious === void 0 ? true : _ref$showPrevious,
@@ -20330,7 +21612,7 @@
       userShowPrevious = _ref.showPrevious,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$t);
+      props = _objectWithoutProperties$c(_ref, _excluded$y);
     var _useInfiniteHits = useInfiniteHits({
         cache: cache,
         escapeHTML: escapeHTML,
@@ -20360,7 +21642,7 @@
     return /*#__PURE__*/React__default.createElement(InfiniteHits, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$u = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
+  var _excluded$z = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
   function Menu(_ref) {
     var items = _ref.items,
       _ref$classNames = _ref.classNames,
@@ -20372,7 +21654,7 @@
       createURL = _ref.createURL,
       onRefine = _ref.onRefine,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$u);
+      props = _objectWithoutProperties$c(_ref, _excluded$z);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-Menu', classNames.root, items.length === 0 && cx('ais-Menu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -20402,7 +21684,7 @@
     }));
   }
 
-  var _excluded$v = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
+  var _excluded$A = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
   function Menu$1(_ref) {
     var attribute = _ref.attribute,
       limit = _ref.limit,
@@ -20411,7 +21693,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$v);
+      props = _objectWithoutProperties$c(_ref, _excluded$A);
     var _useMenu = useMenu({
         attribute: attribute,
         limit: limit,
@@ -20448,7 +21730,7 @@
     }));
   }
 
-  var _excluded$w = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
+  var _excluded$B = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
     _excluded2$5 = ["isDisabled", "className", "classNames", "href", "onClick"];
   function Pagination(_ref) {
     var pages = _ref.pages,
@@ -20469,7 +21751,7 @@
       translations = _ref.translations,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$w);
+      props = _objectWithoutProperties$c(_ref, _excluded$B);
     var firstPageIndex = 0;
     var previousPageIndex = currentPage - 1;
     var nextPageIndex = currentPage + 1;
@@ -20563,7 +21845,7 @@
     }, props)));
   }
 
-  var _excluded$x = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
+  var _excluded$C = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
   function Pagination$1(_ref) {
     var showFirst = _ref.showFirst,
       showPrevious = _ref.showPrevious,
@@ -20572,7 +21854,7 @@
       padding = _ref.padding,
       totalPages = _ref.totalPages,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$x);
+      props = _objectWithoutProperties$c(_ref, _excluded$C);
     var _usePagination = usePagination({
         padding: padding,
         totalPages: totalPages
@@ -20621,14 +21903,14 @@
     }));
   }
 
-  var _excluded$y = ["classNames", "url", "theme"];
+  var _excluded$D = ["classNames", "url", "theme"];
   function PoweredBy(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       url = _ref.url,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'light' : _ref$theme,
-      props = _objectWithoutProperties$c(_ref, _excluded$y);
+      props = _objectWithoutProperties$c(_ref, _excluded$D);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-PoweredBy', theme === 'dark' ? cx('ais-PoweredBy--dark', classNames.dark) : cx('ais-PoweredBy--light', classNames.light), classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("a", {
@@ -20658,7 +21940,7 @@
     return /*#__PURE__*/React__default.createElement(PoweredBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$z = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
+  var _excluded$E = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
   // if the default value is undefined, React considers the component uncontrolled initially, which we don't want 0 or NaN as the default value
   var unsetNumberInputValue = '';
 
@@ -20683,7 +21965,7 @@
       disabled = _ref.disabled,
       _onSubmit = _ref.onSubmit,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$z);
+      props = _objectWithoutProperties$c(_ref, _excluded$E);
     var values = {
       min: minValue !== -Infinity && minValue !== min ? minValue : unsetNumberInputValue,
       max: maxValue !== Infinity && maxValue !== max ? maxValue : unsetNumberInputValue
@@ -20763,14 +22045,14 @@
     }, translations.submitButtonText)));
   }
 
-  var _excluded$A = ["attribute", "min", "max", "precision", "translations"];
+  var _excluded$F = ["attribute", "min", "max", "precision", "translations"];
   function RangeInput$1(_ref) {
     var attribute = _ref.attribute,
       min = _ref.min,
       max = _ref.max,
       precision = _ref.precision,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$A);
+      props = _objectWithoutProperties$c(_ref, _excluded$F);
     var _useRange = useRange({
         attribute: attribute,
         min: min,
@@ -20798,7 +22080,7 @@
     return /*#__PURE__*/React__default.createElement(RangeInput, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$B = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
+  var _excluded$G = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
   function RefinementList$1(_ref) {
     var canRefine = _ref.canRefine,
       items = _ref.items,
@@ -20814,7 +22096,7 @@
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$B);
+      props = _objectWithoutProperties$c(_ref, _excluded$G);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-RefinementList', classNames.root, items.length === 0 && cx('ais-RefinementList--noRefinement', classNames.noRefinementRoot), className)
     }), searchBox && /*#__PURE__*/React__default.createElement("div", {
@@ -20853,7 +22135,7 @@
     }));
   }
 
-  var _excluded$C = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
+  var _excluded$H = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
   var _ref2 = /*#__PURE__*/React__default.createElement("path", {
     d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
   });
@@ -20933,7 +22215,7 @@
       _ref7$classNames = _ref7.classNames,
       classNames = _ref7$classNames === void 0 ? {} : _ref7$classNames,
       translations = _ref7.translations,
-      props = _objectWithoutProperties$c(_ref7, _excluded$C);
+      props = _objectWithoutProperties$c(_ref7, _excluded$H);
     function handleSubmit(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -20998,7 +22280,7 @@
     }))));
   }
 
-  var _excluded$D = ["searchable", "searchablePlaceholder", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
+  var _excluded$I = ["searchable", "searchablePlaceholder", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
   function RefinementList$2(_ref) {
     var searchable = _ref.searchable,
       searchablePlaceholder = _ref.searchablePlaceholder,
@@ -21011,7 +22293,7 @@
       escapeFacetValues = _ref.escapeFacetValues,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$D);
+      props = _objectWithoutProperties$c(_ref, _excluded$I);
     var _useRefinementList = useRefinementList({
         attribute: attribute,
         operator: operator,
@@ -21100,7 +22382,49 @@
     }));
   }
 
-  var _excluded$E = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
+  var _excluded$J = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+  var RelatedProductsUiComponent = createRelatedProductsComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
+  function RelatedProducts(_ref) {
+    var objectIDs = _ref.objectIDs,
+      limit = _ref.limit,
+      threshold = _ref.threshold,
+      fallbackParameters = _ref.fallbackParameters,
+      queryParameters = _ref.queryParameters,
+      escapeHTML = _ref.escapeHTML,
+      transformItems = _ref.transformItems,
+      itemComponent = _ref.itemComponent,
+      headerComponent = _ref.headerComponent,
+      emptyComponent = _ref.emptyComponent,
+      props = _objectWithoutProperties$c(_ref, _excluded$J);
+    var _useInstantSearch = useInstantSearch(),
+      status = _useInstantSearch.status;
+    var _useRelatedProducts = useRelatedProducts({
+        objectIDs: objectIDs,
+        limit: limit,
+        threshold: threshold,
+        fallbackParameters: fallbackParameters,
+        queryParameters: queryParameters,
+        escapeHTML: escapeHTML,
+        transformItems: transformItems
+      }, {
+        $$widgetType: 'ais.relatedProducts'
+      }),
+      items = _useRelatedProducts.items;
+    var uiProps = {
+      items: items,
+      itemComponent: itemComponent,
+      headerComponent: headerComponent,
+      emptyComponent: emptyComponent,
+      status: status,
+      sendEvent: function sendEvent() {}
+    };
+    return /*#__PURE__*/React__default.createElement(RelatedProductsUiComponent, _extends$1({}, props, uiProps));
+  }
+
+  var _excluded$K = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
   function SearchBox$1(_ref) {
     var queryHook = _ref.queryHook,
       _ref$searchAsYouType = _ref.searchAsYouType,
@@ -21108,7 +22432,7 @@
       _ref$ignoreCompositio = _ref.ignoreCompositionEvents,
       ignoreCompositionEvents = _ref$ignoreCompositio === void 0 ? false : _ref$ignoreCompositio,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$E);
+      props = _objectWithoutProperties$c(_ref, _excluded$K);
     var _useSearchBox = useSearchBox({
         queryHook: queryHook
       }, {
@@ -21169,11 +22493,11 @@
     return /*#__PURE__*/React__default.createElement(SearchBox, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$F = ["classNames"];
+  var _excluded$L = ["classNames"];
   function Snippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$F);
+      props = _objectWithoutProperties$c(_ref, _excluded$L);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Snippet', classNames.root),
@@ -21184,14 +22508,14 @@
     }, props));
   }
 
-  var _excluded$G = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$M = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Snippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$c(_ref, _excluded$G);
+      props = _objectWithoutProperties$c(_ref, _excluded$M);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -21205,7 +22529,7 @@
     }));
   }
 
-  var _excluded$H = ["items", "value", "onChange", "classNames"];
+  var _excluded$N = ["items", "value", "onChange", "classNames"];
   function SortBy(_ref) {
     var items = _ref.items,
       value = _ref.value,
@@ -21213,7 +22537,7 @@
       _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$H);
+      props = _objectWithoutProperties$c(_ref, _excluded$N);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-SortBy', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("select", {
@@ -21232,11 +22556,11 @@
     })));
   }
 
-  var _excluded$I = ["items", "transformItems"];
+  var _excluded$O = ["items", "transformItems"];
   function SortBy$1(_ref) {
     var items = _ref.items,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$I);
+      props = _objectWithoutProperties$c(_ref, _excluded$O);
     var _useSortBy = useSortBy({
         items: items,
         transformItems: transformItems
@@ -21254,7 +22578,7 @@
     return /*#__PURE__*/React__default.createElement(SortBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$J = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
+  var _excluded$P = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
   function Stats(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -21263,7 +22587,7 @@
       nbSortedHits = _ref.nbSortedHits,
       areHitsSorted = _ref.areHitsSorted,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$J);
+      props = _objectWithoutProperties$c(_ref, _excluded$P);
     var translationOptions = {
       nbHits: nbHits,
       processingTimeMS: processingTimeMS,
@@ -21277,10 +22601,10 @@
     }, translations.rootElementText(translationOptions)));
   }
 
-  var _excluded$K = ["translations"];
+  var _excluded$Q = ["translations"];
   function Stats$1(_ref) {
     var translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$K);
+      props = _objectWithoutProperties$c(_ref, _excluded$Q);
     var _useStats = useStats(undefined, {
         $$widgetType: 'ais.stats'
       }),
@@ -21330,14 +22654,14 @@
     return '';
   }
 
-  var _excluded$L = ["classNames", "checked", "onChange", "label"];
+  var _excluded$R = ["classNames", "checked", "onChange", "label"];
   function ToggleRefinement(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       checked = _ref.checked,
       _onChange = _ref.onChange,
       label = _ref.label,
-      props = _objectWithoutProperties$c(_ref, _excluded$L);
+      props = _objectWithoutProperties$c(_ref, _excluded$R);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ToggleRefinement', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("label", {
@@ -21354,12 +22678,12 @@
     }, label)));
   }
 
-  var _excluded$M = ["attribute", "on", "off"];
+  var _excluded$S = ["attribute", "on", "off"];
   function ToggleRefinement$1(_ref) {
     var attribute = _ref.attribute,
       on = _ref.on,
       off = _ref.off,
-      props = _objectWithoutProperties$c(_ref, _excluded$M);
+      props = _objectWithoutProperties$c(_ref, _excluded$S);
     var _useToggleRefinement = useToggleRefinement({
         attribute: attribute,
         on: on,
@@ -21382,11 +22706,100 @@
     }, props, uiProps));
   }
 
+  var _excluded$T = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+  var TrendingItemsUiComponent = createTrendingItemsComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
+  function TrendingItems(_ref) {
+    var facetName = _ref.facetName,
+      facetValue = _ref.facetValue,
+      limit = _ref.limit,
+      threshold = _ref.threshold,
+      fallbackParameters = _ref.fallbackParameters,
+      queryParameters = _ref.queryParameters,
+      escapeHTML = _ref.escapeHTML,
+      transformItems = _ref.transformItems,
+      itemComponent = _ref.itemComponent,
+      headerComponent = _ref.headerComponent,
+      emptyComponent = _ref.emptyComponent,
+      props = _objectWithoutProperties$c(_ref, _excluded$T);
+    var facetParameters = facetName && facetValue ? {
+      facetName: facetName,
+      facetValue: facetValue
+    } : {};
+    var _useInstantSearch = useInstantSearch(),
+      status = _useInstantSearch.status;
+    var _useTrendingItems = useTrendingItems(_objectSpread2(_objectSpread2({}, facetParameters), {}, {
+        limit: limit,
+        threshold: threshold,
+        fallbackParameters: fallbackParameters,
+        queryParameters: queryParameters,
+        escapeHTML: escapeHTML,
+        transformItems: transformItems
+      }), {
+        $$widgetType: 'ais.trendingItems'
+      }),
+      items = _useTrendingItems.items;
+    var uiProps = {
+      items: items,
+      itemComponent: itemComponent,
+      headerComponent: headerComponent,
+      emptyComponent: emptyComponent,
+      status: status,
+      sendEvent: function sendEvent() {}
+    };
+    return /*#__PURE__*/React__default.createElement(TrendingItemsUiComponent, _extends$1({}, props, uiProps));
+  }
+
+  var _excluded$U = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+  var LookingSimilarUiComponent = createLookingSimilarComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
+  function LookingSimilar(_ref) {
+    var objectIDs = _ref.objectIDs,
+      limit = _ref.limit,
+      threshold = _ref.threshold,
+      queryParameters = _ref.queryParameters,
+      fallbackParameters = _ref.fallbackParameters,
+      escapeHTML = _ref.escapeHTML,
+      transformItems = _ref.transformItems,
+      itemComponent = _ref.itemComponent,
+      headerComponent = _ref.headerComponent,
+      emptyComponent = _ref.emptyComponent,
+      props = _objectWithoutProperties$c(_ref, _excluded$U);
+    var _useInstantSearch = useInstantSearch(),
+      status = _useInstantSearch.status;
+    var _useLookingSimilar = useLookingSimilar({
+        objectIDs: objectIDs,
+        limit: limit,
+        threshold: threshold,
+        queryParameters: queryParameters,
+        fallbackParameters: fallbackParameters,
+        escapeHTML: escapeHTML,
+        transformItems: transformItems
+      }, {
+        $$widgetType: 'ais.lookingSimilar'
+      }),
+      items = _useLookingSimilar.items;
+    var uiProps = {
+      items: items,
+      itemComponent: itemComponent,
+      headerComponent: headerComponent,
+      emptyComponent: emptyComponent,
+      status: status,
+      sendEvent: function sendEvent() {}
+    };
+    return /*#__PURE__*/React__default.createElement(LookingSimilarUiComponent, _extends$1({}, props, uiProps));
+  }
+
   exports.Breadcrumb = Breadcrumb$1;
   exports.ClearRefinements = ClearRefinements$1;
   exports.Configure = Configure;
   exports.CurrentRefinements = CurrentRefinements$1;
   exports.DynamicWidgets = DynamicWidgets;
+  exports.FrequentlyBoughtTogether = FrequentlyBoughtTogether;
   exports.HierarchicalMenu = HierarchicalMenu$1;
   exports.Highlight = Highlight$1;
   exports.Hits = Hits;
@@ -21397,16 +22810,19 @@
   exports.InstantSearchRSCContext = InstantSearchRSCContext;
   exports.InstantSearchSSRProvider = InstantSearchSSRProvider;
   exports.InstantSearchServerContext = InstantSearchServerContext;
+  exports.LookingSimilar = LookingSimilar;
   exports.Menu = Menu$1;
   exports.Pagination = Pagination$1;
   exports.PoweredBy = PoweredBy$1;
   exports.RangeInput = RangeInput$1;
   exports.RefinementList = RefinementList$2;
+  exports.RelatedProducts = RelatedProducts;
   exports.SearchBox = SearchBox$1;
   exports.Snippet = Snippet$1;
   exports.SortBy = SortBy$1;
   exports.Stats = Stats$1;
   exports.ToggleRefinement = ToggleRefinement$1;
+  exports.TrendingItems = TrendingItems;
   exports.getServerState = getServerState;
   exports.useBreadcrumb = useBreadcrumb;
   exports.useClearRefinements = useClearRefinements;
@@ -21414,6 +22830,7 @@
   exports.useConnector = useConnector;
   exports.useCurrentRefinements = useCurrentRefinements;
   exports.useDynamicWidgets = useDynamicWidgets;
+  exports.useFrequentlyBoughtTogether = useFrequentlyBoughtTogether;
   exports.useGeoSearch = useGeoSearch;
   exports.useHierarchicalMenu = useHierarchicalMenu;
   exports.useHits = useHits;
@@ -21421,6 +22838,7 @@
   exports.useInfiniteHits = useInfiniteHits;
   exports.useInstantSearch = useInstantSearch;
   exports.useInstantSearchContext = useInstantSearchContext;
+  exports.useLookingSimilar = useLookingSimilar;
   exports.useMenu = useMenu;
   exports.useNumericMenu = useNumericMenu;
   exports.usePagination = usePagination;
@@ -21429,10 +22847,12 @@
   exports.useRSCContext = useRSCContext;
   exports.useRange = useRange;
   exports.useRefinementList = useRefinementList;
+  exports.useRelatedProducts = useRelatedProducts;
   exports.useSearchBox = useSearchBox;
   exports.useSortBy = useSortBy;
   exports.useStats = useStats;
   exports.useToggleRefinement = useToggleRefinement;
+  exports.useTrendingItems = useTrendingItems;
   exports.version = version;
   exports.wrapPromiseWithState = wrapPromiseWithState;