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

package/dist/esm/AlgoliaSearch.js

@@ -1,14 +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 { E as EventEmitter } from './events-6c3a7a63.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';
@@ -40,40 +38,6 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? Object(arguments[i]) : {};
-    var ownKeys = Object.keys(source);
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-
-    ownKeys.forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    });
-  }
-
-  return target;
-}
-
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -93,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;
 }
 
@@ -104,34 +71,64 @@ function _assertThisInitialized(self) {
   return self;
 }
 
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      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");
   }
 
   return _assertThisInitialized(self);
 }
 
 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);
 }
 
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
+  return obj;
 }
 
 /* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
@@ -269,21 +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;
-    };
-  }
+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; }
 
-  return _typeof(obj);
-}
+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) {
@@ -349,7 +334,7 @@ var removeEmptyArraysFromObject = function removeEmptyArraysFromObject(obj) {
 };
 function addAbsolutePositions(hits, hitsPerPage, page) {
   return hits.map(function (hit, index) {
-    return _objectSpread({}, hit, {
+    return _objectSpread$f(_objectSpread$f({}, hit), {}, {
       __position: hitsPerPage * page + index + 1
     });
   });
@@ -360,7 +345,7 @@ function addQueryID(hits, queryID) {
   }
 
   return hits.map(function (hit) {
-    return _objectSpread({}, hit, {
+    return _objectSpread$f(_objectSpread$f({}, hit), {}, {
       __queryID: queryID
     });
   });
@@ -429,8 +414,11 @@ 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 = createContext({
+var instantSearchContext = /*#__PURE__*/createContext({
   onInternalStateUpdate: function onInternalStateUpdate() {
     return undefined;
   },
@@ -453,10 +441,20 @@ var instantSearchContext = createContext({
 var InstantSearchConsumer = instantSearchContext.Consumer,
     InstantSearchProvider = instantSearchContext.Provider;
 
-var _createContext$1 = createContext(undefined),
+var _createContext$1 = /*#__PURE__*/createContext(undefined),
     IndexConsumer = _createContext$1.Consumer,
     IndexProvider = _createContext$1.Provider;
 
+var _excluded$4 = ["contextValue"];
+
+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 = 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); }; }
+
+function _isNativeReflectConstruct$q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 /**
  * Connectors are the HOC used to transform React components
  * into InstantSearch widgets.
@@ -474,17 +472,19 @@ function createConnectorWithoutContext(connectorDesc) {
 
   var isWidget = typeof connectorDesc.getSearchParameters === 'function' || typeof connectorDesc.getMetadata === 'function' || typeof connectorDesc.transitionState === 'function';
   return function (Composed) {
-    var Connector =
-    /*#__PURE__*/
-    function (_Component) {
+    var additionalWidgetProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var Connector = /*#__PURE__*/function (_Component) {
       _inherits(Connector, _Component);
 
+      var _super = _createSuper$q(Connector);
+
       function Connector(props) {
         var _this;
 
         _classCallCheck(this, Connector);
 
-        _this = _possibleConstructorReturn(this, _getPrototypeOf(Connector).call(this, props));
+        _this = _super.call(this, props);
 
         _defineProperty(_assertThisInitialized(_this), "unsubscribe", void 0);
 
@@ -533,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;
@@ -606,7 +606,7 @@ function createConnectorWithoutContext(connectorDesc) {
 
             if (typeof connectorDesc.cleanUp === 'function') {
               var nextState = connectorDesc.cleanUp.call(this, this.props, this.props.contextValue.store.getState().widgets);
-              this.props.contextValue.store.setState(_objectSpread({}, this.props.contextValue.store.getState(), {
+              this.props.contextValue.store.setState(_objectSpread$e(_objectSpread$e({}, this.props.contextValue.store.getState()), {}, {
                 widgets: nextState
               }));
               this.props.contextValue.onSearchStateChange(removeEmptyKey(nextState));
@@ -670,7 +670,7 @@ function createConnectorWithoutContext(connectorDesc) {
         value: function render() {
           var _this$props = this.props;
               _this$props.contextValue;
-              var props = _objectWithoutProperties(_this$props, ["contextValue"]);
+              var props = _objectWithoutProperties(_this$props, _excluded$4);
 
           var providedProps = this.state.providedProps;
 
@@ -685,7 +685,7 @@ function createConnectorWithoutContext(connectorDesc) {
           var searchForFacetValuesProps = typeof connectorDesc.searchForFacetValues === 'function' ? {
             searchForItems: this.searchForFacetValues
           } : {};
-          return React__default.createElement(Composed, _extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
+          return /*#__PURE__*/React__default.createElement(Composed, _extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
         }
       }]);
 
@@ -694,22 +694,28 @@ 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);
 
+    _defineProperty(Connector, "_connectorDesc", connectorDesc);
+
     return Connector;
   };
 }
 
 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 React__default.createElement(InstantSearchConsumer, null, function (contextValue) {
-        return React__default.createElement(IndexConsumer, null, function (indexContextValue) {
-          return React__default.createElement(Connector, _extends({
+      return /*#__PURE__*/React__default.createElement(InstantSearchConsumer, null, function (contextValue) {
+        return /*#__PURE__*/React__default.createElement(IndexConsumer, null, function (indexContextValue) {
+          return /*#__PURE__*/React__default.createElement(Connector, _extends({
             contextValue: contextValue,
             indexContextValue: indexContextValue
           }, props));
@@ -821,13 +827,18 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.12.1';
+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); }; }
+
+function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var withKeysPropType = function withKeysPropType(keys) {
   return function (props, propName, componentName) {
     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];
 
@@ -843,14 +854,12 @@ var withKeysPropType = function withKeysPropType(keys) {
 
 function translatable(defaultTranslations) {
   return function (Composed) {
-    var Translatable =
-    /*#__PURE__*/
-    function (_Component) {
+    var Translatable = /*#__PURE__*/function (_Component) {
       _inherits(Translatable, _Component);
 
-      function Translatable() {
-        var _getPrototypeOf2;
+      var _super = _createSuper$p(Translatable);
 
+      function Translatable() {
         var _this;
 
         _classCallCheck(this, Translatable);
@@ -859,7 +868,7 @@ function translatable(defaultTranslations) {
           args[_key] = arguments[_key];
         }
 
-        _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Translatable)).call.apply(_getPrototypeOf2, [this].concat(args)));
+        _this = _super.call.apply(_super, [this].concat(args));
 
         _defineProperty(_assertThisInitialized(_this), "translate", function (key) {
           var translations = _this.props.translations;
@@ -882,7 +891,7 @@ function translatable(defaultTranslations) {
       _createClass(Translatable, [{
         key: "render",
         value: function render() {
-          return React__default.createElement(Composed, _extends({
+          return /*#__PURE__*/React__default.createElement(Composed, _extends({
             translate: this.translate
           }, this.props));
         }
@@ -900,6 +909,9 @@ function translatable(defaultTranslations) {
   };
 }
 
+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 = 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;
 }
@@ -924,8 +936,7 @@ function getResults(searchResults, context) {
 }
 function hasMultipleIndices(context) {
   return context && context.multiIndexContext;
-} // eslint-disable-next-line max-params
-
+}
 function refineValue(searchState, nextRefinement, context, resetPage, namespace) {
   if (hasMultipleIndices(context)) {
     var indexId = getIndexId(context);
@@ -956,8 +967,8 @@ function refineMultiIndex(searchState, nextRefinement, indexId, resetPage) {
   var page = resetPage ? {
     page: 1
   } : undefined;
-  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, searchState.indices[indexId], nextRefinement, page))) : _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, nextRefinement, page)));
-  return _objectSpread({}, searchState, {
+  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d(_objectSpread$d({}, searchState.indices[indexId]), nextRefinement), page))) : _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d({}, nextRefinement), page)));
+  return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
     indices: state
   });
 }
@@ -966,9 +977,8 @@ function refineSingleIndex(searchState, nextRefinement, resetPage) {
   var page = resetPage ? {
     page: 1
   } : undefined;
-  return _objectSpread({}, searchState, nextRefinement, page);
-} // eslint-disable-next-line max-params
-
+  return _objectSpread$d(_objectSpread$d(_objectSpread$d({}, searchState), nextRefinement), page);
+}
 
 function refineMultiIndexWithNamespace(searchState, nextRefinement, indexId, resetPage, namespace) {
   var _objectSpread4;
@@ -976,8 +986,8 @@ function refineMultiIndexWithNamespace(searchState, nextRefinement, indexId, res
   var page = resetPage ? {
     page: 1
   } : undefined;
-  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, searchState.indices[indexId], (_objectSpread4 = {}, _defineProperty(_objectSpread4, namespace, _objectSpread({}, searchState.indices[indexId][namespace], nextRefinement)), _defineProperty(_objectSpread4, "page", 1), _objectSpread4)))) : _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread(_defineProperty({}, namespace, nextRefinement), page)));
-  return _objectSpread({}, searchState, {
+  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d({}, searchState.indices[indexId]), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, namespace, _objectSpread$d(_objectSpread$d({}, searchState.indices[indexId][namespace]), nextRefinement)), _defineProperty(_objectSpread4, "page", 1), _objectSpread4)))) : _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_defineProperty({}, namespace, nextRefinement), page)));
+  return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
     indices: state
   });
 }
@@ -986,7 +996,7 @@ function refineSingleIndexWithNamespace(searchState, nextRefinement, resetPage,
   var page = resetPage ? {
     page: 1
   } : undefined;
-  return _objectSpread({}, searchState, _defineProperty({}, namespace, _objectSpread({}, searchState[namespace], nextRefinement)), page);
+  return _objectSpread$d(_objectSpread$d({}, searchState), {}, _defineProperty({}, namespace, _objectSpread$d(_objectSpread$d({}, searchState[namespace]), nextRefinement)), page);
 }
 
 function getNamespaceAndAttributeName(id) {
@@ -1105,7 +1115,7 @@ function cleanUpValueWithSingleIndex(_ref3) {
       attribute = _ref3.attribute;
 
   if (namespace) {
-    return _objectSpread({}, searchState, _defineProperty({}, namespace, omit$1(searchState[namespace], [attribute])));
+    return _objectSpread$d(_objectSpread$d({}, searchState), {}, _defineProperty({}, namespace, omit$1(searchState[namespace], [attribute])));
   }
 
   return omit$1(searchState, [id]);
@@ -1120,26 +1130,34 @@ function cleanUpValueWithMultiIndex(_ref4) {
   var indexSearchState = searchState.indices[indexId];
 
   if (namespace && indexSearchState) {
-    return _objectSpread({}, searchState, {
-      indices: _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, indexSearchState, _defineProperty({}, namespace, omit$1(indexSearchState[namespace], [attribute])))))
+    return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
+      indices: _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d({}, indexSearchState), {}, _defineProperty({}, namespace, omit$1(indexSearchState[namespace], [attribute])))))
     });
   }
 
   if (indexSearchState) {
-    return _objectSpread({}, searchState, {
-      indices: _objectSpread({}, searchState.indices, _defineProperty({}, indexId, omit$1(indexSearchState, [id])))
+    return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
+      indices: _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, omit$1(indexSearchState, [id])))
     });
   }
 
   return searchState;
 }
 
+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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(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';
 }
 
 var connectConfigure = createConnectorWithContext({
   displayName: 'AlgoliaConfigure',
+  $$type: 'ais.configure',
   getProvidedProps: function getProvidedProps() {
     return {};
   },
@@ -1147,7 +1165,7 @@ var connectConfigure = createConnectorWithContext({
     props.children;
         props.contextValue;
         props.indexContextValue;
-        var items = _objectWithoutProperties(props, ["children", "contextValue", "indexContextValue"]);
+        var items = _objectWithoutProperties(props, _excluded$3);
 
     return searchParameters.setQueryParameters(items);
   },
@@ -1157,7 +1175,7 @@ var connectConfigure = createConnectorWithContext({
     props.children;
         props.contextValue;
         props.indexContextValue;
-        var items = _objectWithoutProperties(props, ["children", "contextValue", "indexContextValue"]);
+        var items = _objectWithoutProperties(props, _excluded2$1);
 
     var propKeys = Object.keys(props);
     var nonPresentKeys = this._props ? Object.keys(this._props).filter(function (prop) {
@@ -1165,7 +1183,7 @@ var connectConfigure = createConnectorWithContext({
     }) : [];
     this._props = props;
 
-    var nextValue = _defineProperty({}, id, _objectSpread({}, omit$1(nextSearchState[id], nonPresentKeys), items));
+    var nextValue = _defineProperty({}, id, _objectSpread$c(_objectSpread$c({}, omit$1(nextSearchState[id], nonPresentKeys)), items));
 
     return refineValue(nextSearchState, nextValue, {
       ais: props.contextValue,
@@ -1237,6 +1255,8 @@ var connectConfigure = createConnectorWithContext({
 
 var Configure = connectConfigure(function Configure() {
   return null;
+}, {
+  $$widgetType: 'ais.configure'
 });
 
 function _arrayLikeToArray(arr, len) {
@@ -1295,7 +1315,10 @@ function _merge(target, source) {
   }
 
   for (var key in source) {
-    if (!Object.prototype.hasOwnProperty.call(source, key)) {
+    if (
+      !Object.prototype.hasOwnProperty.call(source, key) ||
+      key === '__proto__'
+    ) {
       continue;
     }
 
@@ -1306,7 +1329,10 @@ function _merge(target, source) {
       continue;
     }
 
-    if (isObjectOrArrayOrFunction(targetVal) && isObjectOrArrayOrFunction(sourceVal)) {
+    if (
+      isObjectOrArrayOrFunction(targetVal) &&
+      isObjectOrArrayOrFunction(sourceVal)
+    ) {
       target[key] = _merge(targetVal, sourceVal);
     } else {
       target[key] = clone(sourceVal);
@@ -2883,9 +2909,17 @@ SearchParameters.prototype = {
 
   managedParameters: [
     'index',
-    'facets', 'disjunctiveFacets', 'facetsRefinements',
-    'facetsExcludes', 'disjunctiveFacetsRefinements',
-    'numericRefinements', 'tagRefinements', 'hierarchicalFacets', 'hierarchicalFacetsRefinements'
+
+    'facets',
+    'disjunctiveFacets',
+    'facetsRefinements',
+    'hierarchicalFacets',
+    'facetsExcludes',
+
+    'disjunctiveFacetsRefinements',
+    'numericRefinements',
+    'tagRefinements',
+    'hierarchicalFacetsRefinements'
   ],
   getQueryParams: function getQueryParams() {
     var managedParameters = this.managedParameters;
@@ -3207,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];
@@ -3258,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
     });
@@ -3333,7 +3400,7 @@ function generateHierarchicalTree(
             facetCount,
             facetValue,
             hierarchicalSeparator,
-            currentRefinement,
+            unescapeFacetValue$1(currentRefinement),
             hierarchicalFacetResult.exhaustive
           );
         }),
@@ -3396,6 +3463,7 @@ function format(
   return {
     name: parts[parts.length - 1].trim(),
     path: facetValue,
+    escapedValue: escapeFacetValue$2(facetValue),
     count: facetCount,
     isRefined:
       currentRefinement === facetValue ||
@@ -3405,6 +3473,11 @@ function format(
   };
 }
 
+var escapeFacetValue$1 = escapeFacetValue_1.escapeFacetValue;
+var unescapeFacetValue = escapeFacetValue_1.unescapeFacetValue;
+
+
+
 /**
  * @typedef SearchResults.Facet
  * @type {object}
@@ -3619,7 +3692,7 @@ function findMatchingHierarchicalFacetFromAttributeName(
 }
  **/
 /*eslint-enable */
-function SearchResults(state, results) {
+function SearchResults(state, results, options) {
   var mainSubResponse = results[0];
 
   this._rawResults = results;
@@ -3631,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
@@ -3898,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;
             }
           });
@@ -3908,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);
@@ -3920,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
@@ -4030,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)
       };
     });
@@ -4042,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)) {
@@ -4123,6 +4207,10 @@ function sortViaFacetOrdering(facetValues, facetOrdering) {
     }
   });
 
+  orderedFacets = orderedFacets.filter(function(facet) {
+    return facet;
+  });
+
   var sortRemainingBy = facetOrdering.sortRemainingBy;
   var ordering;
   if (sortRemainingBy === 'hidden') {
@@ -4406,6 +4494,309 @@ function getHierarchicalRefinement(state, attributeName, name, resultsFacets) {
 
 var SearchResults_1 = SearchResults;
 
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+function EventEmitter() {
+  this._events = this._events || {};
+  this._maxListeners = this._maxListeners || undefined;
+}
+var events = EventEmitter;
+
+// Backwards-compat with node 0.10.x
+// EventEmitter.EventEmitter = EventEmitter;
+
+EventEmitter.prototype._events = undefined;
+EventEmitter.prototype._maxListeners = undefined;
+
+// By default EventEmitters will print a warning if more than 10 listeners are
+// added to it. This is a useful default which helps finding memory leaks.
+EventEmitter.defaultMaxListeners = 10;
+
+// Obviously not all Emitters should be limited to 10. This function allows
+// that to be increased. Set to zero for unlimited.
+EventEmitter.prototype.setMaxListeners = function(n) {
+  if (!isNumber(n) || n < 0 || isNaN(n))
+    throw TypeError('n must be a positive number');
+  this._maxListeners = n;
+  return this;
+};
+
+EventEmitter.prototype.emit = function(type) {
+  var er, handler, len, args, i, listeners;
+
+  if (!this._events)
+    this._events = {};
+
+  // If there is no 'error' event listener then throw.
+  if (type === 'error') {
+    if (!this._events.error ||
+        (isObject(this._events.error) && !this._events.error.length)) {
+      er = arguments[1];
+      if (er instanceof Error) {
+        throw er; // Unhandled 'error' event
+      } else {
+        // At least give some kind of context to the user
+        var err = new Error('Uncaught, unspecified "error" event. (' + er + ')');
+        err.context = er;
+        throw err;
+      }
+    }
+  }
+
+  handler = this._events[type];
+
+  if (isUndefined(handler))
+    return false;
+
+  if (isFunction(handler)) {
+    switch (arguments.length) {
+      // fast cases
+      case 1:
+        handler.call(this);
+        break;
+      case 2:
+        handler.call(this, arguments[1]);
+        break;
+      case 3:
+        handler.call(this, arguments[1], arguments[2]);
+        break;
+      // slower
+      default:
+        args = Array.prototype.slice.call(arguments, 1);
+        handler.apply(this, args);
+    }
+  } else if (isObject(handler)) {
+    args = Array.prototype.slice.call(arguments, 1);
+    listeners = handler.slice();
+    len = listeners.length;
+    for (i = 0; i < len; i++)
+      listeners[i].apply(this, args);
+  }
+
+  return true;
+};
+
+EventEmitter.prototype.addListener = function(type, listener) {
+  var m;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events)
+    this._events = {};
+
+  // To avoid recursion in the case that type === "newListener"! Before
+  // adding it to the listeners, first emit "newListener".
+  if (this._events.newListener)
+    this.emit('newListener', type,
+              isFunction(listener.listener) ?
+              listener.listener : listener);
+
+  if (!this._events[type])
+    // Optimize the case of one listener. Don't need the extra array object.
+    this._events[type] = listener;
+  else if (isObject(this._events[type]))
+    // If we've already got an array, just append.
+    this._events[type].push(listener);
+  else
+    // Adding the second element, need to change to array.
+    this._events[type] = [this._events[type], listener];
+
+  // Check for listener leak
+  if (isObject(this._events[type]) && !this._events[type].warned) {
+    if (!isUndefined(this._maxListeners)) {
+      m = this._maxListeners;
+    } else {
+      m = EventEmitter.defaultMaxListeners;
+    }
+
+    if (m && m > 0 && this._events[type].length > m) {
+      this._events[type].warned = true;
+      console.error('(node) warning: possible EventEmitter memory ' +
+                    'leak detected. %d listeners added. ' +
+                    'Use emitter.setMaxListeners() to increase limit.',
+                    this._events[type].length);
+      if (typeof console.trace === 'function') {
+        // not supported in IE 10
+        console.trace();
+      }
+    }
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.on = EventEmitter.prototype.addListener;
+
+EventEmitter.prototype.once = function(type, listener) {
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  var fired = false;
+
+  function g() {
+    this.removeListener(type, g);
+
+    if (!fired) {
+      fired = true;
+      listener.apply(this, arguments);
+    }
+  }
+
+  g.listener = listener;
+  this.on(type, g);
+
+  return this;
+};
+
+// emits a 'removeListener' event iff the listener was removed
+EventEmitter.prototype.removeListener = function(type, listener) {
+  var list, position, length, i;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events || !this._events[type])
+    return this;
+
+  list = this._events[type];
+  length = list.length;
+  position = -1;
+
+  if (list === listener ||
+      (isFunction(list.listener) && list.listener === listener)) {
+    delete this._events[type];
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+
+  } else if (isObject(list)) {
+    for (i = length; i-- > 0;) {
+      if (list[i] === listener ||
+          (list[i].listener && list[i].listener === listener)) {
+        position = i;
+        break;
+      }
+    }
+
+    if (position < 0)
+      return this;
+
+    if (list.length === 1) {
+      list.length = 0;
+      delete this._events[type];
+    } else {
+      list.splice(position, 1);
+    }
+
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.removeAllListeners = function(type) {
+  var key, listeners;
+
+  if (!this._events)
+    return this;
+
+  // not listening for removeListener, no need to emit
+  if (!this._events.removeListener) {
+    if (arguments.length === 0)
+      this._events = {};
+    else if (this._events[type])
+      delete this._events[type];
+    return this;
+  }
+
+  // emit removeListener for all listeners on all events
+  if (arguments.length === 0) {
+    for (key in this._events) {
+      if (key === 'removeListener') continue;
+      this.removeAllListeners(key);
+    }
+    this.removeAllListeners('removeListener');
+    this._events = {};
+    return this;
+  }
+
+  listeners = this._events[type];
+
+  if (isFunction(listeners)) {
+    this.removeListener(type, listeners);
+  } else if (listeners) {
+    // LIFO order
+    while (listeners.length)
+      this.removeListener(type, listeners[listeners.length - 1]);
+  }
+  delete this._events[type];
+
+  return this;
+};
+
+EventEmitter.prototype.listeners = function(type) {
+  var ret;
+  if (!this._events || !this._events[type])
+    ret = [];
+  else if (isFunction(this._events[type]))
+    ret = [this._events[type]];
+  else
+    ret = this._events[type].slice();
+  return ret;
+};
+
+EventEmitter.prototype.listenerCount = function(type) {
+  if (this._events) {
+    var evlistener = this._events[type];
+
+    if (isFunction(evlistener))
+      return 1;
+    else if (evlistener)
+      return evlistener.length;
+  }
+  return 0;
+};
+
+EventEmitter.listenerCount = function(emitter, type) {
+  return emitter.listenerCount(type);
+};
+
+function isFunction(arg) {
+  return typeof arg === 'function';
+}
+
+function isNumber(arg) {
+  return typeof arg === 'number';
+}
+
+function isObject(arg) {
+  return typeof arg === 'object' && arg !== null;
+}
+
+function isUndefined(arg) {
+  return arg === void 0;
+}
+
 function inherits(ctor, superCtor) {
   ctor.prototype = Object.create(superCtor.prototype, {
     constructor: {
@@ -4435,7 +4826,7 @@ function DerivedHelper(mainHelper, fn) {
   this.lastResults = null;
 }
 
-inherits_1(DerivedHelper, EventEmitter.EventEmitter);
+inherits_1(DerivedHelper, events);
 
 /**
  * Detach this helper from the main helper
@@ -4453,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
@@ -4477,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});
         });
       }
     });
@@ -4511,7 +4962,7 @@ var requestBuilder = {
     var numericFilters = requestBuilder._getNumericFilters(state);
     var tagFilters = requestBuilder._getTagFilters(state);
     var additionalParams = {
-      facets: facets,
+      facets: facets.indexOf('*') > -1 ? ['*'] : facets,
       tagFilters: tagFilters
     };
 
@@ -4523,7 +4974,7 @@ var requestBuilder = {
       additionalParams.numericFilters = numericFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -4538,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) {
@@ -4568,7 +5019,7 @@ var requestBuilder = {
       additionalParams.facetFilters = facetFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -4761,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.5.5';
+var version = '3.11.1';
+
+var escapeFacetValue = escapeFacetValue_1.escapeFacetValue;
 
 /**
  * Event triggered when a parameter is set or updated
@@ -4892,7 +5345,7 @@ function AlgoliaSearchHelper(client, index, options) {
   this._currentNbQueries = 0;
 }
 
-inherits_1(AlgoliaSearchHelper, EventEmitter.EventEmitter);
+inherits_1(AlgoliaSearchHelper, events);
 
 /**
  * Start the search with the parameters set in the state. When the
@@ -5089,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,
@@ -5110,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');
@@ -5121,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;
@@ -6291,6 +6772,10 @@ 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); 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 = 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,
       attributeValue = _ref.attributeValue,
@@ -6300,7 +6785,7 @@ function createOptionalFilter(_ref) {
 
 var defaultProps$1 = {
   transformSearchParameters: function transformSearchParameters(x) {
-    return _objectSpread({}, x);
+    return _objectSpread$b({}, x);
   }
 };
 
@@ -6352,6 +6837,7 @@ function getSearchParametersFromProps(props) {
 
 var connectConfigureRelatedItems = createConnectorWithContext({
   displayName: 'AlgoliaConfigureRelatedItems',
+  $$type: 'ais.configureRelatedItems',
   defaultProps: defaultProps$1,
   getProvidedProps: function getProvidedProps() {
     return {};
@@ -6371,7 +6857,7 @@ var connectConfigureRelatedItems = createConnectorWithContext({
     }) : [];
     this._searchParameters = searchParameters;
 
-    var nextValue = _defineProperty({}, id, _objectSpread({}, omit$1(nextSearchState[id], nonPresentKeys), searchParameters));
+    var nextValue = _defineProperty({}, id, _objectSpread$b(_objectSpread$b({}, omit$1(nextSearchState[id], nonPresentKeys)), searchParameters));
 
     return refineValue(nextSearchState, nextValue, {
       ais: props.contextValue,
@@ -6417,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, {
@@ -6435,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: []
@@ -6442,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;
@@ -6489,16 +7009,18 @@ function DynamicWidgets(_ref) {
   }); // on initial render this will be empty, but React InstantSearch keeps
   // search state for unmounted components in place, so routing works.
 
-  return React__default.createElement(React__default.Fragment, null, attributesToRender.map(function (attribute) {
-    return React__default.createElement(Fragment, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, attributesToRender.map(function (attribute) {
+    return /*#__PURE__*/React__default.createElement(Fragment, {
       key: attribute
-    }, widgets.get(attribute) || React__default.createElement(Fallback, {
+    }, widgets.get(attribute) || /*#__PURE__*/React__default.createElement(Fallback, {
       attribute: attribute
     }));
   }));
 }
 
-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
@@ -6575,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, {
@@ -6631,8 +7154,14 @@ 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); }; }
+
+function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function getIndexContext(props) {
   return {
     targetedIndex: props.indexId
@@ -6669,26 +7198,17 @@ function getIndexContext(props) {
  *   </InstantSearch>
  * );
  */
-var Index =
-/*#__PURE__*/
-function (_Component) {
+var Index = /*#__PURE__*/function (_Component) {
   _inherits(Index, _Component);
 
-  _createClass(Index, null, [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props) {
-      return {
-        indexContext: getIndexContext(props)
-      };
-    }
-  }]);
+  var _super = _createSuper$o(Index);
 
   function Index(props) {
     var _this;
 
     _classCallCheck(this, Index);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Index).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       indexContext: getIndexContext(_this.props)
@@ -6699,7 +7219,7 @@ 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;
   }
@@ -6737,10 +7257,17 @@ function (_Component) {
         return null;
       }
 
-      return React__default.createElement(IndexProvider, {
+      return /*#__PURE__*/React__default.createElement(IndexProvider, {
         value: this.state.indexContext
       }, this.props.children);
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props) {
+      return {
+        indexContext: getIndexContext(props)
+      };
+    }
   }]);
 
   return Index;
@@ -6752,6 +7279,12 @@ _defineProperty(Index, "propTypes", {
   children: PropTypes.node
 });
 
+_defineProperty(Index, "displayName", 'AlgoliaIndex');
+
+_defineProperty(Index, "$$type", 'ais.index');
+
+_defineProperty(Index, "$$widgetType", 'ais.index');
+
 ({
   indexName: PropTypes.string.isRequired,
   indexId: PropTypes.string
@@ -6813,6 +7346,14 @@ function createStore(initialState) {
   };
 }
 
+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); 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 = 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') {
     searchClient.addAlgoliaAgent("react (".concat(version$2, ")"));
@@ -6897,7 +7438,7 @@ function createInstantSearchManager(_ref) {
       searchClient = _ref.searchClient,
       resultsState = _ref.resultsState,
       stalledSearchDelay = _ref.stalledSearchDelay;
-  var helper = algoliasearchHelper_1(searchClient, indexName, _objectSpread({}, HIGHLIGHT_TAGS));
+  var helper = algoliasearchHelper_1(searchClient, indexName, _objectSpread$a({}, HIGHLIGHT_TAGS));
   addAlgoliaAgents(searchClient);
   helper.on('search', handleNewSearch).on('result', handleSearchSuccess({
     indexId: indexName
@@ -6905,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({
@@ -6970,7 +7512,7 @@ function createInstantSearchManager(_ref) {
     .sort(sortIndexWidgetsFirst).reduce(function (indices, widget) {
       var indexId = isMultiIndexContext(widget) ? widget.props.indexContextValue.targetedIndex : widget.props.indexId;
       var widgets = indices[indexId] || [];
-      return _objectSpread({}, indices, _defineProperty({}, indexId, widgets.concat(widget)));
+      return _objectSpread$a(_objectSpread$a({}, indices), {}, _defineProperty({}, indexId, widgets.concat(widget)));
     }, {});
     var derivedParameters = Object.keys(derivedIndices).map(function (indexId) {
       return {
@@ -6990,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.
@@ -7031,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
@@ -7040,7 +7584,7 @@ function createInstantSearchManager(_ref) {
       results = !isDerivedHelpersEmpty && results.getFacetByName ? {} : results;
 
       if (!isDerivedHelpersEmpty) {
-        results = _objectSpread({}, results, _defineProperty({}, indexId, event.results));
+        results = _objectSpread$a(_objectSpread$a({}, results), {}, _defineProperty({}, indexId, event.results));
       } else {
         results = event.results;
       }
@@ -7055,12 +7599,12 @@ function createInstantSearchManager(_ref) {
       }
 
       currentState.resultsFacetValues;
-          var partialState = _objectWithoutProperties(currentState, ["resultsFacetValues"]);
+          var partialState = _objectWithoutProperties(currentState, _excluded$2);
 
-      store.setState(_objectSpread({}, partialState, {
+      store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
         results: results,
         isSearchStalled: nextIsSearchStalled,
-        searching: false,
+        searching: searchCounter > 0,
         error: null
       }));
     };
@@ -7077,9 +7621,9 @@ function createInstantSearchManager(_ref) {
     }
 
     currentState.resultsFacetValues;
-        var partialState = _objectWithoutProperties(currentState, ["resultsFacetValues"]);
+        var partialState = _objectWithoutProperties(currentState, _excluded2);
 
-    store.setState(_objectSpread({}, partialState, {
+    store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
       isSearchStalled: nextIsSearchStalled,
       error: error,
       searching: false
@@ -7091,9 +7635,9 @@ function createInstantSearchManager(_ref) {
       stalledSearchTimer = setTimeout(function () {
         var _store$getState = store.getState();
             _store$getState.resultsFacetValues;
-            var partialState = _objectWithoutProperties(_store$getState, ["resultsFacetValues"]);
+            var partialState = _objectWithoutProperties(_store$getState, _excluded3);
 
-        store.setState(_objectSpread({}, partialState, {
+        store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
           isSearchStalled: true
         }));
       }, stalledSearchDelay);
@@ -7129,7 +7673,7 @@ function createInstantSearchManager(_ref) {
         }
 
         var requestsWithSerializedParams = requests.map(function (request) {
-          return _objectSpread({}, request, {
+          return _objectSpread$a(_objectSpread$a({}, request), {}, {
             params: serializeQueryParameters(request.params)
           });
         });
@@ -7188,7 +7732,7 @@ function createInstantSearchManager(_ref) {
         }));
       }, [])
     }));
-    client.cache = _objectSpread({}, client.cache, _defineProperty({}, key, JSON.stringify({
+    client.cache = _objectSpread$a(_objectSpread$a({}, client.cache), {}, _defineProperty({}, key, JSON.stringify({
       results: results.reduce(function (acc, result) {
         return acc.concat(result.rawResults);
       }, [])
@@ -7227,7 +7771,7 @@ function createInstantSearchManager(_ref) {
         };
       })
     }));
-    client.cache = _objectSpread({}, client.cache, _defineProperty({}, key, JSON.stringify({
+    client.cache = _objectSpread$a(_objectSpread$a({}, client.cache), {}, _defineProperty({}, key, JSON.stringify({
       results: results.rawResults
     })));
   }
@@ -7239,7 +7783,7 @@ function createInstantSearchManager(_ref) {
 
     if (Array.isArray(results.results)) {
       return results.results.reduce(function (acc, result) {
-        return _objectSpread({}, acc, _defineProperty({}, result._internalIndexId, new algoliasearchHelper_1.SearchResults(new algoliasearchHelper_1.SearchParameters(result.state), result.rawResults)));
+        return _objectSpread$a(_objectSpread$a({}, acc), {}, _defineProperty({}, result._internalIndexId, new algoliasearchHelper_1.SearchResults(new algoliasearchHelper_1.SearchParameters(result.state), result.rawResults)));
       }, {});
     }
 
@@ -7249,7 +7793,7 @@ function createInstantSearchManager(_ref) {
 
   function onWidgetsUpdate() {
     var metadata = getMetadata(store.getState().widgets);
-    store.setState(_objectSpread({}, store.getState(), {
+    store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
       metadata: metadata,
       searching: true
     })); // Since the `getSearchParameters` method of widgets also depends on props,
@@ -7269,7 +7813,7 @@ function createInstantSearchManager(_ref) {
 
   function onExternalStateUpdate(nextSearchState) {
     var metadata = getMetadata(nextSearchState);
-    store.setState(_objectSpread({}, store.getState(), {
+    store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
       widgets: nextSearchState,
       metadata: metadata,
       searching: true
@@ -7285,19 +7829,19 @@ function createInstantSearchManager(_ref) {
     // The values 1, 100 are the min / max values that the engine accepts.
     // see: https://www.algolia.com/doc/api-reference/api-parameters/maxFacetHits
     var maxFacetHitsWithinRange = Math.max(1, Math.min(maxFacetHits, 100));
-    store.setState(_objectSpread({}, store.getState(), {
+    store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
       searchingForFacetValues: true
     }));
     helper.searchForFacetValues(facetName, query, maxFacetHitsWithinRange).then(function (content) {
       var _objectSpread7;
 
-      store.setState(_objectSpread({}, store.getState(), {
+      store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
         error: null,
         searchingForFacetValues: false,
-        resultsFacetValues: _objectSpread({}, store.getState().resultsFacetValues, (_objectSpread7 = {}, _defineProperty(_objectSpread7, facetName, content.facetHits), _defineProperty(_objectSpread7, "query", query), _objectSpread7))
+        resultsFacetValues: _objectSpread$a(_objectSpread$a({}, store.getState().resultsFacetValues), {}, (_objectSpread7 = {}, _defineProperty(_objectSpread7, facetName, content.facetHits), _defineProperty(_objectSpread7, "query", query), _objectSpread7))
       }));
     }, function (error) {
-      store.setState(_objectSpread({}, store.getState(), {
+      store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
         searchingForFacetValues: false,
         error: error
       }));
@@ -7344,19 +7888,19 @@ function hydrateMetadata(resultsState) {
 
 
   return resultsState.metadata.map(function (datum) {
-    return _objectSpread({
+    return _objectSpread$a(_objectSpread$a({
       value: function value() {
         return {};
       }
-    }, datum, {
+    }, datum), {}, {
       items: datum.items && datum.items.map(function (item) {
-        return _objectSpread({
+        return _objectSpread$a(_objectSpread$a({
           value: function value() {
             return {};
           }
-        }, item, {
+        }, item), {}, {
           items: item.items && item.items.map(function (nestedItem) {
-            return _objectSpread({
+            return _objectSpread$a({
               value: function value() {
                 return {};
               }
@@ -7368,6 +7912,54 @@ function hydrateMetadata(resultsState) {
   });
 }
 
+function isMetadataEnabled() {
+  return (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' && _typeof(window.navigator) === 'object' && typeof window.navigator.userAgent === 'string' && window.navigator.userAgent.includes('Algolia Crawler') && _typeof(window.document) === 'object';
+}
+function getMetadataPayload(widgets, searchClient) {
+  var internalProps = ['contextValue', 'indexContextValue'];
+  var widgetsPayload = widgets.map(function (_ref) {
+    var props = _ref.props,
+        constructor = _ref.constructor;
+
+    var _ref2 = constructor._connectorDesc || {},
+        _ref2$defaultProps = _ref2.defaultProps,
+        defaultProps = _ref2$defaultProps === void 0 ? {} : _ref2$defaultProps,
+        _ref2$displayName = _ref2.displayName,
+        displayName = _ref2$displayName === void 0 ? constructor.displayName : _ref2$displayName;
+
+    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;
+      })
+    };
+  });
+  var client = searchClient;
+  var ua = client.transporter && client.transporter.userAgent ? client.transporter.userAgent.value : client._ua;
+  return {
+    ua: ua,
+    widgets: widgetsPayload
+  };
+}
+function injectMetadata(widgets, searchClient) {
+  var payloadContainer = document.createElement('meta');
+  var refNode = document.querySelector('head');
+  payloadContainer.name = 'algolia:metadata';
+  var payload = getMetadataPayload(widgets, searchClient);
+  payloadContainer.content = JSON.stringify(payload);
+  refNode.appendChild(payloadContainer);
+}
+
+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 = 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); }; }
+
+function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function isControlled(props) {
   return Boolean(props.searchState);
 }
@@ -7411,37 +8003,17 @@ function isControlled(props) {
  */
 
 
-var InstantSearch =
-/*#__PURE__*/
-function (_Component) {
+var InstantSearch = /*#__PURE__*/function (_Component) {
   _inherits(InstantSearch, _Component);
 
-  _createClass(InstantSearch, null, [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      var nextIsControlled = isControlled(nextProps);
-      var previousSearchState = prevState.instantSearchManager.store.getState().widgets;
-      var nextSearchState = nextProps.searchState;
-
-      if (nextIsControlled && !reactFastCompare(previousSearchState, nextSearchState)) {
-        prevState.instantSearchManager.onExternalStateUpdate(nextProps.searchState);
-      }
-
-      return {
-        isControlled: nextIsControlled,
-        contextValue: _objectSpread({}, prevState.contextValue, {
-          mainTargetedIndex: nextProps.indexName
-        })
-      };
-    }
-  }]);
+  var _super = _createSuper$n(InstantSearch);
 
   function InstantSearch(props) {
     var _this;
 
     _classCallCheck(this, InstantSearch);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(InstantSearch).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "isUnmounting", false);
 
@@ -7495,6 +8067,13 @@ function (_Component) {
         this.state.instantSearchManager.updateClient(this.props.searchClient);
       }
     }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (isMetadataEnabled()) {
+        injectMetadata(this.state.instantSearchManager.widgetsManager.getWidgets(), this.props.searchClient);
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -7526,7 +8105,7 @@ 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 : {};
 
@@ -7541,7 +8120,8 @@ function (_Component) {
           getMetadata: getMetadata,
           context: context,
           props: props,
-          searchState: _searchState2
+          searchState: _searchState2,
+          displayName: displayName
         });
       }
     }
@@ -7562,10 +8142,28 @@ function (_Component) {
         return null;
       }
 
-      return React__default.createElement(InstantSearchProvider, {
+      return /*#__PURE__*/React__default.createElement(InstantSearchProvider, {
         value: this.state.contextValue
       }, this.props.children);
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      var nextIsControlled = isControlled(nextProps);
+      var previousSearchState = prevState.instantSearchManager.store.getState().widgets;
+      var nextSearchState = nextProps.searchState;
+
+      if (nextIsControlled && !reactFastCompare(previousSearchState, nextSearchState)) {
+        prevState.instantSearchManager.onExternalStateUpdate(nextProps.searchState);
+      }
+
+      return {
+        isControlled: nextIsControlled,
+        contextValue: _objectSpread$9(_objectSpread$9({}, prevState.contextValue), {}, {
+          mainTargetedIndex: nextProps.indexName
+        })
+      };
+    }
   }]);
 
   return InstantSearch;
@@ -7615,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) {
@@ -7668,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) {
@@ -7713,6 +8312,9 @@ var connectBreadcrumb = createConnectorWithContext({
   }
 });
 
+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 = 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
@@ -7728,6 +8330,7 @@ var connectBreadcrumb = createConnectorWithContext({
 
 var connectCurrentRefinements = createConnectorWithContext({
   displayName: 'AlgoliaCurrentRefinements',
+  $$type: 'ais.currentRefinements',
   propTypes: {
     transformItems: PropTypes.func
   },
@@ -7742,7 +8345,7 @@ var connectCurrentRefinements = createConnectorWithContext({
           }
 
           return res.concat(meta.items.map(function (item) {
-            return _objectSpread({}, item, {
+            return _objectSpread$8(_objectSpread$8({}, item), {}, {
               id: meta.id,
               index: meta.index
             });
@@ -7769,6 +8372,9 @@ var connectCurrentRefinements = createConnectorWithContext({
   }
 });
 
+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 = 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];
 };
@@ -7784,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,
@@ -7794,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: [{
@@ -7805,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;
@@ -7815,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)
@@ -7828,7 +8434,7 @@ var truncate = function truncate() {
   var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
   return items.slice(0, limit).map(function () {
     var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return Array.isArray(item.items) ? _objectSpread({}, item, {
+    return Array.isArray(item.items) ? _objectSpread$7(_objectSpread$7({}, item), {}, {
       items: truncate(item.items, limit)
     }) : item;
   });
@@ -7855,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
@@ -7896,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) {
@@ -8020,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, '', {
@@ -8111,6 +8718,7 @@ var highlight = function highlight(_ref) {
 
 var connectHighlight = createConnectorWithContext({
   displayName: 'AlgoliaHighlighter',
+  $$type: 'ais.highlighter',
   propTypes: {},
   getProvidedProps: function getProvidedProps() {
     return {
@@ -8165,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,
@@ -8200,6 +8809,10 @@ var connectHits = createConnectorWithContext({
   }
 });
 
+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 = 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';
 }
@@ -8231,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({
@@ -8245,9 +8859,9 @@ var connectHitsPerPage = createConnectorWithContext({
       multiIndexContext: props.indexContextValue
     });
     var items = props.items.map(function (item) {
-      return item.value === currentRefinement ? _objectSpread({}, item, {
+      return item.value === currentRefinement ? _objectSpread$6(_objectSpread$6({}, item), {}, {
         isRefined: true
-      }) : _objectSpread({}, item, {
+      }) : _objectSpread$6(_objectSpread$6({}, item), {}, {
         isRefined: false
       });
     });
@@ -8286,6 +8900,8 @@ var connectHitsPerPage = createConnectorWithContext({
   }
 });
 
+var _excluded$1 = ["page"];
+
 function getId$a() {
   return 'page';
 }
@@ -8305,7 +8921,7 @@ function getCurrentRefinement$9(props, searchState, context) {
 function getStateWithoutPage(state) {
   var _ref = state || {};
       _ref.page;
-      var rest = _objectWithoutProperties(_ref, ["page"]);
+      var rest = _objectWithoutProperties(_ref, _excluded$1);
 
   return rest;
 }
@@ -8348,6 +8964,7 @@ function extractHitsFromCachedHits(cachedHits) {
 
 var connectInfiniteHits = createConnectorWithContext({
   displayName: 'AlgoliaInfiniteHits',
+  $$type: 'ais.infiniteHits',
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var _this = this;
 
@@ -8449,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) {
@@ -8498,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,
@@ -8549,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
           }),
@@ -8569,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
           }),
@@ -8640,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, '', {
@@ -8736,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) {
@@ -8781,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,
@@ -8952,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,
@@ -9007,8 +9627,9 @@ var connectPagination = createConnectorWithContext({
 
 var connectPoweredBy = createConnectorWithContext({
   displayName: 'AlgoliaPoweredBy',
+  $$type: 'ais.poweredBy',
   getProvidedProps: function getProvidedProps() {
-    var hostname = typeof window === 'undefined' ? '' : window.location.hostname;
+    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';
     return {
       url: url
@@ -9180,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,
@@ -9349,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;
@@ -9413,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,
@@ -9464,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
         }),
@@ -9482,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
         }),
@@ -9555,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;
@@ -9581,6 +10204,7 @@ var connectRefinementList = createConnectorWithContext({
 
 var connectScrollTo = createConnectorWithContext({
   displayName: 'AlgoliaScrollTo',
+  $$type: 'ais.scrollTo',
   propTypes: {
     scrollOn: PropTypes.string
   },
@@ -9670,6 +10294,7 @@ function _cleanUp$2(props, searchState, context) {
 
 var connectSearchBox = createConnectorWithContext({
   displayName: 'AlgoliaSearchBox',
+  $$type: 'ais.searchBox',
   propTypes: {
     defaultRefinement: PropTypes.string
   },
@@ -9738,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,
@@ -9773,6 +10399,10 @@ var connectRelevantSort = createConnectorWithContext({
   }
 });
 
+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 = 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';
 }
@@ -9806,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({
@@ -9820,9 +10451,9 @@ var connectSortBy = createConnectorWithContext({
       multiIndexContext: props.indexContextValue
     });
     var items = props.items.map(function (item) {
-      return item.value === currentRefinement ? _objectSpread({}, item, {
+      return item.value === currentRefinement ? _objectSpread$5(_objectSpread$5({}, item), {}, {
         isRefined: true
-      }) : _objectSpread({}, item, {
+      }) : _objectSpread$5(_objectSpread$5({}, item), {}, {
         isRefined: false
       });
     });
@@ -9874,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,
@@ -9945,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,
@@ -10052,6 +10685,10 @@ var connectToggleRefinement = createConnectorWithContext({
   }
 });
 
+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 = 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';
 }
@@ -10090,14 +10727,14 @@ function _refine(props, searchState, nextRefinement, context) {
   var queryLanguages = props.language ? {
     queryLanguages: [props.language.split('-')[0]]
   } : {};
-  var additionalQueryParameters = typeof props.additionalQueryParameters === 'function' ? _objectSpread({
+  var additionalQueryParameters = typeof props.additionalQueryParameters === 'function' ? _objectSpread$4({
     ignorePlurals: true,
     removeStopWords: true,
     optionalWords: nextRefinement
   }, props.additionalQueryParameters({
     query: nextRefinement
   })) : {};
-  var nextValue = (_nextValue = {}, _defineProperty(_nextValue, id, nextRefinement), _defineProperty(_nextValue, voiceParams, _objectSpread({}, queryLanguages, additionalQueryParameters)), _nextValue);
+  var nextValue = (_nextValue = {}, _defineProperty(_nextValue, id, nextRefinement), _defineProperty(_nextValue, voiceParams, _objectSpread$4(_objectSpread$4({}, queryLanguages), additionalQueryParameters)), _nextValue);
   var resetPage = true;
   return refineValue(searchState, nextValue, context, resetPage);
 }
@@ -10109,6 +10746,7 @@ function _cleanUp(props, searchState, context) {
 
 var connectVoiceSearch = createConnectorWithContext({
   displayName: 'AlgoliaVoiceSearch',
+  $$type: 'ais.voiceSearch',
   propTypes: {
     defaultRefinement: PropTypes.string
   },
@@ -10226,20 +10864,21 @@ function find(array, comparator) {
   return undefined;
 }
 
+function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); 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); }; }
+
+function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$p = createClassNames('Panel');
 
-var _createContext = createContext(function setCanRefine() {}),
+var _createContext = /*#__PURE__*/createContext(function setCanRefine() {}),
     PanelConsumer = _createContext.Consumer,
     PanelProvider = _createContext.Provider;
 
-var Panel =
-/*#__PURE__*/
-function (_Component) {
+var Panel = /*#__PURE__*/function (_Component) {
   _inherits(Panel, _Component);
 
-  function Panel() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$m(Panel);
 
+  function Panel() {
     var _this;
 
     _classCallCheck(this, Panel);
@@ -10248,7 +10887,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Panel)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       canRefine: true
@@ -10272,15 +10911,15 @@ function (_Component) {
           header = _this$props.header,
           footer = _this$props.footer;
       var canRefine = this.state.canRefine;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$p('', !canRefine && '-noRefinement'), className)
-      }, header && React__default.createElement("div", {
+      }, header && /*#__PURE__*/React__default.createElement("div", {
         className: cx$p('header')
-      }, header), React__default.createElement("div", {
+      }, header), /*#__PURE__*/React__default.createElement("div", {
         className: cx$p('body')
-      }, React__default.createElement(PanelProvider, {
+      }, /*#__PURE__*/React__default.createElement(PanelProvider, {
         value: this.setCanRefine
-      }, children)), footer && React__default.createElement("div", {
+      }, children)), footer && /*#__PURE__*/React__default.createElement("div", {
         className: cx$p('footer')
       }, footer));
     }
@@ -10302,15 +10941,19 @@ _defineProperty(Panel, "defaultProps", {
   footer: null
 });
 
-var PanelCallbackHandler =
-/*#__PURE__*/
-function (_Component) {
+function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); 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); }; }
+
+function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PanelCallbackHandler = /*#__PURE__*/function (_Component) {
   _inherits(PanelCallbackHandler, _Component);
 
+  var _super = _createSuper$l(PanelCallbackHandler);
+
   function PanelCallbackHandler() {
     _classCallCheck(this, PanelCallbackHandler);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(PanelCallbackHandler).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(PanelCallbackHandler, [{
@@ -10344,8 +10987,8 @@ _defineProperty(PanelCallbackHandler, "propTypes", {
 var PanelWrapper = function PanelWrapper(_ref) {
   var canRefine = _ref.canRefine,
       children = _ref.children;
-  return React__default.createElement(PanelConsumer, null, function (setCanRefine) {
-    return React__default.createElement(PanelCallbackHandler, {
+  return /*#__PURE__*/React__default.createElement(PanelConsumer, null, function (setCanRefine) {
+    return /*#__PURE__*/React__default.createElement(PanelCallbackHandler, {
       setCanRefine: setCanRefine,
       canRefine: canRefine
     }, children);
@@ -10357,14 +11000,16 @@ PanelWrapper.propTypes = {
   children: PropTypes.node.isRequired
 };
 
-var Link =
-/*#__PURE__*/
-function (_Component) {
+function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); 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); }; }
+
+function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Link = /*#__PURE__*/function (_Component) {
   _inherits(Link, _Component);
 
-  function Link() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$k(Link);
 
+  function Link() {
     var _this;
 
     _classCallCheck(this, Link);
@@ -10373,7 +11018,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Link)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
       if (isSpecialClick(e)) {
@@ -10391,7 +11036,7 @@ function (_Component) {
   _createClass(Link, [{
     key: "render",
     value: function render() {
-      return React__default.createElement("a", _extends({}, this.props, {
+      return /*#__PURE__*/React__default.createElement("a", _extends({}, this.props, {
         onClick: this.onClick
       }));
     }
@@ -10404,21 +11049,24 @@ _defineProperty(Link, "propTypes", {
   onClick: PropTypes.func.isRequired
 });
 
+function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); 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); }; }
+
+function _isNativeReflectConstruct$j() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$o = createClassNames('Breadcrumb');
 var itemsPropType$2 = PropTypes.arrayOf(PropTypes.shape({
   label: PropTypes.string.isRequired,
   value: PropTypes.string.isRequired
 }));
 
-var Breadcrumb =
-/*#__PURE__*/
-function (_Component) {
+var Breadcrumb = /*#__PURE__*/function (_Component) {
   _inherits(Breadcrumb, _Component);
 
+  var _super = _createSuper$j(Breadcrumb);
+
   function Breadcrumb() {
     _classCallCheck(this, Breadcrumb);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Breadcrumb).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Breadcrumb, [{
@@ -10433,9 +11081,9 @@ function (_Component) {
           separator = _this$props.separator,
           translate = _this$props.translate,
           className = _this$props.className;
-      var rootPath = canRefine ? React__default.createElement("li", {
+      var rootPath = canRefine ? /*#__PURE__*/React__default.createElement("li", {
         className: cx$o('item')
-      }, React__default.createElement(Link, {
+      }, /*#__PURE__*/React__default.createElement(Link, {
         className: cx$o('link'),
         onClick: function onClick() {
           return !rootURL ? refine() : null;
@@ -10444,12 +11092,12 @@ function (_Component) {
       }, translate('rootLabel'))) : null;
       var breadcrumb = items.map(function (item, idx) {
         var isLast = idx === items.length - 1;
-        return React__default.createElement("li", {
+        return /*#__PURE__*/React__default.createElement("li", {
           className: cx$o('item', isLast && 'item--selected'),
           key: idx
-        }, React__default.createElement("span", {
+        }, /*#__PURE__*/React__default.createElement("span", {
           className: cx$o('separator')
-        }, separator), !isLast ? React__default.createElement(Link, {
+        }, separator), !isLast ? /*#__PURE__*/React__default.createElement(Link, {
           className: cx$o('link'),
           onClick: function onClick() {
             return refine(item.value);
@@ -10457,9 +11105,9 @@ function (_Component) {
           href: createURL(item.value)
         }, item.label) : item.label);
       });
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$o('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("ul", {
+      }, /*#__PURE__*/React__default.createElement("ul", {
         className: cx$o('list')
       }, rootPath, breadcrumb));
     }
@@ -10578,22 +11226,27 @@ var Breadcrumb$1 = translatable({
  */
 
 var BreadcrumbWidget = function BreadcrumbWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(Breadcrumb$1, 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); }; }
 
+function _isNativeReflectConstruct$i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$n = createClassNames('ClearRefinements');
 
-var ClearRefinements$1 =
-/*#__PURE__*/
-function (_Component) {
+var ClearRefinements$1 = /*#__PURE__*/function (_Component) {
   _inherits(ClearRefinements, _Component);
 
+  var _super = _createSuper$i(ClearRefinements);
+
   function ClearRefinements() {
     _classCallCheck(this, ClearRefinements);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(ClearRefinements).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(ClearRefinements, [{
@@ -10605,9 +11258,9 @@ function (_Component) {
           refine = _this$props.refine,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$n(''), className)
-      }, React__default.createElement("button", {
+      }, /*#__PURE__*/React__default.createElement("button", {
         className: cx$n('button', !canRefine && 'button--disabled'),
         onClick: function onClick() {
           return refine(items);
@@ -10671,10 +11324,12 @@ var ClearRefinements$2 = translatable({
  */
 
 var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(ClearRefinements$2, 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) {
@@ -10683,31 +11338,31 @@ var CurrentRefinements = function CurrentRefinements(_ref) {
       refine = _ref.refine,
       translate = _ref.translate,
       className = _ref.className;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$m('', !canRefine && '-noRefinement'), className)
-  }, React__default.createElement("ul", {
+  }, /*#__PURE__*/React__default.createElement("ul", {
     className: cx$m('list', !canRefine && 'list--noRefinement')
   }, items.map(function (item) {
-    return React__default.createElement("li", {
+    return /*#__PURE__*/React__default.createElement("li", {
       key: item.label,
       className: cx$m('item')
-    }, React__default.createElement("span", {
+    }, /*#__PURE__*/React__default.createElement("span", {
       className: cx$m('label')
     }, item.label), item.items ? item.items.map(function (nest) {
-      return React__default.createElement("span", {
+      return /*#__PURE__*/React__default.createElement("span", {
         key: nest.label,
         className: cx$m('category')
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$m('categoryLabel')
-      }, nest.label), React__default.createElement("button", {
+      }, nest.label), /*#__PURE__*/React__default.createElement("button", {
         className: cx$m('delete'),
         onClick: function onClick() {
           return refine(nest.value);
         }
       }, translate('clearFilter', nest)));
-    }) : React__default.createElement("span", {
+    }) : /*#__PURE__*/React__default.createElement("span", {
       className: cx$m('category')
-    }, React__default.createElement("button", {
+    }, /*#__PURE__*/React__default.createElement("button", {
       className: cx$m('delete'),
       onClick: function onClick() {
         return refine(item.value);
@@ -10779,33 +11434,42 @@ var CurrentRefinements$1 = translatable({
  */
 
 var CurrentRefinementsWidget = function CurrentRefinementsWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(CurrentRefinements$1, 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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$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); }; }
+
+function _isNativeReflectConstruct$h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$l = createClassNames('SearchBox');
-var defaultLoadingIndicator = React__default.createElement("svg", {
+var defaultLoadingIndicator = /*#__PURE__*/React__default.createElement("svg", {
   width: "18",
   height: "18",
   viewBox: "0 0 38 38",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#444",
   className: cx$l('loadingIcon')
-}, React__default.createElement("g", {
+}, /*#__PURE__*/React__default.createElement("g", {
   fill: "none",
   fillRule: "evenodd"
-}, React__default.createElement("g", {
+}, /*#__PURE__*/React__default.createElement("g", {
   transform: "translate(1 1)",
   strokeWidth: "2"
-}, React__default.createElement("circle", {
+}, /*#__PURE__*/React__default.createElement("circle", {
   strokeOpacity: ".5",
   cx: "18",
   cy: "18",
   r: "18"
-}), React__default.createElement("path", {
+}), /*#__PURE__*/React__default.createElement("path", {
   d: "M36 18c0-9.94-8.06-18-18-18"
-}, React__default.createElement("animateTransform", {
+}, /*#__PURE__*/React__default.createElement("animateTransform", {
   attributeName: "transform",
   type: "rotate",
   from: "0 18 18",
@@ -10813,36 +11477,36 @@ var defaultLoadingIndicator = React__default.createElement("svg", {
   dur: "1s",
   repeatCount: "indefinite"
 })))));
-var defaultReset = React__default.createElement("svg", {
+var defaultReset = /*#__PURE__*/React__default.createElement("svg", {
   className: cx$l('resetIcon'),
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   width: "10",
   height: "10"
-}, React__default.createElement("path", {
+}, /*#__PURE__*/React__default.createElement("path", {
   d: "M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
 }));
-var defaultSubmit = React__default.createElement("svg", {
+var defaultSubmit = /*#__PURE__*/React__default.createElement("svg", {
   className: cx$l('submitIcon'),
   xmlns: "http://www.w3.org/2000/svg",
   width: "10",
   height: "10",
   viewBox: "0 0 40 40"
-}, React__default.createElement("path", {
+}, /*#__PURE__*/React__default.createElement("path", {
   d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
 }));
 
-var SearchBox$1 =
-/*#__PURE__*/
-function (_Component) {
+var SearchBox$1 = /*#__PURE__*/function (_Component) {
   _inherits(SearchBox, _Component);
 
+  var _super = _createSuper$h(SearchBox);
+
   function SearchBox(props) {
     var _this;
 
     _classCallCheck(this, SearchBox);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(SearchBox).call(this));
+    _this = _super.call(this);
 
     _defineProperty(_assertThisInitialized(_this), "getQuery", function () {
       return _this.props.searchAsYouType ? _this.props.currentRefinement : _this.state.query;
@@ -10987,24 +11651,22 @@ function (_Component) {
       var query = this.getQuery();
       var searchInputEvents = Object.keys(this.props).reduce(function (props, prop) {
         if (['onsubmit', 'onreset', 'onchange'].indexOf(prop.toLowerCase()) === -1 && prop.indexOf('on') === 0) {
-          return _objectSpread({}, props, _defineProperty({}, prop, _this2.props[prop]));
+          return _objectSpread$3(_objectSpread$3({}, props), {}, _defineProperty({}, prop, _this2.props[prop]));
         }
 
         return props;
       }, {});
       var isSearchStalled = this.props.showLoadingIndicator && this.props.isSearchStalled;
-      /* eslint-disable max-len */
-
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$l(''), className)
-      }, React__default.createElement("form", {
+      }, /*#__PURE__*/React__default.createElement("form", {
         noValidate: true,
         onSubmit: this.props.onSubmit ? this.props.onSubmit : this.onSubmit,
         onReset: this.onReset,
         className: cx$l('form', isSearchStalled && 'form--stalledSearch'),
         action: "",
         role: "search"
-      }, React__default.createElement("input", _extends({
+      }, /*#__PURE__*/React__default.createElement("input", _extends({
         ref: this.onInputMount,
         id: inputId,
         type: "search",
@@ -11020,20 +11682,19 @@ function (_Component) {
         onChange: this.onChange
       }, searchInputEvents, {
         className: cx$l('input')
-      })), React__default.createElement("button", {
+      })), /*#__PURE__*/React__default.createElement("button", {
         type: "submit",
         title: translate('submitTitle'),
         className: cx$l('submit')
-      }, submit), React__default.createElement("button", {
+      }, submit), /*#__PURE__*/React__default.createElement("button", {
         type: "reset",
         title: translate('resetTitle'),
         className: cx$l('reset'),
         hidden: !query || isSearchStalled
-      }, reset), this.props.showLoadingIndicator && React__default.createElement("span", {
+      }, reset), this.props.showLoadingIndicator && /*#__PURE__*/React__default.createElement("span", {
         hidden: !isSearchStalled,
         className: cx$l('loadingIndicator')
       }, loadingIndicator)));
-      /* eslint-enable */
     }
   }]);
 
@@ -11081,6 +11742,9 @@ var SearchBox$2 = translatable({
   placeholder: 'Search here…'
 })(SearchBox$1);
 
+function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); 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); }; }
+
+function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var itemsPropType$1 = PropTypes.arrayOf(PropTypes.shape({
   value: PropTypes.any,
   label: PropTypes.node.isRequired,
@@ -11089,17 +11753,17 @@ var itemsPropType$1 = PropTypes.arrayOf(PropTypes.shape({
   }
 }));
 
-var List =
-/*#__PURE__*/
-function (_Component) {
+var List = /*#__PURE__*/function (_Component) {
   _inherits(List, _Component);
 
+  var _super = _createSuper$g(List);
+
   function List() {
     var _this;
 
     _classCallCheck(this, List);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(List).call(this));
+    _this = _super.call(this);
 
     _defineProperty(_assertThisInitialized(_this), "onShowMoreClick", function () {
       _this.setState(function (state) {
@@ -11125,10 +11789,10 @@ function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
       var itemHasChildren = item.items && Boolean(item.items.length);
-      return React__default.createElement("li", {
+      return /*#__PURE__*/React__default.createElement("li", {
         key: item.key || item.label,
         className: _this.props.cx('item', item.isRefined && 'item--selected', item.noRefinement && 'item--noRefinement', itemHasChildren && 'item--parent')
-      }, _this.props.renderItem(item, resetQuery), itemHasChildren && React__default.createElement("ul", {
+      }, _this.props.renderItem(item, resetQuery), itemHasChildren && /*#__PURE__*/React__default.createElement("ul", {
         className: _this.props.cx('list', 'list--child')
       }, item.items.slice(0, _this.getLimit()).map(function (child) {
         return _this.renderItem(child, item);
@@ -11156,7 +11820,7 @@ function (_Component) {
         return null;
       }
 
-      return React__default.createElement("button", {
+      return /*#__PURE__*/React__default.createElement("button", {
         disabled: disabled,
         className: cx('showMore', disabled && 'showMore--disabled'),
         onClick: this.onShowMoreClick
@@ -11174,12 +11838,12 @@ function (_Component) {
           translate = _this$props3.translate,
           items = _this$props3.items,
           selectItem = _this$props3.selectItem;
-      var noResults = items.length === 0 && this.state.query !== '' ? React__default.createElement("div", {
+      var noResults = items.length === 0 && this.state.query !== '' ? /*#__PURE__*/React__default.createElement("div", {
         className: cx('noResults')
       }, translate('noResults')) : null;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: cx('searchBox')
-      }, React__default.createElement(SearchBox$2, {
+      }, /*#__PURE__*/React__default.createElement(SearchBox$2, {
         currentRefinement: this.state.query,
         refine: function refine(value) {
           _this2.setState({
@@ -11215,7 +11879,7 @@ function (_Component) {
       var rootClassName = classnames(cx('', !canRefine && '-noRefinement'), className);
 
       if (items.length === 0) {
-        return React__default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: rootClassName
         }, searchBox);
       } // Always limit the number of items we show on screen, since the actual
@@ -11223,9 +11887,9 @@ function (_Component) {
       // option.
 
 
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: rootClassName
-      }, searchBox, React__default.createElement("ul", {
+      }, searchBox, /*#__PURE__*/React__default.createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.slice(0, this.getLimit()).map(function (item) {
         return _this3.renderItem(item, _this3.resetQuery);
@@ -11259,6 +11923,9 @@ _defineProperty(List, "defaultProps", {
   isFromSearch: false
 });
 
+function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); 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); }; }
+
+function _isNativeReflectConstruct$f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$k = createClassNames('HierarchicalMenu');
 var itemsPropType = PropTypes.arrayOf(PropTypes.shape({
   label: PropTypes.string.isRequired,
@@ -11269,14 +11936,12 @@ var itemsPropType = PropTypes.arrayOf(PropTypes.shape({
   }
 }));
 
-var HierarchicalMenu =
-/*#__PURE__*/
-function (_Component) {
+var HierarchicalMenu = /*#__PURE__*/function (_Component) {
   _inherits(HierarchicalMenu, _Component);
 
-  function HierarchicalMenu() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$f(HierarchicalMenu);
 
+  function HierarchicalMenu() {
     var _this;
 
     _classCallCheck(this, HierarchicalMenu);
@@ -11285,21 +11950,21 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HierarchicalMenu)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item) {
       var _this$props = _this.props,
           createURL = _this$props.createURL,
           refine = _this$props.refine;
-      return React__default.createElement(Link, {
+      return /*#__PURE__*/React__default.createElement(Link, {
         className: cx$k('link'),
         onClick: function onClick() {
           return refine(item.value);
         },
         href: createURL(item.value)
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$k('label')
-      }, item.label), ' ', React__default.createElement("span", {
+      }, item.label), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$k('count')
       }, item.count));
     });
@@ -11318,7 +11983,7 @@ function (_Component) {
           showMoreLimit = _this$props2.showMoreLimit,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         cx: cx$k,
         translate: translate,
@@ -11367,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
@@ -11449,10 +12114,12 @@ var HierarchicalMenu$1 = translatable({
  */
 
 var HierarchicalMenuWidget = function HierarchicalMenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(HierarchicalMenu$1, 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,
@@ -11462,7 +12129,7 @@ var Highlight$2 = function Highlight(_ref) {
       nonHighlightedTagName = _ref.nonHighlightedTagName;
   var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
   var className = isHighlighted ? 'highlighted' : 'nonHighlighted';
-  return React__default.createElement(TagName, {
+  return /*#__PURE__*/React__default.createElement(TagName, {
     className: cx(className)
   }, value);
 };
@@ -11489,15 +12156,15 @@ var Highlighter = function Highlighter(_ref2) {
     attribute: attribute,
     highlightProperty: highlightProperty
   });
-  return React__default.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     className: classnames(cx(''), className)
   }, parsedHighlightedValue.map(function (item, i) {
     if (Array.isArray(item)) {
       var isLast = i === parsedHighlightedValue.length - 1;
-      return React__default.createElement("span", {
+      return /*#__PURE__*/React__default.createElement("span", {
         key: i
       }, item.map(function (element, index) {
-        return React__default.createElement(Highlight$2, {
+        return /*#__PURE__*/React__default.createElement(Highlight$2, {
           cx: cx,
           key: index,
           value: element.value,
@@ -11505,12 +12172,12 @@ var Highlighter = function Highlighter(_ref2) {
           nonHighlightedTagName: nonHighlightedTagName,
           isHighlighted: element.isHighlighted
         });
-      }), !isLast && React__default.createElement("span", {
+      }), !isLast && /*#__PURE__*/React__default.createElement("span", {
         className: cx('separator')
       }, separator));
     }
 
-    return React__default.createElement(Highlight$2, {
+    return /*#__PURE__*/React__default.createElement(Highlight$2, {
       cx: cx,
       key: i,
       value: item.value,
@@ -11542,7 +12209,7 @@ Highlighter.defaultProps = {
 var cx$j = createClassNames('Highlight');
 
 var Highlight$1 = function Highlight(props) {
-  return React__default.createElement(Highlighter, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Highlighter, _extends({}, props, {
     highlightProperty: "_highlightResult",
     cx: cx$j
   }));
@@ -11589,12 +12256,14 @@ var Highlight$1 = function Highlight(props) {
  * );
  */
 
-var Highlight = connectHighlight(Highlight$1);
+var Highlight = connectHighlight(Highlight$1, {
+  $$widgetType: 'ais.highlight'
+});
 
 var cx$i = createClassNames('Hits');
 
 var DefaultHitComponent = function DefaultHitComponent(props) {
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       borderBottom: '1px solid #bbb',
       paddingBottom: '5px',
@@ -11610,15 +12279,15 @@ var Hits$1 = function Hits(_ref) {
       className = _ref$className === void 0 ? '' : _ref$className,
       _ref$hitComponent = _ref.hitComponent,
       HitComponent = _ref$hitComponent === void 0 ? DefaultHitComponent : _ref$hitComponent;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$i(''), className)
-  }, React__default.createElement("ul", {
+  }, /*#__PURE__*/React__default.createElement("ul", {
     className: cx$i('list')
   }, hits.map(function (hit) {
-    return React__default.createElement("li", {
+    return /*#__PURE__*/React__default.createElement("li", {
       className: cx$i('item'),
       key: hit.objectID
-    }, React__default.createElement(HitComponent, {
+    }, /*#__PURE__*/React__default.createElement(HitComponent, {
       hit: hit
     }));
   })));
@@ -11630,7 +12299,8 @@ var HitPropTypes = PropTypes.shape({
 Hits$1.propTypes = {
   hits: PropTypes.arrayOf(HitPropTypes.isRequired).isRequired,
   className: PropTypes.string,
-  hitComponent: PropTypes.func
+  // this is actually PropTypes.elementType, but our prop-types version is outdated
+  hitComponent: PropTypes.any
 };
 
 /**
@@ -11666,16 +12336,20 @@ 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); }; }
 
-var Select =
-/*#__PURE__*/
-function (_Component) {
+function _isNativeReflectConstruct$e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Select = /*#__PURE__*/function (_Component) {
   _inherits(Select, _Component);
 
-  function Select() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$e(Select);
 
+  function Select() {
     var _this;
 
     _classCallCheck(this, Select);
@@ -11684,7 +12358,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Select)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
       _this.props.onSelect(e.target.value);
@@ -11701,13 +12375,13 @@ function (_Component) {
           id = _this$props.id,
           items = _this$props.items,
           selectedItem = _this$props.selectedItem;
-      return React__default.createElement("select", {
+      return /*#__PURE__*/React__default.createElement("select", {
         id: id,
         className: cx('select'),
         value: selectedItem,
         onChange: this.onChange
       }, items.map(function (item) {
-        return React__default.createElement("option", {
+        return /*#__PURE__*/React__default.createElement("option", {
           className: cx('option'),
           key: item.key === undefined ? item.value : item.key,
           disabled: item.disabled,
@@ -11733,17 +12407,20 @@ _defineProperty(Select, "propTypes", {
   selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
 });
 
+function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); 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); }; }
+
+function _isNativeReflectConstruct$d() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$h = createClassNames('HitsPerPage');
 
-var HitsPerPage =
-/*#__PURE__*/
-function (_Component) {
+var HitsPerPage = /*#__PURE__*/function (_Component) {
   _inherits(HitsPerPage, _Component);
 
+  var _super = _createSuper$d(HitsPerPage);
+
   function HitsPerPage() {
     _classCallCheck(this, HitsPerPage);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(HitsPerPage).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(HitsPerPage, [{
@@ -11755,9 +12432,9 @@ function (_Component) {
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$h(''), className)
-      }, React__default.createElement(Select, {
+      }, /*#__PURE__*/React__default.createElement(Select, {
         id: id,
         onSelect: refine,
         selectedItem: currentRefinement,
@@ -11828,19 +12505,24 @@ _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); }; }
 
+function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$g = createClassNames('InfiniteHits');
 
-var InfiniteHits =
-/*#__PURE__*/
-function (_Component) {
+var InfiniteHits = /*#__PURE__*/function (_Component) {
   _inherits(InfiniteHits, _Component);
 
+  var _super = _createSuper$c(InfiniteHits);
+
   function InfiniteHits() {
     _classCallCheck(this, InfiniteHits);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(InfiniteHits).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(InfiniteHits, [{
@@ -11856,24 +12538,24 @@ function (_Component) {
           refineNext = _this$props.refineNext,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$g(''), className)
-      }, showPrevious && React__default.createElement("button", {
+      }, showPrevious && /*#__PURE__*/React__default.createElement("button", {
         className: cx$g('loadPrevious', !hasPrevious && 'loadPrevious--disabled'),
         onClick: function onClick() {
           return refinePrevious();
         },
         disabled: !hasPrevious
-      }, translate('loadPrevious')), React__default.createElement("ul", {
+      }, translate('loadPrevious')), /*#__PURE__*/React__default.createElement("ul", {
         className: cx$g('list')
       }, hits.map(function (hit) {
-        return React__default.createElement("li", {
+        return /*#__PURE__*/React__default.createElement("li", {
           key: hit.objectID,
           className: cx$g('item')
-        }, React__default.createElement(HitComponent, {
+        }, /*#__PURE__*/React__default.createElement(HitComponent, {
           hit: hit
         }));
-      })), React__default.createElement("button", {
+      })), /*#__PURE__*/React__default.createElement("button", {
         className: cx$g('loadMore', !hasMore && 'loadMore--disabled'),
         onClick: function onClick() {
           return refineNext();
@@ -11895,13 +12577,14 @@ InfiniteHits.propTypes = {
   refineNext: PropTypes.func.isRequired,
   translate: PropTypes.func.isRequired,
   className: PropTypes.string,
-  hitComponent: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
+  // this is actually PropTypes.elementType, but our prop-types version is outdated
+  hitComponent: PropTypes.any
 };
 InfiniteHits.defaultProps = {
   className: '',
   showPrevious: false,
   hitComponent: function hitComponent(hit) {
-    return React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       style: {
         borderBottom: '1px solid #bbb',
         paddingBottom: '5px',
@@ -11953,18 +12636,21 @@ 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); }; }
 
+function _isNativeReflectConstruct$b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$f = createClassNames('Menu');
 
-var Menu =
-/*#__PURE__*/
-function (_Component) {
+var Menu = /*#__PURE__*/function (_Component) {
   _inherits(Menu, _Component);
 
-  function Menu() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$b(Menu);
 
+  function Menu() {
     var _this;
 
     _classCallCheck(this, Menu);
@@ -11973,23 +12659,23 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Menu)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
       var createURL = _this.props.createURL;
-      var label = _this.props.isFromSearch ? React__default.createElement(Highlight, {
+      var label = _this.props.isFromSearch ? /*#__PURE__*/React__default.createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React__default.createElement(Link, {
+      return /*#__PURE__*/React__default.createElement(Link, {
         className: cx$f('link'),
         onClick: function onClick() {
           return _this.selectItem(item, resetQuery);
         },
         href: createURL(item.value)
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$f('label')
-      }, label), ' ', React__default.createElement("span", {
+      }, label), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$f('count')
       }, item.count));
     });
@@ -12017,7 +12703,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$f,
@@ -12125,21 +12811,24 @@ var Menu$1 = translatable({
  */
 
 var MenuWidget = function MenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(Menu$1, 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); }; }
 
+function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$e = createClassNames('MenuSelect');
 
-var MenuSelect =
-/*#__PURE__*/
-function (_Component) {
+var MenuSelect = /*#__PURE__*/function (_Component) {
   _inherits(MenuSelect, _Component);
 
-  function MenuSelect() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$a(MenuSelect);
 
+  function MenuSelect() {
     var _this;
 
     _classCallCheck(this, MenuSelect);
@@ -12148,7 +12837,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(MenuSelect)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "handleSelectChange", function (_ref) {
       var value = _ref.target.value;
@@ -12160,6 +12849,18 @@ function (_Component) {
   }
 
   _createClass(MenuSelect, [{
+    key: "selectedValue",
+    get: function get() {
+      var _ref2 = find(this.props.items, function (item) {
+        return item.isRefined === true;
+      }) || {
+        value: 'ais__see__all__option'
+      },
+          value = _ref2.value;
+
+      return value;
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -12168,36 +12869,24 @@ function (_Component) {
           canRefine = _this$props.canRefine,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$e('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("select", {
+      }, /*#__PURE__*/React__default.createElement("select", {
         id: id,
         value: this.selectedValue,
         onChange: this.handleSelectChange,
         className: cx$e('select')
-      }, React__default.createElement("option", {
+      }, /*#__PURE__*/React__default.createElement("option", {
         value: "ais__see__all__option",
         className: cx$e('option')
       }, translate('seeAllOption')), items.map(function (item) {
-        return React__default.createElement("option", {
+        return /*#__PURE__*/React__default.createElement("option", {
           key: item.value,
           value: item.value,
           className: cx$e('option')
         }, item.label, " (", item.count, ")");
       })));
     }
-  }, {
-    key: "selectedValue",
-    get: function get() {
-      var _ref2 = find(this.props.items, function (item) {
-        return item.isRefined === true;
-      }) || {
-        value: 'ais__see__all__option'
-      },
-          value = _ref2.value;
-
-      return value;
-    }
   }]);
 
   return MenuSelect;
@@ -12263,21 +12952,28 @@ var MenuSelect$1 = translatable({
  */
 
 var MenuSelectWidget = function MenuSelectWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(MenuSelect$1, 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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$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); }; }
+
+function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$d = createClassNames('NumericMenu');
 
-var NumericMenu =
-/*#__PURE__*/
-function (_Component) {
+var NumericMenu = /*#__PURE__*/function (_Component) {
   _inherits(NumericMenu, _Component);
 
-  function NumericMenu() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$9(NumericMenu);
 
+  function NumericMenu() {
     var _this;
 
     _classCallCheck(this, NumericMenu);
@@ -12286,15 +12982,15 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(NumericMenu)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item) {
       var _this$props = _this.props,
           refine = _this$props.refine,
           translate = _this$props.translate;
-      return React__default.createElement("label", {
+      return /*#__PURE__*/React__default.createElement("label", {
         className: cx$d('label')
-      }, React__default.createElement("input", {
+      }, /*#__PURE__*/React__default.createElement("input", {
         className: cx$d('radio'),
         type: "radio",
         checked: item.isRefined,
@@ -12302,7 +12998,7 @@ function (_Component) {
         onChange: function onChange() {
           return refine(item.value);
         }
-      }), React__default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: cx$d('labelText')
       }, item.value === '' ? translate('all') : item.label));
     });
@@ -12317,13 +13013,13 @@ function (_Component) {
           items = _this$props2.items,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         showMore: false,
         canRefine: canRefine,
         cx: cx$d,
         items: items.map(function (item) {
-          return _objectSpread({}, item, {
+          return _objectSpread$2(_objectSpread$2({}, item), {}, {
             key: item.value
           });
         }),
@@ -12403,20 +13099,26 @@ var NumericMenu$1 = translatable({
  */
 
 var NumericMenuWidget = function NumericMenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(NumericMenu$1, 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); }; }
+
+function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var LinkList =
-/*#__PURE__*/
-function (_Component) {
+var LinkList = /*#__PURE__*/function (_Component) {
   _inherits(LinkList, _Component);
 
+  var _super = _createSuper$8(LinkList);
+
   function LinkList() {
     _classCallCheck(this, LinkList);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(LinkList).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(LinkList, [{
@@ -12428,15 +13130,15 @@ function (_Component) {
           items = _this$props.items,
           onSelect = _this$props.onSelect,
           canRefine = _this$props.canRefine;
-      return React__default.createElement("ul", {
+      return /*#__PURE__*/React__default.createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.map(function (item) {
-        return React__default.createElement("li", {
+        return /*#__PURE__*/React__default.createElement("li", {
           key: item.key === undefined ? item.value : item.key,
           className: cx('item', item.selected && !item.disabled && 'item--selected', item.disabled && 'item--disabled', item.modifier)
-        }, item.disabled ? React__default.createElement("span", {
+        }, item.disabled ? /*#__PURE__*/React__default.createElement("span", {
           className: cx('link')
-        }, item.label === undefined ? item.value : item.label) : React__default.createElement(Link, {
+        }, item.label === undefined ? item.value : item.label) : /*#__PURE__*/React__default.createElement(Link, {
           className: cx('link', item.selected && 'link--selected'),
           "aria-label": item.ariaLabel,
           href: createURL(item.value),
@@ -12466,6 +13168,11 @@ _defineProperty(LinkList, "propTypes", {
   canRefine: PropTypes.bool.isRequired
 });
 
+var _excluded = ["listComponent", "nbPages", "totalPages", "currentRefinement", "padding", "showFirst", "showPrevious", "showNext", "showLast", "refine", "createURL", "canRefine", "translate", "className"];
+
+function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); 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); }; }
+
+function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$c = createClassNames('Pagination'); // Determines the size of the widget (the number of pages displayed - that the user can directly click on)
 
 function calculateSize(padding, maxPages) {
@@ -12502,15 +13209,15 @@ function getPages(currentPage, maxPages, padding) {
   });
 }
 
-var Pagination$1 =
-/*#__PURE__*/
-function (_Component) {
+var Pagination$1 = /*#__PURE__*/function (_Component) {
   _inherits(Pagination, _Component);
 
+  var _super = _createSuper$7(Pagination);
+
   function Pagination() {
     _classCallCheck(this, Pagination);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Pagination).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Pagination, [{
@@ -12547,7 +13254,7 @@ function (_Component) {
           canRefine = _this$props2.canRefine,
           translate = _this$props2.translate,
           className = _this$props2.className,
-          otherProps = _objectWithoutProperties(_this$props2, ["listComponent", "nbPages", "totalPages", "currentRefinement", "padding", "showFirst", "showPrevious", "showNext", "showLast", "refine", "createURL", "canRefine", "translate", "className"]);
+          otherProps = _objectWithoutProperties(_this$props2, _excluded);
 
       var maxPages = Math.min(nbPages, totalPages);
       var lastPage = maxPages;
@@ -12608,9 +13315,9 @@ function (_Component) {
         });
       }
 
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$c('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement(ListComponent, _extends({}, otherProps, {
+      }, /*#__PURE__*/React__default.createElement(ListComponent, _extends({}, otherProps, {
         cx: cx$c,
         items: items,
         onSelect: refine,
@@ -12723,23 +13430,27 @@ var Pagination$2 = translatable({
  */
 
 var PaginationWidget = function PaginationWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(Pagination$2, 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); }; }
 
+function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$b = createClassNames('PoweredBy');
-/* eslint-disable max-len */
 
 var AlgoliaLogo = function AlgoliaLogo() {
-  return React__default.createElement("svg", {
+  return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     baseProfile: "basic",
     viewBox: "0 0 1366 362",
     width: "100",
     height: "27",
     className: cx$b('logo')
-  }, React__default.createElement("linearGradient", {
+  }, /*#__PURE__*/React__default.createElement("linearGradient", {
     id: "g",
     x1: "428.258",
     x2: "434.145",
@@ -12747,35 +13458,33 @@ var AlgoliaLogo = function AlgoliaLogo() {
     y2: "409.85",
     gradientUnits: "userSpaceOnUse",
     gradientTransform: "matrix(94.045 0 0 -94.072 -40381.527 38479.52)"
-  }, React__default.createElement("stop", {
+  }, /*#__PURE__*/React__default.createElement("stop", {
     offset: "0",
     stopColor: "#00AEFF"
-  }), React__default.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: "1",
     stopColor: "#3369E7"
-  })), React__default.createElement("path", {
+  })), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.8 15.4h242.8c23.9 0 43.4 19.4 43.4 43.4v242.9c0 23.9-19.4 43.4-43.4 43.4H61.8c-23.9 0-43.4-19.4-43.4-43.4v-243c0-23.9 19.4-43.3 43.4-43.3z",
     fill: "url(#g)"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M187 98.7c-51.4 0-93.1 41.7-93.1 93.2S135.6 285 187 285s93.1-41.7 93.1-93.2-41.6-93.1-93.1-93.1zm0 158.8c-36.2 0-65.6-29.4-65.6-65.6s29.4-65.6 65.6-65.6 65.6 29.4 65.6 65.6-29.3 65.6-65.6 65.6zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7-9-15.8-25.7-26.6-45-27.3-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7c-5.6-5.6-14.6-5.6-20.2 0l-6.8 6.8c-5.6 5.6-5.6 14.6 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2 3.3-4.5 6.9-8.8 10.9-12.8 4.1-4.1 8.3-7.7 12.9-11 1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9 9.3-2.7 19.1-4.1 29-4.1 9.5 0 18.9 1.3 28 3.8 1.2.3 2.4-.6 2.4-1.9z",
     fill: "#FFFFFF"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8-6.3 1.9-13.6 2.9-21.8 2.9-10.8 0-20.6-1.7-29.5-5.1-8.9-3.4-16.6-8.4-22.9-15-6.3-6.6-11.3-14.9-14.8-24.8s-5.3-27.6-5.3-40.6c0-12.2 1.9-27.5 5.6-37.7 3.8-10.2 9.2-19 16.5-26.3 7.2-7.3 16-12.9 26.3-17s22.4-6.7 35.5-6.7c12.7 0 24.4 1.6 35.8 3.5 11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2 7.2 7.6 16.5 11.4 27.9 11.4 6.2 0 12.1-.9 17.6-2.6 5.5-1.7 9.9-3.7 13.4-6.1v-97.1c-2.8-.6-14.5-3-25.8-3.3-14.2-.4-25 5.4-32.6 14.7-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6c-7.7-.1-23-2.3-32.9-6.6-9.9-4.3-18.4-10.2-25.5-17.9-7.1-7.7-12.6-17-16.6-27.9s-6-20.9-6-34.1c0-13.2 1.8-25.9 5.8-36.7 4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2c10 4.2 18.6 10.1 25.6 17.8 7.1 7.7 12.6 16.9 16.6 27.7 4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8-7.2-9.9-17.3-14.8-30.2-14.8-12.9 0-23 4.9-30.2 14.8-7.2 9.9-10.7 23.9-10.7 40.8 0 17.1 3.6 28.6 10.8 38.5 7.2 10 17.3 14.9 30.2 14.9 12.9 0 23-5 30.2-14.9 7.2-10 10.8-21.4 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5c13.1 0 23.8-10.6 23.8-23.7S1177.6 36 1164.4 36s-23.8 10.6-23.8 23.7 10.7 23.7 23.8 23.7zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7c2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8s9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3c-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1s19.5-2.6 30.3-2.6zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18 5.9 3.6 13.7 5.3 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4 5.3 5.8 8.9 13.5 11.1 21.7 2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6-12.2 1.8-25.9 2.7-41.1 2.7-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8 4.7.5 9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2-4.4-1.7-10-3-16.7-3-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z",
     fill: "#182359"
   }));
 };
-/* eslint-enable max-len */
 
-
-var PoweredBy =
-/*#__PURE__*/
-function (_Component) {
+var PoweredBy = /*#__PURE__*/function (_Component) {
   _inherits(PoweredBy, _Component);
 
+  var _super = _createSuper$6(PoweredBy);
+
   function PoweredBy() {
     _classCallCheck(this, PoweredBy);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(PoweredBy).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(PoweredBy, [{
@@ -12785,17 +13494,17 @@ function (_Component) {
           url = _this$props.url,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$b(''), className)
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$b('text')
-      }, translate('searchBy')), ' ', React__default.createElement("a", {
+      }, translate('searchBy')), ' ', /*#__PURE__*/React__default.createElement("a", {
         href: url,
         target: "_blank",
         className: cx$b('link'),
         "aria-label": "Algolia",
         rel: "noopener noreferrer"
-      }, React__default.createElement(AlgoliaLogo, null)));
+      }, /*#__PURE__*/React__default.createElement(AlgoliaLogo, null)));
     }
   }]);
 
@@ -12843,20 +13552,25 @@ 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); }; }
 
+function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$a = createClassNames('RangeInput');
-var RawRangeInput =
-/*#__PURE__*/
-function (_Component) {
+var RawRangeInput = /*#__PURE__*/function (_Component) {
   _inherits(RawRangeInput, _Component);
 
+  var _super = _createSuper$5(RawRangeInput);
+
   function RawRangeInput(props) {
     var _this;
 
     _classCallCheck(this, RawRangeInput);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(RawRangeInput).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "onSubmit", function (e) {
       e.preventDefault();
@@ -12924,12 +13638,12 @@ function (_Component) {
           max = _this$normalizeRangeF.max;
 
       var step = 1 / Math.pow(10, precision);
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$a('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("form", {
+      }, /*#__PURE__*/React__default.createElement("form", {
         className: cx$a('form'),
         onSubmit: this.onSubmit
-      }, React__default.createElement("input", {
+      }, /*#__PURE__*/React__default.createElement("input", {
         className: cx$a('input', 'input--min'),
         type: "number",
         min: min,
@@ -12943,9 +13657,9 @@ function (_Component) {
             from: e.currentTarget.value
           });
         }
-      }), React__default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: cx$a('separator')
-      }, translate('separator')), React__default.createElement("input", {
+      }, translate('separator')), /*#__PURE__*/React__default.createElement("input", {
         className: cx$a('input', 'input--max'),
         type: "number",
         min: min,
@@ -12959,7 +13673,7 @@ function (_Component) {
             to: e.currentTarget.value
           });
         }
-      }), React__default.createElement("button", {
+      }), /*#__PURE__*/React__default.createElement("button", {
         className: cx$a('submit'),
         type: "submit"
       }, translate('submit'))));
@@ -13036,22 +13750,31 @@ var RangeInput = translatable({
  */
 
 var RangeInputWidget = function RangeInputWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(RangeInput, 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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$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); }; }
+
+function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$9 = createClassNames('RatingMenu');
 
-var RatingMenu =
-/*#__PURE__*/
-function (_Component) {
+var RatingMenu = /*#__PURE__*/function (_Component) {
   _inherits(RatingMenu, _Component);
 
+  var _super = _createSuper$4(RatingMenu);
+
   function RatingMenu() {
     _classCallCheck(this, RatingMenu);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(RatingMenu).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(RatingMenu, [{
@@ -13092,13 +13815,13 @@ function (_Component) {
           rating++;
         }
 
-        icons.push([React__default.createElement("svg", {
+        icons.push([/*#__PURE__*/React__default.createElement("svg", {
           key: icon,
           className: cx$9('starIcon', icon >= lowerBound ? 'starIcon--empty' : 'starIcon--full'),
           "aria-hidden": "true",
           width: "24",
           height: "24"
-        }, React__default.createElement("use", {
+        }, /*#__PURE__*/React__default.createElement("use", {
           xlinkHref: "#".concat(cx$9(icon >= lowerBound ? 'starEmptySymbol' : 'starSymbol'))
         })), ' ']);
       } // The last item of the list (the default item), should not
@@ -13113,16 +13836,16 @@ function (_Component) {
         }),
         onClick: this.onClick.bind(this, lowerBound, max)
       };
-      return React__default.createElement("li", {
+      return /*#__PURE__*/React__default.createElement("li", {
         key: lowerBound,
         className: cx$9('item', selected && 'item--selected', disabled && 'item--disabled')
-      }, React__default.createElement("a", _extends({
+      }, /*#__PURE__*/React__default.createElement("a", _extends({
         className: cx$9('link'),
         "aria-label": "".concat(rating).concat(translate('ratingLabel'))
-      }, onClickHandler), icons, React__default.createElement("span", {
+      }, onClickHandler), icons, /*#__PURE__*/React__default.createElement("span", {
         className: cx$9('label'),
         "aria-hidden": "true"
-      }, translate('ratingLabel')), ' ', React__default.createElement("span", {
+      }, translate('ratingLabel')), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$9('count')
       }, count)));
     }
@@ -13145,7 +13868,7 @@ function (_Component) {
       var limitMax = max !== undefined && max >= 0 ? max : 0;
       var inclusiveLength = limitMax - limitMin + 1;
       var values = count.map(function (item) {
-        return _objectSpread({}, item, {
+        return _objectSpread$1(_objectSpread$1({}, item), {}, {
           value: parseFloat(item.value)
         });
       }).filter(function (item) {
@@ -13165,7 +13888,7 @@ function (_Component) {
         };
         return element || placeholder;
       }).reduce(function (acc, item, index) {
-        return acc.concat(_objectSpread({}, item, {
+        return acc.concat(_objectSpread$1(_objectSpread$1({}, item), {}, {
           total: index === 0 ? item.count : acc[index - 1].total + item.count
         }));
       }, []).map(function (item, index, arr) {
@@ -13178,24 +13901,24 @@ function (_Component) {
           createURL: createURL
         });
       });
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$9('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("svg", {
+      }, /*#__PURE__*/React__default.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         style: {
           display: 'none'
         }
-      }, React__default.createElement("symbol", {
+      }, /*#__PURE__*/React__default.createElement("symbol", {
         id: cx$9('starSymbol'),
         viewBox: "0 0 24 24"
-      }, React__default.createElement("path", {
+      }, /*#__PURE__*/React__default.createElement("path", {
         d: "M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z"
-      })), React__default.createElement("symbol", {
+      })), /*#__PURE__*/React__default.createElement("symbol", {
         id: cx$9('starEmptySymbol'),
         viewBox: "0 0 24 24"
-      }, React__default.createElement("path", {
+      }, /*#__PURE__*/React__default.createElement("path", {
         d: "M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z"
-      }))), React__default.createElement("ul", {
+      }))), /*#__PURE__*/React__default.createElement("ul", {
         className: cx$9('list', !canRefine && 'list--noRefinement')
       }, items));
     }
@@ -13279,21 +14002,24 @@ var RatingMenu$1 = translatable({
  */
 
 var RatingMenuWidget = function RatingMenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(RatingMenu$1, 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); }; }
 
+function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$8 = createClassNames('RefinementList');
 
-var RefinementList$1 =
-/*#__PURE__*/
-function (_Component) {
+var RefinementList$1 = /*#__PURE__*/function (_Component) {
   _inherits(RefinementList, _Component);
 
-  function RefinementList() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$3(RefinementList);
 
+  function RefinementList() {
     var _this;
 
     _classCallCheck(this, RefinementList);
@@ -13302,7 +14028,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(RefinementList)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       query: ''
@@ -13315,22 +14041,22 @@ function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
-      var label = _this.props.isFromSearch ? React__default.createElement(Highlight, {
+      var label = _this.props.isFromSearch ? /*#__PURE__*/React__default.createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React__default.createElement("label", {
+      return /*#__PURE__*/React__default.createElement("label", {
         className: cx$8('label')
-      }, React__default.createElement("input", {
+      }, /*#__PURE__*/React__default.createElement("input", {
         className: cx$8('checkbox'),
         type: "checkbox",
         checked: item.isRefined,
         onChange: function onChange() {
           return _this.selectItem(item, resetQuery);
         }
-      }), React__default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: cx$8('labelText')
-      }, label), ' ', React__default.createElement("span", {
+      }, label), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$8('count')
       }, item.count.toLocaleString()));
     });
@@ -13352,7 +14078,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$8,
@@ -13464,22 +14190,27 @@ var RefinementList$2 = translatable({
  */
 
 var RefinementListWidget = function RefinementListWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(RefinementList$2, 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); }; }
 
+function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$7 = createClassNames('ScrollTo');
 
-var ScrollTo =
-/*#__PURE__*/
-function (_Component) {
+var ScrollTo = /*#__PURE__*/function (_Component) {
   _inherits(ScrollTo, _Component);
 
+  var _super = _createSuper$2(ScrollTo);
+
   function ScrollTo() {
     _classCallCheck(this, ScrollTo);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(ScrollTo).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(ScrollTo, [{
@@ -13498,7 +14229,7 @@ function (_Component) {
     value: function render() {
       var _this = this;
 
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         ref: function ref(_ref) {
           return _this.el = _ref;
         },
@@ -13547,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.
@@ -13597,12 +14330,14 @@ connectScrollTo(ScrollTo);
  * );
  */
 
-var SearchBox = connectSearchBox(SearchBox$2);
+var SearchBox = connectSearchBox(SearchBox$2, {
+  $$widgetType: 'ais.searchBox'
+});
 
 var cx$6 = createClassNames('Snippet');
 
 var Snippet = function Snippet(props) {
-  return React__default.createElement(Highlighter, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Highlighter, _extends({}, props, {
     highlightProperty: "_snippetResult",
     cx: cx$6
   }));
@@ -13652,13 +14387,15 @@ var Snippet = function Snippet(props) {
  * );
  */
 
-connectHighlight(Snippet);
+connectHighlight(Snippet, {
+  $$widgetType: 'ais.snippet'
+});
 
 var cx$5 = createClassNames('RelevantSort');
 
 var DefaultButtonTextComponent = function DefaultButtonTextComponent(_ref) {
   var isRelevantSorted = _ref.isRelevantSorted;
-  return React__default.createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
+  return /*#__PURE__*/React__default.createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
 };
 
 var RelevantSort = function RelevantSort(_ref2) {
@@ -13670,18 +14407,18 @@ var RelevantSort = function RelevantSort(_ref2) {
       ButtonTextComponent = _ref2$buttonTextCompo === void 0 ? DefaultButtonTextComponent : _ref2$buttonTextCompo,
       TextComponent = _ref2.textComponent,
       refine = _ref2.refine;
-  return !isVirtualReplica ? null : React__default.createElement("div", {
+  return !isVirtualReplica ? null : /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$5(''), className)
-  }, React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: cx$5('text')
-  }, TextComponent && React__default.createElement(TextComponent, {
+  }, TextComponent && /*#__PURE__*/React__default.createElement(TextComponent, {
     isRelevantSorted: isRelevantSorted
-  })), React__default.createElement("button", {
+  })), /*#__PURE__*/React__default.createElement("button", {
     className: cx$5('button'),
     onClick: function onClick() {
       return refine(isRelevantSorted ? 0 : undefined);
     }
-  }, React__default.createElement(ButtonTextComponent, {
+  }, /*#__PURE__*/React__default.createElement(ButtonTextComponent, {
     isRelevantSorted: isRelevantSorted
   })));
 };
@@ -13695,19 +14432,24 @@ 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); }; }
 
+function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$4 = createClassNames('SortBy');
 
-var SortBy =
-/*#__PURE__*/
-function (_Component) {
+var SortBy = /*#__PURE__*/function (_Component) {
   _inherits(SortBy, _Component);
 
+  var _super = _createSuper$1(SortBy);
+
   function SortBy() {
     _classCallCheck(this, SortBy);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(SortBy).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(SortBy, [{
@@ -13719,9 +14461,9 @@ function (_Component) {
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$4(''), className)
-      }, React__default.createElement(Select, {
+      }, /*#__PURE__*/React__default.createElement(Select, {
         id: id,
         cx: cx$4,
         items: items,
@@ -13789,7 +14531,9 @@ _defineProperty(SortBy, "defaultProps", {
  * );
  */
 
-connectSortBy(SortBy);
+connectSortBy(SortBy, {
+  $$widgetType: 'ais.sortBy'
+});
 
 var cx$3 = createClassNames('Stats');
 
@@ -13801,9 +14545,9 @@ var Stats = function Stats(_ref) {
       nbSortedHits = _ref.nbSortedHits,
       processingTimeMS = _ref.processingTimeMS,
       translate = _ref.translate;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$3(''), className)
-  }, React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: cx$3('text')
   }, translate('stats', nbHits, processingTimeMS, nbSortedHits, areHitsSorted)));
 };
@@ -13850,7 +14594,9 @@ var Stats$1 = translatable({
  * );
  */
 
-connectStats(Stats$1);
+connectStats(Stats$1, {
+  $$widgetType: 'ais.stats'
+});
 
 var cx$2 = createClassNames('ToggleRefinement');
 
@@ -13860,18 +14606,18 @@ var ToggleRefinement = function ToggleRefinement(_ref) {
       canRefine = _ref.canRefine,
       refine = _ref.refine,
       className = _ref.className;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$2('', !canRefine && '-noRefinement'), className)
-  }, React__default.createElement("label", {
+  }, /*#__PURE__*/React__default.createElement("label", {
     className: cx$2('label')
-  }, React__default.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     className: cx$2('checkbox'),
     type: "checkbox",
     checked: currentRefinement,
     onChange: function onChange(event) {
       return refine(event.target.checked);
     }
-  }), React__default.createElement("span", {
+  }), /*#__PURE__*/React__default.createElement("span", {
     className: cx$2('labelText')
   }, label)));
 };
@@ -13930,7 +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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(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
@@ -13966,7 +14718,7 @@ function createVoiceSearchHelper(_ref) {
 
   var setState = function setState() {
     var newState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    state = _objectSpread({}, state, newState);
+    state = _objectSpread(_objectSpread({}, state), newState);
     onStateChange();
   };
 
@@ -14081,11 +14833,14 @@ function createVoiceSearchHelper(_ref) {
   };
 }
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$1 = createClassNames('VoiceSearch');
 
 var ButtonSvg = function ButtonSvg(_ref) {
   var children = _ref.children;
-  return React__default.createElement("svg", {
+  return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
@@ -14102,36 +14857,36 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
   var status = _ref2.status,
       errorCode = _ref2.errorCode,
       isListening = _ref2.isListening;
-  return status === 'error' && errorCode === 'not-allowed' ? React__default.createElement(ButtonSvg, null, React__default.createElement("line", {
+  return status === 'error' && errorCode === 'not-allowed' ? /*#__PURE__*/React__default.createElement(ButtonSvg, null, /*#__PURE__*/React__default.createElement("line", {
     x1: "1",
     y1: "1",
     x2: "23",
     y2: "23"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
     y2: "23"
-  })) : React__default.createElement(ButtonSvg, null, React__default.createElement("path", {
+  })) : /*#__PURE__*/React__default.createElement(ButtonSvg, null, /*#__PURE__*/React__default.createElement("path", {
     d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z",
     fill: isListening ? 'currentColor' : ''
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
@@ -14141,17 +14896,15 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
 
 var DefaultStatus = function DefaultStatus(_ref3) {
   var transcript = _ref3.transcript;
-  return React__default.createElement("p", null, transcript);
+  return /*#__PURE__*/React__default.createElement("p", null, transcript);
 };
 
-var VoiceSearch =
-/*#__PURE__*/
-function (_Component) {
+var VoiceSearch = /*#__PURE__*/function (_Component) {
   _inherits(VoiceSearch, _Component);
 
-  function VoiceSearch() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(VoiceSearch);
 
+  function VoiceSearch() {
     var _this;
 
     _classCallCheck(this, VoiceSearch);
@@ -14160,7 +14913,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(VoiceSearch)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "voiceSearchHelper", void 0);
 
@@ -14226,17 +14979,17 @@ function (_Component) {
         isSpeechFinal: isSpeechFinal,
         isBrowserSupported: isBrowserSupported()
       };
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: cx$1('')
-      }, React__default.createElement("button", {
+      }, /*#__PURE__*/React__default.createElement("button", {
         className: cx$1('button'),
         type: "button",
         title: isBrowserSupported() ? translate('buttonTitle') : translate('disabledButtonTitle'),
         onClick: this.onClick,
         disabled: !isBrowserSupported()
-      }, React__default.createElement(ButtonTextComponent, innerProps)), React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement(ButtonTextComponent, innerProps)), /*#__PURE__*/React__default.createElement("div", {
         className: cx$1('status')
-      }, React__default.createElement(StatusComponent, innerProps)));
+      }, /*#__PURE__*/React__default.createElement(StatusComponent, innerProps)));
     }
   }, {
     key: "componentWillUnmount",
@@ -14261,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');
 
@@ -14269,7 +15024,7 @@ var QueryRuleCustomData = function QueryRuleCustomData(_ref) {
   var items = _ref.items,
       className = _ref.className,
       children = _ref.children;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx(''), className)
   }, children({
     items: items
@@ -14283,10 +15038,12 @@ QueryRuleCustomData.propTypes = {
 };
 
 var QueryRuleCustomDataWidget = function QueryRuleCustomDataWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(QueryRuleCustomData, 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 = {
@@ -14358,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
           })
         )
       )