npm - @algolia/autocomplete-js - Versions diffs - 1.2.2 → 1.5.0 - Mend

@algolia/autocomplete-js 1.2.2 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/dist/esm/autocomplete.js +6 -1
package/dist/esm/createAutocompleteDom.js +1 -1
package/dist/esm/elements/Input.js +4 -2
package/dist/esm/getCreateDomElement.js +4 -2
package/dist/esm/getDefaultOptions.d.ts +1 -0
package/dist/esm/getDefaultOptions.js +4 -2
package/dist/esm/render.js +1 -1
package/dist/esm/requesters/createAlgoliaRequester.js +3 -6
package/dist/esm/requesters/getAlgoliaFacets.js +1 -1
package/dist/esm/types/AutocompleteApi.js +1 -0
package/dist/esm/types/AutocompleteClassNames.js +1 -0
package/dist/esm/types/AutocompleteCollection.js +1 -0
package/dist/esm/types/AutocompleteComponents.js +1 -0
package/dist/esm/types/AutocompleteDom.js +1 -0
package/dist/esm/types/AutocompleteElement.js +1 -0
package/dist/esm/types/AutocompleteOptions.js +1 -0
package/dist/esm/types/AutocompletePlugin.js +1 -0
package/dist/esm/types/AutocompletePropGetters.js +1 -0
package/dist/esm/types/AutocompleteRender.js +1 -0
package/dist/esm/types/AutocompleteRenderer.js +1 -0
package/dist/esm/types/AutocompleteSource.js +1 -0
package/dist/esm/types/AutocompleteState.js +1 -0
package/dist/esm/types/AutocompleteTranslations.js +1 -0
package/dist/esm/types/HighlightHitParams.js +1 -0
package/dist/esm/userAgents.d.ts +4 -0
package/dist/esm/userAgents.js +5 -0
package/dist/esm/utils/mergeDeep.js +4 -4
package/dist/esm/utils/setProperties.js +27 -27
package/dist/umd/index.development.js +883 -450
package/dist/umd/index.development.js.map +1 -1
package/dist/umd/index.production.js +2 -2
package/dist/umd/index.production.js.map +1 -1
package/package.json +4 -4
package/dist/esm/version.d.ts +0 -1
package/dist/esm/version.js +0 -1

package/dist/umd/index.development.js CHANGED Viewed

@@ -1,10 +1,48 @@
-/*! @algolia/autocomplete-js 1.2.2 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.5.0 | 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';
+  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 _typeof(obj) {
     "@babel/helpers - typeof";
@@ -54,40 +92,6 @@
     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) {
     if (source == null) return {};
     var target = {};
@@ -133,7 +137,7 @@
   }
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
   function _unsupportedIterableToArray(o, minLen) {
@@ -180,6 +184,122 @@
     };
   }
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(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) {
+    if (!o) return;
+    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$1(o, minLen);
+  }
+  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++) {
+      arr2[i] = arr[i];
+    }
+    return arr2;
+  }
+  function _iterableToArrayLimit(arr, i) {
+    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 _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+  function _typeof$1(obj) {
+    "@babel/helpers - typeof";
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$1 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$1 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$1(obj);
+  }
+  /**
+   * Decycles objects with circular references.
+   * This is used to print cyclic structures in development environment only.
+   */
+  function decycle(obj) {
+    var seen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Set();
+    if ( !obj || _typeof$1(obj) !== 'object') {
+      return obj;
+    }
+    if (seen.has(obj)) {
+      return '[Circular]';
+    }
+    var newSeen = seen.add(obj);
+    if (Array.isArray(obj)) {
+      return obj.map(function (x) {
+        return decycle(x, newSeen);
+      });
+    }
+    return Object.fromEntries(Object.entries(obj).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          value = _ref2[1];
+      return [key, decycle(value, newSeen)];
+    }));
+  }
+  function flatten(values) {
+    return values.reduce(function (a, b) {
+      return a.concat(b);
+    }, []);
+  }
   var autocompleteId = 0;
   function generateAutocompleteId() {
     return "autocomplete-".concat(autocompleteId++);
@@ -209,10 +329,19 @@
   function invariant(condition, message) {
     if (!condition) {
-      throw new Error("[Autocomplete] ".concat(message));
+      throw new Error("[Autocomplete] ".concat(typeof message === 'function' ? message() : message));
     }
   }
+  var noop = function noop() {};
+  var version = '1.5.0';
+  var userAgents = [{
+    segment: 'autocomplete-core',
+    version: version
+  }];
   var warnCache = {
     current: {}
   };
@@ -246,9 +375,13 @@
     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);
     }
@@ -312,10 +445,143 @@
     };
   }
-  function flatten(values) {
-    return values.reduce(function (a, b) {
-      return a.concat(b);
-    }, []);
+  function ownKeys$2(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _objectSpread$1(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      if (i % 2) {
+        ownKeys$2(Object(source), true).forEach(function (key) {
+          _defineProperty$2(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$2(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+    return target;
+  }
+  function _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);
+    };
+    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++
+            });
+          })
+        });
+      });
+      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
+    };
+  }
+  /**
+   * 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;
+        }
+        latestResolvedId = currentPromiseId;
+        latestResolvedValue = x;
+        return x;
+      });
+    };
   }
   /**
@@ -352,34 +618,36 @@
     return numericIndex;
   }
-  var noop = function noop() {};
-  function ownKeys$2(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$1(target) {
+  function _objectSpread$2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys$2(Object(source), true).forEach(function (key) {
-          _defineProperty$2(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$2(Object(source)).forEach(function (key) {
+        ownKeys$3(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -388,7 +656,7 @@
     return target;
   }
-  function _defineProperty$2(obj, key, value) {
+  function _defineProperty$3(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -403,25 +671,27 @@
     return obj;
   }
-  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);
   }
   function getNormalizedSources(getSources, params) {
     var seenSourceIds = [];
     return Promise.resolve(getSources(params)).then(function (sources) {
-      invariant(Array.isArray(sources), "The `getSources` function must return an array of sources but returned type ".concat(JSON.stringify(_typeof$1(sources)), ":\n\n").concat(JSON.stringify(sources, null, 2)));
+      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 Promise.all(sources // We allow `undefined` and `false` sources to allow users to use
       // `Boolean(query) && source` (=> `false`).
       // We need to remove these values at this point.
@@ -436,7 +706,7 @@
         seenSourceIds.push(source.sourceId);
-        var normalizedSource = _objectSpread$1({
+        var normalizedSource = _objectSpread$2({
           getItemInputValue: function getItemInputValue(_ref) {
             var state = _ref.state;
             return state.query;
@@ -546,32 +816,36 @@
     return parent === child || parent.contains(child);
   }
-  function ownKeys$3(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$2(target) {
+  function _objectSpread$3(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys$3(Object(source), true).forEach(function (key) {
-          _defineProperty$3(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$3(Object(source)).forEach(function (key) {
+        ownKeys$4(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -580,7 +854,7 @@
     return target;
   }
-  function _defineProperty$3(obj, key, value) {
+  function _defineProperty$4(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -599,10 +873,10 @@
     var results = rawResults.map(function (result) {
       var _hits;
-      return _objectSpread$2(_objectSpread$2({}, result), {}, {
+      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$2(_objectSpread$2({}, hit), {}, {
+          return _objectSpread$3(_objectSpread$3({}, hit), {}, {
             __autocomplete_indexName: result.index,
             __autocomplete_queryID: result.queryID
           });
@@ -633,129 +907,32 @@
     };
   }
-  function ownKeys$4(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread$3(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]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys$4(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-    return target;
-  }
-  function _defineProperty$4(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);
-    };
-    var setCollections = function setCollections(rawValue) {
-      var baseItemId = 0;
-      var value = rawValue.map(function (collection) {
-        return _objectSpread$3(_objectSpread$3({}, collection), {}, {
-          // We flatten the stored items to support calling `getAlgoliaResults`
-          // from the source itself.
-          items: flatten(collection.items).map(function (item) {
-            return _objectSpread$3(_objectSpread$3({}, item), {}, {
-              __autocomplete_id: baseItemId++
-            });
-          })
-        });
-      });
-      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$1(arr) || _nonIterableSpread$1();
+    return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread$1();
   }
   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$1(o, minLen) {
+  function _unsupportedIterableToArray$2(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$1(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$1(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
   }
   function _iterableToArray$1(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(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$1(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
   }
-  function _arrayLikeToArray$1(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++) {
@@ -770,9 +947,13 @@
     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);
     }
@@ -833,6 +1014,10 @@
       shouldPanelOpen: function shouldPanelOpen(_ref) {
         var state = _ref.state;
         return getItemsCount(state) > 0;
+      },
+      reshape: function reshape(_ref2) {
+        var sources = _ref2.sources;
+        return sources;
       }
     }, props), {}, {
       // Since `generateAutocompleteId` triggers a side effect (it increments
@@ -910,65 +1095,145 @@
         });
       },
       navigator: _objectSpread$4({
-        navigate: function navigate(_ref2) {
-          var itemUrl = _ref2.itemUrl;
+        navigate: function navigate(_ref3) {
+          var itemUrl = _ref3.itemUrl;
           environment.location.assign(itemUrl);
         },
-        navigateNewTab: function navigateNewTab(_ref3) {
-          var itemUrl = _ref3.itemUrl;
+        navigateNewTab: function navigateNewTab(_ref4) {
+          var itemUrl = _ref4.itemUrl;
           var windowReference = environment.open(itemUrl, '_blank', 'noopener');
           windowReference === null || windowReference === void 0 ? void 0 : windowReference.focus();
         },
-        navigateNewWindow: function navigateNewWindow(_ref4) {
-          var itemUrl = _ref4.itemUrl;
+        navigateNewWindow: function navigateNewWindow(_ref5) {
+          var itemUrl = _ref5.itemUrl;
           environment.open(itemUrl, '_blank', 'noopener');
         }
       }, props.navigator)
     });
   }
-  function _typeof$2(obj) {
+  function ownKeys$6(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _objectSpread$5(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]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$6(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+    return target;
+  }
+  function _defineProperty$6(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 reshape(_ref) {
+    var collections = _ref.collections,
+        props = _ref.props,
+        state = _ref.state; // Sources are grouped by `sourceId` to conveniently pick them via destructuring.
+    // 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), {}, {
+        getItems: function getItems() {
+          // We provide the resolved items from the collection to the `reshape` prop.
+          return flatten(collection.items);
+        }
+      })));
+    }, {});
+    var reshapeSources = props.reshape({
+      sources: Object.values(sourcesBySourceId),
+      sourcesBySourceId: sourcesBySourceId,
+      state: state
+    }); // We reconstruct the collections with the items modified by the `reshape` prop.
+    return flatten(reshapeSources).filter(Boolean).map(function (source) {
+      return {
+        source: source,
+        items: source.getItems()
+      };
+    });
+  }
+  function _typeof$3(obj) {
     "@babel/helpers - typeof";
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof$2 = function _typeof(obj) {
+      _typeof$3 = function _typeof(obj) {
         return typeof obj;
       };
     } else {
-      _typeof$2 = function _typeof(obj) {
+      _typeof$3 = function _typeof(obj) {
         return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
       };
     }
-    return _typeof$2(obj);
+    return _typeof$3(obj);
   }
   function _toConsumableArray$2(arr) {
-    return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread$2();
+    return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$2();
   }
   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$2(o, minLen) {
+  function _unsupportedIterableToArray$3(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen);
   }
   function _iterableToArray$2(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
   function _arrayWithoutHoles$2(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
   }
-  function _arrayLikeToArray$2(arr, len) {
+  function _arrayLikeToArray$3(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -978,32 +1243,36 @@
     return arr2;
   }
-  function ownKeys$6(object, enumerableOnly) {
+  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$5(target) {
+  function _objectSpread$6(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys$6(Object(source), true).forEach(function (key) {
-          _defineProperty$6(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$6(Object(source)).forEach(function (key) {
+        ownKeys$7(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1012,7 +1281,7 @@
     return target;
   }
-  function _defineProperty$6(obj, key, value) {
+  function _defineProperty$7(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1037,7 +1306,7 @@
   function preResolve(itemsOrDescription, sourceId) {
     if (isRequesterDescription(itemsOrDescription)) {
-      return _objectSpread$5(_objectSpread$5({}, itemsOrDescription), {}, {
+      return _objectSpread$6(_objectSpread$6({}, itemsOrDescription), {}, {
         requests: itemsOrDescription.queries.map(function (query) {
           return {
             query: query,
@@ -1111,7 +1380,9 @@
       });
       var transform = matches[0].transformResponse;
       var items = transform ? transform(mapToAlgoliaResponse(results)) : results;
-      invariant(Array.isArray(items), "The `getItems` function from source \"".concat(source.sourceId, "\" must return an array of items but returned type ").concat(JSON.stringify(_typeof$2(items)), ":\n\n").concat(JSON.stringify(items, null, 2), ".\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"));
+      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");
+      });
       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 {
         source: source,
@@ -1120,32 +1391,38 @@
     });
   }
-  function ownKeys$7(object, enumerableOnly) {
+  var _excluded = ["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$6(target) {
+  function _objectSpread$7(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys$7(Object(source), true).forEach(function (key) {
-          _defineProperty$7(target, key, source[key]);
+        ownKeys$8(Object(source), true).forEach(function (key) {
+          _defineProperty$8(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$7(Object(source)).forEach(function (key) {
+        ownKeys$8(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1154,7 +1431,7 @@
     return target;
   }
-  function _defineProperty$7(obj, key, value) {
+  function _defineProperty$8(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1205,6 +1482,7 @@
     return target;
   }
   var lastStalledId = null;
+  var runConcurrentSafePromise = createConcurrentSafePromise();
   function onInput(_ref) {
     var event = _ref.event,
         _ref$nextState = _ref.nextState,
@@ -1213,7 +1491,7 @@
         query = _ref.query,
         refresh = _ref.refresh,
         store = _ref.store,
-        setters = _objectWithoutProperties$1(_ref, ["event", "nextState", "props", "query", "refresh", "store"]);
+        setters = _objectWithoutProperties$1(_ref, _excluded);
     if (lastStalledId) {
       props.environment.clearTimeout(lastStalledId);
@@ -1230,30 +1508,42 @@
     if (!query && props.openOnFocus === false) {
       var _nextState$isOpen;
-      setStatus('idle');
-      setCollections(store.getState().collections.map(function (collection) {
-        return _objectSpread$6(_objectSpread$6({}, collection), {}, {
+      var collections = store.getState().collections.map(function (collection) {
+        return _objectSpread$7(_objectSpread$7({}, collection), {}, {
           items: []
         });
-      }));
+      });
+      setStatus('idle');
+      setCollections(collections);
       setIsOpen((_nextState$isOpen = nextState.isOpen) !== null && _nextState$isOpen !== void 0 ? _nextState$isOpen : props.shouldPanelOpen({
         state: store.getState()
-      }));
-      return Promise.resolve();
+      })); // 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.
+      return runConcurrentSafePromise(collections).then(function () {
+        return Promise.resolve();
+      });
     }
     setStatus('loading');
     lastStalledId = props.environment.setTimeout(function () {
       setStatus('stalled');
-    }, props.stallThreshold);
-    return props.getSources(_objectSpread$6({
+    }, 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.
+    return runConcurrentSafePromise(props.getSources(_objectSpread$7({
       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$6({
+        return Promise.resolve(source.getItems(_objectSpread$7({
           query: query,
           refresh: refresh,
           state: store.getState()
@@ -1263,65 +1553,77 @@
       })).then(resolve).then(function (responses) {
         return postResolve(responses, sources);
       }).then(function (collections) {
-        var _nextState$isOpen2;
-        setStatus('idle');
-        setCollections(collections);
-        var isPanelOpen = props.shouldPanelOpen({
+        return reshape({
+          collections: collections,
+          props: props,
           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());
+      });
+    })).then(function (collections) {
+      var _nextState$isOpen2;
-        if (store.getState().activeItemId !== null && highlightedItem) {
-          var item = highlightedItem.item,
-              itemInputValue = highlightedItem.itemInputValue,
-              itemUrl = highlightedItem.itemUrl,
-              source = highlightedItem.source;
-          source.onActive(_objectSpread$6({
-            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$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);
+      }
     });
   }
-  function ownKeys$8(object, enumerableOnly) {
+  var _excluded$1 = ["event", "props", "refresh", "store"];
+  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$7(target) {
+  function _objectSpread$8(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys$8(Object(source), true).forEach(function (key) {
-          _defineProperty$8(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$8(Object(source)).forEach(function (key) {
+        ownKeys$9(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1330,7 +1632,7 @@
     return target;
   }
-  function _defineProperty$8(obj, key, value) {
+  function _defineProperty$9(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1385,7 +1687,7 @@
         props = _ref.props,
         refresh = _ref.refresh,
         store = _ref.store,
-        setters = _objectWithoutProperties$2(_ref, ["event", "props", "refresh", "store"]);
+        setters = _objectWithoutProperties$2(_ref, _excluded$1);
     if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
       // eslint-disable-next-line no-inner-declarations
@@ -1410,7 +1712,7 @@
               itemInputValue = highlightedItem.itemInputValue,
               itemUrl = highlightedItem.itemUrl,
               source = highlightedItem.source;
-          source.onActive(_objectSpread$7({
+          source.onActive(_objectSpread$8({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1428,7 +1730,7 @@
       // synchronized as `onInput` returns a promise.
       if (store.getState().isOpen === false && (props.openOnFocus || Boolean(store.getState().query))) {
-        onInput(_objectSpread$7({
+        onInput(_objectSpread$8({
           event: event,
           props: props,
           query: store.getState().query,
@@ -1476,7 +1778,7 @@
       if (event.metaKey || event.ctrlKey) {
         if (itemUrl !== undefined) {
-          source.onSelect(_objectSpread$7({
+          source.onSelect(_objectSpread$8({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1493,7 +1795,7 @@
         }
       } else if (event.shiftKey) {
         if (itemUrl !== undefined) {
-          source.onSelect(_objectSpread$7({
+          source.onSelect(_objectSpread$8({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1510,7 +1812,7 @@
         }
       } else if (event.altKey) ; else {
         if (itemUrl !== undefined) {
-          source.onSelect(_objectSpread$7({
+          source.onSelect(_objectSpread$8({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1527,7 +1829,7 @@
           return;
         }
-        onInput(_objectSpread$7({
+        onInput(_objectSpread$8({
           event: event,
           nextState: {
             isOpen: false
@@ -1537,7 +1839,7 @@
           refresh: refresh,
           store: store
         }, setters)).then(function () {
-          source.onSelect(_objectSpread$7({
+          source.onSelect(_objectSpread$8({
             event: event,
             item: item,
             itemInputValue: itemInputValue,
@@ -1551,32 +1853,42 @@
     }
   }
-  function ownKeys$9(object, enumerableOnly) {
+  var _excluded$2 = ["props", "refresh", "store"],
+      _excluded2 = ["inputElement", "formElement", "panelElement"],
+      _excluded3 = ["inputElement"],
+      _excluded4 = ["inputElement", "maxLength"],
+      _excluded5 = ["item", "source"];
+  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$8(target) {
+  function _objectSpread$9(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       if (i % 2) {
-        ownKeys$9(Object(source), true).forEach(function (key) {
-          _defineProperty$9(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$9(Object(source)).forEach(function (key) {
+        ownKeys$a(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1585,7 +1897,7 @@
     return target;
   }
-  function _defineProperty$9(obj, key, value) {
+  function _defineProperty$a(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1639,29 +1951,29 @@
     var props = _ref.props,
         refresh = _ref.refresh,
         store = _ref.store,
-        setters = _objectWithoutProperties$3(_ref, ["props", "refresh", "store"]);
+        setters = _objectWithoutProperties$3(_ref, _excluded$2);
     var getEnvironmentProps = function getEnvironmentProps(providedProps) {
       var inputElement = providedProps.inputElement,
           formElement = providedProps.formElement,
           panelElement = providedProps.panelElement,
-          rest = _objectWithoutProperties$3(providedProps, ["inputElement", "formElement", "panelElement"]);
+          rest = _objectWithoutProperties$3(providedProps, _excluded2);
-      return _objectSpread$8({
+      return _objectSpread$9({
         // 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) {
             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) {
@@ -1683,7 +1995,7 @@
     };
     var getRootProps = function getRootProps(rest) {
-      return _objectSpread$8({
+      return _objectSpread$9({
         role: 'combobox',
         'aria-expanded': store.getState().isOpen,
         'aria-haspopup': 'listbox',
@@ -1694,9 +2006,9 @@
     var getFormProps = function getFormProps(providedProps) {
       var inputElement = providedProps.inputElement,
-          rest = _objectWithoutProperties$3(providedProps, ["inputElement"]);
+          rest = _objectWithoutProperties$3(providedProps, _excluded3);
-      return _objectSpread$8({
+      return _objectSpread$9({
         action: '',
         noValidate: true,
         role: 'search',
@@ -1704,7 +2016,7 @@
           var _providedProps$inputE;
           event.preventDefault();
-          props.onSubmit(_objectSpread$8({
+          props.onSubmit(_objectSpread$9({
             event: event,
             refresh: refresh,
             state: store.getState()
@@ -1716,7 +2028,7 @@
           var _providedProps$inputE2;
           event.preventDefault();
-          props.onReset(_objectSpread$8({
+          props.onReset(_objectSpread$9({
             event: event,
             refresh: refresh,
             state: store.getState()
@@ -1732,7 +2044,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$8({
+          onInput(_objectSpread$9({
             event: event,
             props: props,
             query: store.getState().completion || store.getState().query,
@@ -1750,10 +2062,10 @@
           inputElement = _ref2.inputElement,
           _ref2$maxLength = _ref2.maxLength,
           maxLength = _ref2$maxLength === void 0 ? 512 : _ref2$maxLength,
-          rest = _objectWithoutProperties$3(_ref2, ["inputElement", "maxLength"]);
+          rest = _objectWithoutProperties$3(_ref2, _excluded4);
       var activeItem = getActiveItem(store.getState());
-      return _objectSpread$8({
+      return _objectSpread$9({
         '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,
@@ -1770,7 +2082,7 @@
         maxLength: maxLength,
         type: 'search',
         onChange: function onChange(event) {
-          onInput(_objectSpread$8({
+          onInput(_objectSpread$9({
             event: event,
             props: props,
             query: event.currentTarget.value.slice(0, maxLength),
@@ -1779,7 +2091,7 @@
           }, setters));
         },
         onKeyDown: function onKeyDown$1(event) {
-          onKeyDown(_objectSpread$8({
+          onKeyDown(_objectSpread$9({
             event: event,
             props: props,
             refresh: refresh,
@@ -1810,14 +2122,14 @@
     };
     var getLabelProps = function getLabelProps(rest) {
-      return _objectSpread$8({
+      return _objectSpread$9({
         htmlFor: "".concat(props.id, "-input"),
         id: "".concat(props.id, "-label")
       }, rest);
     };
     var getListProps = function getListProps(rest) {
-      return _objectSpread$8({
+      return _objectSpread$9({
         role: 'listbox',
         'aria-labelledby': "".concat(props.id, "-label"),
         id: "".concat(props.id, "-list")
@@ -1825,7 +2137,7 @@
     };
     var getPanelProps = function getPanelProps(rest) {
-      return _objectSpread$8({
+      return _objectSpread$9({
         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
@@ -1841,9 +2153,9 @@
     var getItemProps = function getItemProps(providedProps) {
       var item = providedProps.item,
           source = providedProps.source,
-          rest = _objectWithoutProperties$3(providedProps, ["item", "source"]);
+          rest = _objectWithoutProperties$3(providedProps, _excluded5);
-      return _objectSpread$8({
+      return _objectSpread$9({
         id: "".concat(props.id, "-item-").concat(item.__autocomplete_id),
         role: 'option',
         'aria-selected': store.getState().activeItemId === item.__autocomplete_id,
@@ -1861,7 +2173,7 @@
                 itemUrl = activeItem.itemUrl,
                 _source = activeItem.source;
-            _source.onActive(_objectSpread$8({
+            _source.onActive(_objectSpread$9({
               event: event,
               item: _item,
               itemInputValue: itemInputValue,
@@ -1891,7 +2203,7 @@
           // the `activeItemId`, resulting in a UI flash, especially
           // noticeable on mobile.
-          var runPreCommand = itemUrl ? Promise.resolve() : onInput(_objectSpread$8({
+          var runPreCommand = itemUrl ? Promise.resolve() : onInput(_objectSpread$9({
             event: event,
             nextState: {
               isOpen: false
@@ -1902,7 +2214,7 @@
             store: store
           }, setters));
           runPreCommand.then(function () {
-            source.onSelect(_objectSpread$8({
+            source.onSelect(_objectSpread$9({
               event: event,
               item: item,
               itemInputValue: itemInputValue,
@@ -1928,6 +2240,96 @@
     };
   }
+  function ownKeys$b(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _objectSpread$a(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]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$b(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+    return target;
+  }
+  function _defineProperty$b(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$b({}, 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$a({
+        'autocomplete-core': Object.keys(options)
+      }, extraOptions),
+      ua: userAgents.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;
@@ -1940,32 +2342,36 @@
     return ((_getActiveItem = getActiveItem(state)) === null || _getActiveItem === void 0 ? void 0 : _getActiveItem.itemInputValue) || null;
   }
-  function ownKeys$a(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$9(target) {
+  function _objectSpread$b(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$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$a(Object(source)).forEach(function (key) {
+        ownKeys$c(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -1974,7 +2380,7 @@
     return target;
   }
-  function _defineProperty$a(obj, key, value) {
+  function _defineProperty$c(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1992,14 +2398,14 @@
     switch (action.type) {
       case 'setActiveItemId':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: action.payload
           });
         }
       case 'setQuery':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             query: action.payload,
             completion: null
           });
@@ -2007,39 +2413,39 @@
       case 'setCollections':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             collections: action.payload
           });
         }
       case 'setIsOpen':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             isOpen: action.payload
           });
         }
       case 'setStatus':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             status: action.payload
           });
         }
       case 'setContext':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
-            context: _objectSpread$9(_objectSpread$9({}, state.context), action.payload)
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
+            context: _objectSpread$b(_objectSpread$b({}, state.context), action.payload)
           });
         }
       case 'ArrowDown':
         {
-          var nextState = _objectSpread$9(_objectSpread$9({}, state), {}, {
+          var nextState = _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: action.payload.hasOwnProperty('nextActiveItemId') ? action.payload.nextActiveItemId : getNextActiveItemId(1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)
           });
-          return _objectSpread$9(_objectSpread$9({}, nextState), {}, {
+          return _objectSpread$b(_objectSpread$b({}, nextState), {}, {
             completion: getCompletion({
               state: nextState
             })
@@ -2048,11 +2454,11 @@
       case 'ArrowUp':
         {
-          var _nextState = _objectSpread$9(_objectSpread$9({}, state), {}, {
+          var _nextState = _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: getNextActiveItemId(-1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)
           });
-          return _objectSpread$9(_objectSpread$9({}, _nextState), {}, {
+          return _objectSpread$b(_objectSpread$b({}, _nextState), {}, {
             completion: getCompletion({
               state: _nextState
             })
@@ -2062,14 +2468,14 @@
       case 'Escape':
         {
           if (state.isOpen) {
-            return _objectSpread$9(_objectSpread$9({}, state), {}, {
+            return _objectSpread$b(_objectSpread$b({}, state), {}, {
               activeItemId: null,
               isOpen: false,
               completion: null
             });
           }
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: null,
             query: '',
             status: 'idle',
@@ -2079,7 +2485,7 @@
       case 'submit':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: null,
             isOpen: false,
             status: 'idle'
@@ -2088,7 +2494,7 @@
       case 'reset':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, 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
@@ -2101,7 +2507,7 @@
       case 'focus':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: action.props.defaultActiveItemId,
             isOpen: (action.props.openOnFocus || Boolean(state.query)) && action.props.shouldPanelOpen({
               state: state
@@ -2115,7 +2521,7 @@
             return state;
           }
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             isOpen: false,
             activeItemId: null
           });
@@ -2123,14 +2529,14 @@
       case 'mousemove':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: action.payload
           });
         }
       case 'mouseleave':
         {
-          return _objectSpread$9(_objectSpread$9({}, state), {}, {
+          return _objectSpread$b(_objectSpread$b({}, state), {}, {
             activeItemId: action.props.defaultActiveItemId
           });
         }
@@ -2141,32 +2547,36 @@
     }
   };
-  function ownKeys$b(object, enumerableOnly) {
+  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;
-      });
+      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$c(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$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$b(Object(source)).forEach(function (key) {
+        ownKeys$d(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -2175,7 +2585,7 @@
     return target;
   }
-  function _defineProperty$b(obj, key, value) {
+  function _defineProperty$d(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -2197,7 +2607,7 @@
     var setters = getAutocompleteSetters({
       store: store
     });
-    var propGetters = getPropGetters(_objectSpread$a({
+    var propGetters = getPropGetters(_objectSpread$c({
       props: props,
       refresh: refresh,
       store: store
@@ -2206,7 +2616,7 @@
     function onStoreStateChange(_ref) {
       var prevState = _ref.prevState,
           state = _ref.state;
-      props.onStateChange(_objectSpread$a({
+      props.onStateChange(_objectSpread$c({
         prevState: prevState,
         state: state,
         refresh: refresh
@@ -2214,7 +2624,7 @@
     }
     function refresh() {
-      return onInput(_objectSpread$a({
+      return onInput(_objectSpread$c({
         event: new Event('input'),
         nextState: {
           isOpen: store.getState().isOpen
@@ -2229,7 +2639,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$a(_objectSpread$a({}, setters), {}, {
+      return (_plugin$subscribe = plugin.subscribe) === null || _plugin$subscribe === void 0 ? void 0 : _plugin$subscribe.call(plugin, _objectSpread$c(_objectSpread$c({}, setters), {}, {
         refresh: refresh,
         onSelect: function onSelect(fn) {
           subscribers.push({
@@ -2243,7 +2653,14 @@
         }
       }));
     });
-    return _objectSpread$a(_objectSpread$a({
+    injectMetadata({
+      metadata: getMetadata({
+        plugins: props.plugins,
+        options: options
+      }),
+      environment: props.environment
+    });
+    return _objectSpread$c(_objectSpread$c({
       refresh: refresh
     }, propGetters), setters);
   }
@@ -2290,8 +2707,8 @@
     }, {});
   }
-  var isObject = function isObject(value) {
-    return value && _typeof(value) === 'object';
+  var isPlainObject = function isPlainObject(value) {
+    return value && _typeof(value) === 'object' && Object.prototype.toString.call(value) === '[object Object]';
   };
   function mergeDeep() {
@@ -2306,7 +2723,7 @@
         if (Array.isArray(accValue) && Array.isArray(currentValue)) {
           acc[key] = accValue.concat.apply(accValue, _toConsumableArray(currentValue));
-        } else if (isObject(accValue) && isObject(currentValue)) {
+        } else if (isPlainObject(accValue) && isPlainObject(currentValue)) {
           acc[key] = mergeDeep(accValue, currentValue);
         } else {
           acc[key] = currentValue;
@@ -2366,35 +2783,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) {
@@ -2420,11 +2837,12 @@
     }
   }
+  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(_ref, _excluded$3);
       var element = environment.document.createElement(tagName);
       setProperties(element, props);
@@ -2433,6 +2851,7 @@
     };
   }
+  var _excluded$4 = ["autocompleteScopeApi", "environment", "classNames", "getInputProps", "getInputPropsCore", "onDetachedEscape", "state"];
   var Input = function Input(_ref) {
     var autocompleteScopeApi = _ref.autocompleteScopeApi,
         environment = _ref.environment,
@@ -2441,7 +2860,7 @@
         getInputPropsCore = _ref.getInputPropsCore,
         onDetachedEscape = _ref.onDetachedEscape,
         state = _ref.state,
-        props = _objectWithoutProperties(_ref, ["autocompleteScopeApi", "environment", "classNames", "getInputProps", "getInputPropsCore", "onDetachedEscape", "state"]);
+        props = _objectWithoutProperties(_ref, _excluded$4);
     var createDomElement = getCreateDomElement(environment);
     var element = createDomElement('input', props);
@@ -2715,7 +3134,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,f,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[_])&&(s===l||(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)&&(_!==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,f=0;
   var HIGHLIGHT_PRE_TAG = '__aa-highlight__';
   var HIGHLIGHT_POST_TAG = '__/aa-highlight__';
@@ -2773,31 +3192,31 @@
   }
   function _toConsumableArray$3(arr) {
-    return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$3();
+    return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableSpread$3();
   }
   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.");
   }
-  function _unsupportedIterableToArray$3(o, minLen) {
+  function _unsupportedIterableToArray$4(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$4(o, minLen);
   }
   function _iterableToArray$3(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(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$3(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray$4(arr);
   }
-  function _arrayLikeToArray$3(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++) {
@@ -2853,32 +3272,36 @@
     return current.isHighlighted;
   }
-  function ownKeys$c(object, enumerableOnly) {
+  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;
-      });
+      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$d(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$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$c(Object(source)).forEach(function (key) {
+        ownKeys$e(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -2887,7 +3310,7 @@
     return target;
   }
-  function _defineProperty$c(obj, key, value) {
+  function _defineProperty$e(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -2907,14 +3330,14 @@
       return part.isHighlighted;
     })) {
       return parts.map(function (part) {
-        return _objectSpread$b(_objectSpread$b({}, part), {}, {
+        return _objectSpread$d(_objectSpread$d({}, part), {}, {
           isHighlighted: false
         });
       });
     }
     return parts.map(function (part, i) {
-      return _objectSpread$b(_objectSpread$b({}, part), {}, {
+      return _objectSpread$d(_objectSpread$d({}, part), {}, {
         isHighlighted: !isPartHighlighted(parts, i)
       });
     });
@@ -2925,31 +3348,31 @@
   }
   function _toConsumableArray$4(arr) {
-    return _arrayWithoutHoles$4(arr) || _iterableToArray$4(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableSpread$4();
+    return _arrayWithoutHoles$4(arr) || _iterableToArray$4(arr) || _unsupportedIterableToArray$5(arr) || _nonIterableSpread$4();
   }
   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$4(o, minLen) {
+  function _unsupportedIterableToArray$5(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$4(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$4(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$5(o, minLen);
   }
   function _iterableToArray$4(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(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$4(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray$5(arr);
   }
-  function _arrayLikeToArray$4(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++) {
@@ -2978,32 +3401,36 @@
     return reverseHighlightedParts(parseAlgoliaHitSnippet(props));
   }
-  function ownKeys$d(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$c(target) {
+  function _objectSpread$e(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$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$d(Object(source)).forEach(function (key) {
+        ownKeys$f(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -3012,7 +3439,7 @@
     return target;
   }
-  function _defineProperty$d(obj, key, value) {
+  function _defineProperty$f(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3050,41 +3477,45 @@
     return function createSpecifiedRequester(requesterParams) {
       return function requester(requestParams) {
-        return _objectSpread$c(_objectSpread$c({
+        return _objectSpread$e(_objectSpread$e({
           execute: execute
         }, requesterParams), requestParams);
       };
     };
   }
-  var version = '1.2.2';
+  var _excluded$5 = ["params"];
-  function ownKeys$e(object, enumerableOnly) {
+  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;
-      });
+      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$f(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$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$e(Object(source)).forEach(function (key) {
+        ownKeys$g(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -3093,7 +3524,7 @@
     return target;
   }
-  function _defineProperty$e(obj, key, value) {
+  function _defineProperty$g(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3145,31 +3576,31 @@
   }
   function _toConsumableArray$5(arr) {
-    return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$5(arr) || _nonIterableSpread$5();
+    return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$6(arr) || _nonIterableSpread$5();
   }
   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.");
   }
-  function _unsupportedIterableToArray$5(o, minLen) {
+  function _unsupportedIterableToArray$6(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$5(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$5(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen);
   }
   function _iterableToArray$5(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(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$5(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray$6(arr);
   }
-  function _arrayLikeToArray$5(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++) {
@@ -3182,13 +3613,10 @@
     var searchClient = _ref.searchClient,
         queries = _ref.queries,
         _ref$userAgents = _ref.userAgents,
-        userAgents = _ref$userAgents === void 0 ? [] : _ref$userAgents;
+        userAgents$1 = _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$5(userAgents), _toConsumableArray$5(userAgents$1));
       algoliaAgents.forEach(function (_ref2) {
         var segment = _ref2.segment,
             version = _ref2.version;
@@ -3198,10 +3626,10 @@
     return searchClient.search(queries.map(function (searchParameters) {
       var params = searchParameters.params,
-          headers = _objectWithoutProperties$4(searchParameters, ["params"]);
+          headers = _objectWithoutProperties$4(searchParameters, _excluded$5);
-      return _objectSpread$d(_objectSpread$d({}, headers), {}, {
-        params: _objectSpread$d({
+      return _objectSpread$f(_objectSpread$f({}, headers), {}, {
+        params: _objectSpread$f({
           hitsPerPage: 5,
           highlightPreTag: HIGHLIGHT_PRE_TAG,
           highlightPostTag: HIGHLIGHT_POST_TAG
@@ -3288,6 +3716,7 @@
     };
   }
+  var _excluded$6 = ["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',
@@ -3318,12 +3747,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;
@@ -3346,7 +3775,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(options, _excluded$6);
     /* eslint-disable no-restricted-globals */
@@ -3613,6 +4042,11 @@
     }, autocompleteScopeApi), dom.panel);
   }
+  var userAgents$1 = [{
+    segment: 'autocomplete-js',
+    version: version
+  }];
   function autocomplete(options) {
     var _createEffectWrapper = createEffectWrapper(),
         runEffect = _createEffectWrapper.runEffect,
@@ -3658,6 +4092,10 @@
           var hasNoResultsTemplate = Boolean(hasNoResultsSourceTemplateRef.current || props.value.renderer.renderNoResults);
           return !hasItems && hasNoResultsTemplate || hasItems;
+        },
+        __autocomplete_metadata: {
+          userAgents: userAgents$1,
+          options: options
         }
       }));
     });
@@ -3901,14 +4339,9 @@
     });
   }
-  var version$1 = '1.2.2';
   var createAlgoliaRequester = createRequester(function (params) {
     return fetchAlgoliaResults(_objectSpread2(_objectSpread2({}, params), {}, {
-      userAgents: [{
-        segment: 'autocomplete-js',
-        version: version$1
-      }]
+      userAgents: userAgents$1
     }));
   });