@mjhls/mjh-framework 1.0.1081 → 1.0.1082-404-v4

package/dist/esm/AlgoliaSearch.js

@@ -1,13 +1,12 @@
 import { _ as _extends$1 } from './extends-2f4448b8.js';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-96c84cbd.js';
-import { _ as _typeof$2 } from './typeof-3ab7d3b6.js';
+import { _ as _typeof$1 } from './typeof-3ab7d3b6.js';
 import React__default, { createContext, Component, Fragment, Children, version as version$2 } from 'react';
 import PropTypes from 'prop-types';
-import { _ as _typeof$1 } from './typeof-2f07d0e8.js';
-import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-98ca9cec.js';
+import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-c8d5e72b.js';
 import { DropdownButton } from 'react-bootstrap';
 import urlFor from './urlFor.js';
-import { m as moment } from './moment-bc12cb97.js';
+import { m as moment } from './moment-48faeb9c.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
@@ -58,6 +57,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -81,11 +83,24 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
 function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof$1(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");
@@ -95,7 +110,7 @@ function _possibleConstructorReturn(self, call) {
 }
 
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
@@ -251,25 +266,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) {
@@ -415,6 +414,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__*/createContext({
   onInternalStateUpdate: function onInternalStateUpdate() {
@@ -445,9 +447,9 @@ var _createContext$1 = /*#__PURE__*/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); }; }
 
@@ -470,6 +472,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);
 
@@ -529,7 +533,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;
@@ -690,6 +694,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);
@@ -701,8 +709,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.createElement(InstantSearchConsumer, null, function (contextValue) {
@@ -819,7 +827,7 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.17.0';
+var version$1 = '6.33.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); }; }
 
@@ -830,6 +838,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];
 
@@ -900,9 +909,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;
 }
@@ -1138,9 +1147,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';
@@ -1148,6 +1157,7 @@ function getId$f() {
 
 var connectConfigure = createConnectorWithContext({
   displayName: 'AlgoliaConfigure',
+  $$type: 'ais.configure',
   getProvidedProps: function getProvidedProps() {
     return {};
   },
@@ -1245,6 +1255,8 @@ var connectConfigure = createConnectorWithContext({
 
 var Configure = connectConfigure(function Configure() {
   return null;
+}, {
+  $$widgetType: 'ais.configure'
 });
 
 function _arrayLikeToArray(arr, len) {
@@ -3229,12 +3241,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];
@@ -3280,6 +3324,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
     });
@@ -3355,7 +3400,7 @@ function generateHierarchicalTree(
             facetCount,
             facetValue,
             hierarchicalSeparator,
-            currentRefinement,
+            unescapeFacetValue$1(currentRefinement),
             hierarchicalFacetResult.exhaustive
           );
         }),
@@ -3418,6 +3463,7 @@ function format(
   return {
     name: parts[parts.length - 1].trim(),
     path: facetValue,
+    escapedValue: escapeFacetValue$2(facetValue),
     count: facetCount,
     isRefined:
       currentRefinement === facetValue ||
@@ -3427,6 +3473,11 @@ function format(
   };
 }
 
+var escapeFacetValue$1 = escapeFacetValue_1.escapeFacetValue;
+var unescapeFacetValue = escapeFacetValue_1.unescapeFacetValue;
+
+
+
 /**
  * @typedef SearchResults.Facet
  * @type {object}
@@ -3641,7 +3692,7 @@ function findMatchingHierarchicalFacetFromAttributeName(
 }
  **/
 /*eslint-enable */
-function SearchResults(state, results) {
+function SearchResults(state, results, options) {
   var mainSubResponse = results[0];
 
   this._rawResults = results;
@@ -3653,6 +3704,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
@@ -3920,7 +3976,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;
             }
           });
@@ -3930,7 +3986,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);
@@ -3942,47 +3998,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
@@ -4052,10 +4110,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)
       };
     });
@@ -4064,10 +4124,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)) {
@@ -4782,6 +4844,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
@@ -4806,18 +4879,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});
         });
       }
     });
@@ -4852,7 +4974,7 @@ var requestBuilder = {
       additionalParams.numericFilters = numericFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -4867,16 +4989,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) {
@@ -4897,7 +5019,7 @@ var requestBuilder = {
       additionalParams.facetFilters = facetFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -5090,17 +5212,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
@@ -5418,20 +5542,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,
@@ -5439,10 +5594,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');
@@ -5450,9 +5601,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;
@@ -6620,9 +6772,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,
@@ -6685,6 +6837,7 @@ function getSearchParametersFromProps(props) {
 
 var connectConfigureRelatedItems = createConnectorWithContext({
   displayName: 'AlgoliaConfigureRelatedItems',
+  $$type: 'ais.configureRelatedItems',
   defaultProps: defaultProps$1,
   getProvidedProps: function getProvidedProps() {
     return {};
@@ -6750,17 +6903,24 @@ ConfigureRelatedItems.propTypes = {
   matchingPatterns: PropTypes.object.isRequired,
   transformSearchParameters: PropTypes.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.func
+    transformItems: PropTypes.func,
+    facets: PropTypes.arrayOf(PropTypes.string),
+    maxValuesPerFacet: PropTypes.number
   },
   getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
     var results = getResults(searchResults, {
@@ -6768,6 +6928,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: []
@@ -6775,29 +6939,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.Children.only(component.props.children));
+  if (element.props.children) {
+    return getAttribute(React__default.Children.only(element.props.children));
   }
 
   return undefined;
@@ -6831,7 +7018,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
@@ -6908,6 +7097,7 @@ var defaultProps = {
 };
 var connectQueryRules = createConnectorWithContext({
   displayName: 'AlgoliaQueryRules',
+  $$type: 'ais.queryRules',
   defaultProps: defaultProps,
   getProvidedProps: function getProvidedProps(props, _1, searchResults) {
     var results = getResults(searchResults, {
@@ -6964,6 +7154,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); }; }
@@ -7027,7 +7219,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;
   }
@@ -7089,6 +7281,10 @@ _defineProperty(Index, "propTypes", {
 
 _defineProperty(Index, "displayName", 'AlgoliaIndex');
 
+_defineProperty(Index, "$$type", 'ais.index');
+
+_defineProperty(Index, "$$widgetType", 'ais.index');
+
 ({
   indexName: PropTypes.string.isRequired,
   indexId: PropTypes.string
@@ -7154,9 +7350,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') {
@@ -7250,6 +7446,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({
@@ -7335,12 +7532,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.
@@ -7376,6 +7574,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
@@ -7405,7 +7604,7 @@ function createInstantSearchManager(_ref) {
       store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
         results: results,
         isSearchStalled: nextIsSearchStalled,
-        searching: false,
+        searching: searchCounter > 0,
         error: null
       }));
     };
@@ -7730,6 +7929,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;
       })
@@ -7751,9 +7952,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); }; }
 
@@ -7904,7 +8105,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 : {};
 
@@ -7919,7 +8120,8 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
           getMetadata: getMetadata,
           context: context,
           props: props,
-          searchState: _searchState2
+          searchState: _searchState2,
+          displayName: displayName
         });
       }
     }
@@ -8011,9 +8213,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) {
@@ -8064,6 +8266,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) {
@@ -8109,9 +8312,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
@@ -8127,6 +8330,7 @@ function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) {
 
 var connectCurrentRefinements = createConnectorWithContext({
   displayName: 'AlgoliaCurrentRefinements',
+  $$type: 'ais.currentRefinements',
   propTypes: {
     transformItems: PropTypes.func
   },
@@ -8168,9 +8372,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];
 };
@@ -8186,7 +8390,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,
@@ -8196,7 +8400,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: [{
@@ -8207,7 +8411,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;
@@ -8217,7 +8421,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)
@@ -8257,7 +8461,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
@@ -8298,6 +8502,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) {
@@ -8422,7 +8627,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, '', {
@@ -8513,6 +8718,7 @@ var highlight = function highlight(_ref) {
 
 var connectHighlight = createConnectorWithContext({
   displayName: 'AlgoliaHighlighter',
+  $$type: 'ais.highlighter',
   propTypes: {},
   getProvidedProps: function getProvidedProps() {
     return {
@@ -8567,6 +8773,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,
@@ -8602,9 +8809,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';
@@ -8637,6 +8844,7 @@ function getCurrentRefinement$a(props, searchState, context) {
 
 var connectHitsPerPage = createConnectorWithContext({
   displayName: 'AlgoliaHitsPerPage',
+  $$type: 'ais.hitsPerPage',
   propTypes: {
     defaultRefinement: PropTypes.number.isRequired,
     items: PropTypes.arrayOf(PropTypes.shape({
@@ -8756,6 +8964,7 @@ function extractHitsFromCachedHits(cachedHits) {
 
 var connectInfiniteHits = createConnectorWithContext({
   displayName: 'AlgoliaInfiniteHits',
+  $$type: 'ais.infiniteHits',
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var _this = this;
 
@@ -8857,9 +9066,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) {
@@ -8906,6 +9115,7 @@ var defaultSortBy = ['count:desc', 'name:asc'];
 
 var connectMenu = createConnectorWithContext({
   displayName: 'AlgoliaMenu',
+  $$type: 'ais.menu',
   propTypes: {
     attribute: PropTypes.string.isRequired,
     showMore: PropTypes.bool,
@@ -8957,7 +9167,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
           }),
@@ -8977,7 +9187,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
           }),
@@ -9048,7 +9258,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, '', {
@@ -9144,11 +9354,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) {
@@ -9189,6 +9399,7 @@ function _cleanUp$5(props, searchState, context) {
 
 var connectNumericMenu = createConnectorWithContext({
   displayName: 'AlgoliaNumericMenu',
+  $$type: 'ais.numericMenu',
   propTypes: {
     id: PropTypes.string,
     attribute: PropTypes.string.isRequired,
@@ -9360,6 +9571,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,
@@ -9415,6 +9627,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';
@@ -9588,6 +9801,7 @@ function _cleanUp$4(props, searchState, context) {
 
 var connectRange = createConnectorWithContext({
   displayName: 'AlgoliaRange',
+  $$type: 'ais.range',
   propTypes: {
     id: PropTypes.string,
     attribute: PropTypes.string.isRequired,
@@ -9757,12 +9971,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;
@@ -9821,6 +10035,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.string,
     attribute: PropTypes.string.isRequired,
@@ -9872,7 +10087,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
         }),
@@ -9890,7 +10105,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
         }),
@@ -9963,7 +10178,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;
@@ -9989,6 +10204,7 @@ var connectRefinementList = createConnectorWithContext({
 
 var connectScrollTo = createConnectorWithContext({
   displayName: 'AlgoliaScrollTo',
+  $$type: 'ais.scrollTo',
   propTypes: {
     scrollOn: PropTypes.string
   },
@@ -10078,6 +10294,7 @@ function _cleanUp$2(props, searchState, context) {
 
 var connectSearchBox = createConnectorWithContext({
   displayName: 'AlgoliaSearchBox',
+  $$type: 'ais.searchBox',
   propTypes: {
     defaultRefinement: PropTypes.string
   },
@@ -10146,6 +10363,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,
@@ -10181,9 +10399,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';
@@ -10218,6 +10436,7 @@ function getCurrentRefinement$1(props, searchState, context) {
 
 var connectSortBy = createConnectorWithContext({
   displayName: 'AlgoliaSortBy',
+  $$type: 'ais.sortBy',
   propTypes: {
     defaultRefinement: PropTypes.string,
     items: PropTypes.arrayOf(PropTypes.shape({
@@ -10286,6 +10505,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,
@@ -10357,6 +10577,7 @@ function _cleanUp$1(props, searchState, context) {
 
 var connectToggleRefinement = createConnectorWithContext({
   displayName: 'AlgoliaToggle',
+  $$type: 'ais.toggle',
   propTypes: {
     label: PropTypes.string.isRequired,
     attribute: PropTypes.string.isRequired,
@@ -10464,9 +10685,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';
@@ -10525,6 +10746,7 @@ function _cleanUp(props, searchState, context) {
 
 var connectVoiceSearch = createConnectorWithContext({
   displayName: 'AlgoliaVoiceSearch',
+  $$type: 'ais.voiceSearch',
   propTypes: {
     defaultRefinement: PropTypes.string
   },
@@ -11007,7 +11229,9 @@ var BreadcrumbWidget = function BreadcrumbWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -11103,7 +11327,9 @@ var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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) {
@@ -11211,11 +11437,13 @@ var CurrentRefinementsWidget = function CurrentRefinementsWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -11804,7 +12032,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
@@ -11889,7 +12117,9 @@ var HierarchicalMenuWidget = function HierarchicalMenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(HierarchicalMenu$1, props));
 };
 
-connectHierarchicalMenu(HierarchicalMenuWidget);
+connectHierarchicalMenu(HierarchicalMenuWidget, {
+  $$widgetType: 'ais.hierarchicalMenu'
+});
 
 var Highlight$2 = function Highlight(_ref) {
   var cx = _ref.cx,
@@ -12026,7 +12256,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');
 
@@ -12104,7 +12336,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); }; }
 
@@ -12271,7 +12505,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); }; }
 
@@ -12400,7 +12636,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); }; }
 
@@ -12576,7 +12814,9 @@ var MenuWidget = function MenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -12715,11 +12955,13 @@ var MenuSelectWidget = function MenuSelectWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -12860,7 +13102,9 @@ var NumericMenuWidget = function NumericMenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -13189,7 +13433,9 @@ var PaginationWidget = function PaginationWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -13306,7 +13552,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); }; }
 
@@ -13505,11 +13753,13 @@ var RangeInputWidget = function RangeInputWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -13755,7 +14005,9 @@ var RatingMenuWidget = function RatingMenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -13941,7 +14193,9 @@ var RefinementListWidget = function RefinementListWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__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); }; }
 
@@ -14024,7 +14278,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.
@@ -14074,7 +14330,9 @@ connectScrollTo(ScrollTo);
  * );
  */
 
-var SearchBox = connectSearchBox(SearchBox$2);
+var SearchBox = connectSearchBox(SearchBox$2, {
+  $$widgetType: 'ais.searchBox'
+});
 
 var cx$6 = createClassNames('Snippet');
 
@@ -14129,7 +14387,9 @@ var Snippet = function Snippet(props) {
  * );
  */
 
-connectHighlight(Snippet);
+connectHighlight(Snippet, {
+  $$widgetType: 'ais.snippet'
+});
 
 var cx$5 = createClassNames('RelevantSort');
 
@@ -14172,7 +14432,9 @@ RelevantSort.propTypes = {
   textComponent: PropTypes.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); }; }
 
@@ -14269,7 +14531,9 @@ _defineProperty(SortBy, "defaultProps", {
  * );
  */
 
-connectSortBy(SortBy);
+connectSortBy(SortBy, {
+  $$widgetType: 'ais.sortBy'
+});
 
 var cx$3 = createClassNames('Stats');
 
@@ -14330,7 +14594,9 @@ var Stats$1 = translatable({
  * );
  */
 
-connectStats(Stats$1);
+connectStats(Stats$1, {
+  $$widgetType: 'ais.stats'
+});
 
 var cx$2 = createClassNames('ToggleRefinement');
 
@@ -14410,11 +14676,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
@@ -14746,7 +15014,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');
 
@@ -14771,7 +15041,9 @@ var QueryRuleCustomDataWidget = function QueryRuleCustomDataWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(QueryRuleCustomData, props));
 };
 
-connectQueryRules(QueryRuleCustomDataWidget);
+connectQueryRules(QueryRuleCustomDataWidget, {
+  $$widgetType: 'ais.queryRuleCustomData'
+});
 
 var HitComponent = function HitComponent(hits, props) {
   var propsObj = {
@@ -14843,7 +15115,7 @@ var imageDiv = function imageDiv(hit, styles, client, siteType, defaultImage, va
           LazyLoad,
           { once: true },
           React__default.createElement('img', {
-            src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof$2(hit.thumbnail === 'string') ? hit.thumbnail : defaultImage
+            src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof$1(hit.thumbnail === 'string') ? hit.thumbnail : defaultImage
           })
         )
       )