@algolia/autocomplete-js 1.4.0 → 1.5.2

package/dist/umd/index.development.js

@@ -1,27 +1,65 @@
-/*! @algolia/autocomplete-js 1.4.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.5.2 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@algolia/autocomplete-js'] = {}));
-}(this, (function (exports) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@algolia/autocomplete-js"] = {}));
+})(this, (function (exports) { 'use strict';
 
-  function _typeof(obj) {
+  function ownKeys$g(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys$g(Object(source), true).forEach(function (key) {
+          _defineProperty$g(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$g(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  function _typeof$3(obj) {
     "@babel/helpers - typeof";
 
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
+      _typeof$3 = function (obj) {
         return typeof obj;
       };
     } else {
-      _typeof = function (obj) {
+      _typeof$3 = function (obj) {
         return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
       };
     }
 
-    return _typeof(obj);
+    return _typeof$3(obj);
   }
 
-  function _defineProperty(obj, key, value) {
+  function _defineProperty$g(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -54,41 +92,7 @@
     return _extends.apply(this, arguments);
   }
 
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
-  function _objectWithoutPropertiesLoose(source, excluded) {
+  function _objectWithoutPropertiesLoose$4(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -103,10 +107,10 @@
     return target;
   }
 
-  function _objectWithoutProperties(source, excluded) {
+  function _objectWithoutProperties$4(source, excluded) {
     if (source == null) return {};
 
-    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var target = _objectWithoutPropertiesLoose$4(source, excluded);
 
     var key, i;
 
@@ -124,28 +128,28 @@
     return target;
   }
 
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  function _toConsumableArray$5(arr) {
+    return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$6(arr) || _nonIterableSpread$5();
   }
 
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  function _arrayWithoutHoles$5(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$6(arr);
   }
 
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  function _iterableToArray$5(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _unsupportedIterableToArray(o, minLen) {
+  function _unsupportedIterableToArray$6(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$6(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen);
   }
 
-  function _arrayLikeToArray(arr, len) {
+  function _arrayLikeToArray$6(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -153,7 +157,7 @@
     return arr2;
   }
 
-  function _nonIterableSpread() {
+  function _nonIterableSpread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
@@ -181,23 +185,23 @@
   }
 
   function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$5(arr, i) || _nonIterableRest();
   }
 
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _unsupportedIterableToArray$1(o, minLen) {
+  function _unsupportedIterableToArray$5(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$5(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$5(o, minLen);
   }
 
-  function _arrayLikeToArray$1(arr, len) {
+  function _arrayLikeToArray$5(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -208,14 +212,17 @@
   }
 
   function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+
+    var _s, _e;
 
     try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
         _arr.push(_s.value);
 
         if (i && _arr.length === i) break;
@@ -238,20 +245,20 @@
     if (Array.isArray(arr)) return arr;
   }
 
-  function _typeof$1(obj) {
+  function _typeof$2(obj) {
     "@babel/helpers - typeof";
 
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof$1 = function _typeof(obj) {
+      _typeof$2 = function _typeof(obj) {
         return typeof obj;
       };
     } else {
-      _typeof$1 = function _typeof(obj) {
+      _typeof$2 = function _typeof(obj) {
         return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
       };
     }
 
-    return _typeof$1(obj);
+    return _typeof$2(obj);
   }
   /**
    * Decycles objects with circular references.
@@ -262,7 +269,7 @@
   function decycle(obj) {
     var seen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Set();
 
-    if ( !obj || _typeof$1(obj) !== 'object') {
+    if (!obj || _typeof$2(obj) !== 'object') {
       return obj;
     }
 
@@ -328,6 +335,13 @@
 
   var noop = function noop() {};
 
+  var version = '1.5.2';
+
+  var userAgents$1 = [{
+    segment: 'autocomplete-core',
+    version: version
+  }];
+
   var warnCache = {
     current: {}
   };
@@ -353,174 +367,120 @@
   }
 
   function checkOptions(options) {
-     "development" !== 'production' ? warn(!options.debug, 'The `debug` option is meant for development debugging and should not be used in production.') : void 0 ;
-  }
-
-  function ownKeys$1(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
+    "development" !== 'production' ? warn(!options.debug, 'The `debug` option is meant for development debugging and should not be used in production.') : void 0 ;
   }
 
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys$1(Object(source), true).forEach(function (key) {
-          _defineProperty$1(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys$1(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
-  function _defineProperty$1(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 createStore(reducer, props, onStoreStateChange) {
-    var state = props.initialState;
+  function createInternalCancelablePromise(promise, initialState) {
+    var state = initialState;
     return {
-      getState: function getState() {
-        return state;
+      then: function then(onfulfilled, onrejected) {
+        return createInternalCancelablePromise(promise.then(createCallback(onfulfilled, state, promise), createCallback(onrejected, state, promise)), state);
       },
-      dispatch: function dispatch(action, payload) {
-        var prevState = _objectSpread({}, state);
+      catch: function _catch(onrejected) {
+        return createInternalCancelablePromise(promise.catch(createCallback(onrejected, state, promise)), state);
+      },
+      finally: function _finally(onfinally) {
+        if (onfinally) {
+          state.onCancelList.push(onfinally);
+        }
 
-        state = reducer(state, {
-          type: action,
-          props: props,
-          payload: payload
-        });
-        onStoreStateChange({
-          state: state,
-          prevState: prevState
+        return createInternalCancelablePromise(promise.finally(createCallback(onfinally && function () {
+          state.onCancelList = [];
+          return onfinally();
+        }, state, promise)), state);
+      },
+      cancel: function cancel() {
+        state.isCanceled = true;
+        var callbacks = state.onCancelList;
+        state.onCancelList = [];
+        callbacks.forEach(function (callback) {
+          callback();
         });
+      },
+      isCanceled: function isCanceled() {
+        return state.isCanceled === true;
       }
     };
   }
 
-  function ownKeys$2(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function cancelable(promise) {
+    return createInternalCancelablePromise(promise, {
+      isCanceled: false,
+      onCancelList: []
+    });
+  }
 
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
+  function createCallback(onResult, state, fallback) {
+    if (!onResult) {
+      return fallback;
     }
 
-    return keys;
-  }
+    return function callback(arg) {
+      if (state.isCanceled) {
+        return arg;
+      }
 
-  function _objectSpread$1(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
+      return onResult(arg);
+    };
+  }
 
-      if (i % 2) {
-        ownKeys$2(Object(source), true).forEach(function (key) {
-          _defineProperty$2(target, key, source[key]);
+  function createCancelablePromiseList() {
+    var list = [];
+    return {
+      add: function add(cancelablePromise) {
+        list.push(cancelablePromise);
+        return cancelablePromise.finally(function () {
+          list = list.filter(function (item) {
+            return item !== cancelablePromise;
+          });
         });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys$2(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      },
+      cancelAll: function cancelAll() {
+        list.forEach(function (promise) {
+          return promise.cancel();
         });
+      },
+      isEmpty: function isEmpty() {
+        return list.length === 0;
       }
-    }
-
-    return target;
-  }
-
-  function _defineProperty$2(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 getAutocompleteSetters(_ref) {
-    var store = _ref.store;
-
-    var setActiveItemId = function setActiveItemId(value) {
-      store.dispatch('setActiveItemId', value);
     };
+  }
 
-    var setQuery = function setQuery(value) {
-      store.dispatch('setQuery', value);
-    };
+  /**
+   * Creates a runner that executes promises in a concurrent-safe way.
+   *
+   * This is useful to prevent older promises to resolve after a newer promise,
+   * otherwise resulting in stale resolved values.
+   */
+  function createConcurrentSafePromise() {
+    var basePromiseId = -1;
+    var latestResolvedId = -1;
+    var latestResolvedValue = undefined;
+    return function runConcurrentSafePromise(promise) {
+      basePromiseId++;
+      var currentPromiseId = basePromiseId;
+      return Promise.resolve(promise).then(function (x) {
+        // The promise might take too long to resolve and get outdated. This would
+        // result in resolving stale values.
+        // When this happens, we ignore the promise value and return the one
+        // coming from the latest resolved value.
+        //
+        // +----------------------------------+
+        // |        100ms                     |
+        // | run(1) +--->  R1                 |
+        // |        300ms                     |
+        // | run(2) +-------------> R2 (SKIP) |
+        // |        200ms                     |
+        // | run(3) +--------> R3             |
+        // +----------------------------------+
+        if (latestResolvedValue && currentPromiseId < latestResolvedId) {
+          return latestResolvedValue;
+        }
 
-    var setCollections = function setCollections(rawValue) {
-      var baseItemId = 0;
-      var value = rawValue.map(function (collection) {
-        return _objectSpread$1(_objectSpread$1({}, collection), {}, {
-          // We flatten the stored items to support calling `getAlgoliaResults`
-          // from the source itself.
-          items: flatten(collection.items).map(function (item) {
-            return _objectSpread$1(_objectSpread$1({}, item), {}, {
-              __autocomplete_id: baseItemId++
-            });
-          })
-        });
+        latestResolvedId = currentPromiseId;
+        latestResolvedValue = x;
+        return x;
       });
-      store.dispatch('setCollections', value);
-    };
-
-    var setIsOpen = function setIsOpen(value) {
-      store.dispatch('setIsOpen', value);
-    };
-
-    var setStatus = function setStatus(value) {
-      store.dispatch('setStatus', value);
-    };
-
-    var setContext = function setContext(value) {
-      store.dispatch('setContext', value);
-    };
-
-    return {
-      setActiveItemId: setActiveItemId,
-      setQuery: setQuery,
-      setCollections: setCollections,
-      setIsOpen: setIsOpen,
-      setStatus: setStatus,
-      setContext: setContext
     };
   }
 
@@ -558,32 +518,36 @@
     return numericIndex;
   }
 
-  function ownKeys$3(object, enumerableOnly) {
+  function ownKeys$f(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$2(target) {
+  function _objectSpread$f(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$3(Object(source), true).forEach(function (key) {
-          _defineProperty$3(target, key, source[key]);
+        ownKeys$f(Object(source), true).forEach(function (key) {
+          _defineProperty$f(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$3(Object(source)).forEach(function (key) {
+        ownKeys$f(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -592,7 +556,7 @@
     return target;
   }
 
-  function _defineProperty$3(obj, key, value) {
+  function _defineProperty$f(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -607,26 +571,26 @@
     return obj;
   }
 
-  function _typeof$2(obj) {
+  function _typeof$1(obj) {
     "@babel/helpers - typeof";
 
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof$2 = function _typeof(obj) {
+      _typeof$1 = function _typeof(obj) {
         return typeof obj;
       };
     } else {
-      _typeof$2 = function _typeof(obj) {
+      _typeof$1 = function _typeof(obj) {
         return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
       };
     }
 
-    return _typeof$2(obj);
+    return _typeof$1(obj);
   }
   function getNormalizedSources(getSources, params) {
     var seenSourceIds = [];
     return Promise.resolve(getSources(params)).then(function (sources) {
       invariant(Array.isArray(sources), function () {
-        return "The `getSources` function must return an array of sources but returned type ".concat(JSON.stringify(_typeof$2(sources)), ":\n\n").concat(JSON.stringify(decycle(sources), null, 2));
+        return "The `getSources` function must return an array of sources but returned type ".concat(JSON.stringify(_typeof$1(sources)), ":\n\n").concat(JSON.stringify(decycle(sources), null, 2));
       });
       return Promise.all(sources // We allow `undefined` and `false` sources to allow users to use
       // `Boolean(query) && source` (=> `false`).
@@ -642,7 +606,7 @@
 
         seenSourceIds.push(source.sourceId);
 
-        var normalizedSource = _objectSpread$2({
+        var normalizedSource = _objectSpread$f({
           getItemInputValue: function getItemInputValue(_ref) {
             var state = _ref.state;
             return state.query;
@@ -748,36 +712,206 @@
     };
   }
 
-  function isOrContainsNode(parent, child) {
-    return parent === child || parent.contains(child);
+  function isOrContainsNode(parent, child) {
+    return parent === child || parent.contains(child);
+  }
+
+  function ownKeys$e(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread$e(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys$e(Object(source), true).forEach(function (key) {
+          _defineProperty$e(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$e(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  function _defineProperty$e(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 mapToAlgoliaResponse(rawResults) {
+    var results = rawResults.map(function (result) {
+      var _hits;
+
+      return _objectSpread$e(_objectSpread$e({}, result), {}, {
+        hits: (_hits = result.hits) === null || _hits === void 0 ? void 0 : _hits.map(function (hit) {
+          // Bring support for the Insights plugin.
+          return _objectSpread$e(_objectSpread$e({}, hit), {}, {
+            __autocomplete_indexName: result.index,
+            __autocomplete_queryID: result.queryID
+          });
+        })
+      });
+    });
+    return {
+      results: results,
+      hits: results.map(function (result) {
+        return result.hits;
+      }).filter(Boolean),
+      facetHits: results.map(function (result) {
+        var _facetHits;
+
+        return (_facetHits = result.facetHits) === null || _facetHits === void 0 ? void 0 : _facetHits.map(function (facetHit) {
+          // Bring support for the highlighting components.
+          return {
+            label: facetHit.value,
+            count: facetHit.count,
+            _highlightResult: {
+              label: {
+                value: facetHit.highlighted
+              }
+            }
+          };
+        });
+      }).filter(Boolean)
+    };
+  }
+
+  function ownKeys$d(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread$d(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys$d(Object(source), true).forEach(function (key) {
+          _defineProperty$d(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$d(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  function _defineProperty$d(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 createStore(reducer, props, onStoreStateChange) {
+    var state = props.initialState;
+    return {
+      getState: function getState() {
+        return state;
+      },
+      dispatch: function dispatch(action, payload) {
+        var prevState = _objectSpread$d({}, state);
+
+        state = reducer(state, {
+          type: action,
+          props: props,
+          payload: payload
+        });
+        onStoreStateChange({
+          state: state,
+          prevState: prevState
+        });
+      },
+      pendingRequests: createCancelablePromiseList()
+    };
   }
 
-  function ownKeys$4(object, enumerableOnly) {
+  function ownKeys$c(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$3(target) {
+  function _objectSpread$c(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$4(Object(source), true).forEach(function (key) {
-          _defineProperty$4(target, key, source[key]);
+        ownKeys$c(Object(source), true).forEach(function (key) {
+          _defineProperty$c(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$4(Object(source)).forEach(function (key) {
+        ownKeys$c(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -786,7 +920,7 @@
     return target;
   }
 
-  function _defineProperty$4(obj, key, value) {
+  function _defineProperty$c(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -800,71 +934,81 @@
 
     return obj;
   }
+  function getAutocompleteSetters(_ref) {
+    var store = _ref.store;
 
-  function mapToAlgoliaResponse(rawResults) {
-    var results = rawResults.map(function (result) {
-      var _hits;
+    var setActiveItemId = function setActiveItemId(value) {
+      store.dispatch('setActiveItemId', value);
+    };
 
-      return _objectSpread$3(_objectSpread$3({}, result), {}, {
-        hits: (_hits = result.hits) === null || _hits === void 0 ? void 0 : _hits.map(function (hit) {
-          // Bring support for the Insights plugin.
-          return _objectSpread$3(_objectSpread$3({}, hit), {}, {
-            __autocomplete_indexName: result.index,
-            __autocomplete_queryID: result.queryID
-          });
-        })
-      });
-    });
-    return {
-      results: results,
-      hits: results.map(function (result) {
-        return result.hits;
-      }).filter(Boolean),
-      facetHits: results.map(function (result) {
-        var _facetHits;
+    var setQuery = function setQuery(value) {
+      store.dispatch('setQuery', value);
+    };
 
-        return (_facetHits = result.facetHits) === null || _facetHits === void 0 ? void 0 : _facetHits.map(function (facetHit) {
-          // Bring support for the highlighting components.
-          return {
-            label: facetHit.value,
-            count: facetHit.count,
-            _highlightResult: {
-              label: {
-                value: facetHit.highlighted
-              }
-            }
-          };
+    var setCollections = function setCollections(rawValue) {
+      var baseItemId = 0;
+      var value = rawValue.map(function (collection) {
+        return _objectSpread$c(_objectSpread$c({}, collection), {}, {
+          // We flatten the stored items to support calling `getAlgoliaResults`
+          // from the source itself.
+          items: flatten(collection.items).map(function (item) {
+            return _objectSpread$c(_objectSpread$c({}, item), {}, {
+              __autocomplete_id: baseItemId++
+            });
+          })
         });
-      }).filter(Boolean)
+      });
+      store.dispatch('setCollections', value);
+    };
+
+    var setIsOpen = function setIsOpen(value) {
+      store.dispatch('setIsOpen', value);
+    };
+
+    var setStatus = function setStatus(value) {
+      store.dispatch('setStatus', value);
+    };
+
+    var setContext = function setContext(value) {
+      store.dispatch('setContext', value);
+    };
+
+    return {
+      setActiveItemId: setActiveItemId,
+      setQuery: setQuery,
+      setCollections: setCollections,
+      setIsOpen: setIsOpen,
+      setStatus: setStatus,
+      setContext: setContext
     };
   }
 
-  function _toConsumableArray$1(arr) {
-    return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread$1();
+  function _toConsumableArray$4(arr) {
+    return _arrayWithoutHoles$4(arr) || _iterableToArray$4(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableSpread$4();
   }
 
-  function _nonIterableSpread$1() {
+  function _nonIterableSpread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _unsupportedIterableToArray$2(o, minLen) {
+  function _unsupportedIterableToArray$4(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$4(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$4(o, minLen);
   }
 
-  function _iterableToArray$1(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  function _iterableToArray$4(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _arrayWithoutHoles$1(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
+  function _arrayWithoutHoles$4(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$4(arr);
   }
 
-  function _arrayLikeToArray$2(arr, len) {
+  function _arrayLikeToArray$4(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -874,32 +1018,36 @@
     return arr2;
   }
 
-  function ownKeys$5(object, enumerableOnly) {
+  function ownKeys$b(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$4(target) {
+  function _objectSpread$b(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$5(Object(source), true).forEach(function (key) {
-          _defineProperty$5(target, key, source[key]);
+        ownKeys$b(Object(source), true).forEach(function (key) {
+          _defineProperty$b(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$5(Object(source)).forEach(function (key) {
+        ownKeys$b(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -908,7 +1056,7 @@
     return target;
   }
 
-  function _defineProperty$5(obj, key, value) {
+  function _defineProperty$b(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -931,7 +1079,7 @@
     /* eslint-enable no-restricted-globals */
 
     var plugins = props.plugins || [];
-    return _objectSpread$4(_objectSpread$4({
+    return _objectSpread$b(_objectSpread$b({
       debug: false,
       openOnFocus: false,
       placeholder: '',
@@ -953,7 +1101,7 @@
       id: (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : generateAutocompleteId(),
       plugins: plugins,
       // The following props need to be deeply defaulted.
-      initialState: _objectSpread$4({
+      initialState: _objectSpread$b({
         activeItemId: null,
         query: '',
         completion: null,
@@ -993,7 +1141,7 @@
         });
       },
       getSources: function getSources(params) {
-        return Promise.all([].concat(_toConsumableArray$1(plugins.map(function (plugin) {
+        return Promise.all([].concat(_toConsumableArray$4(plugins.map(function (plugin) {
           return plugin.getSources;
         })), [props.getSources]).filter(Boolean).map(function (getSources) {
           return getNormalizedSources(getSources, params);
@@ -1001,7 +1149,7 @@
           return flatten(nested);
         }).then(function (sources) {
           return sources.map(function (source) {
-            return _objectSpread$4(_objectSpread$4({}, source), {}, {
+            return _objectSpread$b(_objectSpread$b({}, source), {}, {
               onSelect: function onSelect(params) {
                 source.onSelect(params);
                 pluginSubscribers.forEach(function (x) {
@@ -1022,7 +1170,7 @@
           });
         });
       },
-      navigator: _objectSpread$4({
+      navigator: _objectSpread$b({
         navigate: function navigate(_ref3) {
           var itemUrl = _ref3.itemUrl;
           environment.location.assign(itemUrl);
@@ -1040,32 +1188,36 @@
     });
   }
 
-  function ownKeys$6(object, enumerableOnly) {
+  function ownKeys$a(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$5(target) {
+  function _objectSpread$a(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$6(Object(source), true).forEach(function (key) {
-          _defineProperty$6(target, key, source[key]);
+        ownKeys$a(Object(source), true).forEach(function (key) {
+          _defineProperty$a(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$6(Object(source)).forEach(function (key) {
+        ownKeys$a(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1074,7 +1226,7 @@
     return target;
   }
 
-  function _defineProperty$6(obj, key, value) {
+  function _defineProperty$a(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1095,7 +1247,7 @@
     // Example: `const { recentSearchesPlugin } = sourcesBySourceId`
 
     var sourcesBySourceId = collections.reduce(function (acc, collection) {
-      return _objectSpread$5(_objectSpread$5({}, acc), {}, _defineProperty$6({}, collection.source.sourceId, _objectSpread$5(_objectSpread$5({}, collection.source), {}, {
+      return _objectSpread$a(_objectSpread$a({}, acc), {}, _defineProperty$a({}, collection.source.sourceId, _objectSpread$a(_objectSpread$a({}, collection.source), {}, {
         getItems: function getItems() {
           // We provide the resolved items from the collection to the `reshape` prop.
           return flatten(collection.items);
@@ -1116,27 +1268,27 @@
     });
   }
 
-  function _typeof$3(obj) {
+  function _typeof(obj) {
     "@babel/helpers - typeof";
 
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof$3 = function _typeof(obj) {
+      _typeof = function _typeof(obj) {
         return typeof obj;
       };
     } else {
-      _typeof$3 = function _typeof(obj) {
+      _typeof = function _typeof(obj) {
         return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
       };
     }
 
-    return _typeof$3(obj);
+    return _typeof(obj);
   }
 
-  function _toConsumableArray$2(arr) {
-    return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$2();
+  function _toConsumableArray$3(arr) {
+    return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$3();
   }
 
-  function _nonIterableSpread$2() {
+  function _nonIterableSpread$3() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
@@ -1149,11 +1301,11 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen);
   }
 
-  function _iterableToArray$2(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  function _iterableToArray$3(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _arrayWithoutHoles$2(arr) {
+  function _arrayWithoutHoles$3(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
   }
 
@@ -1167,32 +1319,36 @@
     return arr2;
   }
 
-  function ownKeys$7(object, enumerableOnly) {
+  function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$6(target) {
+  function _objectSpread$9(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$7(Object(source), true).forEach(function (key) {
-          _defineProperty$7(target, key, source[key]);
+        ownKeys$9(Object(source), true).forEach(function (key) {
+          _defineProperty$9(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$7(Object(source)).forEach(function (key) {
+        ownKeys$9(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1201,7 +1357,7 @@
     return target;
   }
 
-  function _defineProperty$7(obj, key, value) {
+  function _defineProperty$9(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1226,7 +1382,7 @@
 
   function preResolve(itemsOrDescription, sourceId) {
     if (isRequesterDescription(itemsOrDescription)) {
-      return _objectSpread$6(_objectSpread$6({}, itemsOrDescription), {}, {
+      return _objectSpread$9(_objectSpread$9({}, itemsOrDescription), {}, {
         requests: itemsOrDescription.queries.map(function (query) {
           return {
             query: query,
@@ -1259,7 +1415,7 @@
       if (container) {
         var _container$items;
 
-        (_container$items = container.items).push.apply(_container$items, _toConsumableArray$2(requests));
+        (_container$items = container.items).push.apply(_container$items, _toConsumableArray$3(requests));
       } else {
         var request = {
           execute: execute,
@@ -1301,7 +1457,7 @@
       var transform = matches[0].transformResponse;
       var items = transform ? transform(mapToAlgoliaResponse(results)) : results;
       invariant(Array.isArray(items), function () {
-        return "The `getItems` function from source \"".concat(source.sourceId, "\" must return an array of items but returned type ").concat(JSON.stringify(_typeof$3(items)), ":\n\n").concat(JSON.stringify(decycle(items), null, 2), ".\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems");
+        return "The `getItems` function from source \"".concat(source.sourceId, "\" must return an array of items but returned type ").concat(JSON.stringify(_typeof(items)), ":\n\n").concat(JSON.stringify(decycle(items), null, 2), ".\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems");
       });
       invariant(items.every(Boolean), "The `getItems` function from source \"".concat(source.sourceId, "\" must return an array of items but returned ").concat(JSON.stringify(undefined), ".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"));
       return {
@@ -1311,21 +1467,27 @@
     });
   }
 
+  var _excluded$6 = ["event", "nextState", "props", "query", "refresh", "store"];
+
   function ownKeys$8(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$7(target) {
+  function _objectSpread$8(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
@@ -1360,10 +1522,10 @@
     return obj;
   }
 
-  function _objectWithoutProperties$1(source, excluded) {
+  function _objectWithoutProperties$3(source, excluded) {
     if (source == null) return {};
 
-    var target = _objectWithoutPropertiesLoose$1(source, excluded);
+    var target = _objectWithoutPropertiesLoose$3(source, excluded);
 
     var key, i;
 
@@ -1381,7 +1543,7 @@
     return target;
   }
 
-  function _objectWithoutPropertiesLoose$1(source, excluded) {
+  function _objectWithoutPropertiesLoose$3(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -1396,6 +1558,7 @@
     return target;
   }
   var lastStalledId = null;
+  var runConcurrentSafePromise = createConcurrentSafePromise();
   function onInput(_ref) {
     var event = _ref.event,
         _ref$nextState = _ref.nextState,
@@ -1404,7 +1567,7 @@
         query = _ref.query,
         refresh = _ref.refresh,
         store = _ref.store,
-        setters = _objectWithoutProperties$1(_ref, ["event", "nextState", "props", "query", "refresh", "store"]);
+        setters = _objectWithoutProperties$3(_ref, _excluded$6);
 
     if (lastStalledId) {
       props.environment.clearTimeout(lastStalledId);
@@ -1421,30 +1584,44 @@
     if (!query && props.openOnFocus === false) {
       var _nextState$isOpen;
 
-      setStatus('idle');
-      setCollections(store.getState().collections.map(function (collection) {
-        return _objectSpread$7(_objectSpread$7({}, collection), {}, {
+      var collections = store.getState().collections.map(function (collection) {
+        return _objectSpread$8(_objectSpread$8({}, collection), {}, {
           items: []
         });
-      }));
+      });
+      setStatus('idle');
+      setCollections(collections);
       setIsOpen((_nextState$isOpen = nextState.isOpen) !== null && _nextState$isOpen !== void 0 ? _nextState$isOpen : props.shouldPanelOpen({
         state: store.getState()
+      })); // We make sure to update the latest resolved value of the tracked
+      // promises to keep late resolving promises from "cancelling" the state
+      // updates performed in this code path.
+      // We chain with a void promise to respect `onInput`'s expected return type.
+
+      var _request = cancelable(runConcurrentSafePromise(collections).then(function () {
+        return Promise.resolve();
       }));
-      return Promise.resolve();
+
+      return store.pendingRequests.add(_request);
     }
 
     setStatus('loading');
     lastStalledId = props.environment.setTimeout(function () {
       setStatus('stalled');
-    }, props.stallThreshold);
-    return props.getSources(_objectSpread$7({
+    }, props.stallThreshold); // We track the entire promise chain triggered by `onInput` before mutating
+    // the Autocomplete state to make sure that any state manipulation is based on
+    // fresh data regardless of when promises individually resolve.
+    // We don't track nested promises and only rely on the full chain resolution,
+    // meaning we should only ever manipulate the state once this concurrent-safe
+    // promise is resolved.
+
+    var request = cancelable(runConcurrentSafePromise(props.getSources(_objectSpread$8({
       query: query,
       refresh: refresh,
       state: store.getState()
     }, setters)).then(function (sources) {
-      setStatus('loading');
       return Promise.all(sources.map(function (source) {
-        return Promise.resolve(source.getItems(_objectSpread$7({
+        return Promise.resolve(source.getItems(_objectSpread$8({
           query: query,
           refresh: refresh,
           state: store.getState()
@@ -1459,66 +1636,79 @@
           props: props,
           state: store.getState()
         });
-      }).then(function (collections) {
-        var _nextState$isOpen2;
+      });
+    }))).then(function (collections) {
+      var _nextState$isOpen2; // Parameters passed to `onInput` could be stale when the following code
+      // executes, because `onInput` calls may not resolve in order.
+      // If it becomes a problem we'll need to save the last passed parameters.
+      // See: https://codesandbox.io/s/agitated-cookies-y290z
 
-        setStatus('idle');
-        setCollections(collections);
-        var isPanelOpen = props.shouldPanelOpen({
-          state: store.getState()
-        });
-        setIsOpen((_nextState$isOpen2 = nextState.isOpen) !== null && _nextState$isOpen2 !== void 0 ? _nextState$isOpen2 : props.openOnFocus && !query && isPanelOpen || isPanelOpen);
-        var highlightedItem = getActiveItem(store.getState());
 
-        if (store.getState().activeItemId !== null && highlightedItem) {
-          var item = highlightedItem.item,
-              itemInputValue = highlightedItem.itemInputValue,
-              itemUrl = highlightedItem.itemUrl,
-              source = highlightedItem.source;
-          source.onActive(_objectSpread$7({
-            event: event,
-            item: item,
-            itemInputValue: itemInputValue,
-            itemUrl: itemUrl,
-            refresh: refresh,
-            source: source,
-            state: store.getState()
-          }, setters));
-        }
-      }).finally(function () {
-        if (lastStalledId) {
-          props.environment.clearTimeout(lastStalledId);
-        }
+      setStatus('idle');
+      setCollections(collections);
+      var isPanelOpen = props.shouldPanelOpen({
+        state: store.getState()
       });
+      setIsOpen((_nextState$isOpen2 = nextState.isOpen) !== null && _nextState$isOpen2 !== void 0 ? _nextState$isOpen2 : props.openOnFocus && !query && isPanelOpen || isPanelOpen);
+      var highlightedItem = getActiveItem(store.getState());
+
+      if (store.getState().activeItemId !== null && highlightedItem) {
+        var item = highlightedItem.item,
+            itemInputValue = highlightedItem.itemInputValue,
+            itemUrl = highlightedItem.itemUrl,
+            source = highlightedItem.source;
+        source.onActive(_objectSpread$8({
+          event: event,
+          item: item,
+          itemInputValue: itemInputValue,
+          itemUrl: itemUrl,
+          refresh: refresh,
+          source: source,
+          state: store.getState()
+        }, setters));
+      }
+    }).finally(function () {
+      setStatus('idle');
+
+      if (lastStalledId) {
+        props.environment.clearTimeout(lastStalledId);
+      }
     });
+    return store.pendingRequests.add(request);
   }
 
-  function ownKeys$9(object, enumerableOnly) {
+  var _excluded$5 = ["event", "props", "refresh", "store"];
+
+  function ownKeys$7(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$8(target) {
+  function _objectSpread$7(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$9(Object(source), true).forEach(function (key) {
-          _defineProperty$9(target, key, source[key]);
+        ownKeys$7(Object(source), true).forEach(function (key) {
+          _defineProperty$7(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$9(Object(source)).forEach(function (key) {
+        ownKeys$7(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1527,7 +1717,7 @@
     return target;
   }
 
-  function _defineProperty$9(obj, key, value) {
+  function _defineProperty$7(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1582,7 +1772,7 @@
         props = _ref.props,
         refresh = _ref.refresh,
         store = _ref.store,
-        setters = _objectWithoutProperties$2(_ref, ["event", "props", "refresh", "store"]);
+        setters = _objectWithoutProperties$2(_ref, _excluded$5);
 
     if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
       // eslint-disable-next-line no-inner-declarations
@@ -1607,7 +1797,7 @@
               itemInputValue = highlightedItem.itemInputValue,
               itemUrl = highlightedItem.itemUrl,
               source = highlightedItem.source;
-          source.onActive(_objectSpread$8({
+          source.onActive(_objectSpread$7({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1625,7 +1815,7 @@
       // synchronized as `onInput` returns a promise.
 
       if (store.getState().isOpen === false && (props.openOnFocus || Boolean(store.getState().query))) {
-        onInput(_objectSpread$8({
+        onInput(_objectSpread$7({
           event: event,
           props: props,
           query: store.getState().query,
@@ -1651,7 +1841,12 @@
       // from removing the query right away because we first want to close the
       // panel.
       event.preventDefault();
-      store.dispatch(event.key, null);
+      store.dispatch(event.key, null); // Hitting the `Escape` key signals the end of a user interaction with the
+      // autocomplete. At this point, we should ignore any requests that are still
+      // pending and could reopen the panel once they resolve, because that would
+      // result in an unsolicited UI behavior.
+
+      store.pendingRequests.cancelAll();
     } else if (event.key === 'Enter') {
       // No active item, so we let the browser handle the native `onSubmit` form
       // event.
@@ -1673,7 +1868,7 @@
 
       if (event.metaKey || event.ctrlKey) {
         if (itemUrl !== undefined) {
-          source.onSelect(_objectSpread$8({
+          source.onSelect(_objectSpread$7({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1690,7 +1885,7 @@
         }
       } else if (event.shiftKey) {
         if (itemUrl !== undefined) {
-          source.onSelect(_objectSpread$8({
+          source.onSelect(_objectSpread$7({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1707,7 +1902,7 @@
         }
       } else if (event.altKey) ; else {
         if (itemUrl !== undefined) {
-          source.onSelect(_objectSpread$8({
+          source.onSelect(_objectSpread$7({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1724,7 +1919,7 @@
           return;
         }
 
-        onInput(_objectSpread$8({
+        onInput(_objectSpread$7({
           event: event,
           nextState: {
             isOpen: false
@@ -1734,7 +1929,7 @@
           refresh: refresh,
           store: store
         }, setters)).then(function () {
-          source.onSelect(_objectSpread$8({
+          source.onSelect(_objectSpread$7({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1748,32 +1943,42 @@
     }
   }
 
-  function ownKeys$a(object, enumerableOnly) {
+  var _excluded$4 = ["props", "refresh", "store"],
+      _excluded2 = ["inputElement", "formElement", "panelElement"],
+      _excluded3 = ["inputElement"],
+      _excluded4 = ["inputElement", "maxLength"],
+      _excluded5 = ["item", "source"];
+
+  function ownKeys$6(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$9(target) {
+  function _objectSpread$6(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$a(Object(source), true).forEach(function (key) {
-          _defineProperty$a(target, key, source[key]);
+        ownKeys$6(Object(source), true).forEach(function (key) {
+          _defineProperty$6(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$a(Object(source)).forEach(function (key) {
+        ownKeys$6(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1782,7 +1987,7 @@
     return target;
   }
 
-  function _defineProperty$a(obj, key, value) {
+  function _defineProperty$6(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1797,10 +2002,10 @@
     return obj;
   }
 
-  function _objectWithoutProperties$3(source, excluded) {
+  function _objectWithoutProperties$1(source, excluded) {
     if (source == null) return {};
 
-    var target = _objectWithoutPropertiesLoose$3(source, excluded);
+    var target = _objectWithoutPropertiesLoose$1(source, excluded);
 
     var key, i;
 
@@ -1818,7 +2023,7 @@
     return target;
   }
 
-  function _objectWithoutPropertiesLoose$3(source, excluded) {
+  function _objectWithoutPropertiesLoose$1(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -1836,33 +2041,48 @@
     var props = _ref.props,
         refresh = _ref.refresh,
         store = _ref.store,
-        setters = _objectWithoutProperties$3(_ref, ["props", "refresh", "store"]);
+        setters = _objectWithoutProperties$1(_ref, _excluded$4);
 
     var getEnvironmentProps = function getEnvironmentProps(providedProps) {
       var inputElement = providedProps.inputElement,
           formElement = providedProps.formElement,
           panelElement = providedProps.panelElement,
-          rest = _objectWithoutProperties$3(providedProps, ["inputElement", "formElement", "panelElement"]);
+          rest = _objectWithoutProperties$1(providedProps, _excluded2);
 
-      return _objectSpread$9({
+      return _objectSpread$6({
         // On touch devices, we do not rely on the native `blur` event of the
         // input to close the panel, but rather on a custom `touchstart` event
         // outside of the autocomplete elements.
         // This ensures a working experience on mobile because we blur the input
         // on touch devices when the user starts scrolling (`touchmove`).
+        // @TODO: support cases where there are multiple Autocomplete instances.
+        // Right now, a second instance makes this computation return false.
         onTouchStart: function onTouchStart(event) {
-          if (store.getState().isOpen === false || event.target === inputElement) {
+          // The `onTouchStart` event shouldn't trigger the `blur` handler when
+          // it's not an interaction with Autocomplete. We detect it with the
+          // following heuristics:
+          // - the panel is closed AND there are no pending requests
+          //   (no interaction with the autocomplete, no future state updates)
+          // - OR the touched target is the input element (should open the panel)
+          var isAutocompleteInteraction = store.getState().isOpen || !store.pendingRequests.isEmpty();
+
+          if (!isAutocompleteInteraction || event.target === inputElement) {
             return;
-          } // @TODO: support cases where there are multiple Autocomplete instances.
-          // Right now, a second instance makes this computation return false.
-
+          }
 
           var isTargetWithinAutocomplete = [formElement, panelElement].some(function (contextNode) {
-            return isOrContainsNode(contextNode, event.target) || isOrContainsNode(contextNode, props.environment.document.activeElement);
+            return isOrContainsNode(contextNode, event.target);
           });
 
           if (isTargetWithinAutocomplete === false) {
-            store.dispatch('blur', null);
+            store.dispatch('blur', null); // If requests are still pending when the user closes the panel, they
+            // could reopen the panel once they resolve.
+            // We want to prevent any subsequent query from reopening the panel
+            // because it would result in an unsolicited UI behavior.
+
+            if (!props.debug) {
+              store.pendingRequests.cancelAll();
+            }
           }
         },
         // When scrolling on touch devices (mobiles, tablets, etc.), we want to
@@ -1880,7 +2100,7 @@
     };
 
     var getRootProps = function getRootProps(rest) {
-      return _objectSpread$9({
+      return _objectSpread$6({
         role: 'combobox',
         'aria-expanded': store.getState().isOpen,
         'aria-haspopup': 'listbox',
@@ -1890,10 +2110,10 @@
     };
 
     var getFormProps = function getFormProps(providedProps) {
-      var inputElement = providedProps.inputElement,
-          rest = _objectWithoutProperties$3(providedProps, ["inputElement"]);
+      providedProps.inputElement;
+          var rest = _objectWithoutProperties$1(providedProps, _excluded3);
 
-      return _objectSpread$9({
+      return _objectSpread$6({
         action: '',
         noValidate: true,
         role: 'search',
@@ -1901,7 +2121,7 @@
           var _providedProps$inputE;
 
           event.preventDefault();
-          props.onSubmit(_objectSpread$9({
+          props.onSubmit(_objectSpread$6({
             event: event,
             refresh: refresh,
             state: store.getState()
@@ -1913,7 +2133,7 @@
           var _providedProps$inputE2;
 
           event.preventDefault();
-          props.onReset(_objectSpread$9({
+          props.onReset(_objectSpread$6({
             event: event,
             refresh: refresh,
             state: store.getState()
@@ -1929,7 +2149,7 @@
         // We want to trigger a query when `openOnFocus` is true
         // because the panel should open with the current query.
         if (props.openOnFocus || Boolean(store.getState().query)) {
-          onInput(_objectSpread$9({
+          onInput(_objectSpread$6({
             event: event,
             props: props,
             query: store.getState().completion || store.getState().query,
@@ -1943,14 +2163,14 @@
 
       var isTouchDevice = ('ontouchstart' in props.environment);
 
-      var _ref2 = providedProps || {},
-          inputElement = _ref2.inputElement,
-          _ref2$maxLength = _ref2.maxLength,
+      var _ref2 = providedProps || {};
+          _ref2.inputElement;
+          var _ref2$maxLength = _ref2.maxLength,
           maxLength = _ref2$maxLength === void 0 ? 512 : _ref2$maxLength,
-          rest = _objectWithoutProperties$3(_ref2, ["inputElement", "maxLength"]);
+          rest = _objectWithoutProperties$1(_ref2, _excluded4);
 
       var activeItem = getActiveItem(store.getState());
-      return _objectSpread$9({
+      return _objectSpread$6({
         'aria-autocomplete': 'both',
         'aria-activedescendant': store.getState().isOpen && store.getState().activeItemId !== null ? "".concat(props.id, "-item-").concat(store.getState().activeItemId) : undefined,
         'aria-controls': store.getState().isOpen ? "".concat(props.id, "-list") : undefined,
@@ -1967,7 +2187,7 @@
         maxLength: maxLength,
         type: 'search',
         onChange: function onChange(event) {
-          onInput(_objectSpread$9({
+          onInput(_objectSpread$6({
             event: event,
             props: props,
             query: event.currentTarget.value.slice(0, maxLength),
@@ -1976,7 +2196,7 @@
           }, setters));
         },
         onKeyDown: function onKeyDown$1(event) {
-          onKeyDown(_objectSpread$9({
+          onKeyDown(_objectSpread$6({
             event: event,
             props: props,
             refresh: refresh,
@@ -1988,7 +2208,14 @@
           // We do rely on the `blur` event on touch devices.
           // See explanation in `onTouchStart`.
           if (!isTouchDevice) {
-            store.dispatch('blur', null);
+            store.dispatch('blur', null); // If requests are still pending when the user closes the panel, they
+            // could reopen the panel once they resolve.
+            // We want to prevent any subsequent query from reopening the panel
+            // because it would result in an unsolicited UI behavior.
+
+            if (!props.debug) {
+              store.pendingRequests.cancelAll();
+            }
           }
         },
         onClick: function onClick(event) {
@@ -2007,14 +2234,14 @@
     };
 
     var getLabelProps = function getLabelProps(rest) {
-      return _objectSpread$9({
+      return _objectSpread$6({
         htmlFor: "".concat(props.id, "-input"),
         id: "".concat(props.id, "-label")
       }, rest);
     };
 
     var getListProps = function getListProps(rest) {
-      return _objectSpread$9({
+      return _objectSpread$6({
         role: 'listbox',
         'aria-labelledby': "".concat(props.id, "-label"),
         id: "".concat(props.id, "-list")
@@ -2022,7 +2249,7 @@
     };
 
     var getPanelProps = function getPanelProps(rest) {
-      return _objectSpread$9({
+      return _objectSpread$6({
         onMouseDown: function onMouseDown(event) {
           // Prevents the `activeElement` from being changed to the panel so
           // that the blur event is not triggered, otherwise it closes the
@@ -2038,9 +2265,9 @@
     var getItemProps = function getItemProps(providedProps) {
       var item = providedProps.item,
           source = providedProps.source,
-          rest = _objectWithoutProperties$3(providedProps, ["item", "source"]);
+          rest = _objectWithoutProperties$1(providedProps, _excluded5);
 
-      return _objectSpread$9({
+      return _objectSpread$6({
         id: "".concat(props.id, "-item-").concat(item.__autocomplete_id),
         role: 'option',
         'aria-selected': store.getState().activeItemId === item.__autocomplete_id,
@@ -2058,7 +2285,7 @@
                 itemUrl = activeItem.itemUrl,
                 _source = activeItem.source;
 
-            _source.onActive(_objectSpread$9({
+            _source.onActive(_objectSpread$6({
               event: event,
               item: _item,
               itemInputValue: itemInputValue,
@@ -2088,7 +2315,7 @@
           // the `activeItemId`, resulting in a UI flash, especially
           // noticeable on mobile.
 
-          var runPreCommand = itemUrl ? Promise.resolve() : onInput(_objectSpread$9({
+          var runPreCommand = itemUrl ? Promise.resolve() : onInput(_objectSpread$6({
             event: event,
             nextState: {
               isOpen: false
@@ -2099,7 +2326,7 @@
             store: store
           }, setters));
           runPreCommand.then(function () {
-            source.onSelect(_objectSpread$9({
+            source.onSelect(_objectSpread$6({
               event: event,
               item: item,
               itemInputValue: itemInputValue,
@@ -2125,6 +2352,96 @@
     };
   }
 
+  function ownKeys$5(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread$5(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys$5(Object(source), true).forEach(function (key) {
+          _defineProperty$5(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$5(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  function _defineProperty$5(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 getMetadata(_ref) {
+    var _, _options$__autocomple, _options$__autocomple2, _options$__autocomple3;
+
+    var plugins = _ref.plugins,
+        options = _ref.options;
+    var optionsKey = (_ = (((_options$__autocomple = options.__autocomplete_metadata) === null || _options$__autocomple === void 0 ? void 0 : _options$__autocomple.userAgents) || [])[0]) === null || _ === void 0 ? void 0 : _.segment;
+    var extraOptions = optionsKey ? _defineProperty$5({}, optionsKey, Object.keys(((_options$__autocomple2 = options.__autocomplete_metadata) === null || _options$__autocomple2 === void 0 ? void 0 : _options$__autocomple2.options) || {})) : {};
+    return {
+      plugins: plugins.map(function (plugin) {
+        return {
+          name: plugin.name,
+          options: Object.keys(plugin.__autocomplete_pluginOptions || [])
+        };
+      }),
+      options: _objectSpread$5({
+        'autocomplete-core': Object.keys(options)
+      }, extraOptions),
+      ua: userAgents$1.concat(((_options$__autocomple3 = options.__autocomplete_metadata) === null || _options$__autocomple3 === void 0 ? void 0 : _options$__autocomple3.userAgents) || [])
+    };
+  }
+  function injectMetadata(_ref3) {
+    var _environment$navigato;
+
+    var metadata = _ref3.metadata,
+        environment = _ref3.environment;
+    var isMetadataEnabled = (_environment$navigato = environment.navigator) === null || _environment$navigato === void 0 ? void 0 : _environment$navigato.userAgent.includes('Algolia Crawler');
+
+    if (isMetadataEnabled) {
+      var metadataContainer = environment.document.createElement('meta');
+      var headRef = environment.document.querySelector('head');
+      metadataContainer.name = 'algolia:metadata';
+      setTimeout(function () {
+        metadataContainer.content = JSON.stringify(metadata);
+        headRef.appendChild(metadataContainer);
+      }, 0);
+    }
+  }
+
   function getCompletion(_ref) {
     var _getActiveItem;
 
@@ -2137,32 +2454,36 @@
     return ((_getActiveItem = getActiveItem(state)) === null || _getActiveItem === void 0 ? void 0 : _getActiveItem.itemInputValue) || null;
   }
 
-  function ownKeys$b(object, enumerableOnly) {
+  function ownKeys$4(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$a(target) {
+  function _objectSpread$4(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$b(Object(source), true).forEach(function (key) {
-          _defineProperty$b(target, key, source[key]);
+        ownKeys$4(Object(source), true).forEach(function (key) {
+          _defineProperty$4(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$b(Object(source)).forEach(function (key) {
+        ownKeys$4(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -2171,7 +2492,7 @@
     return target;
   }
 
-  function _defineProperty$b(obj, key, value) {
+  function _defineProperty$4(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -2189,14 +2510,14 @@
     switch (action.type) {
       case 'setActiveItemId':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.payload
           });
         }
 
       case 'setQuery':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             query: action.payload,
             completion: null
           });
@@ -2204,39 +2525,39 @@
 
       case 'setCollections':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             collections: action.payload
           });
         }
 
       case 'setIsOpen':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             isOpen: action.payload
           });
         }
 
       case 'setStatus':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             status: action.payload
           });
         }
 
       case 'setContext':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
-            context: _objectSpread$a(_objectSpread$a({}, state.context), action.payload)
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
+            context: _objectSpread$4(_objectSpread$4({}, state.context), action.payload)
           });
         }
 
       case 'ArrowDown':
         {
-          var nextState = _objectSpread$a(_objectSpread$a({}, state), {}, {
+          var nextState = _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.payload.hasOwnProperty('nextActiveItemId') ? action.payload.nextActiveItemId : getNextActiveItemId(1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)
           });
 
-          return _objectSpread$a(_objectSpread$a({}, nextState), {}, {
+          return _objectSpread$4(_objectSpread$4({}, nextState), {}, {
             completion: getCompletion({
               state: nextState
             })
@@ -2245,11 +2566,11 @@
 
       case 'ArrowUp':
         {
-          var _nextState = _objectSpread$a(_objectSpread$a({}, state), {}, {
+          var _nextState = _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: getNextActiveItemId(-1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)
           });
 
-          return _objectSpread$a(_objectSpread$a({}, _nextState), {}, {
+          return _objectSpread$4(_objectSpread$4({}, _nextState), {}, {
             completion: getCompletion({
               state: _nextState
             })
@@ -2259,14 +2580,14 @@
       case 'Escape':
         {
           if (state.isOpen) {
-            return _objectSpread$a(_objectSpread$a({}, state), {}, {
+            return _objectSpread$4(_objectSpread$4({}, state), {}, {
               activeItemId: null,
               isOpen: false,
               completion: null
             });
           }
 
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: null,
             query: '',
             status: 'idle',
@@ -2276,7 +2597,7 @@
 
       case 'submit':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: null,
             isOpen: false,
             status: 'idle'
@@ -2285,7 +2606,7 @@
 
       case 'reset':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: // Since we open the panel on reset when openOnFocus=true
             // we need to restore the highlighted index to the defaultActiveItemId. (DocSearch use-case)
             // Since we close the panel when openOnFocus=false
@@ -2298,7 +2619,7 @@
 
       case 'focus':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.props.defaultActiveItemId,
             isOpen: (action.props.openOnFocus || Boolean(state.query)) && action.props.shouldPanelOpen({
               state: state
@@ -2312,7 +2633,7 @@
             return state;
           }
 
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             isOpen: false,
             activeItemId: null
           });
@@ -2320,14 +2641,14 @@
 
       case 'mousemove':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.payload
           });
         }
 
       case 'mouseleave':
         {
-          return _objectSpread$a(_objectSpread$a({}, state), {}, {
+          return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.props.defaultActiveItemId
           });
         }
@@ -2338,32 +2659,36 @@
     }
   };
 
-  function ownKeys$c(object, enumerableOnly) {
+  function ownKeys$3(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$b(target) {
+  function _objectSpread$3(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$c(Object(source), true).forEach(function (key) {
-          _defineProperty$c(target, key, source[key]);
+        ownKeys$3(Object(source), true).forEach(function (key) {
+          _defineProperty$3(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$c(Object(source)).forEach(function (key) {
+        ownKeys$3(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -2372,7 +2697,7 @@
     return target;
   }
 
-  function _defineProperty$c(obj, key, value) {
+  function _defineProperty$3(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -2394,7 +2719,7 @@
     var setters = getAutocompleteSetters({
       store: store
     });
-    var propGetters = getPropGetters(_objectSpread$b({
+    var propGetters = getPropGetters(_objectSpread$3({
       props: props,
       refresh: refresh,
       store: store
@@ -2403,7 +2728,7 @@
     function onStoreStateChange(_ref) {
       var prevState = _ref.prevState,
           state = _ref.state;
-      props.onStateChange(_objectSpread$b({
+      props.onStateChange(_objectSpread$3({
         prevState: prevState,
         state: state,
         refresh: refresh
@@ -2411,7 +2736,7 @@
     }
 
     function refresh() {
-      return onInput(_objectSpread$b({
+      return onInput(_objectSpread$3({
         event: new Event('input'),
         nextState: {
           isOpen: store.getState().isOpen
@@ -2426,7 +2751,7 @@
     props.plugins.forEach(function (plugin) {
       var _plugin$subscribe;
 
-      return (_plugin$subscribe = plugin.subscribe) === null || _plugin$subscribe === void 0 ? void 0 : _plugin$subscribe.call(plugin, _objectSpread$b(_objectSpread$b({}, setters), {}, {
+      return (_plugin$subscribe = plugin.subscribe) === null || _plugin$subscribe === void 0 ? void 0 : _plugin$subscribe.call(plugin, _objectSpread$3(_objectSpread$3({}, setters), {}, {
         refresh: refresh,
         onSelect: function onSelect(fn) {
           subscribers.push({
@@ -2440,7 +2765,14 @@
         }
       }));
     });
-    return _objectSpread$b(_objectSpread$b({
+    injectMetadata({
+      metadata: getMetadata({
+        plugins: props.plugins,
+        options: options
+      }),
+      environment: props.environment
+    });
+    return _objectSpread$3(_objectSpread$3({
       refresh: refresh
     }, propGetters), setters);
   }
@@ -2487,8 +2819,8 @@
     }, {});
   }
 
-  var isObject = function isObject(value) {
-    return value && _typeof(value) === 'object';
+  var isPlainObject = function isPlainObject(value) {
+    return value && _typeof$3(value) === 'object' && Object.prototype.toString.call(value) === '[object Object]';
   };
 
   function mergeDeep() {
@@ -2502,8 +2834,8 @@
         var currentValue = current[key];
 
         if (Array.isArray(accValue) && Array.isArray(currentValue)) {
-          acc[key] = accValue.concat.apply(accValue, _toConsumableArray(currentValue));
-        } else if (isObject(accValue) && isObject(currentValue)) {
+          acc[key] = accValue.concat.apply(accValue, _toConsumableArray$5(currentValue));
+        } else if (isPlainObject(accValue) && isPlainObject(currentValue)) {
           acc[key] = mergeDeep(accValue, currentValue);
         } else {
           acc[key] = currentValue;
@@ -2563,35 +2895,35 @@
       }
     } // Benchmark for comparison: https://esbench.com/bench/574c954bdb965b9a00965ac6
     else if (name[0] === 'o' && name[1] === 'n') {
-        useCapture = name !== (name = name.replace(/Capture$/, ''));
-        nameLower = name.toLowerCase();
-        if (nameLower in dom) name = nameLower;
-        name = name.slice(2);
-        if (!dom._listeners) dom._listeners = {};
-        dom._listeners[name] = value;
-
-        if (value) {
-          if (!oldValue) dom.addEventListener(name, eventProxy, useCapture);
-        } else {
-          dom.removeEventListener(name, eventProxy, useCapture);
-        }
-      } else if (name !== 'list' && name !== 'tagName' && // HTMLButtonElement.form and HTMLInputElement.form are read-only but can be set using
-      // setAttribute
-      name !== 'form' && name !== 'type' && name !== 'size' && name !== 'download' && name !== 'href' && name in dom) {
-        dom[name] = value == null ? '' : value;
-      } else if (typeof value != 'function' && name !== 'dangerouslySetInnerHTML') {
-        if (value == null || value === false && // ARIA-attributes have a different notion of boolean values.
-        // The value `false` is different from the attribute not
-        // existing on the DOM, so we can't remove it. For non-boolean
-        // ARIA-attributes we could treat false as a removal, but the
-        // amount of exceptions would cost us too many bytes. On top of
-        // that other VDOM frameworks also always stringify `false`.
-        !/^ar/.test(name)) {
-          dom.removeAttribute(name);
-        } else {
-          dom.setAttribute(name, value);
-        }
+      useCapture = name !== (name = name.replace(/Capture$/, ''));
+      nameLower = name.toLowerCase();
+      if (nameLower in dom) name = nameLower;
+      name = name.slice(2);
+      if (!dom._listeners) dom._listeners = {};
+      dom._listeners[name] = value;
+
+      if (value) {
+        if (!oldValue) dom.addEventListener(name, eventProxy, useCapture);
+      } else {
+        dom.removeEventListener(name, eventProxy, useCapture);
       }
+    } else if (name !== 'list' && name !== 'tagName' && // HTMLButtonElement.form and HTMLInputElement.form are read-only but can be set using
+    // setAttribute
+    name !== 'form' && name !== 'type' && name !== 'size' && name !== 'download' && name !== 'href' && name in dom) {
+      dom[name] = value == null ? '' : value;
+    } else if (typeof value != 'function' && name !== 'dangerouslySetInnerHTML') {
+      if (value == null || value === false && // ARIA-attributes have a different notion of boolean values.
+      // The value `false` is different from the attribute not
+      // existing on the DOM, so we can't remove it. For non-boolean
+      // ARIA-attributes we could treat false as a removal, but the
+      // amount of exceptions would cost us too many bytes. On top of
+      // that other VDOM frameworks also always stringify `false`.
+      !/^ar/.test(name)) {
+        dom.removeAttribute(name);
+      } else {
+        dom.setAttribute(name, value);
+      }
+    }
   }
 
   function getNormalizedName(name) {
@@ -2617,28 +2949,30 @@
     }
   }
 
+  var _excluded$3 = ["children"];
   function getCreateDomElement(environment) {
     return function createDomElement(tagName, _ref) {
       var _ref$children = _ref.children,
           children = _ref$children === void 0 ? [] : _ref$children,
-          props = _objectWithoutProperties(_ref, ["children"]);
+          props = _objectWithoutProperties$4(_ref, _excluded$3);
 
       var element = environment.document.createElement(tagName);
       setProperties(element, props);
-      element.append.apply(element, _toConsumableArray(children));
+      element.append.apply(element, _toConsumableArray$5(children));
       return element;
     };
   }
 
+  var _excluded$2 = ["autocompleteScopeApi", "environment", "classNames", "getInputProps", "getInputPropsCore", "onDetachedEscape", "state"];
   var Input = function Input(_ref) {
     var autocompleteScopeApi = _ref.autocompleteScopeApi,
-        environment = _ref.environment,
-        classNames = _ref.classNames,
-        getInputProps = _ref.getInputProps,
+        environment = _ref.environment;
+        _ref.classNames;
+        var getInputProps = _ref.getInputProps,
         getInputPropsCore = _ref.getInputPropsCore,
         onDetachedEscape = _ref.onDetachedEscape,
         state = _ref.state,
-        props = _objectWithoutProperties(_ref, ["autocompleteScopeApi", "environment", "classNames", "getInputProps", "getInputPropsCore", "onDetachedEscape", "state"]);
+        props = _objectWithoutProperties$4(_ref, _excluded$2);
 
     var createDomElement = getCreateDomElement(environment);
     var element = createDomElement('input', props);
@@ -2912,7 +3246,7 @@
     };
   }
 
-  var n,u,i,t,o,r={},f=[],e=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function c(n,l){for(var u in l)n[u]=l[u];return n}function s(n){var l=n.parentNode;l&&l.removeChild(n);}function a(n,l,u){var i,t,o,r=arguments,f={};for(o in l)"key"==o?i=l[o]:"ref"==o?t=l[o]:f[o]=l[o];if(arguments.length>3)for(u=[u],o=3;o<arguments.length;o++)u.push(r[o]);if(null!=u&&(f.children=u),"function"==typeof n&&null!=n.defaultProps)for(o in n.defaultProps)void 0===f[o]&&(f[o]=n.defaultProps[o]);return v(n,f,i,t,null)}function v(l,u,i,t,o){var r={type:l,props:u,key:i,ref:t,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++n.__v:o};return null!=n.vnode&&n.vnode(r),r}function y(n){return n.children}function p(n,l){this.props=n,this.context=l;}function d(n,l){if(null==l)return n.__?d(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?d(n):null}function _(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return _(n)}}function k(l){(!l.__d&&(l.__d=!0)&&u.push(l)&&!b.__r++||t!==n.debounceRendering)&&((t=n.debounceRendering)||i)(b);}function b(){for(var n;b.__r=u.length;)n=u.sort(function(n,l){return n.__v.__b-l.__v.__b}),u=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=c({},t)).__v=t.__v+1,I(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?d(t):o,t.__h),T(u,t),t.__e!=o&&_(t)));});}function m(n,l,u,i,t,o,e,c,s,a){var h,p,_,k,b,m,w,A=i&&i.__k||f,P=A.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v(null,k,null,null,k):Array.isArray(k)?v(y,{children:k},null,null,null):k.__b>0?v(k.type,k.props,k.key,null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(_=A[h])||_&&k.key==_.key&&k.type===_.type)A[h]=void 0;else for(p=0;p<P;p++){if((_=A[p])&&k.key==_.key&&k.type===_.type){A[p]=void 0;break}_=null;}I(n,k,_=_||r,t,o,e,c,s,a),b=k.__e,(p=k.ref)&&_.ref!=p&&(w||(w=[]),_.ref&&w.push(_.ref,null,k),w.push(p,k.__c||b,k)),null!=b?(null==m&&(m=b),"function"==typeof k.type&&null!=k.__k&&k.__k===_.__k?k.__d=s=g(k,s,n):s=x(n,k,_,A,b,s),a||"option"!==u.type?"function"==typeof u.type&&(u.__d=s):n.value=""):s&&_.__e==s&&s.parentNode!=n&&(s=d(_));}for(u.__e=m,h=P;h--;)null!=A[h]&&("function"==typeof u.type&&null!=A[h].__e&&A[h].__e==u.__d&&(u.__d=d(i,h+1)),L(A[h],A[h]));if(w)for(h=0;h<w.length;h++)z(w[h],w[++h],w[++h]);}function g(n,l,u){var i,t;for(i=0;i<n.__k.length;i++)(t=n.__k[i])&&(t.__=n,l="function"==typeof t.type?g(t,l,u):x(u,t,t,n.__k,t.__e,l));return l}function x(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function A(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||C(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||C(n,o,l[o],u[o],i);}function P(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||e.test(l)?u:u+"px";}function C(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||P(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||P(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?H:$,o):n.removeEventListener(l,o?H:$,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function $(l){this.l[l.type+!1](n.event?n.event(l):l);}function H(l){this.l[l.type+!0](n.event?n.event(l):l);}function I(l,u,i,t,o,r,f,e,s){var a,v,h,d,_,k,b,g,w,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(s=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=n.__b)&&a(u);try{n:if("function"==typeof P){if(g=u.props,w=(a=P.contextType)&&t[a.__c],x=a?w?w.props.value:a.__:t,i.__c?b=(v=u.__c=i.__c).__=v.__E:("prototype"in P&&P.prototype.render?u.__c=v=new P(g,x):(u.__c=v=new p(g,x),v.constructor=P,v.render=M),w&&w.sub(v),v.props=g,v.state||(v.state={}),v.context=x,v.__n=t,h=v.__d=!0,v.__h=[]),null==v.__s&&(v.__s=v.state),null!=P.getDerivedStateFromProps&&(v.__s==v.state&&(v.__s=c({},v.__s)),c(v.__s,P.getDerivedStateFromProps(g,v.__s))),d=v.props,_=v.state,h)null==P.getDerivedStateFromProps&&null!=v.componentWillMount&&v.componentWillMount(),null!=v.componentDidMount&&v.__h.push(v.componentDidMount);else {if(null==P.getDerivedStateFromProps&&g!==d&&null!=v.componentWillReceiveProps&&v.componentWillReceiveProps(g,x),!v.__e&&null!=v.shouldComponentUpdate&&!1===v.shouldComponentUpdate(g,v.__s,x)||u.__v===i.__v){v.props=g,v.state=v.__s,u.__v!==i.__v&&(v.__d=!1),v.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),v.__h.length&&f.push(v);break n}null!=v.componentWillUpdate&&v.componentWillUpdate(g,v.__s,x),null!=v.componentDidUpdate&&v.__h.push(function(){v.componentDidUpdate(d,_,k);});}v.context=x,v.props=g,v.state=v.__s,(a=n.__r)&&a(u),v.__d=!1,v.__v=u,v.__P=l,a=v.render(v.props,v.state,v.context),v.state=v.__s,null!=v.getChildContext&&(t=c(c({},t),v.getChildContext())),h||null==v.getSnapshotBeforeUpdate||(k=v.getSnapshotBeforeUpdate(d,_)),A=null!=a&&a.type===y&&null==a.key?a.props.children:a,m(l,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,s),v.base=u.__e,u.__h=null,v.__h.length&&f.push(v),b&&(v.__E=v.__=null),v.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=j(i.__e,u,i,t,o,r,f,s);(a=n.diffed)&&a(u);}catch(l){u.__v=null,(s||null!=r)&&(u.__e=e,u.__h=!!s,r[r.indexOf(e)]=null),n.__e(l,u,i);}}function T(l,u){n.__c&&n.__c(u,l),l.some(function(u){try{l=u.__h,u.__h=[],l.some(function(n){n.call(u);});}catch(l){n.__e(l,u.__v);}});}function j(n,l,u,i,t,o,e,c){var a,v,h,y,p=u.props,d=l.props,_=l.type,k=0;if("svg"===_&&(t=!0),null!=o)for(;k<o.length;k++)if((a=o[k])&&(a===n||(_?a.localName==_:3==a.nodeType))){n=a,o[k]=null;break}if(null==n){if(null===_)return document.createTextNode(d);n=t?document.createElementNS("http://www.w3.org/2000/svg",_):document.createElement(_,d.is&&d),o=null,c=!1;}if(null===_)p===d||c&&n.data===d||(n.data=d);else {if(o=o&&f.slice.call(n.childNodes),v=(p=u.props||r).dangerouslySetInnerHTML,h=d.dangerouslySetInnerHTML,!c){if(null!=o)for(p={},y=0;y<n.attributes.length;y++)p[n.attributes[y].name]=n.attributes[y].value;(h||v)&&(h&&(v&&h.__html==v.__html||h.__html===n.innerHTML)||(n.innerHTML=h&&h.__html||""));}if(A(n,d,p,t,c),h)l.__k=[];else if(k=l.props.children,m(n,Array.isArray(k)?k:[k],l,u,i,t&&"foreignObject"!==_,o,e,n.firstChild,c),null!=o)for(k=o.length;k--;)null!=o[k]&&s(o[k]);c||("value"in d&&void 0!==(k=d.value)&&(k!==n.value||"progress"===_&&!k)&&C(n,"value",k,p.value,!1),"checked"in d&&void 0!==(k=d.checked)&&k!==n.checked&&C(n,"checked",k,p.checked,!1));}return n}function z(l,u,i){try{"function"==typeof l?l(u):l.current=u;}catch(l){n.__e(l,i);}}function L(l,u,i){var t,o,r;if(n.unmount&&n.unmount(l),(t=l.ref)&&(t.current&&t.current!==l.__e||z(t,null,u)),i||"function"==typeof l.type||(i=null!=(o=l.__e)),l.__e=l.__d=void 0,null!=(t=l.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(l){n.__e(l,u);}t.base=t.__P=null;}if(t=l.__k)for(r=0;r<t.length;r++)t[r]&&L(t[r],u,i);null!=o&&s(o);}function M(n,l,u){return this.constructor(n,u)}function N(l,u,i){var t,o,e;n.__&&n.__(l,u),o=(t="function"==typeof i)?null:i&&i.__k||u.__k,e=[],I(u,l=(!t&&i||u).__k=a(y,null,[l]),o||r,r,void 0!==u.ownerSVGElement,!t&&i?[i]:o?null:u.firstChild?f.slice.call(u.childNodes):null,e,!t&&i?i:o?o.__e:u.firstChild,t),T(e,l);}n={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l;}throw n},__v:0},p.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=c({},this.state),"function"==typeof n&&(n=n(c({},u),this.props)),n&&c(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),k(this));},p.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),k(this));},p.prototype.render=y,u=[],i="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,b.__r=0,o=0;
+  var n,l,u,t,r,o,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n);}function v(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return y(l,f,t,r,null)}function y(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u:o};return null==o&&null!=l.vnode&&l.vnode(f),f}function d(n){return n.children}function _(n,l){this.props=n,this.context=l;}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k(n):null}function b(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(g);}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,r,o;n.__d&&(r=(t=(l=n).__v).__e,(o=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(o,t,i,l.__n,void 0!==o.ownerSVGElement,null!=t.__h?[r]:null,u,null==r?k(t):r,t.__h),z(u,t),t.__e!=r&&b(t)));});}function w(n,l,u,i,t,r,o,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j(n,_,p=p||e,t,r,o,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x(_,s,n):s=P(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M(g[h],g[++h],g[++h]);}function x(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?x(i,l,u):P(u,i,i,t,i.__e,l));return l}function P(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else {for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function C(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||H(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||H(n,r,l[r],u[r],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px";}function H(n,l,u,i,t){var r;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?T:I,r):n.removeEventListener(l,r?T:I,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l.event?l.event(n):n);}function T(n){this.l[n.type+!0](l.event?l.event(n):n);}function j(n,u,i,t,r,o,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a(a({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w(n,Array.isArray(A)?A:[A],u,i,t,r,o,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,r,o,f,c);(s=l.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l.__e(n,u,i);}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L(l,u,i,t,r,o,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(o=o&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C(l,p,y,r,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&k(i,0),c),null!=o)for(_=o.length;_--;)null!=o[_]&&h(o[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==y.value||_!==l.value||"progress"===d&&!_)&&H(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H(l,"checked",_,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,r;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&N(t[r],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function S(u,i,t){var r,o,f;l.__&&l.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!r&&t||i).__k=v(d,null,[u]),o||e,e,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),z(f,u);}n=c.slice,l={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l;}throw n}},u=0,_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},u),this.props)),n&&a(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this));},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},_.prototype.render=d,t=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g.__r=0;
 
   var HIGHLIGHT_PRE_TAG = '__aa-highlight__';
   var HIGHLIGHT_POST_TAG = '__/aa-highlight__';
@@ -2969,32 +3303,32 @@
     return parts.get();
   }
 
-  function _toConsumableArray$3(arr) {
-    return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableSpread$3();
+  function _toConsumableArray$2(arr) {
+    return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread$2();
   }
 
-  function _nonIterableSpread$3() {
+  function _nonIterableSpread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _unsupportedIterableToArray$4(o, minLen) {
+  function _unsupportedIterableToArray$2(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$4(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$4(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
   }
 
-  function _iterableToArray$3(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  function _iterableToArray$2(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _arrayWithoutHoles$3(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$4(arr);
+  function _arrayWithoutHoles$2(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
   }
 
-  function _arrayLikeToArray$4(arr, len) {
+  function _arrayLikeToArray$2(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -3007,10 +3341,10 @@
     var hit = _ref.hit,
         attribute = _ref.attribute;
     var path = Array.isArray(attribute) ? attribute : [attribute];
-    var highlightedValue = getAttributeValueByPath(hit, ['_highlightResult'].concat(_toConsumableArray$3(path), ['value']));
+    var highlightedValue = getAttributeValueByPath(hit, ['_highlightResult'].concat(_toConsumableArray$2(path), ['value']));
 
     if (typeof highlightedValue !== 'string') {
-       "development" !== 'production' ? warn(false, "The attribute \"".concat(path.join('.'), "\" described by the path ").concat(JSON.stringify(path), " does not exist on the hit. Did you set it in `attributesToHighlight`?") + '\nSee https://www.algolia.com/doc/api-reference/api-parameters/attributesToHighlight/') : void 0 ;
+      "development" !== 'production' ? warn(false, "The attribute \"".concat(path.join('.'), "\" described by the path ").concat(JSON.stringify(path), " does not exist on the hit. Did you set it in `attributesToHighlight`?") + '\nSee https://www.algolia.com/doc/api-reference/api-parameters/attributesToHighlight/') : void 0 ;
       highlightedValue = getAttributeValueByPath(hit, path) || '';
     }
 
@@ -3050,32 +3384,36 @@
     return current.isHighlighted;
   }
 
-  function ownKeys$d(object, enumerableOnly) {
+  function ownKeys$2(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$c(target) {
+  function _objectSpread$2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$d(Object(source), true).forEach(function (key) {
-          _defineProperty$d(target, key, source[key]);
+        ownKeys$2(Object(source), true).forEach(function (key) {
+          _defineProperty$2(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$d(Object(source)).forEach(function (key) {
+        ownKeys$2(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -3084,7 +3422,7 @@
     return target;
   }
 
-  function _defineProperty$d(obj, key, value) {
+  function _defineProperty$2(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3104,14 +3442,14 @@
       return part.isHighlighted;
     })) {
       return parts.map(function (part) {
-        return _objectSpread$c(_objectSpread$c({}, part), {}, {
+        return _objectSpread$2(_objectSpread$2({}, part), {}, {
           isHighlighted: false
         });
       });
     }
 
     return parts.map(function (part, i) {
-      return _objectSpread$c(_objectSpread$c({}, part), {}, {
+      return _objectSpread$2(_objectSpread$2({}, part), {}, {
         isHighlighted: !isPartHighlighted(parts, i)
       });
     });
@@ -3121,32 +3459,32 @@
     return reverseHighlightedParts(parseAlgoliaHitHighlight(props));
   }
 
-  function _toConsumableArray$4(arr) {
-    return _arrayWithoutHoles$4(arr) || _iterableToArray$4(arr) || _unsupportedIterableToArray$5(arr) || _nonIterableSpread$4();
+  function _toConsumableArray$1(arr) {
+    return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1();
   }
 
-  function _nonIterableSpread$4() {
+  function _nonIterableSpread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _unsupportedIterableToArray$5(o, minLen) {
+  function _unsupportedIterableToArray$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$5(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$5(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
   }
 
-  function _iterableToArray$4(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  function _iterableToArray$1(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _arrayWithoutHoles$4(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$5(arr);
+  function _arrayWithoutHoles$1(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
   }
 
-  function _arrayLikeToArray$5(arr, len) {
+  function _arrayLikeToArray$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -3159,10 +3497,10 @@
     var hit = _ref.hit,
         attribute = _ref.attribute;
     var path = Array.isArray(attribute) ? attribute : [attribute];
-    var highlightedValue = getAttributeValueByPath(hit, ['_snippetResult'].concat(_toConsumableArray$4(path), ['value']));
+    var highlightedValue = getAttributeValueByPath(hit, ['_snippetResult'].concat(_toConsumableArray$1(path), ['value']));
 
     if (typeof highlightedValue !== 'string') {
-       "development" !== 'production' ? warn(false, "The attribute \"".concat(path.join('.'), "\" described by the path ").concat(JSON.stringify(path), " does not exist on the hit. Did you set it in `attributesToSnippet`?") + '\nSee https://www.algolia.com/doc/api-reference/api-parameters/attributesToSnippet/') : void 0 ;
+      "development" !== 'production' ? warn(false, "The attribute \"".concat(path.join('.'), "\" described by the path ").concat(JSON.stringify(path), " does not exist on the hit. Did you set it in `attributesToSnippet`?") + '\nSee https://www.algolia.com/doc/api-reference/api-parameters/attributesToSnippet/') : void 0 ;
       highlightedValue = getAttributeValueByPath(hit, path) || '';
     }
 
@@ -3175,32 +3513,36 @@
     return reverseHighlightedParts(parseAlgoliaHitSnippet(props));
   }
 
-  function ownKeys$e(object, enumerableOnly) {
+  function ownKeys$1(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$d(target) {
+  function _objectSpread$1(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$e(Object(source), true).forEach(function (key) {
-          _defineProperty$e(target, key, source[key]);
+        ownKeys$1(Object(source), true).forEach(function (key) {
+          _defineProperty$1(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$e(Object(source)).forEach(function (key) {
+        ownKeys$1(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -3209,7 +3551,7 @@
     return target;
   }
 
-  function _defineProperty$e(obj, key, value) {
+  function _defineProperty$1(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3247,41 +3589,45 @@
 
     return function createSpecifiedRequester(requesterParams) {
       return function requester(requestParams) {
-        return _objectSpread$d(_objectSpread$d({
+        return _objectSpread$1(_objectSpread$1({
           execute: execute
         }, requesterParams), requestParams);
       };
     };
   }
 
-  var version = '1.4.0';
+  var _excluded$1 = ["params"];
 
-  function ownKeys$f(object, enumerableOnly) {
+  function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
     return keys;
   }
 
-  function _objectSpread$e(target) {
+  function _objectSpread(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$f(Object(source), true).forEach(function (key) {
-          _defineProperty$f(target, key, source[key]);
+        ownKeys(Object(source), true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$f(Object(source)).forEach(function (key) {
+        ownKeys(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -3290,7 +3636,7 @@
     return target;
   }
 
-  function _defineProperty$f(obj, key, value) {
+  function _defineProperty(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3305,10 +3651,10 @@
     return obj;
   }
 
-  function _objectWithoutProperties$4(source, excluded) {
+  function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
 
-    var target = _objectWithoutPropertiesLoose$4(source, excluded);
+    var target = _objectWithoutPropertiesLoose(source, excluded);
 
     var key, i;
 
@@ -3326,7 +3672,7 @@
     return target;
   }
 
-  function _objectWithoutPropertiesLoose$4(source, excluded) {
+  function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -3341,32 +3687,32 @@
     return target;
   }
 
-  function _toConsumableArray$5(arr) {
-    return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$6(arr) || _nonIterableSpread$5();
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
-  function _nonIterableSpread$5() {
+  function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _unsupportedIterableToArray$6(o, minLen) {
+  function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$6(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
 
-  function _iterableToArray$5(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _arrayWithoutHoles$5(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$6(arr);
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
 
-  function _arrayLikeToArray$6(arr, len) {
+  function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -3382,10 +3728,7 @@
         userAgents = _ref$userAgents === void 0 ? [] : _ref$userAgents;
 
     if (typeof searchClient.addAlgoliaAgent === 'function') {
-      var algoliaAgents = [{
-        segment: 'autocomplete-core',
-        version: version
-      }].concat(_toConsumableArray$5(userAgents));
+      var algoliaAgents = [].concat(_toConsumableArray(userAgents$1), _toConsumableArray(userAgents));
       algoliaAgents.forEach(function (_ref2) {
         var segment = _ref2.segment,
             version = _ref2.version;
@@ -3395,10 +3738,10 @@
 
     return searchClient.search(queries.map(function (searchParameters) {
       var params = searchParameters.params,
-          headers = _objectWithoutProperties$4(searchParameters, ["params"]);
+          headers = _objectWithoutProperties(searchParameters, _excluded$1);
 
-      return _objectSpread$e(_objectSpread$e({}, headers), {}, {
-        params: _objectSpread$e({
+      return _objectSpread(_objectSpread({}, headers), {}, {
+        params: _objectSpread({
           hitsPerPage: 5,
           highlightPreTag: HIGHLIGHT_PRE_TAG,
           highlightPostTag: HIGHLIGHT_POST_TAG
@@ -3485,6 +3828,7 @@
     };
   }
 
+  var _excluded = ["classNames", "container", "getEnvironmentProps", "getFormProps", "getInputProps", "getItemProps", "getLabelProps", "getListProps", "getPanelProps", "getRootProps", "panelContainer", "panelPlacement", "render", "renderNoResults", "renderer", "detachedMediaQuery", "components", "translations"];
   var defaultClassNames = {
     clearButton: 'aa-ClearButton',
     detachedCancelButton: 'aa-DetachedCancelButton',
@@ -3515,12 +3859,12 @@
 
   var defaultRender = function defaultRender(_ref, root) {
     var children = _ref.children;
-    N(children, root);
+    S(children, root);
   };
 
   var defaultRenderer = {
-    createElement: a,
-    Fragment: y
+    createElement: v,
+    Fragment: d
   };
   function getDefaultOptions(options) {
     var _core$id;
@@ -3543,7 +3887,7 @@
         detachedMediaQuery = options.detachedMediaQuery,
         components = options.components,
         translations = options.translations,
-        core = _objectWithoutProperties(options, ["classNames", "container", "getEnvironmentProps", "getFormProps", "getInputProps", "getItemProps", "getLabelProps", "getListProps", "getPanelProps", "getRootProps", "panelContainer", "panelPlacement", "render", "renderNoResults", "renderer", "detachedMediaQuery", "components", "translations"]);
+        core = _objectWithoutProperties$4(options, _excluded);
     /* eslint-disable no-restricted-globals */
 
 
@@ -3810,6 +4154,11 @@
     }, autocompleteScopeApi), dom.panel);
   }
 
+  var userAgents = [{
+    segment: 'autocomplete-js',
+    version: version
+  }];
+
   function autocomplete(options) {
     var _createEffectWrapper = createEffectWrapper(),
         runEffect = _createEffectWrapper.runEffect,
@@ -3855,6 +4204,10 @@
 
           var hasNoResultsTemplate = Boolean(hasNoResultsSourceTemplateRef.current || props.value.renderer.renderNoResults);
           return !hasItems && hasNoResultsTemplate || hasItems;
+        },
+        __autocomplete_metadata: {
+          userAgents: userAgents,
+          options: options
         }
       }));
     });
@@ -3941,7 +4294,7 @@
       setProperties(props.value.core.environment, environmentProps);
       return function () {
         setProperties(props.value.core.environment, Object.keys(environmentProps).reduce(function (acc, key) {
-          return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, undefined));
+          return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$g({}, key, undefined));
         }, {}));
       };
     });
@@ -4098,14 +4451,9 @@
     });
   }
 
-  var version$1 = '1.4.0';
-
   var createAlgoliaRequester = createRequester(function (params) {
     return fetchAlgoliaResults(_objectSpread2(_objectSpread2({}, params), {}, {
-      userAgents: [{
-        segment: 'autocomplete-js',
-        version: version$1
-      }]
+      userAgents: userAgents
     }));
   });
 
@@ -4145,5 +4493,5 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=index.development.js.map