@mjhls/mjh-framework 1.0.1084 → 1.0.1085-test

package/dist/cjs/AlgoliaSearch.js

@@ -2,14 +2,13 @@
 
 var _extends = require('./extends-be0d85bc.js');
 var inherits$1 = require('./inherits-e47b5342.js');
-var _typeof$2 = require('./typeof-220bbf73.js');
+var _typeof$1 = require('./typeof-220bbf73.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var _typeof$1 = require('./typeof-1358762e.js');
-var index = require('./index-50be6759.js');
+var index = require('./index-9ec837cc.js');
 var reactBootstrap = require('react-bootstrap');
 var urlFor = require('./urlFor.js');
-var moment = require('./moment-aca40de1.js');
+var moment = require('./moment-f730814d.js');
 var index$1 = require('./index-65621b6c.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -76,6 +75,15 @@ function _assertThisInitialized(self) {
   return self;
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
@@ -88,14 +96,28 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
-  if (superClass) index._setPrototypeOf(subClass, superClass);
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof$1._typeof(call) === "object" || typeof call === "function")) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -258,25 +280,9 @@ var reactFastCompare = function isEqual(a, b) {
   }
 };
 
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$f(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(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; }
 
 // From https://github.com/reactjs/react-redux/blob/master/src/utils/shallowEqual.js
 var shallowEqual = function shallowEqual(objA, objB) {
@@ -422,6 +428,9 @@ var getPropertyByPath = function getPropertyByPath(object, path) {
 function getObjectType(object) {
   return Object.prototype.toString.call(object).slice(8, -1);
 }
+function unescapeFacetValue$3(value) {
+  return value.replace(/^\\-/, '-');
+}
 
 var instantSearchContext = /*#__PURE__*/React.createContext({
   onInternalStateUpdate: function onInternalStateUpdate() {
@@ -452,9 +461,9 @@ var _createContext$1 = /*#__PURE__*/React.createContext(undefined),
 
 var _excluded$4 = ["contextValue"];
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$e(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(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 _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -477,6 +486,8 @@ function createConnectorWithoutContext(connectorDesc) {
 
   var isWidget = typeof connectorDesc.getSearchParameters === 'function' || typeof connectorDesc.getMetadata === 'function' || typeof connectorDesc.transitionState === 'function';
   return function (Composed) {
+    var additionalWidgetProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     var Connector = /*#__PURE__*/function (_Component) {
       _inherits(Connector, _Component);
 
@@ -493,6 +504,8 @@ function createConnectorWithoutContext(connectorDesc) {
 
         _defineProperty(_assertThisInitialized(_this), "unregisterWidget", void 0);
 
+        _defineProperty(_assertThisInitialized(_this), "cleanupTimerRef", null);
+
         _defineProperty(_assertThisInitialized(_this), "isUnmounting", false);
 
         _defineProperty(_assertThisInitialized(_this), "state", {
@@ -536,7 +549,7 @@ function createConnectorWithoutContext(connectorDesc) {
           _this.props.contextValue.onSearchParameters(connectorDesc.getSearchParameters.bind(_assertThisInitialized(_this)), {
             ais: _this.props.contextValue,
             multiIndexContext: _this.props.indexContextValue
-          }, _this.props, connectorDesc.getMetadata && connectorDesc.getMetadata.bind(_assertThisInitialized(_this)));
+          }, _this.props, connectorDesc.getMetadata && connectorDesc.getMetadata.bind(_assertThisInitialized(_this)), connectorDesc.displayName);
         }
 
         return _this;
@@ -547,6 +560,11 @@ function createConnectorWithoutContext(connectorDesc) {
         value: function componentDidMount() {
           var _this2 = this;
 
+          if (this.cleanupTimerRef) {
+            clearTimeout(this.cleanupTimerRef);
+            this.cleanupTimerRef = null;
+          }
+
           this.unsubscribe = this.props.contextValue.store.subscribe(function () {
             if (!_this2.isUnmounting) {
               _this2.setState({
@@ -598,23 +616,29 @@ function createConnectorWithoutContext(connectorDesc) {
       }, {
         key: "componentWillUnmount",
         value: function componentWillUnmount() {
-          this.isUnmounting = true;
+          var _this3 = this;
 
-          if (this.unsubscribe) {
-            this.unsubscribe();
-          }
+          this.cleanupTimerRef = setTimeout(function () {
+            _this3.isUnmounting = true;
+
+            if (_this3.unsubscribe) {
+              _this3.unsubscribe();
+            }
 
-          if (this.unregisterWidget) {
-            this.unregisterWidget();
+            if (_this3.unregisterWidget) {
+              _this3.unregisterWidget();
 
-            if (typeof connectorDesc.cleanUp === 'function') {
-              var nextState = connectorDesc.cleanUp.call(this, this.props, this.props.contextValue.store.getState().widgets);
-              this.props.contextValue.store.setState(_objectSpread$e(_objectSpread$e({}, this.props.contextValue.store.getState()), {}, {
-                widgets: nextState
-              }));
-              this.props.contextValue.onSearchStateChange(removeEmptyKey(nextState));
+              if (typeof connectorDesc.cleanUp === 'function') {
+                var nextState = connectorDesc.cleanUp.call(_this3, _this3.props, _this3.props.contextValue.store.getState().widgets);
+
+                _this3.props.contextValue.store.setState(_objectSpread$e(_objectSpread$e({}, _this3.props.contextValue.store.getState()), {}, {
+                  widgets: nextState
+                }));
+
+                _this3.props.contextValue.onSearchStateChange(removeEmptyKey(nextState));
+              }
             }
-          }
+          });
         }
       }, {
         key: "getProvidedProps",
@@ -697,6 +721,10 @@ function createConnectorWithoutContext(connectorDesc) {
 
     _defineProperty(Connector, "displayName", "".concat(connectorDesc.displayName, "(").concat(getDisplayName(Composed), ")"));
 
+    _defineProperty(Connector, "$$type", connectorDesc.$$type);
+
+    _defineProperty(Connector, "$$widgetType", additionalWidgetProperties.$$widgetType);
+
     _defineProperty(Connector, "propTypes", connectorDesc.propTypes);
 
     _defineProperty(Connector, "defaultProps", connectorDesc.defaultProps);
@@ -708,8 +736,8 @@ function createConnectorWithoutContext(connectorDesc) {
 }
 
 var createConnectorWithContext = function createConnectorWithContext(connectorDesc) {
-  return function (Composed) {
-    var Connector = createConnectorWithoutContext(connectorDesc)(Composed);
+  return function (Composed, additionalWidgetProperties) {
+    var Connector = createConnectorWithoutContext(connectorDesc)(Composed, additionalWidgetProperties);
 
     var ConnectorWrapper = function ConnectorWrapper(props) {
       return /*#__PURE__*/React__default["default"].createElement(InstantSearchConsumer, null, function (contextValue) {
@@ -826,7 +854,7 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.17.0';
+var version$1 = '6.38.0';
 
 function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -837,6 +865,7 @@ var withKeysPropType = function withKeysPropType(keys) {
     var prop = props[propName];
 
     if (prop) {
+      // eslint-disable-next-line no-restricted-syntax
       for (var _i = 0, _Object$keys = Object.keys(prop); _i < _Object$keys.length; _i++) {
         var key = _Object$keys[_i];
 
@@ -907,9 +936,9 @@ function translatable(defaultTranslations) {
   };
 }
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(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(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 getIndexId(context) {
   return hasMultipleIndices(context) ? context.multiIndexContext.targetedIndex : context.ais.mainTargetedIndex;
 }
@@ -1145,9 +1174,9 @@ function cleanUpValueWithMultiIndex(_ref4) {
 var _excluded$3 = ["children", "contextValue", "indexContextValue"],
     _excluded2$1 = ["children", "contextValue", "indexContextValue"];
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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(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 getId$f() {
   return 'configure';
@@ -1155,6 +1184,7 @@ function getId$f() {
 
 var connectConfigure = createConnectorWithContext({
   displayName: 'AlgoliaConfigure',
+  $$type: 'ais.configure',
   getProvidedProps: function getProvidedProps() {
     return {};
   },
@@ -1252,6 +1282,8 @@ var connectConfigure = createConnectorWithContext({
 
 var Configure = connectConfigure(function Configure() {
   return null;
+}, {
+  $$widgetType: 'ais.configure'
 });
 
 function _arrayLikeToArray(arr, len) {
@@ -1269,7 +1301,7 @@ function _arrayWithoutHoles(arr) {
 }
 
 function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
 }
 
 function _unsupportedIterableToArray(o, minLen) {
@@ -3236,12 +3268,44 @@ var formatSort = function formatSort(sortBy, defaults) {
   );
 };
 
+/**
+ * Replaces a leading - with \-
+ * @private
+ * @param {any} value the facet value to replace
+ * @returns any
+ */
+function escapeFacetValue$3(value) {
+  if (typeof value !== 'string') return value;
+
+  return String(value).replace(/^-/, '\\-');
+}
+
+/**
+ * Replaces a leading \- with -
+ * @private
+ * @param {any} value the escaped facet value
+ * @returns any
+ */
+function unescapeFacetValue$2(value) {
+  if (typeof value !== 'string') return value;
+
+  return value.replace(/^\\-/, '-');
+}
+
+var escapeFacetValue_1 = {
+  escapeFacetValue: escapeFacetValue$3,
+  unescapeFacetValue: unescapeFacetValue$2
+};
+
 var generateHierarchicalTree_1 = generateTrees;
 
 
 
 
 
+var escapeFacetValue$2 = escapeFacetValue_1.escapeFacetValue;
+var unescapeFacetValue$1 = escapeFacetValue_1.unescapeFacetValue;
+
 function generateTrees(state) {
   return function generate(hierarchicalFacetResult, hierarchicalFacetIndex) {
     var hierarchicalFacet = state.hierarchicalFacets[hierarchicalFacetIndex];
@@ -3287,6 +3351,7 @@ function generateTrees(state) {
       count: null, // root level, no count
       isRefined: true, // root level, always refined
       path: null, // root level, no path
+      escapedValue: null,
       exhaustive: rootExhaustive,
       data: null
     });
@@ -3362,7 +3427,7 @@ function generateHierarchicalTree(
             facetCount,
             facetValue,
             hierarchicalSeparator,
-            currentRefinement,
+            unescapeFacetValue$1(currentRefinement),
             hierarchicalFacetResult.exhaustive
           );
         }),
@@ -3425,6 +3490,7 @@ function format(
   return {
     name: parts[parts.length - 1].trim(),
     path: facetValue,
+    escapedValue: escapeFacetValue$2(facetValue),
     count: facetCount,
     isRefined:
       currentRefinement === facetValue ||
@@ -3434,6 +3500,11 @@ function format(
   };
 }
 
+var escapeFacetValue$1 = escapeFacetValue_1.escapeFacetValue;
+var unescapeFacetValue = escapeFacetValue_1.unescapeFacetValue;
+
+
+
 /**
  * @typedef SearchResults.Facet
  * @type {object}
@@ -3648,7 +3719,7 @@ function findMatchingHierarchicalFacetFromAttributeName(
 }
  **/
 /*eslint-enable */
-function SearchResults(state, results) {
+function SearchResults(state, results, options) {
   var mainSubResponse = results[0];
 
   this._rawResults = results;
@@ -3660,6 +3731,11 @@ function SearchResults(state, results) {
     self[key] = mainSubResponse[key];
   });
 
+  // Make every key of the result options reachable from the instance
+  Object.keys(options || {}).forEach(function(key) {
+    self[key] = options[key];
+  });
+
   /**
    * query used to generate the results
    * @name query
@@ -3927,7 +4003,7 @@ function SearchResults(state, results) {
           state.disjunctiveFacetsRefinements[dfacet].forEach(function(refinementValue) {
             // add the disjunctive refinements if it is no more retrieved
             if (!self.disjunctiveFacets[position].data[refinementValue] &&
-              state.disjunctiveFacetsRefinements[dfacet].indexOf(refinementValue) > -1) {
+              state.disjunctiveFacetsRefinements[dfacet].indexOf(unescapeFacetValue(refinementValue)) > -1) {
               self.disjunctiveFacets[position].data[refinementValue] = 0;
             }
           });
@@ -3937,7 +4013,7 @@ function SearchResults(state, results) {
     nextDisjunctiveResult++;
   });
 
-  // if we have some root level values for hierarchical facets, merge them
+  // if we have some parent level values for hierarchical facets, merge them
   state.getRefinedHierarchicalFacets().forEach(function(refinedFacet) {
     var hierarchicalFacet = state.getHierarchicalFacetByName(refinedFacet);
     var separator = state._getHierarchicalFacetSeparator(hierarchicalFacet);
@@ -3949,47 +4025,49 @@ function SearchResults(state, results) {
       return;
     }
 
-    var result = results[nextDisjunctiveResult];
-    var facets = result && result.facets
-      ? result.facets
-      : {};
-    Object.keys(facets).forEach(function(dfacet) {
-      var facetResults = facets[dfacet];
-      var position = findIndex(state.hierarchicalFacets, function(f) {
-        return f.name === hierarchicalFacet.name;
-      });
-      var attributeIndex = findIndex(self.hierarchicalFacets[position], function(f) {
-        return f.attribute === dfacet;
-      });
+    results.slice(nextDisjunctiveResult).forEach(function(result) {
+      var facets = result && result.facets
+        ? result.facets
+        : {};
 
-      // previous refinements and no results so not able to find it
-      if (attributeIndex === -1) {
-        return;
-      }
+      Object.keys(facets).forEach(function(dfacet) {
+        var facetResults = facets[dfacet];
+        var position = findIndex(state.hierarchicalFacets, function(f) {
+          return f.name === hierarchicalFacet.name;
+        });
+        var attributeIndex = findIndex(self.hierarchicalFacets[position], function(f) {
+          return f.attribute === dfacet;
+        });
 
-      // when we always get root levels, if the hits refinement is `beers > IPA` (count: 5),
-      // then the disjunctive values will be `beers` (count: 100),
-      // but we do not want to display
-      //   | beers (100)
-      //     > IPA (5)
-      // We want
-      //   | beers (5)
-      //     > IPA (5)
-      var defaultData = {};
-
-      if (currentRefinement.length > 0) {
-        var root = currentRefinement[0].split(separator)[0];
-        defaultData[root] = self.hierarchicalFacets[position][attributeIndex].data[root];
-      }
+        // previous refinements and no results so not able to find it
+        if (attributeIndex === -1) {
+          return;
+        }
 
-      self.hierarchicalFacets[position][attributeIndex].data = defaultsPure(
-        defaultData,
-        facetResults,
-        self.hierarchicalFacets[position][attributeIndex].data
-      );
-    });
+        // when we always get root levels, if the hits refinement is `beers > IPA` (count: 5),
+        // then the disjunctive values will be `beers` (count: 100),
+        // but we do not want to display
+        //   | beers (100)
+        //     > IPA (5)
+        // We want
+        //   | beers (5)
+        //     > IPA (5)
+        var defaultData = {};
+
+        if (currentRefinement.length > 0) {
+          var root = currentRefinement[0].split(separator)[0];
+          defaultData[root] = self.hierarchicalFacets[position][attributeIndex].data[root];
+        }
 
-    nextDisjunctiveResult++;
+        self.hierarchicalFacets[position][attributeIndex].data = defaultsPure(
+          defaultData,
+          facetResults,
+          self.hierarchicalFacets[position][attributeIndex].data
+        );
+      });
+
+      nextDisjunctiveResult++;
+    });
   });
 
   // add the excludes
@@ -4059,10 +4137,12 @@ function extractNormalizedFacetValues(results, attribute) {
     if (!facet) return [];
 
     return Object.keys(facet.data).map(function(name) {
+      var value = escapeFacetValue$1(name);
       return {
         name: name,
+        escapedValue: value,
         count: facet.data[name],
-        isRefined: results._state.isFacetRefined(attribute, name),
+        isRefined: results._state.isFacetRefined(attribute, value),
         isExcluded: results._state.isExcludeRefined(attribute, name)
       };
     });
@@ -4071,10 +4151,12 @@ function extractNormalizedFacetValues(results, attribute) {
     if (!disjunctiveFacet) return [];
 
     return Object.keys(disjunctiveFacet.data).map(function(name) {
+      var value = escapeFacetValue$1(name);
       return {
         name: name,
+        escapedValue: value,
         count: disjunctiveFacet.data[name],
-        isRefined: results._state.isDisjunctiveFacetRefined(attribute, name)
+        isRefined: results._state.isDisjunctiveFacetRefined(attribute, value)
       };
     });
   } else if (results._state.isHierarchicalFacet(attribute)) {
@@ -4789,6 +4871,17 @@ DerivedHelper.prototype.getModifiedState = function(parameters) {
 
 var DerivedHelper_1 = DerivedHelper;
 
+function sortObject(obj) {
+  return Object.keys(obj)
+    .sort(function(a, b) {
+      return a.localeCompare(b);
+    })
+    .reduce(function(acc, curr) {
+      acc[curr] = obj[curr];
+      return acc;
+    }, {});
+}
+
 var requestBuilder = {
   /**
    * Get all the queries to send to the client, those queries can used directly
@@ -4813,18 +4906,67 @@ var requestBuilder = {
       });
     });
 
-    // maybe more to get the root level of hierarchical facets when activated
+    // More to get the parent levels of the hierarchical facets when refined
     state.getRefinedHierarchicalFacets().forEach(function(refinedFacet) {
       var hierarchicalFacet = state.getHierarchicalFacetByName(refinedFacet);
-
       var currentRefinement = state.getHierarchicalRefinement(refinedFacet);
-      // if we are deeper than level 0 (starting from `beer > IPA`)
-      // we want to get the root values
       var separator = state._getHierarchicalFacetSeparator(hierarchicalFacet);
+
+      // If we are deeper than level 0 (starting from `beer > IPA`)
+      // we want to get all parent values
       if (currentRefinement.length > 0 && currentRefinement[0].split(separator).length > 1) {
-        queries.push({
-          indexName: index,
-          params: requestBuilder._getDisjunctiveFacetSearchParams(state, refinedFacet, true)
+        // We generate a map of the filters we will use for our facet values queries
+        var filtersMap = currentRefinement[0].split(separator).slice(0, -1).reduce(
+          function createFiltersMap(map, segment, level) {
+            return map.concat({
+              attribute: hierarchicalFacet.attributes[level],
+              value: level === 0
+                ? segment
+                : [map[map.length - 1].value, segment].join(separator)
+            });
+          }
+        , []);
+
+        filtersMap.forEach(function(filter, level) {
+          var params = requestBuilder._getDisjunctiveFacetSearchParams(
+            state,
+            filter.attribute,
+            level === 0
+          );
+
+          // Keep facet filters unrelated to current hierarchical attributes
+          function hasHierarchicalFacetFilter(value) {
+            return hierarchicalFacet.attributes.some(function(attribute) {
+              return attribute === value.split(':')[0];
+            });
+          }
+
+          var filteredFacetFilters = (params.facetFilters || []).reduce(function(acc, facetFilter) {
+            if (Array.isArray(facetFilter)) {
+              var filtered = facetFilter.filter(function(filterValue) {
+                return !hasHierarchicalFacetFilter(filterValue);
+              });
+
+              if (filtered.length > 0) {
+                acc.push(filtered);
+              }
+            }
+
+            if (typeof facetFilter === 'string' && !hasHierarchicalFacetFilter(facetFilter)) {
+              acc.push(facetFilter);
+            }
+
+            return acc;
+          }, []);
+
+          var parent = filtersMap[level - 1];
+          if (level > 0) {
+            params.facetFilters = filteredFacetFilters.concat(parent.attribute + ':' + parent.value);
+          } else {
+            params.facetFilters = filteredFacetFilters.length > 0 ? filteredFacetFilters : undefined;
+          }
+
+          queries.push({indexName: index, params: params});
         });
       }
     });
@@ -4859,7 +5001,7 @@ var requestBuilder = {
       additionalParams.numericFilters = numericFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -4874,16 +5016,16 @@ var requestBuilder = {
     var numericFilters = requestBuilder._getNumericFilters(state, facet);
     var tagFilters = requestBuilder._getTagFilters(state);
     var additionalParams = {
-      hitsPerPage: 1,
+      hitsPerPage: 0,
       page: 0,
-      attributesToRetrieve: [],
-      attributesToHighlight: [],
-      attributesToSnippet: [],
-      tagFilters: tagFilters,
       analytics: false,
       clickAnalytics: false
     };
 
+    if (tagFilters.length > 0) {
+      additionalParams.tagFilters = tagFilters;
+    }
+
     var hierarchicalFacet = state.getHierarchicalFacetByName(facet);
 
     if (hierarchicalFacet) {
@@ -4904,7 +5046,7 @@ var requestBuilder = {
       additionalParams.facetFilters = facetFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -5097,17 +5239,19 @@ var requestBuilder = {
     if (typeof maxFacetHits === 'number') {
       searchForFacetSearchParameters.maxFacetHits = maxFacetHits;
     }
-    return merge_1(
+    return sortObject(merge_1(
       {},
       requestBuilder._getHitsSearchParams(stateForSearchForFacetValues),
       searchForFacetSearchParameters
-    );
+    ));
   }
 };
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.7.0';
+var version = '3.11.1';
+
+var escapeFacetValue = escapeFacetValue_1.escapeFacetValue;
 
 /**
  * Event triggered when a parameter is set or updated
@@ -5425,20 +5569,51 @@ AlgoliaSearchHelper.prototype.findAnswers = function(options) {
  */
 AlgoliaSearchHelper.prototype.searchForFacetValues = function(facet, query, maxFacetHits, userState) {
   var clientHasSFFV = typeof this.client.searchForFacetValues === 'function';
+  var clientHasInitIndex = typeof this.client.initIndex === 'function';
   if (
     !clientHasSFFV &&
-    typeof this.client.initIndex !== 'function'
+    !clientHasInitIndex &&
+    typeof this.client.search !== 'function'
   ) {
     throw new Error(
       'search for facet values (searchable) was called, but this client does not have a function client.searchForFacetValues or client.initIndex(index).searchForFacetValues'
     );
   }
+
   var state = this.state.setQueryParameters(userState || {});
   var isDisjunctive = state.isDisjunctiveFacet(facet);
   var algoliaQuery = requestBuilder_1.getSearchForFacetQuery(facet, query, maxFacetHits, state);
 
   this._currentNbQueries++;
   var self = this;
+  var searchForFacetValuesPromise;
+  // newer algoliasearch ^3.27.1 - ~4.0.0
+  if (clientHasSFFV) {
+    searchForFacetValuesPromise = this.client.searchForFacetValues([
+      {indexName: state.index, params: algoliaQuery}
+    ]);
+    // algoliasearch < 3.27.1
+  } else if (clientHasInitIndex) {
+    searchForFacetValuesPromise = this.client
+      .initIndex(state.index)
+      .searchForFacetValues(algoliaQuery);
+    // algoliasearch ~5.0.0
+  } else {
+    // @MAJOR only use client.search
+    delete algoliaQuery.facetName;
+    searchForFacetValuesPromise = this.client
+      .search([
+        {
+          type: 'facet',
+          facet: facet,
+          indexName: state.index,
+          params: algoliaQuery
+        }
+      ])
+      .then(function processResponse(response) {
+        return response.results[0];
+      });
+  }
 
   this.emit('searchForFacetValues', {
     state: state,
@@ -5446,10 +5621,6 @@ AlgoliaSearchHelper.prototype.searchForFacetValues = function(facet, query, maxF
     query: query
   });
 
-  var searchForFacetValuesPromise = clientHasSFFV
-    ? this.client.searchForFacetValues([{indexName: state.index, params: algoliaQuery}])
-    : this.client.initIndex(state.index).searchForFacetValues(algoliaQuery);
-
   return searchForFacetValuesPromise.then(function addIsRefined(content) {
     self._currentNbQueries--;
     if (self._currentNbQueries === 0) self.emit('searchQueueEmpty');
@@ -5457,9 +5628,10 @@ AlgoliaSearchHelper.prototype.searchForFacetValues = function(facet, query, maxF
     content = Array.isArray(content) ? content[0] : content;
 
     content.facetHits.forEach(function(f) {
+      f.escapedValue = escapeFacetValue(f.value);
       f.isRefined = isDisjunctive
-        ? state.isDisjunctiveFacetRefined(facet, f.value)
-        : state.isFacetRefined(facet, f.value);
+        ? state.isDisjunctiveFacetRefined(facet, f.escapedValue)
+        : state.isFacetRefined(facet, f.escapedValue);
     });
 
     return content;
@@ -6627,9 +6799,9 @@ algoliasearchHelper.SearchResults = SearchResults_1;
 
 var algoliasearchHelper_1 = algoliasearchHelper;
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(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(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 createOptionalFilter(_ref) {
   var attributeName = _ref.attributeName,
@@ -6692,6 +6864,7 @@ function getSearchParametersFromProps(props) {
 
 var connectConfigureRelatedItems = createConnectorWithContext({
   displayName: 'AlgoliaConfigureRelatedItems',
+  $$type: 'ais.configureRelatedItems',
   defaultProps: defaultProps$1,
   getProvidedProps: function getProvidedProps() {
     return {};
@@ -6757,17 +6930,24 @@ ConfigureRelatedItems.propTypes = {
   matchingPatterns: PropTypes__default["default"].object.isRequired,
   transformSearchParameters: PropTypes__default["default"].func
 };
-connectConfigureRelatedItems(ConfigureRelatedItems);
+connectConfigureRelatedItems(ConfigureRelatedItems, {
+  $$widgetType: 'ais.configureRelatedItems'
+});
 
+var MAX_WILDCARD_FACETS = 20;
 var connectDynamicWidgets = createConnectorWithContext({
   displayName: 'AlgoliaDynamicWidgets',
+  $$type: 'ais.dynamicWidgets',
   defaultProps: {
     transformItems: function transformItems(items) {
       return items;
-    }
+    },
+    maxValuesPerFacet: 20
   },
   propTypes: {
-    transformItems: PropTypes__default["default"].func
+    transformItems: PropTypes__default["default"].func,
+    facets: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
+    maxValuesPerFacet: PropTypes__default["default"].number
   },
   getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
     var results = getResults(searchResults, {
@@ -6775,6 +6955,10 @@ var connectDynamicWidgets = createConnectorWithContext({
       multiIndexContext: props.indexContextValue
     });
 
+    if (props.facets && !(Array.isArray(props.facets) && props.facets.length <= 1 && (props.facets[0] === '*' || props.facets[0] === undefined))) {
+      throw new Error("The `facets` prop only accepts [] or [\"*\"], you passed ".concat(JSON.stringify(props.facets)));
+    }
+
     if (!results) {
       return {
         attributesToRender: []
@@ -6782,29 +6966,52 @@ var connectDynamicWidgets = createConnectorWithContext({
     }
 
     var facetOrder = results.renderingContent && results.renderingContent.facetOrdering && results.renderingContent.facetOrdering.facets && results.renderingContent.facetOrdering.facets.order || [];
+    var attributesToRender = props.transformItems(facetOrder, {
+      results: results
+    });
+
+    if (attributesToRender.length > MAX_WILDCARD_FACETS && !props.facets) {
+      // eslint-disable-next-line no-console
+      console.warn("More than ".concat(MAX_WILDCARD_FACETS, " facets are requested to be displayed without explicitly setting which facets to retrieve. This could have a performance impact. Set \"facets\" to [] to do two smaller network requests, or explicitly to ['*'] to avoid this warning."));
+    }
+
+    if (props.maxValuesPerFacet < results._state.maxValuesPerFacet) {
+      // eslint-disable-next-line no-console
+      console.warn("The maxValuesPerFacet set by dynamic widgets (".concat(props.maxValuesPerFacet, ") is smaller than one of the limits set by a widget (").concat(results._state.maxValuesPerFacet, "). This causes a mismatch in query parameters and thus an extra network request when that widget is mounted."));
+    }
+
     return {
-      attributesToRender: props.transformItems(facetOrder, {
-        results: results
-      })
+      attributesToRender: attributesToRender
     };
+  },
+  getSearchParameters: function getSearchParameters(searchParameters, props) {
+    return (props.facets || ['*']).reduce(function (acc, curr) {
+      return acc.addFacet(curr);
+    }, searchParameters.setQueryParameters({
+      maxValuesPerFacet: Math.max(props.maxValuesPerFacet || 0, searchParameters.maxValuesPerFacet || 0)
+    }));
   }
 });
 
-function getAttribute(component) {
-  if (_typeof(component) !== 'object') {
+function isReactElement(element) {
+  return _typeof(element) === 'object' && element.props;
+}
+
+function getAttribute(element) {
+  if (!isReactElement(element)) {
     return undefined;
   }
 
-  if (component.props.attribute) {
-    return component.props.attribute;
+  if (element.props.attribute) {
+    return element.props.attribute;
   }
 
-  if (Array.isArray(component.props.attributes)) {
-    return component.props.attributes[0];
+  if (Array.isArray(element.props.attributes)) {
+    return element.props.attributes[0];
   }
 
-  if (component.props.children) {
-    return getAttribute(React__default["default"].Children.only(component.props.children));
+  if (element.props.children) {
+    return getAttribute(React__default["default"].Children.only(element.props.children));
   }
 
   return undefined;
@@ -6838,7 +7045,9 @@ function DynamicWidgets(_ref) {
   }));
 }
 
-connectDynamicWidgets(DynamicWidgets);
+connectDynamicWidgets(DynamicWidgets, {
+  $$widgetType: 'ais.dynamicWidgets'
+});
 
 // A context rule must consist only of alphanumeric characters, hyphens, and underscores.
 // See https://www.algolia.com/doc/guides/managing-results/refine-results/merchandising-and-promoting/in-depth/implementing-query-rules/#context
@@ -6915,6 +7124,7 @@ var defaultProps = {
 };
 var connectQueryRules = createConnectorWithContext({
   displayName: 'AlgoliaQueryRules',
+  $$type: 'ais.queryRules',
   defaultProps: defaultProps,
   getProvidedProps: function getProvidedProps(props, _1, searchResults) {
     var results = getResults(searchResults, {
@@ -6971,6 +7181,8 @@ var connectQueryRules = createConnectorWithContext({
 
 connectQueryRules(function QueryRuleContext() {
   return null;
+}, {
+  $$widgetType: 'ais.queryRuleContext'
 });
 
 function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -7034,7 +7246,7 @@ var Index = /*#__PURE__*/function (_Component) {
     _this.props.contextValue.onSearchParameters(_this.getSearchParameters.bind(_assertThisInitialized(_this)), {
       ais: _this.props.contextValue,
       multiIndexContext: _this.state.indexContext
-    }, _this.props, undefined);
+    }, _this.props, undefined, Index.displayName);
 
     return _this;
   }
@@ -7096,6 +7308,10 @@ _defineProperty(Index, "propTypes", {
 
 _defineProperty(Index, "displayName", 'AlgoliaIndex');
 
+_defineProperty(Index, "$$type", 'ais.index');
+
+_defineProperty(Index, "$$widgetType", 'ais.index');
+
 ({
   indexName: PropTypes__default["default"].string.isRequired,
   indexId: PropTypes__default["default"].string
@@ -7161,9 +7377,9 @@ var _excluded$2 = ["resultsFacetValues"],
     _excluded2 = ["resultsFacetValues"],
     _excluded3 = ["resultsFacetValues"];
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(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(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 addAlgoliaAgents(searchClient) {
   if (typeof searchClient.addAlgoliaAgent === 'function') {
@@ -7257,6 +7473,7 @@ function createInstantSearchManager(_ref) {
   var skip = false;
   var stalledSearchTimer = null;
   var initialSearchParameters = helper.state;
+  var searchCounter;
   var widgetsManager = createWidgetsManager(onWidgetsUpdate);
   hydrateSearchClient(searchClient, resultsState);
   var store = createStore({
@@ -7342,12 +7559,13 @@ function createInstantSearchManager(_ref) {
     if (!skip) {
       var _getSearchParameters = getSearchParameters(helper.state),
           mainParameters = _getSearchParameters.mainParameters,
-          derivedParameters = _getSearchParameters.derivedParameters; // We have to call `slice` because the method `detach` on the derived
+          derivedParameters = _getSearchParameters.derivedParameters;
+
+      searchCounter = derivedParameters.length + 1; // We have to call `slice` because the method `detach` on the derived
       // helpers mutates the value `derivedHelpers`. The `forEach` loop does
       // not iterate on each value and we're not able to correctly clear the
       // previous derived helpers (memory leak + useless requests).
 
-
       helper.derivedHelpers.slice().forEach(function (derivedHelper) {
         // Since we detach the derived helpers on **every** new search they
         // won't receive intermediate results in case of a stalled search.
@@ -7383,6 +7601,7 @@ function createInstantSearchManager(_ref) {
   function handleSearchSuccess(_ref3) {
     var indexId = _ref3.indexId;
     return function (event) {
+      searchCounter--;
       var state = store.getState();
       var isDerivedHelpersEmpty = !helper.derivedHelpers.length;
       var results = state.results ? state.results : {}; // Switching from mono index to multi index and vice versa must reset the
@@ -7412,7 +7631,7 @@ function createInstantSearchManager(_ref) {
       store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
         results: results,
         isSearchStalled: nextIsSearchStalled,
-        searching: false,
+        searching: searchCounter > 0,
         error: null
       }));
     };
@@ -7737,6 +7956,8 @@ function getMetadataPayload(widgets, searchClient) {
 
     return {
       displayName: displayName,
+      $$type: constructor.$$type,
+      $$widgetType: constructor.$$widgetType,
       params: Object.keys(props).filter(function (prop) {
         return !internalProps.includes(prop) && defaultProps[prop] !== props[prop] && props[prop] !== undefined;
       })
@@ -7758,9 +7979,9 @@ function injectMetadata(widgets, searchClient) {
   refNode.appendChild(payloadContainer);
 }
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -7821,6 +8042,8 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "cleanupTimerRef", null);
+
     _defineProperty(_assertThisInitialized(_this), "isUnmounting", false);
 
     var instantSearchManager = createInstantSearchManager({
@@ -7876,6 +8099,11 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
+      if (this.cleanupTimerRef) {
+        clearTimeout(this.cleanupTimerRef);
+        this.cleanupTimerRef = null;
+      }
+
       if (isMetadataEnabled()) {
         injectMetadata(this.state.instantSearchManager.widgetsManager.getWidgets(), this.props.searchClient);
       }
@@ -7883,8 +8111,13 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this.isUnmounting = true;
-      this.state.instantSearchManager.skipSearch();
+      var _this2 = this;
+
+      this.cleanupTimerRef = setTimeout(function () {
+        _this2.isUnmounting = true;
+
+        _this2.state.instantSearchManager.skipSearch();
+      });
     }
   }, {
     key: "createHrefForState",
@@ -7911,7 +8144,7 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "onSearchParameters",
-    value: function onSearchParameters(getSearchParameters, context, props, getMetadata) {
+    value: function onSearchParameters(getSearchParameters, context, props, getMetadata, displayName) {
       if (this.props.onSearchParameters) {
         var _searchState = this.props.searchState ? this.props.searchState : {};
 
@@ -7926,7 +8159,8 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
           getMetadata: getMetadata,
           context: context,
           props: props,
-          searchState: _searchState2
+          searchState: _searchState2,
+          displayName: displayName
         });
       }
     }
@@ -8018,9 +8252,9 @@ function transformValue$1(values) {
     if (item.isRefined) {
       acc.push({
         label: item.name,
-        // If dealing with a nested "items", "value" is equal to the previous value concatenated with the current label
-        // If dealing with the first level, "value" is equal to the current label
-        value: item.path
+        // If dealing with a nested "items", "value" is equal to the previous value concatenated with the current value
+        // If dealing with the first level, "value" is equal to the current value
+        value: item.escapedValue
       }); // Create a variable in order to keep the same acc for the recursion, otherwise "reduce" returns a new one
 
       if (item.data) {
@@ -8071,6 +8305,7 @@ function transformValue$1(values) {
 
 var connectBreadcrumb = createConnectorWithContext({
   displayName: 'AlgoliaBreadcrumb',
+  $$type: 'ais.breadcrumb',
   propTypes: {
     attributes: function attributes(props, propName, componentName) {
       var isNotString = function isNotString(val) {
@@ -8116,9 +8351,9 @@ var connectBreadcrumb = createConnectorWithContext({
   }
 });
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
  * connectCurrentRefinements connector provides the logic to build a widget that will
  * give the user the ability to remove all or some of the filters that were
@@ -8134,6 +8369,7 @@ function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) {
 
 var connectCurrentRefinements = createConnectorWithContext({
   displayName: 'AlgoliaCurrentRefinements',
+  $$type: 'ais.currentRefinements',
   propTypes: {
     transformItems: PropTypes__default["default"].func
   },
@@ -8175,9 +8411,9 @@ var connectCurrentRefinements = createConnectorWithContext({
   }
 });
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getId$c = function getId(props) {
   return props.attributes[0];
 };
@@ -8193,7 +8429,7 @@ function getCurrentRefinement$b(props, searchState, context) {
   return currentRefinement;
 }
 
-function getValue$2(path, props, searchState, context) {
+function getValue$2(value, props, searchState, context) {
   var id = props.id,
       attributes = props.attributes,
       separator = props.separator,
@@ -8203,7 +8439,7 @@ function getValue$2(path, props, searchState, context) {
   var nextRefinement;
 
   if (currentRefinement === null) {
-    nextRefinement = path;
+    nextRefinement = value;
   } else {
     var tmpSearchParameters = new algoliasearchHelper_1.SearchParameters({
       hierarchicalFacets: [{
@@ -8214,7 +8450,7 @@ function getValue$2(path, props, searchState, context) {
         showParentLevel: showParentLevel
       }]
     });
-    nextRefinement = tmpSearchParameters.toggleHierarchicalFacetRefinement(id, currentRefinement).toggleHierarchicalFacetRefinement(id, path).getHierarchicalRefinement(id)[0];
+    nextRefinement = tmpSearchParameters.toggleHierarchicalFacetRefinement(id, currentRefinement).toggleHierarchicalFacetRefinement(id, value).getHierarchicalRefinement(id)[0];
   }
 
   return nextRefinement;
@@ -8224,7 +8460,7 @@ function transformValue(value, props, searchState, context) {
   return value.map(function (v) {
     return {
       label: v.name,
-      value: getValue$2(v.path, props, searchState, context),
+      value: getValue$2(v.escapedValue, props, searchState, context),
       count: v.count,
       isRefined: v.isRefined,
       items: v.data && transformValue(v.data, props, searchState, context)
@@ -8264,7 +8500,7 @@ var sortBy$1 = ['name:asc'];
  * websites. From a UX point of view, we suggest not displaying more than two levels deep.
  * @name connectHierarchicalMenu
  * @requirements To use this widget, your attributes must be formatted in a specific way.
- * If you want for example to have a hiearchical menu of categories, objects in your index
+ * If you want for example to have a hierarchical menu of categories, objects in your index
  * should be formatted this way:
  *
  * ```json
@@ -8305,6 +8541,7 @@ var sortBy$1 = ['name:asc'];
 
 var connectHierarchicalMenu = createConnectorWithContext({
   displayName: 'AlgoliaHierarchicalMenu',
+  $$type: 'ais.hierarchicalMenu',
   propTypes: {
     attributes: function attributes(props, propName, componentName) {
       var isNotString = function isNotString(val) {
@@ -8429,7 +8666,7 @@ var connectHierarchicalMenu = createConnectorWithContext({
       multiIndexContext: props.indexContextValue
     });
     var items = !currentRefinement ? [] : [{
-      label: "".concat(rootAttribute, ": ").concat(currentRefinement),
+      label: "".concat(rootAttribute, ": ").concat(unescapeFacetValue$3(currentRefinement)),
       attribute: rootAttribute,
       value: function value(nextState) {
         return _refine$8(props, nextState, '', {
@@ -8520,6 +8757,7 @@ var highlight = function highlight(_ref) {
 
 var connectHighlight = createConnectorWithContext({
   displayName: 'AlgoliaHighlighter',
+  $$type: 'ais.highlighter',
   propTypes: {},
   getProvidedProps: function getProvidedProps() {
     return {
@@ -8574,6 +8812,7 @@ var connectHighlight = createConnectorWithContext({
 
 var connectHits = createConnectorWithContext({
   displayName: 'AlgoliaHits',
+  $$type: 'ais.hits',
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -8609,9 +8848,9 @@ var connectHits = createConnectorWithContext({
   }
 });
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function getId$b() {
   return 'hitsPerPage';
@@ -8644,6 +8883,7 @@ function getCurrentRefinement$a(props, searchState, context) {
 
 var connectHitsPerPage = createConnectorWithContext({
   displayName: 'AlgoliaHitsPerPage',
+  $$type: 'ais.hitsPerPage',
   propTypes: {
     defaultRefinement: PropTypes__default["default"].number.isRequired,
     items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
@@ -8763,6 +9003,7 @@ function extractHitsFromCachedHits(cachedHits) {
 
 var connectInfiniteHits = createConnectorWithContext({
   displayName: 'AlgoliaInfiniteHits',
+  $$type: 'ais.infiniteHits',
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var _this = this;
 
@@ -8864,9 +9105,9 @@ function getCurrentRefinement$8(props, searchState, context) {
   return currentRefinement;
 }
 
-function getValue$1(name, props, searchState, context) {
+function getValue$1(value, props, searchState, context) {
   var currentRefinement = getCurrentRefinement$8(props, searchState, context);
-  return name === currentRefinement ? '' : name;
+  return value === currentRefinement ? '' : value;
 }
 
 function getLimit$1(_ref) {
@@ -8913,6 +9154,7 @@ var defaultSortBy = ['count:desc', 'name:asc'];
 
 var connectMenu = createConnectorWithContext({
   displayName: 'AlgoliaMenu',
+  $$type: 'ais.menu',
   propTypes: {
     attribute: PropTypes__default["default"].string.isRequired,
     showMore: PropTypes__default["default"].bool,
@@ -8964,7 +9206,7 @@ var connectMenu = createConnectorWithContext({
       items = searchForFacetValuesResults[attribute].map(function (v) {
         return {
           label: v.value,
-          value: getValue$1(v.value, props, searchState, {
+          value: getValue$1(v.escapedValue, props, searchState, {
             ais: props.contextValue,
             multiIndexContext: props.indexContextValue
           }),
@@ -8984,7 +9226,7 @@ var connectMenu = createConnectorWithContext({
       }).map(function (v) {
         return {
           label: v.name,
-          value: getValue$1(v.name, props, searchState, {
+          value: getValue$1(v.escapedValue, props, searchState, {
             ais: props.contextValue,
             multiIndexContext: props.indexContextValue
           }),
@@ -9055,7 +9297,7 @@ var connectMenu = createConnectorWithContext({
         multiIndexContext: props.indexContextValue
       }),
       items: currentRefinement === null ? [] : [{
-        label: "".concat(props.attribute, ": ").concat(currentRefinement),
+        label: "".concat(props.attribute, ": ").concat(unescapeFacetValue$3(currentRefinement)),
         attribute: props.attribute,
         value: function value(nextState) {
           return _refine$7(props, nextState, '', {
@@ -9074,17 +9316,14 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-
-  var _s, _e;
+  var _e = undefined;
 
   try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
 
       if (i && _arr.length === i) break;
@@ -9151,11 +9390,11 @@ function getCurrentRefinement$7(props, searchState, context) {
 }
 
 function isRefinementsRangeIncludesInsideItemRange(stats, start, end) {
-  return stats.min > start && stats.min < end || stats.max > start && stats.max < end;
+  return stats.min >= start && stats.min <= end || stats.max >= start && stats.max <= end;
 }
 
 function isItemRangeIncludedInsideRefinementsRange(stats, start, end) {
-  return start > stats.min && start < stats.max || end > stats.min && end < stats.max;
+  return start >= stats.min && start <= stats.max || end >= stats.min && end <= stats.max;
 }
 
 function itemHasRefinement(attribute, results, value) {
@@ -9196,6 +9435,7 @@ function _cleanUp$5(props, searchState, context) {
 
 var connectNumericMenu = createConnectorWithContext({
   displayName: 'AlgoliaNumericMenu',
+  $$type: 'ais.numericMenu',
   propTypes: {
     id: PropTypes__default["default"].string,
     attribute: PropTypes__default["default"].string.isRequired,
@@ -9367,6 +9607,7 @@ function _refine$5(props, searchState, nextPage, context) {
 
 var connectPagination = createConnectorWithContext({
   displayName: 'AlgoliaPagination',
+  $$type: 'ais.pagination',
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -9422,6 +9663,7 @@ var connectPagination = createConnectorWithContext({
 
 var connectPoweredBy = createConnectorWithContext({
   displayName: 'AlgoliaPoweredBy',
+  $$type: 'ais.poweredBy',
   getProvidedProps: function getProvidedProps() {
     var hostname = typeof window === 'undefined' || typeof window.location === 'undefined' ? '' : window.location.hostname;
     var url = 'https://www.algolia.com/?' + 'utm_source=react-instantsearch&' + 'utm_medium=website&' + "utm_content=".concat(hostname, "&") + 'utm_campaign=poweredby';
@@ -9595,6 +9837,7 @@ function _cleanUp$4(props, searchState, context) {
 
 var connectRange = createConnectorWithContext({
   displayName: 'AlgoliaRange',
+  $$type: 'ais.range',
   propTypes: {
     id: PropTypes__default["default"].string,
     attribute: PropTypes__default["default"].string.isRequired,
@@ -9764,12 +10007,12 @@ function getCurrentRefinement$4(props, searchState, context) {
   return [];
 }
 
-function getValue(name, props, searchState, context) {
+function getValue(value, props, searchState, context) {
   var currentRefinement = getCurrentRefinement$4(props, searchState, context);
-  var isAnewValue = currentRefinement.indexOf(name) === -1;
-  var nextRefinement = isAnewValue ? currentRefinement.concat([name]) // cannot use .push(), it mutates
+  var isAnewValue = currentRefinement.indexOf(value) === -1;
+  var nextRefinement = isAnewValue ? currentRefinement.concat([value]) // cannot use .push(), it mutates
   : currentRefinement.filter(function (selectedValue) {
-    return selectedValue !== name;
+    return selectedValue !== value;
   }); // cannot use .splice(), it mutates
 
   return nextRefinement;
@@ -9828,6 +10071,7 @@ function _cleanUp$3(props, searchState, context) {
 var sortBy = ['isRefined', 'count:desc', 'name:asc'];
 var connectRefinementList = createConnectorWithContext({
   displayName: 'AlgoliaRefinementList',
+  $$type: 'ais.refinementList',
   propTypes: {
     id: PropTypes__default["default"].string,
     attribute: PropTypes__default["default"].string.isRequired,
@@ -9879,7 +10123,7 @@ var connectRefinementList = createConnectorWithContext({
     var items = isFromSearch ? searchForFacetValuesResults[attribute].map(function (v) {
       return {
         label: v.value,
-        value: getValue(v.value, props, searchState, {
+        value: getValue(v.escapedValue, props, searchState, {
           ais: props.contextValue,
           multiIndexContext: props.indexContextValue
         }),
@@ -9897,7 +10141,7 @@ var connectRefinementList = createConnectorWithContext({
     }).map(function (v) {
       return {
         label: v.name,
-        value: getValue(v.name, props, searchState, {
+        value: getValue(v.escapedValue, props, searchState, {
           ais: props.contextValue,
           multiIndexContext: props.indexContextValue
         }),
@@ -9970,7 +10214,7 @@ var connectRefinementList = createConnectorWithContext({
         },
         items: getCurrentRefinement$4(props, searchState, context).map(function (item) {
           return {
-            label: "".concat(item),
+            label: unescapeFacetValue$3("".concat(item)),
             value: function value(nextState) {
               var nextSelectedItems = getCurrentRefinement$4(props, nextState, context).filter(function (other) {
                 return other !== item;
@@ -9996,6 +10240,7 @@ var connectRefinementList = createConnectorWithContext({
 
 var connectScrollTo = createConnectorWithContext({
   displayName: 'AlgoliaScrollTo',
+  $$type: 'ais.scrollTo',
   propTypes: {
     scrollOn: PropTypes__default["default"].string
   },
@@ -10085,6 +10330,7 @@ function _cleanUp$2(props, searchState, context) {
 
 var connectSearchBox = createConnectorWithContext({
   displayName: 'AlgoliaSearchBox',
+  $$type: 'ais.searchBox',
   propTypes: {
     defaultRefinement: PropTypes__default["default"].string
   },
@@ -10153,6 +10399,7 @@ function getCurrentRefinement$2(props, searchState, context) {
 
 var connectRelevantSort = createConnectorWithContext({
   displayName: 'AlgoliaRelevantSort',
+  $$type: 'ais.relevantSort',
   getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -10188,9 +10435,9 @@ var connectRelevantSort = createConnectorWithContext({
   }
 });
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function getId$2() {
   return 'sortBy';
@@ -10225,6 +10472,7 @@ function getCurrentRefinement$1(props, searchState, context) {
 
 var connectSortBy = createConnectorWithContext({
   displayName: 'AlgoliaSortBy',
+  $$type: 'ais.sortBy',
   propTypes: {
     defaultRefinement: PropTypes__default["default"].string,
     items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
@@ -10293,6 +10541,7 @@ var connectSortBy = createConnectorWithContext({
 
 var connectStats = createConnectorWithContext({
   displayName: 'AlgoliaStats',
+  $$type: 'ais.stats',
   getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -10364,6 +10613,7 @@ function _cleanUp$1(props, searchState, context) {
 
 var connectToggleRefinement = createConnectorWithContext({
   displayName: 'AlgoliaToggle',
+  $$type: 'ais.toggle',
   propTypes: {
     label: PropTypes__default["default"].string.isRequired,
     attribute: PropTypes__default["default"].string.isRequired,
@@ -10471,9 +10721,9 @@ var connectToggleRefinement = createConnectorWithContext({
   }
 });
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function getId() {
   return 'query';
@@ -10532,6 +10782,7 @@ function _cleanUp(props, searchState, context) {
 
 var connectVoiceSearch = createConnectorWithContext({
   displayName: 'AlgoliaVoiceSearch',
+  $$type: 'ais.voiceSearch',
   propTypes: {
     defaultRefinement: PropTypes__default["default"].string
   },
@@ -11014,7 +11265,9 @@ var BreadcrumbWidget = function BreadcrumbWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(Breadcrumb$1, props));
 };
 
-connectBreadcrumb(BreadcrumbWidget);
+connectBreadcrumb(BreadcrumbWidget, {
+  $$widgetType: 'ais.breadcrumb'
+});
 
 function _createSuper$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -11110,7 +11363,9 @@ var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(ClearRefinements$2, props));
 };
 
-var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget);
+var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget, {
+  $$widgetType: 'ais.clearRefinements'
+});
 
 var cx$m = createClassNames('CurrentRefinements');
 var CurrentRefinements = function CurrentRefinements(_ref) {
@@ -11218,11 +11473,13 @@ var CurrentRefinementsWidget = function CurrentRefinementsWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(CurrentRefinements$1, props));
 };
 
-connectCurrentRefinements(CurrentRefinementsWidget);
+connectCurrentRefinements(CurrentRefinementsWidget, {
+  $$widgetType: 'ais.currentRefinements'
+});
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -11439,6 +11696,7 @@ var SearchBox$1 = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: index.classnames(cx$l(''), className)
       }, /*#__PURE__*/React__default["default"].createElement("form", {
+        ref: this.props.formRef,
         noValidate: true,
         onSubmit: this.props.onSubmit ? this.props.onSubmit : this.onSubmit,
         onReset: this.onReset,
@@ -11496,6 +11754,9 @@ _defineProperty(SearchBox$1, "propTypes", {
   onChange: PropTypes__default["default"].func,
   isSearchStalled: PropTypes__default["default"].bool,
   showLoadingIndicator: PropTypes__default["default"].bool,
+  formRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].exact({
+    current: PropTypes__default["default"].object
+  })]),
   inputRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].exact({
     current: PropTypes__default["default"].object
   })]),
@@ -11736,7 +11997,7 @@ var HierarchicalMenu = /*#__PURE__*/function (_Component) {
           createURL = _this$props.createURL,
           refine = _this$props.refine;
       return /*#__PURE__*/React__default["default"].createElement(Link, {
-        className: cx$k('link'),
+        className: cx$k('link', item.isRefined && 'link--selected'),
         onClick: function onClick() {
           return refine(item.value);
         },
@@ -11811,7 +12072,7 @@ var HierarchicalMenu$1 = translatable({
  * @name HierarchicalMenu
  * @kind widget
  * @requirements To use this widget, your attributes must be formatted in a specific way.
- * If you want for example to have a hiearchical menu of categories, objects in your index
+ * If you want for example to have a hierarchical menu of categories, objects in your index
  * should be formatted this way:
  *
  * ```json
@@ -11861,6 +12122,7 @@ var HierarchicalMenu$1 = translatable({
  * @themeKey ais-HierarchicalMenu-item--selected - the selected menu list item
  * @themeKey ais-HierarchicalMenu-item--parent - the menu list item containing children
  * @themeKey ais-HierarchicalMenu-link - the clickable menu element
+ * @themeKey ais-HierarchicalMenu-link--selected - the clickable element of a selected menu list item
  * @themeKey ais-HierarchicalMenu-label - the label of each item
  * @themeKey ais-HierarchicalMenu-count - the count of values for each item
  * @themeKey ais-HierarchicalMenu-showMore - the button used to display more categories
@@ -11896,7 +12158,9 @@ var HierarchicalMenuWidget = function HierarchicalMenuWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(HierarchicalMenu$1, props));
 };
 
-connectHierarchicalMenu(HierarchicalMenuWidget);
+connectHierarchicalMenu(HierarchicalMenuWidget, {
+  $$widgetType: 'ais.hierarchicalMenu'
+});
 
 var Highlight$2 = function Highlight(_ref) {
   var cx = _ref.cx,
@@ -12033,7 +12297,9 @@ var Highlight$1 = function Highlight(props) {
  * );
  */
 
-var Highlight = connectHighlight(Highlight$1);
+var Highlight = connectHighlight(Highlight$1, {
+  $$widgetType: 'ais.highlight'
+});
 
 var cx$i = createClassNames('Hits');
 
@@ -12111,7 +12377,9 @@ Hits$1.propTypes = {
  * );
  */
 
-var Hits = connectHits(Hits$1);
+var Hits = connectHits(Hits$1, {
+  $$widgetType: 'ais.hits'
+});
 
 function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12278,7 +12546,9 @@ _defineProperty(HitsPerPage, "defaultProps", {
  * );
  */
 
-connectHitsPerPage(HitsPerPage);
+connectHitsPerPage(HitsPerPage, {
+  $$widgetType: 'ais.hitsPerPage'
+});
 
 function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12407,7 +12677,9 @@ var InfiniteHits$1 = translatable({
  * );
  */
 
-connectInfiniteHits(InfiniteHits$1);
+connectInfiniteHits(InfiniteHits$1, {
+  $$widgetType: 'ais.infiniteHits'
+});
 
 function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12583,7 +12855,9 @@ var MenuWidget = function MenuWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(Menu$1, props));
 };
 
-connectMenu(MenuWidget);
+connectMenu(MenuWidget, {
+  $$widgetType: 'ais.menu'
+});
 
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12722,11 +12996,13 @@ var MenuSelectWidget = function MenuSelectWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(MenuSelect$1, props));
 };
 
-connectMenu(MenuSelectWidget);
+connectMenu(MenuSelectWidget, {
+  $$widgetType: 'ais.menuSelect'
+});
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12867,7 +13143,9 @@ var NumericMenuWidget = function NumericMenuWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(NumericMenu$1, props));
 };
 
-connectNumericMenu(NumericMenuWidget);
+connectNumericMenu(NumericMenuWidget, {
+  $$widgetType: 'ais.numericMenu'
+});
 
 function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13196,7 +13474,9 @@ var PaginationWidget = function PaginationWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(Pagination$2, props));
 };
 
-var Pagination = connectPagination(PaginationWidget);
+var Pagination = connectPagination(PaginationWidget, {
+  $$widgetType: 'ais.pagination'
+});
 
 function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13205,35 +13485,13 @@ var cx$b = createClassNames('PoweredBy');
 
 var AlgoliaLogo = function AlgoliaLogo() {
   return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    baseProfile: "basic",
-    viewBox: "0 0 1366 362",
-    width: "100",
+    viewBox: "0 0 512 117",
+    width: "118",
     height: "27",
     className: cx$b('logo')
-  }, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
-    id: "g",
-    x1: "428.258",
-    x2: "434.145",
-    y1: "404.15",
-    y2: "409.85",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "matrix(94.045 0 0 -94.072 -40381.527 38479.52)"
-  }, /*#__PURE__*/React__default["default"].createElement("stop", {
-    offset: "0",
-    stopColor: "#00AEFF"
-  }), /*#__PURE__*/React__default["default"].createElement("stop", {
-    offset: "1",
-    stopColor: "#3369E7"
-  })), /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M61.8 15.4h242.8c23.9 0 43.4 19.4 43.4 43.4v242.9c0 23.9-19.4 43.4-43.4 43.4H61.8c-23.9 0-43.4-19.4-43.4-43.4v-243c0-23.9 19.4-43.3 43.4-43.3z",
-    fill: "url(#g)"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M187 98.7c-51.4 0-93.1 41.7-93.1 93.2S135.6 285 187 285s93.1-41.7 93.1-93.2-41.6-93.1-93.1-93.1zm0 158.8c-36.2 0-65.6-29.4-65.6-65.6s29.4-65.6 65.6-65.6 65.6 29.4 65.6 65.6-29.3 65.6-65.6 65.6zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7-9-15.8-25.7-26.6-45-27.3-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7c-5.6-5.6-14.6-5.6-20.2 0l-6.8 6.8c-5.6 5.6-5.6 14.6 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2 3.3-4.5 6.9-8.8 10.9-12.8 4.1-4.1 8.3-7.7 12.9-11 1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9 9.3-2.7 19.1-4.1 29-4.1 9.5 0 18.9 1.3 28 3.8 1.2.3 2.4-.6 2.4-1.9z",
-    fill: "#FFFFFF"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8-6.3 1.9-13.6 2.9-21.8 2.9-10.8 0-20.6-1.7-29.5-5.1-8.9-3.4-16.6-8.4-22.9-15-6.3-6.6-11.3-14.9-14.8-24.8s-5.3-27.6-5.3-40.6c0-12.2 1.9-27.5 5.6-37.7 3.8-10.2 9.2-19 16.5-26.3 7.2-7.3 16-12.9 26.3-17s22.4-6.7 35.5-6.7c12.7 0 24.4 1.6 35.8 3.5 11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2 7.2 7.6 16.5 11.4 27.9 11.4 6.2 0 12.1-.9 17.6-2.6 5.5-1.7 9.9-3.7 13.4-6.1v-97.1c-2.8-.6-14.5-3-25.8-3.3-14.2-.4-25 5.4-32.6 14.7-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6c-7.7-.1-23-2.3-32.9-6.6-9.9-4.3-18.4-10.2-25.5-17.9-7.1-7.7-12.6-17-16.6-27.9s-6-20.9-6-34.1c0-13.2 1.8-25.9 5.8-36.7 4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2c10 4.2 18.6 10.1 25.6 17.8 7.1 7.7 12.6 16.9 16.6 27.7 4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8-7.2-9.9-17.3-14.8-30.2-14.8-12.9 0-23 4.9-30.2 14.8-7.2 9.9-10.7 23.9-10.7 40.8 0 17.1 3.6 28.6 10.8 38.5 7.2 10 17.3 14.9 30.2 14.9 12.9 0 23-5 30.2-14.9 7.2-10 10.8-21.4 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5c13.1 0 23.8-10.6 23.8-23.7S1177.6 36 1164.4 36s-23.8 10.6-23.8 23.7 10.7 23.7 23.8 23.7zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7c2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8s9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3c-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1s19.5-2.6 30.3-2.6zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18 5.9 3.6 13.7 5.3 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4 5.3 5.8 8.9 13.5 11.1 21.7 2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6-12.2 1.8-25.9 2.7-41.1 2.7-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8 4.7.5 9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2-4.4-1.7-10-3-16.7-3-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z",
-    fill: "#182359"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    fill: "#003DFF",
+    d: "M249.5 64.2V1.4c0-.9-.7-1.5-1.6-1.4L236.2 2a1.4 1.4 0 0 0-1.2 1.3V67c0 3 0 21.6 22.4 22.3a1.4 1.4 0 0 0 1.5-1.4v-9.5c0-.7-.6-1.3-1.2-1.4-8.2-.9-8.2-11-8.2-12.7ZM443.5 24.4h-11.8c-.8 0-1.4.6-1.4 1.4v62c0 .8.6 1.4 1.4 1.4h11.8c.8 0 1.4-.6 1.4-1.4v-62c0-.8-.6-1.4-1.4-1.4ZM431.7 16.6h11.8c.8 0 1.4-.6 1.4-1.3v-14c0-.8-.7-1.4-1.6-1.3L431.5 2a1.4 1.4 0 0 0-1.2 1.3v12c0 .8.6 1.4 1.4 1.4Zm-20.5 47.6V1.4c0-.9-.7-1.5-1.5-1.4L397.9 2a1.4 1.4 0 0 0-1.2 1.3V67c0 3 0 21.6 22.4 22.3a1.4 1.4 0 0 0 1.5-1.4v-9.5c0-.7-.5-1.3-1.2-1.4-8.2-.9-8.2-11-8.2-12.7Zm-30.7-31c-2.6-2.8-5.8-5-9.6-6.5a31.7 31.7 0 0 0-12-2.3c-4.5 0-8.5.7-12.2 2.3A27.9 27.9 0 0 0 331 43.5a39.6 39.6 0 0 0 0 26.3c1.5 4 3.6 7.5 6.2 10.3 2.6 2.9 5.8 5 9.5 6.7a38 38 0 0 0 12.2 2.4c2.8 0 8.6-.9 12.3-2.4a27 27 0 0 0 9.5-6.7 35.1 35.1 0 0 0 8.3-23c0-4.9-.8-9.6-2.4-13.6-1.5-4-3.5-7.4-6.1-10.2ZM370 71.5a13.1 13.1 0 0 1-11.2 5.6 13 13 0 0 1-11.2-5.6c-2.7-3.6-4-7.9-4-14.2 0-6.3 1.3-11.5 4-15.1a13 13 0 0 1 11.1-5.5 13 13 0 0 1 11.3 5.5c2.6 3.6 4 8.8 4 15 0 6.4-1.3 10.6-4 14.3Zm-161.6-47H197a32 32 0 0 0-27 15 33.8 33.8 0 0 0 8.9 45.9 18.8 18.8 0 0 0 11.2 3.1H191.2l.6-.2h.2a21 21 0 0 0 16.5-14.6V87c0 .8.6 1.4 1.4 1.4h11.7c.8 0 1.4-.6 1.4-1.4V25.8c0-.8-.6-1.4-1.4-1.4h-13Zm0 48.3a17.8 17.8 0 0 1-10.4 3.5h-.2a12.5 12.5 0 0 1-.7 0A18.4 18.4 0 0 1 180.4 51c2.7-6.8 9-11.6 16.6-11.6h11.5v33.3Zm289-48.3H486a32 32 0 0 0-27 15 33.8 33.8 0 0 0 8.8 45.9 18.8 18.8 0 0 0 11.3 3.1h1.1l.6-.2h.2a21 21 0 0 0 16.5-14.6V87c0 .8.6 1.4 1.4 1.4h11.7c.8 0 1.4-.6 1.4-1.4V25.8c0-.8-.6-1.4-1.4-1.4h-13.1Zm0 48.3a17.8 17.8 0 0 1-10.5 3.5h-.9A18.4 18.4 0 0 1 469.4 51c2.6-6.8 9-11.6 16.6-11.6h11.5v33.3ZM306.3 24.4h-11.5a32 32 0 0 0-27 15 33.7 33.7 0 0 0-5.1 14.6 34.6 34.6 0 0 0 0 7.6c1 8.9 5.4 16.7 11.8 22a19.5 19.5 0 0 0 2.2 1.7 18.8 18.8 0 0 0 21.6-.6c3.8-2.7 6.7-6.7 8-11.1V87.9c0 5-1.3 8.9-4 11.5-2.7 2.6-7.3 3.9-13.6 3.9-2.6 0-6.7-.2-10.9-.6a1.4 1.4 0 0 0-1.4 1l-3 10a1.4 1.4 0 0 0 1.1 1.8c5 .7 10 1 12.8 1 11.4 0 19.8-2.4 25.3-7.4 5-4.6 7.8-11.4 8.2-20.7V25.8c0-.8-.6-1.4-1.3-1.4h-13.2Zm0 15s.2 32.4 0 33.4a17.5 17.5 0 0 1-10 3.4h-.2a13.6 13.6 0 0 1-1.7 0A18.7 18.7 0 0 1 278.3 51c2.6-6.8 9-11.6 16.5-11.6h11.5ZM58.2 0A58.3 58.3 0 1 0 86 109.5c.9-.5 1-1.6.3-2.2l-5.5-4.9a3.8 3.8 0 0 0-4-.6A47 47 0 0 1 11 57.5 47.3 47.3 0 0 1 58.2 11h47.3v84L78.7 71.2a2 2 0 0 0-3 .3 22 22 0 1 1 4.4-15.2 4 4 0 0 0 1.3 2.6l7 6.2c.8.7 2 .3 2.3-.8a33 33 0 0 0-30.4-39 33 33 0 0 0-35 32 33.3 33.3 0 0 0 32.2 33.9 32.8 32.8 0 0 0 20-6.3l35.1 31c1.5 1.4 3.9.3 3.9-1.7V2.2a2.2 2.2 0 0 0-2.2-2.2h-56Z"
   }));
 };
 
@@ -13313,7 +13571,9 @@ var PoweredBy$1 = translatable({
  * );
  */
 
-connectPoweredBy(PoweredBy$1);
+connectPoweredBy(PoweredBy$1, {
+  $$widgetType: 'ais.poweredBy'
+});
 
 function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13512,11 +13772,13 @@ var RangeInputWidget = function RangeInputWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(RangeInput, props));
 };
 
-connectRange(RangeInputWidget);
+connectRange(RangeInputWidget, {
+  $$widgetType: 'ais.rangeInput'
+});
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13762,7 +14024,9 @@ var RatingMenuWidget = function RatingMenuWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(RatingMenu$1, props));
 };
 
-connectRange(RatingMenuWidget);
+connectRange(RatingMenuWidget, {
+  $$widgetType: 'ais.ratingMenu'
+});
 
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13948,7 +14212,9 @@ var RefinementListWidget = function RefinementListWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(RefinementList$2, props));
 };
 
-var RefinementList = connectRefinementList(RefinementListWidget);
+var RefinementList = connectRefinementList(RefinementListWidget, {
+  $$widgetType: 'ais.refinementList'
+});
 
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -14031,7 +14297,9 @@ _defineProperty(ScrollTo, "propTypes", {
  * );
  */
 
-connectScrollTo(ScrollTo);
+connectScrollTo(ScrollTo, {
+  $$widgetType: 'ais.scrollTo'
+});
 
 /**
  * The SearchBox component displays a search box that lets the user search for a specific query.
@@ -14081,7 +14349,9 @@ connectScrollTo(ScrollTo);
  * );
  */
 
-var SearchBox = connectSearchBox(SearchBox$2);
+var SearchBox = connectSearchBox(SearchBox$2, {
+  $$widgetType: 'ais.searchBox'
+});
 
 var cx$6 = createClassNames('Snippet');
 
@@ -14136,7 +14406,9 @@ var Snippet = function Snippet(props) {
  * );
  */
 
-connectHighlight(Snippet);
+connectHighlight(Snippet, {
+  $$widgetType: 'ais.snippet'
+});
 
 var cx$5 = createClassNames('RelevantSort');
 
@@ -14179,7 +14451,9 @@ RelevantSort.propTypes = {
   textComponent: PropTypes__default["default"].func
 };
 
-connectRelevantSort(RelevantSort);
+connectRelevantSort(RelevantSort, {
+  $$widgetType: 'ais.relevantSort'
+});
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -14276,7 +14550,9 @@ _defineProperty(SortBy, "defaultProps", {
  * );
  */
 
-connectSortBy(SortBy);
+connectSortBy(SortBy, {
+  $$widgetType: 'ais.sortBy'
+});
 
 var cx$3 = createClassNames('Stats');
 
@@ -14337,7 +14613,9 @@ var Stats$1 = translatable({
  * );
  */
 
-connectStats(Stats$1);
+connectStats(Stats$1, {
+  $$widgetType: 'ais.stats'
+});
 
 var cx$2 = createClassNames('ToggleRefinement');
 
@@ -14417,11 +14695,13 @@ ToggleRefinement.defaultProps = {
  * );
  */
 
-connectToggleRefinement(ToggleRefinement);
+connectToggleRefinement(ToggleRefinement, {
+  $$widgetType: 'ais.toggleRefinement'
+});
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // copied from https://github.com/algolia/instantsearch.js/blob/688e36a67bb4c63d008d8abc02257a7b7c04e513/src/lib/voiceSearchHelper/index.ts
 // #region wrong SpeechRecognition-related types
@@ -14753,7 +15033,9 @@ var VoiceSearch$1 = translatable({
   disabledButtonTitle: 'Search by voice (not supported on this browser)'
 })(VoiceSearch);
 
-connectVoiceSearch(VoiceSearch$1);
+connectVoiceSearch(VoiceSearch$1, {
+  $$widgetType: 'ais.voiceSearch'
+});
 
 var cx = createClassNames('QueryRuleCustomData');
 
@@ -14778,7 +15060,9 @@ var QueryRuleCustomDataWidget = function QueryRuleCustomDataWidget(props) {
   return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(QueryRuleCustomData, props));
 };
 
-connectQueryRules(QueryRuleCustomDataWidget);
+connectQueryRules(QueryRuleCustomDataWidget, {
+  $$widgetType: 'ais.queryRuleCustomData'
+});
 
 var HitComponent = function HitComponent(hits, props) {
   var propsObj = {
@@ -14850,7 +15134,7 @@ var imageDiv = function imageDiv(hit, styles, client, siteType, defaultImage, va
           index$1.LazyLoad,
           { once: true },
           React__default["default"].createElement('img', {
-            src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof$2._typeof(hit.thumbnail === 'string') ? hit.thumbnail : defaultImage
+            src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof$1._typeof(hit.thumbnail === 'string') ? hit.thumbnail : defaultImage
           })
         )
       )