@mjhls/mjh-framework 1.0.1089-webcastAddition-v1 → 1.0.1089

package/dist/esm/AlgoliaSearch.js

@@ -3,10 +3,10 @@ import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorRetu
 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 _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-98ca9cec.js';
+import { _ as _objectWithoutPropertiesLoose$1, a as _extends, c as classnames } from './index-0ce54f8a.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';
@@ -57,9 +57,6 @@ 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;
 }
 
@@ -71,6 +68,15 @@ function _assertThisInitialized(self) {
   return self;
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
@@ -83,27 +89,28 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(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);
@@ -414,6 +421,9 @@ var getPropertyByPath = function getPropertyByPath(object, path) {
 function getObjectType(object) {
   return Object.prototype.toString.call(object).slice(8, -1);
 }
+function unescapeFacetValue$3(value) {
+  return value.replace(/^\\-/, '-');
+}
 
 var instantSearchContext = /*#__PURE__*/createContext({
   onInternalStateUpdate: function onInternalStateUpdate() {
@@ -469,6 +479,8 @@ function createConnectorWithoutContext(connectorDesc) {
 
   var isWidget = typeof connectorDesc.getSearchParameters === 'function' || typeof connectorDesc.getMetadata === 'function' || typeof connectorDesc.transitionState === 'function';
   return function (Composed) {
+    var additionalWidgetProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     var Connector = /*#__PURE__*/function (_Component) {
       _inherits(Connector, _Component);
 
@@ -485,6 +497,8 @@ function createConnectorWithoutContext(connectorDesc) {
 
         _defineProperty(_assertThisInitialized(_this), "unregisterWidget", void 0);
 
+        _defineProperty(_assertThisInitialized(_this), "cleanupTimerRef", null);
+
         _defineProperty(_assertThisInitialized(_this), "isUnmounting", false);
 
         _defineProperty(_assertThisInitialized(_this), "state", {
@@ -539,6 +553,11 @@ function createConnectorWithoutContext(connectorDesc) {
         value: function componentDidMount() {
           var _this2 = this;
 
+          if (this.cleanupTimerRef) {
+            clearTimeout(this.cleanupTimerRef);
+            this.cleanupTimerRef = null;
+          }
+
           this.unsubscribe = this.props.contextValue.store.subscribe(function () {
             if (!_this2.isUnmounting) {
               _this2.setState({
@@ -590,23 +609,29 @@ function createConnectorWithoutContext(connectorDesc) {
       }, {
         key: "componentWillUnmount",
         value: function componentWillUnmount() {
-          this.isUnmounting = true;
+          var _this3 = this;
 
-          if (this.unsubscribe) {
-            this.unsubscribe();
-          }
+          this.cleanupTimerRef = setTimeout(function () {
+            _this3.isUnmounting = true;
+
+            if (_this3.unsubscribe) {
+              _this3.unsubscribe();
+            }
+
+            if (_this3.unregisterWidget) {
+              _this3.unregisterWidget();
 
-          if (this.unregisterWidget) {
-            this.unregisterWidget();
+              if (typeof connectorDesc.cleanUp === 'function') {
+                var nextState = connectorDesc.cleanUp.call(_this3, _this3.props, _this3.props.contextValue.store.getState().widgets);
 
-            if (typeof connectorDesc.cleanUp === 'function') {
-              var nextState = connectorDesc.cleanUp.call(this, this.props, this.props.contextValue.store.getState().widgets);
-              this.props.contextValue.store.setState(_objectSpread$e(_objectSpread$e({}, this.props.contextValue.store.getState()), {}, {
-                widgets: nextState
-              }));
-              this.props.contextValue.onSearchStateChange(removeEmptyKey(nextState));
+                _this3.props.contextValue.store.setState(_objectSpread$e(_objectSpread$e({}, _this3.props.contextValue.store.getState()), {}, {
+                  widgets: nextState
+                }));
+
+                _this3.props.contextValue.onSearchStateChange(removeEmptyKey(nextState));
+              }
             }
-          }
+          });
         }
       }, {
         key: "getProvidedProps",
@@ -689,6 +714,10 @@ function createConnectorWithoutContext(connectorDesc) {
 
     _defineProperty(Connector, "displayName", "".concat(connectorDesc.displayName, "(").concat(getDisplayName(Composed), ")"));
 
+    _defineProperty(Connector, "$$type", connectorDesc.$$type);
+
+    _defineProperty(Connector, "$$widgetType", additionalWidgetProperties.$$widgetType);
+
     _defineProperty(Connector, "propTypes", connectorDesc.propTypes);
 
     _defineProperty(Connector, "defaultProps", connectorDesc.defaultProps);
@@ -700,8 +729,8 @@ function createConnectorWithoutContext(connectorDesc) {
 }
 
 var createConnectorWithContext = function createConnectorWithContext(connectorDesc) {
-  return function (Composed) {
-    var Connector = createConnectorWithoutContext(connectorDesc)(Composed);
+  return function (Composed, additionalWidgetProperties) {
+    var Connector = createConnectorWithoutContext(connectorDesc)(Composed, additionalWidgetProperties);
 
     var ConnectorWrapper = function ConnectorWrapper(props) {
       return /*#__PURE__*/React__default.createElement(InstantSearchConsumer, null, function (contextValue) {
@@ -818,7 +847,7 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.22.0';
+var version$1 = '6.38.0';
 
 function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -1148,6 +1177,7 @@ function getId$f() {
 
 var connectConfigure = createConnectorWithContext({
   displayName: 'AlgoliaConfigure',
+  $$type: 'ais.configure',
   getProvidedProps: function getProvidedProps() {
     return {};
   },
@@ -1245,6 +1275,8 @@ var connectConfigure = createConnectorWithContext({
 
 var Configure = connectConfigure(function Configure() {
   return null;
+}, {
+  $$widgetType: 'ais.configure'
 });
 
 function _arrayLikeToArray(arr, len) {
@@ -1262,7 +1294,7 @@ function _arrayWithoutHoles(arr) {
 }
 
 function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
 }
 
 function _unsupportedIterableToArray(o, minLen) {
@@ -3229,12 +3261,44 @@ var formatSort = function formatSort(sortBy, defaults) {
   );
 };
 
+/**
+ * Replaces a leading - with \-
+ * @private
+ * @param {any} value the facet value to replace
+ * @returns any
+ */
+function escapeFacetValue$3(value) {
+  if (typeof value !== 'string') return value;
+
+  return String(value).replace(/^-/, '\\-');
+}
+
+/**
+ * Replaces a leading \- with -
+ * @private
+ * @param {any} value the escaped facet value
+ * @returns any
+ */
+function unescapeFacetValue$2(value) {
+  if (typeof value !== 'string') return value;
+
+  return value.replace(/^\\-/, '-');
+}
+
+var escapeFacetValue_1 = {
+  escapeFacetValue: escapeFacetValue$3,
+  unescapeFacetValue: unescapeFacetValue$2
+};
+
 var generateHierarchicalTree_1 = generateTrees;
 
 
 
 
 
+var escapeFacetValue$2 = escapeFacetValue_1.escapeFacetValue;
+var unescapeFacetValue$1 = escapeFacetValue_1.unescapeFacetValue;
+
 function generateTrees(state) {
   return function generate(hierarchicalFacetResult, hierarchicalFacetIndex) {
     var hierarchicalFacet = state.hierarchicalFacets[hierarchicalFacetIndex];
@@ -3280,6 +3344,7 @@ function generateTrees(state) {
       count: null, // root level, no count
       isRefined: true, // root level, always refined
       path: null, // root level, no path
+      escapedValue: null,
       exhaustive: rootExhaustive,
       data: null
     });
@@ -3355,7 +3420,7 @@ function generateHierarchicalTree(
             facetCount,
             facetValue,
             hierarchicalSeparator,
-            currentRefinement,
+            unescapeFacetValue$1(currentRefinement),
             hierarchicalFacetResult.exhaustive
           );
         }),
@@ -3418,6 +3483,7 @@ function format(
   return {
     name: parts[parts.length - 1].trim(),
     path: facetValue,
+    escapedValue: escapeFacetValue$2(facetValue),
     count: facetCount,
     isRefined:
       currentRefinement === facetValue ||
@@ -3427,6 +3493,11 @@ function format(
   };
 }
 
+var escapeFacetValue$1 = escapeFacetValue_1.escapeFacetValue;
+var unescapeFacetValue = escapeFacetValue_1.unescapeFacetValue;
+
+
+
 /**
  * @typedef SearchResults.Facet
  * @type {object}
@@ -3641,7 +3712,7 @@ function findMatchingHierarchicalFacetFromAttributeName(
 }
  **/
 /*eslint-enable */
-function SearchResults(state, results) {
+function SearchResults(state, results, options) {
   var mainSubResponse = results[0];
 
   this._rawResults = results;
@@ -3653,6 +3724,11 @@ function SearchResults(state, results) {
     self[key] = mainSubResponse[key];
   });
 
+  // Make every key of the result options reachable from the instance
+  Object.keys(options || {}).forEach(function(key) {
+    self[key] = options[key];
+  });
+
   /**
    * query used to generate the results
    * @name query
@@ -3920,7 +3996,7 @@ function SearchResults(state, results) {
           state.disjunctiveFacetsRefinements[dfacet].forEach(function(refinementValue) {
             // add the disjunctive refinements if it is no more retrieved
             if (!self.disjunctiveFacets[position].data[refinementValue] &&
-              state.disjunctiveFacetsRefinements[dfacet].indexOf(refinementValue) > -1) {
+              state.disjunctiveFacetsRefinements[dfacet].indexOf(unescapeFacetValue(refinementValue)) > -1) {
               self.disjunctiveFacets[position].data[refinementValue] = 0;
             }
           });
@@ -3930,7 +4006,7 @@ function SearchResults(state, results) {
     nextDisjunctiveResult++;
   });
 
-  // if we have some root level values for hierarchical facets, merge them
+  // if we have some parent level values for hierarchical facets, merge them
   state.getRefinedHierarchicalFacets().forEach(function(refinedFacet) {
     var hierarchicalFacet = state.getHierarchicalFacetByName(refinedFacet);
     var separator = state._getHierarchicalFacetSeparator(hierarchicalFacet);
@@ -3942,47 +4018,49 @@ function SearchResults(state, results) {
       return;
     }
 
-    var result = results[nextDisjunctiveResult];
-    var facets = result && result.facets
-      ? result.facets
-      : {};
-    Object.keys(facets).forEach(function(dfacet) {
-      var facetResults = facets[dfacet];
-      var position = findIndex(state.hierarchicalFacets, function(f) {
-        return f.name === hierarchicalFacet.name;
-      });
-      var attributeIndex = findIndex(self.hierarchicalFacets[position], function(f) {
-        return f.attribute === dfacet;
-      });
+    results.slice(nextDisjunctiveResult).forEach(function(result) {
+      var facets = result && result.facets
+        ? result.facets
+        : {};
 
-      // previous refinements and no results so not able to find it
-      if (attributeIndex === -1) {
-        return;
-      }
+      Object.keys(facets).forEach(function(dfacet) {
+        var facetResults = facets[dfacet];
+        var position = findIndex(state.hierarchicalFacets, function(f) {
+          return f.name === hierarchicalFacet.name;
+        });
+        var attributeIndex = findIndex(self.hierarchicalFacets[position], function(f) {
+          return f.attribute === dfacet;
+        });
 
-      // when we always get root levels, if the hits refinement is `beers > IPA` (count: 5),
-      // then the disjunctive values will be `beers` (count: 100),
-      // but we do not want to display
-      //   | beers (100)
-      //     > IPA (5)
-      // We want
-      //   | beers (5)
-      //     > IPA (5)
-      var defaultData = {};
-
-      if (currentRefinement.length > 0) {
-        var root = currentRefinement[0].split(separator)[0];
-        defaultData[root] = self.hierarchicalFacets[position][attributeIndex].data[root];
-      }
+        // previous refinements and no results so not able to find it
+        if (attributeIndex === -1) {
+          return;
+        }
 
-      self.hierarchicalFacets[position][attributeIndex].data = defaultsPure(
-        defaultData,
-        facetResults,
-        self.hierarchicalFacets[position][attributeIndex].data
-      );
-    });
+        // when we always get root levels, if the hits refinement is `beers > IPA` (count: 5),
+        // then the disjunctive values will be `beers` (count: 100),
+        // but we do not want to display
+        //   | beers (100)
+        //     > IPA (5)
+        // We want
+        //   | beers (5)
+        //     > IPA (5)
+        var defaultData = {};
+
+        if (currentRefinement.length > 0) {
+          var root = currentRefinement[0].split(separator)[0];
+          defaultData[root] = self.hierarchicalFacets[position][attributeIndex].data[root];
+        }
 
-    nextDisjunctiveResult++;
+        self.hierarchicalFacets[position][attributeIndex].data = defaultsPure(
+          defaultData,
+          facetResults,
+          self.hierarchicalFacets[position][attributeIndex].data
+        );
+      });
+
+      nextDisjunctiveResult++;
+    });
   });
 
   // add the excludes
@@ -4052,10 +4130,12 @@ function extractNormalizedFacetValues(results, attribute) {
     if (!facet) return [];
 
     return Object.keys(facet.data).map(function(name) {
+      var value = escapeFacetValue$1(name);
       return {
         name: name,
+        escapedValue: value,
         count: facet.data[name],
-        isRefined: results._state.isFacetRefined(attribute, name),
+        isRefined: results._state.isFacetRefined(attribute, value),
         isExcluded: results._state.isExcludeRefined(attribute, name)
       };
     });
@@ -4064,10 +4144,12 @@ function extractNormalizedFacetValues(results, attribute) {
     if (!disjunctiveFacet) return [];
 
     return Object.keys(disjunctiveFacet.data).map(function(name) {
+      var value = escapeFacetValue$1(name);
       return {
         name: name,
+        escapedValue: value,
         count: disjunctiveFacet.data[name],
-        isRefined: results._state.isDisjunctiveFacetRefined(attribute, name)
+        isRefined: results._state.isDisjunctiveFacetRefined(attribute, value)
       };
     });
   } else if (results._state.isHierarchicalFacet(attribute)) {
@@ -4782,6 +4864,17 @@ DerivedHelper.prototype.getModifiedState = function(parameters) {
 
 var DerivedHelper_1 = DerivedHelper;
 
+function sortObject(obj) {
+  return Object.keys(obj)
+    .sort(function(a, b) {
+      return a.localeCompare(b);
+    })
+    .reduce(function(acc, curr) {
+      acc[curr] = obj[curr];
+      return acc;
+    }, {});
+}
+
 var requestBuilder = {
   /**
    * Get all the queries to send to the client, those queries can used directly
@@ -4806,18 +4899,67 @@ var requestBuilder = {
       });
     });
 
-    // maybe more to get the root level of hierarchical facets when activated
+    // More to get the parent levels of the hierarchical facets when refined
     state.getRefinedHierarchicalFacets().forEach(function(refinedFacet) {
       var hierarchicalFacet = state.getHierarchicalFacetByName(refinedFacet);
-
       var currentRefinement = state.getHierarchicalRefinement(refinedFacet);
-      // if we are deeper than level 0 (starting from `beer > IPA`)
-      // we want to get the root values
       var separator = state._getHierarchicalFacetSeparator(hierarchicalFacet);
+
+      // If we are deeper than level 0 (starting from `beer > IPA`)
+      // we want to get all parent values
       if (currentRefinement.length > 0 && currentRefinement[0].split(separator).length > 1) {
-        queries.push({
-          indexName: index,
-          params: requestBuilder._getDisjunctiveFacetSearchParams(state, refinedFacet, true)
+        // We generate a map of the filters we will use for our facet values queries
+        var filtersMap = currentRefinement[0].split(separator).slice(0, -1).reduce(
+          function createFiltersMap(map, segment, level) {
+            return map.concat({
+              attribute: hierarchicalFacet.attributes[level],
+              value: level === 0
+                ? segment
+                : [map[map.length - 1].value, segment].join(separator)
+            });
+          }
+        , []);
+
+        filtersMap.forEach(function(filter, level) {
+          var params = requestBuilder._getDisjunctiveFacetSearchParams(
+            state,
+            filter.attribute,
+            level === 0
+          );
+
+          // Keep facet filters unrelated to current hierarchical attributes
+          function hasHierarchicalFacetFilter(value) {
+            return hierarchicalFacet.attributes.some(function(attribute) {
+              return attribute === value.split(':')[0];
+            });
+          }
+
+          var filteredFacetFilters = (params.facetFilters || []).reduce(function(acc, facetFilter) {
+            if (Array.isArray(facetFilter)) {
+              var filtered = facetFilter.filter(function(filterValue) {
+                return !hasHierarchicalFacetFilter(filterValue);
+              });
+
+              if (filtered.length > 0) {
+                acc.push(filtered);
+              }
+            }
+
+            if (typeof facetFilter === 'string' && !hasHierarchicalFacetFilter(facetFilter)) {
+              acc.push(facetFilter);
+            }
+
+            return acc;
+          }, []);
+
+          var parent = filtersMap[level - 1];
+          if (level > 0) {
+            params.facetFilters = filteredFacetFilters.concat(parent.attribute + ':' + parent.value);
+          } else {
+            params.facetFilters = filteredFacetFilters.length > 0 ? filteredFacetFilters : undefined;
+          }
+
+          queries.push({indexName: index, params: params});
         });
       }
     });
@@ -4852,7 +4994,7 @@ var requestBuilder = {
       additionalParams.numericFilters = numericFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -4867,16 +5009,16 @@ var requestBuilder = {
     var numericFilters = requestBuilder._getNumericFilters(state, facet);
     var tagFilters = requestBuilder._getTagFilters(state);
     var additionalParams = {
-      hitsPerPage: 1,
+      hitsPerPage: 0,
       page: 0,
-      attributesToRetrieve: [],
-      attributesToHighlight: [],
-      attributesToSnippet: [],
-      tagFilters: tagFilters,
       analytics: false,
       clickAnalytics: false
     };
 
+    if (tagFilters.length > 0) {
+      additionalParams.tagFilters = tagFilters;
+    }
+
     var hierarchicalFacet = state.getHierarchicalFacetByName(facet);
 
     if (hierarchicalFacet) {
@@ -4897,7 +5039,7 @@ var requestBuilder = {
       additionalParams.facetFilters = facetFilters;
     }
 
-    return merge_1({}, state.getQueryParams(), additionalParams);
+    return sortObject(merge_1({}, state.getQueryParams(), additionalParams));
   },
 
   /**
@@ -5090,17 +5232,19 @@ var requestBuilder = {
     if (typeof maxFacetHits === 'number') {
       searchForFacetSearchParameters.maxFacetHits = maxFacetHits;
     }
-    return merge_1(
+    return sortObject(merge_1(
       {},
       requestBuilder._getHitsSearchParams(stateForSearchForFacetValues),
       searchForFacetSearchParameters
-    );
+    ));
   }
 };
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.7.0';
+var version = '3.11.1';
+
+var escapeFacetValue = escapeFacetValue_1.escapeFacetValue;
 
 /**
  * Event triggered when a parameter is set or updated
@@ -5418,20 +5562,51 @@ AlgoliaSearchHelper.prototype.findAnswers = function(options) {
  */
 AlgoliaSearchHelper.prototype.searchForFacetValues = function(facet, query, maxFacetHits, userState) {
   var clientHasSFFV = typeof this.client.searchForFacetValues === 'function';
+  var clientHasInitIndex = typeof this.client.initIndex === 'function';
   if (
     !clientHasSFFV &&
-    typeof this.client.initIndex !== 'function'
+    !clientHasInitIndex &&
+    typeof this.client.search !== 'function'
   ) {
     throw new Error(
       'search for facet values (searchable) was called, but this client does not have a function client.searchForFacetValues or client.initIndex(index).searchForFacetValues'
     );
   }
+
   var state = this.state.setQueryParameters(userState || {});
   var isDisjunctive = state.isDisjunctiveFacet(facet);
   var algoliaQuery = requestBuilder_1.getSearchForFacetQuery(facet, query, maxFacetHits, state);
 
   this._currentNbQueries++;
   var self = this;
+  var searchForFacetValuesPromise;
+  // newer algoliasearch ^3.27.1 - ~4.0.0
+  if (clientHasSFFV) {
+    searchForFacetValuesPromise = this.client.searchForFacetValues([
+      {indexName: state.index, params: algoliaQuery}
+    ]);
+    // algoliasearch < 3.27.1
+  } else if (clientHasInitIndex) {
+    searchForFacetValuesPromise = this.client
+      .initIndex(state.index)
+      .searchForFacetValues(algoliaQuery);
+    // algoliasearch ~5.0.0
+  } else {
+    // @MAJOR only use client.search
+    delete algoliaQuery.facetName;
+    searchForFacetValuesPromise = this.client
+      .search([
+        {
+          type: 'facet',
+          facet: facet,
+          indexName: state.index,
+          params: algoliaQuery
+        }
+      ])
+      .then(function processResponse(response) {
+        return response.results[0];
+      });
+  }
 
   this.emit('searchForFacetValues', {
     state: state,
@@ -5439,10 +5614,6 @@ AlgoliaSearchHelper.prototype.searchForFacetValues = function(facet, query, maxF
     query: query
   });
 
-  var searchForFacetValuesPromise = clientHasSFFV
-    ? this.client.searchForFacetValues([{indexName: state.index, params: algoliaQuery}])
-    : this.client.initIndex(state.index).searchForFacetValues(algoliaQuery);
-
   return searchForFacetValuesPromise.then(function addIsRefined(content) {
     self._currentNbQueries--;
     if (self._currentNbQueries === 0) self.emit('searchQueueEmpty');
@@ -5450,9 +5621,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;
@@ -6685,6 +6857,7 @@ function getSearchParametersFromProps(props) {
 
 var connectConfigureRelatedItems = createConnectorWithContext({
   displayName: 'AlgoliaConfigureRelatedItems',
+  $$type: 'ais.configureRelatedItems',
   defaultProps: defaultProps$1,
   getProvidedProps: function getProvidedProps() {
     return {};
@@ -6750,11 +6923,14 @@ 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;
@@ -6810,21 +6986,25 @@ var connectDynamicWidgets = createConnectorWithContext({
   }
 });
 
-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;
@@ -6858,7 +7038,9 @@ function DynamicWidgets(_ref) {
   }));
 }
 
-connectDynamicWidgets(DynamicWidgets);
+connectDynamicWidgets(DynamicWidgets, {
+  $$widgetType: 'ais.dynamicWidgets'
+});
 
 // A context rule must consist only of alphanumeric characters, hyphens, and underscores.
 // See https://www.algolia.com/doc/guides/managing-results/refine-results/merchandising-and-promoting/in-depth/implementing-query-rules/#context
@@ -6935,6 +7117,7 @@ var defaultProps = {
 };
 var connectQueryRules = createConnectorWithContext({
   displayName: 'AlgoliaQueryRules',
+  $$type: 'ais.queryRules',
   defaultProps: defaultProps,
   getProvidedProps: function getProvidedProps(props, _1, searchResults) {
     var results = getResults(searchResults, {
@@ -6991,6 +7174,8 @@ var connectQueryRules = createConnectorWithContext({
 
 connectQueryRules(function QueryRuleContext() {
   return null;
+}, {
+  $$widgetType: 'ais.queryRuleContext'
 });
 
 function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -7116,6 +7301,10 @@ _defineProperty(Index, "propTypes", {
 
 _defineProperty(Index, "displayName", 'AlgoliaIndex');
 
+_defineProperty(Index, "$$type", 'ais.index');
+
+_defineProperty(Index, "$$widgetType", 'ais.index');
+
 ({
   indexName: PropTypes.string.isRequired,
   indexId: PropTypes.string
@@ -7277,6 +7466,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({
@@ -7362,12 +7552,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.
@@ -7403,6 +7594,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
@@ -7432,7 +7624,7 @@ function createInstantSearchManager(_ref) {
       store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
         results: results,
         isSearchStalled: nextIsSearchStalled,
-        searching: false,
+        searching: searchCounter > 0,
         error: null
       }));
     };
@@ -7757,6 +7949,8 @@ function getMetadataPayload(widgets, searchClient) {
 
     return {
       displayName: displayName,
+      $$type: constructor.$$type,
+      $$widgetType: constructor.$$widgetType,
       params: Object.keys(props).filter(function (prop) {
         return !internalProps.includes(prop) && defaultProps[prop] !== props[prop] && props[prop] !== undefined;
       })
@@ -7841,6 +8035,8 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "cleanupTimerRef", null);
+
     _defineProperty(_assertThisInitialized(_this), "isUnmounting", false);
 
     var instantSearchManager = createInstantSearchManager({
@@ -7896,6 +8092,11 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
+      if (this.cleanupTimerRef) {
+        clearTimeout(this.cleanupTimerRef);
+        this.cleanupTimerRef = null;
+      }
+
       if (isMetadataEnabled()) {
         injectMetadata(this.state.instantSearchManager.widgetsManager.getWidgets(), this.props.searchClient);
       }
@@ -7903,8 +8104,13 @@ var InstantSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this.isUnmounting = true;
-      this.state.instantSearchManager.skipSearch();
+      var _this2 = this;
+
+      this.cleanupTimerRef = setTimeout(function () {
+        _this2.isUnmounting = true;
+
+        _this2.state.instantSearchManager.skipSearch();
+      });
     }
   }, {
     key: "createHrefForState",
@@ -8039,9 +8245,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) {
@@ -8092,6 +8298,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) {
@@ -8155,6 +8362,7 @@ function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) {
 
 var connectCurrentRefinements = createConnectorWithContext({
   displayName: 'AlgoliaCurrentRefinements',
+  $$type: 'ais.currentRefinements',
   propTypes: {
     transformItems: PropTypes.func
   },
@@ -8214,7 +8422,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,
@@ -8224,7 +8432,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: [{
@@ -8235,7 +8443,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;
@@ -8245,7 +8453,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)
@@ -8285,7 +8493,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
@@ -8326,6 +8534,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) {
@@ -8450,7 +8659,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, '', {
@@ -8541,6 +8750,7 @@ var highlight = function highlight(_ref) {
 
 var connectHighlight = createConnectorWithContext({
   displayName: 'AlgoliaHighlighter',
+  $$type: 'ais.highlighter',
   propTypes: {},
   getProvidedProps: function getProvidedProps() {
     return {
@@ -8595,6 +8805,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,
@@ -8665,6 +8876,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({
@@ -8784,6 +8996,7 @@ function extractHitsFromCachedHits(cachedHits) {
 
 var connectInfiniteHits = createConnectorWithContext({
   displayName: 'AlgoliaInfiniteHits',
+  $$type: 'ais.infiniteHits',
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var _this = this;
 
@@ -8885,9 +9098,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) {
@@ -8934,6 +9147,7 @@ var defaultSortBy = ['count:desc', 'name:asc'];
 
 var connectMenu = createConnectorWithContext({
   displayName: 'AlgoliaMenu',
+  $$type: 'ais.menu',
   propTypes: {
     attribute: PropTypes.string.isRequired,
     showMore: PropTypes.bool,
@@ -8985,7 +9199,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
           }),
@@ -9005,7 +9219,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
           }),
@@ -9076,7 +9290,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, '', {
@@ -9095,17 +9309,14 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-
-  var _s, _e;
+  var _e = undefined;
 
   try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
 
       if (i && _arr.length === i) break;
@@ -9172,11 +9383,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) {
@@ -9217,6 +9428,7 @@ function _cleanUp$5(props, searchState, context) {
 
 var connectNumericMenu = createConnectorWithContext({
   displayName: 'AlgoliaNumericMenu',
+  $$type: 'ais.numericMenu',
   propTypes: {
     id: PropTypes.string,
     attribute: PropTypes.string.isRequired,
@@ -9388,6 +9600,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,
@@ -9443,6 +9656,7 @@ var connectPagination = createConnectorWithContext({
 
 var connectPoweredBy = createConnectorWithContext({
   displayName: 'AlgoliaPoweredBy',
+  $$type: 'ais.poweredBy',
   getProvidedProps: function getProvidedProps() {
     var hostname = typeof window === 'undefined' || typeof window.location === 'undefined' ? '' : window.location.hostname;
     var url = 'https://www.algolia.com/?' + 'utm_source=react-instantsearch&' + 'utm_medium=website&' + "utm_content=".concat(hostname, "&") + 'utm_campaign=poweredby';
@@ -9616,6 +9830,7 @@ function _cleanUp$4(props, searchState, context) {
 
 var connectRange = createConnectorWithContext({
   displayName: 'AlgoliaRange',
+  $$type: 'ais.range',
   propTypes: {
     id: PropTypes.string,
     attribute: PropTypes.string.isRequired,
@@ -9785,12 +10000,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;
@@ -9849,6 +10064,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,
@@ -9900,7 +10116,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
         }),
@@ -9918,7 +10134,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
         }),
@@ -9991,7 +10207,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;
@@ -10017,6 +10233,7 @@ var connectRefinementList = createConnectorWithContext({
 
 var connectScrollTo = createConnectorWithContext({
   displayName: 'AlgoliaScrollTo',
+  $$type: 'ais.scrollTo',
   propTypes: {
     scrollOn: PropTypes.string
   },
@@ -10106,6 +10323,7 @@ function _cleanUp$2(props, searchState, context) {
 
 var connectSearchBox = createConnectorWithContext({
   displayName: 'AlgoliaSearchBox',
+  $$type: 'ais.searchBox',
   propTypes: {
     defaultRefinement: PropTypes.string
   },
@@ -10174,6 +10392,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,
@@ -10246,6 +10465,7 @@ function getCurrentRefinement$1(props, searchState, context) {
 
 var connectSortBy = createConnectorWithContext({
   displayName: 'AlgoliaSortBy',
+  $$type: 'ais.sortBy',
   propTypes: {
     defaultRefinement: PropTypes.string,
     items: PropTypes.arrayOf(PropTypes.shape({
@@ -10314,6 +10534,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,
@@ -10385,6 +10606,7 @@ function _cleanUp$1(props, searchState, context) {
 
 var connectToggleRefinement = createConnectorWithContext({
   displayName: 'AlgoliaToggle',
+  $$type: 'ais.toggle',
   propTypes: {
     label: PropTypes.string.isRequired,
     attribute: PropTypes.string.isRequired,
@@ -10553,6 +10775,7 @@ function _cleanUp(props, searchState, context) {
 
 var connectVoiceSearch = createConnectorWithContext({
   displayName: 'AlgoliaVoiceSearch',
+  $$type: 'ais.voiceSearch',
   propTypes: {
     defaultRefinement: PropTypes.string
   },
@@ -11035,7 +11258,9 @@ var BreadcrumbWidget = function BreadcrumbWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(Breadcrumb$1, props));
 };
 
-connectBreadcrumb(BreadcrumbWidget);
+connectBreadcrumb(BreadcrumbWidget, {
+  $$widgetType: 'ais.breadcrumb'
+});
 
 function _createSuper$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -11131,7 +11356,9 @@ var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(ClearRefinements$2, props));
 };
 
-var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget);
+var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget, {
+  $$widgetType: 'ais.clearRefinements'
+});
 
 var cx$m = createClassNames('CurrentRefinements');
 var CurrentRefinements = function CurrentRefinements(_ref) {
@@ -11239,7 +11466,9 @@ var CurrentRefinementsWidget = function CurrentRefinementsWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(CurrentRefinements$1, props));
 };
 
-connectCurrentRefinements(CurrentRefinementsWidget);
+connectCurrentRefinements(CurrentRefinementsWidget, {
+  $$widgetType: 'ais.currentRefinements'
+});
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -11460,6 +11689,7 @@ var SearchBox$1 = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$l(''), className)
       }, /*#__PURE__*/React__default.createElement("form", {
+        ref: this.props.formRef,
         noValidate: true,
         onSubmit: this.props.onSubmit ? this.props.onSubmit : this.onSubmit,
         onReset: this.onReset,
@@ -11517,6 +11747,9 @@ _defineProperty(SearchBox$1, "propTypes", {
   onChange: PropTypes.func,
   isSearchStalled: PropTypes.bool,
   showLoadingIndicator: PropTypes.bool,
+  formRef: PropTypes.oneOfType([PropTypes.func, PropTypes.exact({
+    current: PropTypes.object
+  })]),
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.exact({
     current: PropTypes.object
   })]),
@@ -11757,7 +11990,7 @@ var HierarchicalMenu = /*#__PURE__*/function (_Component) {
           createURL = _this$props.createURL,
           refine = _this$props.refine;
       return /*#__PURE__*/React__default.createElement(Link, {
-        className: cx$k('link'),
+        className: cx$k('link', item.isRefined && 'link--selected'),
         onClick: function onClick() {
           return refine(item.value);
         },
@@ -11832,7 +12065,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
@@ -11882,6 +12115,7 @@ var HierarchicalMenu$1 = translatable({
  * @themeKey ais-HierarchicalMenu-item--selected - the selected menu list item
  * @themeKey ais-HierarchicalMenu-item--parent - the menu list item containing children
  * @themeKey ais-HierarchicalMenu-link - the clickable menu element
+ * @themeKey ais-HierarchicalMenu-link--selected - the clickable element of a selected menu list item
  * @themeKey ais-HierarchicalMenu-label - the label of each item
  * @themeKey ais-HierarchicalMenu-count - the count of values for each item
  * @themeKey ais-HierarchicalMenu-showMore - the button used to display more categories
@@ -11917,7 +12151,9 @@ var HierarchicalMenuWidget = function HierarchicalMenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(HierarchicalMenu$1, props));
 };
 
-connectHierarchicalMenu(HierarchicalMenuWidget);
+connectHierarchicalMenu(HierarchicalMenuWidget, {
+  $$widgetType: 'ais.hierarchicalMenu'
+});
 
 var Highlight$2 = function Highlight(_ref) {
   var cx = _ref.cx,
@@ -12054,7 +12290,9 @@ var Highlight$1 = function Highlight(props) {
  * );
  */
 
-var Highlight = connectHighlight(Highlight$1);
+var Highlight = connectHighlight(Highlight$1, {
+  $$widgetType: 'ais.highlight'
+});
 
 var cx$i = createClassNames('Hits');
 
@@ -12132,7 +12370,9 @@ Hits$1.propTypes = {
  * );
  */
 
-var Hits = connectHits(Hits$1);
+var Hits = connectHits(Hits$1, {
+  $$widgetType: 'ais.hits'
+});
 
 function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12299,7 +12539,9 @@ _defineProperty(HitsPerPage, "defaultProps", {
  * );
  */
 
-connectHitsPerPage(HitsPerPage);
+connectHitsPerPage(HitsPerPage, {
+  $$widgetType: 'ais.hitsPerPage'
+});
 
 function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12428,7 +12670,9 @@ var InfiniteHits$1 = translatable({
  * );
  */
 
-connectInfiniteHits(InfiniteHits$1);
+connectInfiniteHits(InfiniteHits$1, {
+  $$widgetType: 'ais.infiniteHits'
+});
 
 function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12604,7 +12848,9 @@ var MenuWidget = function MenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(Menu$1, props));
 };
 
-connectMenu(MenuWidget);
+connectMenu(MenuWidget, {
+  $$widgetType: 'ais.menu'
+});
 
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12743,7 +12989,9 @@ var MenuSelectWidget = function MenuSelectWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(MenuSelect$1, props));
 };
 
-connectMenu(MenuSelectWidget);
+connectMenu(MenuSelectWidget, {
+  $$widgetType: 'ais.menuSelect'
+});
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -12888,7 +13136,9 @@ var NumericMenuWidget = function NumericMenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(NumericMenu$1, props));
 };
 
-connectNumericMenu(NumericMenuWidget);
+connectNumericMenu(NumericMenuWidget, {
+  $$widgetType: 'ais.numericMenu'
+});
 
 function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13217,7 +13467,9 @@ var PaginationWidget = function PaginationWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(Pagination$2, props));
 };
 
-var Pagination = connectPagination(PaginationWidget);
+var Pagination = connectPagination(PaginationWidget, {
+  $$widgetType: 'ais.pagination'
+});
 
 function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13226,35 +13478,13 @@ var cx$b = createClassNames('PoweredBy');
 
 var AlgoliaLogo = function AlgoliaLogo() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    baseProfile: "basic",
-    viewBox: "0 0 1366 362",
-    width: "100",
+    viewBox: "0 0 512 117",
+    width: "118",
     height: "27",
     className: cx$b('logo')
-  }, /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "g",
-    x1: "428.258",
-    x2: "434.145",
-    y1: "404.15",
-    y2: "409.85",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "matrix(94.045 0 0 -94.072 -40381.527 38479.52)"
-  }, /*#__PURE__*/React__default.createElement("stop", {
-    offset: "0",
-    stopColor: "#00AEFF"
-  }), /*#__PURE__*/React__default.createElement("stop", {
-    offset: "1",
-    stopColor: "#3369E7"
-  })), /*#__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)"
-  }), /*#__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"
-  }), /*#__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"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: "#003DFF",
+    d: "M249.5 64.2V1.4c0-.9-.7-1.5-1.6-1.4L236.2 2a1.4 1.4 0 0 0-1.2 1.3V67c0 3 0 21.6 22.4 22.3a1.4 1.4 0 0 0 1.5-1.4v-9.5c0-.7-.6-1.3-1.2-1.4-8.2-.9-8.2-11-8.2-12.7ZM443.5 24.4h-11.8c-.8 0-1.4.6-1.4 1.4v62c0 .8.6 1.4 1.4 1.4h11.8c.8 0 1.4-.6 1.4-1.4v-62c0-.8-.6-1.4-1.4-1.4ZM431.7 16.6h11.8c.8 0 1.4-.6 1.4-1.3v-14c0-.8-.7-1.4-1.6-1.3L431.5 2a1.4 1.4 0 0 0-1.2 1.3v12c0 .8.6 1.4 1.4 1.4Zm-20.5 47.6V1.4c0-.9-.7-1.5-1.5-1.4L397.9 2a1.4 1.4 0 0 0-1.2 1.3V67c0 3 0 21.6 22.4 22.3a1.4 1.4 0 0 0 1.5-1.4v-9.5c0-.7-.5-1.3-1.2-1.4-8.2-.9-8.2-11-8.2-12.7Zm-30.7-31c-2.6-2.8-5.8-5-9.6-6.5a31.7 31.7 0 0 0-12-2.3c-4.5 0-8.5.7-12.2 2.3A27.9 27.9 0 0 0 331 43.5a39.6 39.6 0 0 0 0 26.3c1.5 4 3.6 7.5 6.2 10.3 2.6 2.9 5.8 5 9.5 6.7a38 38 0 0 0 12.2 2.4c2.8 0 8.6-.9 12.3-2.4a27 27 0 0 0 9.5-6.7 35.1 35.1 0 0 0 8.3-23c0-4.9-.8-9.6-2.4-13.6-1.5-4-3.5-7.4-6.1-10.2ZM370 71.5a13.1 13.1 0 0 1-11.2 5.6 13 13 0 0 1-11.2-5.6c-2.7-3.6-4-7.9-4-14.2 0-6.3 1.3-11.5 4-15.1a13 13 0 0 1 11.1-5.5 13 13 0 0 1 11.3 5.5c2.6 3.6 4 8.8 4 15 0 6.4-1.3 10.6-4 14.3Zm-161.6-47H197a32 32 0 0 0-27 15 33.8 33.8 0 0 0 8.9 45.9 18.8 18.8 0 0 0 11.2 3.1H191.2l.6-.2h.2a21 21 0 0 0 16.5-14.6V87c0 .8.6 1.4 1.4 1.4h11.7c.8 0 1.4-.6 1.4-1.4V25.8c0-.8-.6-1.4-1.4-1.4h-13Zm0 48.3a17.8 17.8 0 0 1-10.4 3.5h-.2a12.5 12.5 0 0 1-.7 0A18.4 18.4 0 0 1 180.4 51c2.7-6.8 9-11.6 16.6-11.6h11.5v33.3Zm289-48.3H486a32 32 0 0 0-27 15 33.8 33.8 0 0 0 8.8 45.9 18.8 18.8 0 0 0 11.3 3.1h1.1l.6-.2h.2a21 21 0 0 0 16.5-14.6V87c0 .8.6 1.4 1.4 1.4h11.7c.8 0 1.4-.6 1.4-1.4V25.8c0-.8-.6-1.4-1.4-1.4h-13.1Zm0 48.3a17.8 17.8 0 0 1-10.5 3.5h-.9A18.4 18.4 0 0 1 469.4 51c2.6-6.8 9-11.6 16.6-11.6h11.5v33.3ZM306.3 24.4h-11.5a32 32 0 0 0-27 15 33.7 33.7 0 0 0-5.1 14.6 34.6 34.6 0 0 0 0 7.6c1 8.9 5.4 16.7 11.8 22a19.5 19.5 0 0 0 2.2 1.7 18.8 18.8 0 0 0 21.6-.6c3.8-2.7 6.7-6.7 8-11.1V87.9c0 5-1.3 8.9-4 11.5-2.7 2.6-7.3 3.9-13.6 3.9-2.6 0-6.7-.2-10.9-.6a1.4 1.4 0 0 0-1.4 1l-3 10a1.4 1.4 0 0 0 1.1 1.8c5 .7 10 1 12.8 1 11.4 0 19.8-2.4 25.3-7.4 5-4.6 7.8-11.4 8.2-20.7V25.8c0-.8-.6-1.4-1.3-1.4h-13.2Zm0 15s.2 32.4 0 33.4a17.5 17.5 0 0 1-10 3.4h-.2a13.6 13.6 0 0 1-1.7 0A18.7 18.7 0 0 1 278.3 51c2.6-6.8 9-11.6 16.5-11.6h11.5ZM58.2 0A58.3 58.3 0 1 0 86 109.5c.9-.5 1-1.6.3-2.2l-5.5-4.9a3.8 3.8 0 0 0-4-.6A47 47 0 0 1 11 57.5 47.3 47.3 0 0 1 58.2 11h47.3v84L78.7 71.2a2 2 0 0 0-3 .3 22 22 0 1 1 4.4-15.2 4 4 0 0 0 1.3 2.6l7 6.2c.8.7 2 .3 2.3-.8a33 33 0 0 0-30.4-39 33 33 0 0 0-35 32 33.3 33.3 0 0 0 32.2 33.9 32.8 32.8 0 0 0 20-6.3l35.1 31c1.5 1.4 3.9.3 3.9-1.7V2.2a2.2 2.2 0 0 0-2.2-2.2h-56Z"
   }));
 };
 
@@ -13334,7 +13564,9 @@ var PoweredBy$1 = translatable({
  * );
  */
 
-connectPoweredBy(PoweredBy$1);
+connectPoweredBy(PoweredBy$1, {
+  $$widgetType: 'ais.poweredBy'
+});
 
 function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13533,7 +13765,9 @@ var RangeInputWidget = function RangeInputWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(RangeInput, props));
 };
 
-connectRange(RangeInputWidget);
+connectRange(RangeInputWidget, {
+  $$widgetType: 'ais.rangeInput'
+});
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13783,7 +14017,9 @@ var RatingMenuWidget = function RatingMenuWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(RatingMenu$1, props));
 };
 
-connectRange(RatingMenuWidget);
+connectRange(RatingMenuWidget, {
+  $$widgetType: 'ais.ratingMenu'
+});
 
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13969,7 +14205,9 @@ var RefinementListWidget = function RefinementListWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(RefinementList$2, props));
 };
 
-var RefinementList = connectRefinementList(RefinementListWidget);
+var RefinementList = connectRefinementList(RefinementListWidget, {
+  $$widgetType: 'ais.refinementList'
+});
 
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -14052,7 +14290,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.
@@ -14102,7 +14342,9 @@ connectScrollTo(ScrollTo);
  * );
  */
 
-var SearchBox = connectSearchBox(SearchBox$2);
+var SearchBox = connectSearchBox(SearchBox$2, {
+  $$widgetType: 'ais.searchBox'
+});
 
 var cx$6 = createClassNames('Snippet');
 
@@ -14157,7 +14399,9 @@ var Snippet = function Snippet(props) {
  * );
  */
 
-connectHighlight(Snippet);
+connectHighlight(Snippet, {
+  $$widgetType: 'ais.snippet'
+});
 
 var cx$5 = createClassNames('RelevantSort');
 
@@ -14200,7 +14444,9 @@ RelevantSort.propTypes = {
   textComponent: PropTypes.func
 };
 
-connectRelevantSort(RelevantSort);
+connectRelevantSort(RelevantSort, {
+  $$widgetType: 'ais.relevantSort'
+});
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -14297,7 +14543,9 @@ _defineProperty(SortBy, "defaultProps", {
  * );
  */
 
-connectSortBy(SortBy);
+connectSortBy(SortBy, {
+  $$widgetType: 'ais.sortBy'
+});
 
 var cx$3 = createClassNames('Stats');
 
@@ -14358,7 +14606,9 @@ var Stats$1 = translatable({
  * );
  */
 
-connectStats(Stats$1);
+connectStats(Stats$1, {
+  $$widgetType: 'ais.stats'
+});
 
 var cx$2 = createClassNames('ToggleRefinement');
 
@@ -14438,7 +14688,9 @@ 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; }
 
@@ -14774,7 +15026,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');
 
@@ -14799,7 +15053,9 @@ var QueryRuleCustomDataWidget = function QueryRuleCustomDataWidget(props) {
   return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(QueryRuleCustomData, props));
 };
 
-connectQueryRules(QueryRuleCustomDataWidget);
+connectQueryRules(QueryRuleCustomDataWidget, {
+  $$widgetType: 'ais.queryRuleCustomData'
+});
 
 var HitComponent = function HitComponent(hits, props) {
   var propsObj = {