@algolia/autocomplete-js 1.8.2 → 1.9.0

package/dist/umd/index.development.js

@@ -1,47 +1,69 @@
-/*! @algolia/autocomplete-js 1.8.2 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.9.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$g(object, enumerableOnly) {
+  function _iterableToArrayLimit$2(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+      return _arr;
+    }
+  }
+  function ownKeys$i(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) {
-        _defineProperty$g(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) {
+      i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) {
+        _defineProperty$i(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
-  function _typeof$3(obj) {
+  function _typeof$j(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$j = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
       return typeof obj;
     } : function (obj) {
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof$3(obj);
+    }, _typeof$j(obj);
   }
-
-  function _defineProperty$g(obj, key, value) {
+  function _defineProperty$i(obj, key, value) {
+    key = _toPropertyKey$i(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -52,53 +74,40 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
-
-  function _objectWithoutPropertiesLoose$4(source, excluded) {
+  function _objectWithoutPropertiesLoose$5(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
-
     for (i = 0; i < sourceKeys.length; i++) {
       key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
       target[key] = source[key];
     }
-
     return target;
   }
-
-  function _objectWithoutProperties$4(source, excluded) {
+  function _objectWithoutProperties$5(source, excluded) {
     if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose$4(source, excluded);
-
+    var target = _objectWithoutPropertiesLoose$5(source, excluded);
     var key, i;
-
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
       for (i = 0; i < sourceSymbolKeys.length; i++) {
         key = sourceSymbolKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
@@ -106,84 +115,56 @@
         target[key] = source[key];
       }
     }
-
     return target;
   }
-
-  function _slicedToArray$1(arr, i) {
-    return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$6(arr, i) || _nonIterableRest$1();
+  function _slicedToArray$2(arr, i) {
+    return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$9(arr, i) || _nonIterableRest$2();
   }
-
-  function _toConsumableArray$5(arr) {
-    return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$6(arr) || _nonIterableSpread$5();
+  function _toConsumableArray$7(arr) {
+    return _arrayWithoutHoles$7(arr) || _iterableToArray$7(arr) || _unsupportedIterableToArray$9(arr) || _nonIterableSpread$7();
   }
-
-  function _arrayWithoutHoles$5(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$6(arr);
+  function _arrayWithoutHoles$7(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$9(arr);
   }
-
-  function _arrayWithHoles$1(arr) {
+  function _arrayWithHoles$2(arr) {
     if (Array.isArray(arr)) return arr;
   }
-
-  function _iterableToArray$5(iter) {
+  function _iterableToArray$7(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-
-  function _iterableToArrayLimit$1(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 _unsupportedIterableToArray$6(o, minLen) {
+  function _unsupportedIterableToArray$9(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$6(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$9(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$9(o, minLen);
   }
-
-  function _arrayLikeToArray$6(arr, len) {
+  function _arrayLikeToArray$9(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 _nonIterableSpread$5() {
+  function _nonIterableSpread$7() {
     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 _nonIterableRest$1() {
+  function _nonIterableRest$2() {
     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 _toPrimitive$i(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey$i(arg) {
+    var key = _toPrimitive$i(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
 
   function createRef(initialValue) {
     return {
@@ -197,190 +178,863 @@
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       if (timerId) {
         clearTimeout(timerId);
       }
-
       timerId = setTimeout(function () {
         return fn.apply(void 0, args);
       }, time);
     };
   }
 
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$5(arr, i) || _nonIterableRest();
+  function _slicedToArray$1(arr, i) {
+    return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$8(arr, i) || _nonIterableRest$1();
   }
-
-  function _nonIterableRest() {
+  function _nonIterableRest$1() {
     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$5(o, minLen) {
+  function _unsupportedIterableToArray$8(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$5(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$8(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$8(o, minLen);
   }
-
-  function _arrayLikeToArray$5(arr, len) {
+  function _arrayLikeToArray$8(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];
-    }
-
+    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 {
+  function _iterableToArrayLimit$1(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
-
-  function _arrayWithHoles(arr) {
+  function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
   }
-
-  function _typeof$2(obj) {
+  function _typeof$i(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$i = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
       return typeof obj;
     } : function (obj) {
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof$2(obj);
+    }, _typeof$i(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$2(obj) !== 'object') {
+    if (!obj || _typeof$i(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++);
+    return Object.fromEntries(Object.entries(obj).map(function (_ref) {
+      var _ref2 = _slicedToArray$1(_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++);
+  }
+
+  function getAttributeValueByPath(record, path) {
+    return path.reduce(function (current, key) {
+      return current && current[key];
+    }, record);
+  }
+
+  function getItemsCount(state) {
+    if (state.collections.length === 0) {
+      return 0;
+    }
+    return state.collections.reduce(function (sum, collection) {
+      return sum + collection.items.length;
+    }, 0);
+  }
+
+  /**
+   * Throws an error if the condition is not met in development mode.
+   * This is used to make development a better experience to provide guidance as
+   * to where the error comes from.
+   */
+  function invariant(condition, message) {
+    if (!condition) {
+      throw new Error("[Autocomplete] ".concat(typeof message === 'function' ? message() : message));
+    }
+  }
+
+  function isPrimitive(obj) {
+    return obj !== Object(obj);
+  }
+  function isEqual(first, second) {
+    if (first === second) {
+      return true;
+    }
+    if (isPrimitive(first) || isPrimitive(second) || typeof first === 'function' || typeof second === 'function') {
+      return first === second;
+    }
+    if (Object.keys(first).length !== Object.keys(second).length) {
+      return false;
+    }
+    for (var _i = 0, _Object$keys = Object.keys(first); _i < _Object$keys.length; _i++) {
+      var key = _Object$keys[_i];
+      if (!(key in second)) {
+        return false;
+      }
+      if (!isEqual(first[key], second[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  var noop = function noop() {};
+
+  /**
+   * Safely runs code meant for browser environments only.
+   */
+  function safelyRunOnBrowser(callback) {
+    if (typeof window !== 'undefined') {
+      return callback({
+        window: window
+      });
+    }
+    return undefined;
+  }
+
+  var version = '1.9.0';
+
+  var userAgents$1 = [{
+    segment: 'autocomplete-core',
+    version: version
+  }];
+
+  var warnCache = {
+    current: {}
+  };
+
+  /**
+   * Logs a warning if the condition is not met.
+   * This is used to log issues in development environment only.
+   */
+  function warn(condition, message) {
+    if (condition) {
+      return;
+    }
+    var sanitizedMessage = message.trim();
+    var hasAlreadyPrinted = warnCache.current[sanitizedMessage];
+    if (!hasAlreadyPrinted) {
+      warnCache.current[sanitizedMessage] = true;
+
+      // eslint-disable-next-line no-console
+      console.warn("[Autocomplete] ".concat(sanitizedMessage));
+    }
+  }
+
+  function createClickedEvent(_ref) {
+    var item = _ref.item,
+      items = _ref.items;
+    return {
+      index: item.__autocomplete_indexName,
+      items: [item],
+      positions: [1 + items.findIndex(function (x) {
+        return x.objectID === item.objectID;
+      })],
+      queryID: item.__autocomplete_queryID,
+      algoliaSource: ['autocomplete']
+    };
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$7(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$7(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen);
+  }
+  function _arrayLikeToArray$7(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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+      return _arr;
+    }
+  }
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+  /**
+   * Determines if a given insights `client` supports the optional call to `init`
+   * and the ability to set credentials via extra parameters when sending events.
+   */
+  function isModernInsightsClient(client) {
+    var _split$map = (client.version || '').split('.').map(Number),
+      _split$map2 = _slicedToArray(_split$map, 2),
+      major = _split$map2[0],
+      minor = _split$map2[1];
+
+    /* eslint-disable @typescript-eslint/camelcase */
+    var v3 = major >= 3;
+    var v2_4 = major === 2 && minor >= 4;
+    var v1_10 = major === 1 && minor >= 10;
+    return v3 || v2_4 || v1_10;
+    /* eslint-enable @typescript-eslint/camelcase */
+  }
+
+  var _excluded$8 = ["items"],
+    _excluded2$1 = ["items"];
+  function _typeof$h(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$h = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$h(obj);
+  }
+  function _toConsumableArray$6(arr) {
+    return _arrayWithoutHoles$6(arr) || _iterableToArray$6(arr) || _unsupportedIterableToArray$6(arr) || _nonIterableSpread$6();
+  }
+  function _nonIterableSpread$6() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _unsupportedIterableToArray$6(o, minLen) {
+    if (!o) return;
+    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$6(o, minLen);
+  }
+  function _iterableToArray$6(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+  function _arrayWithoutHoles$6(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$6(arr);
+  }
+  function _arrayLikeToArray$6(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+  function _objectWithoutProperties$4(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose$4(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
+    }
+    return target;
+  }
+  function _objectWithoutPropertiesLoose$4(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+    return target;
+  }
+  function ownKeys$h(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _objectSpread$h(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) {
+        _defineProperty$h(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _defineProperty$h(obj, key, value) {
+    key = _toPropertyKey$h(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _toPropertyKey$h(arg) {
+    var key = _toPrimitive$h(arg, "string");
+    return _typeof$h(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$h(input, hint) {
+    if (_typeof$h(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$h(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function chunk(item) {
+    var chunkSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 20;
+    var chunks = [];
+    for (var i = 0; i < item.objectIDs.length; i += chunkSize) {
+      chunks.push(_objectSpread$h(_objectSpread$h({}, item), {}, {
+        objectIDs: item.objectIDs.slice(i, i + chunkSize)
+      }));
+    }
+    return chunks;
+  }
+  function mapToInsightsParamsApi(params) {
+    return params.map(function (_ref) {
+      var items = _ref.items,
+        param = _objectWithoutProperties$4(_ref, _excluded$8);
+      return _objectSpread$h(_objectSpread$h({}, param), {}, {
+        objectIDs: (items === null || items === void 0 ? void 0 : items.map(function (_ref2) {
+          var objectID = _ref2.objectID;
+          return objectID;
+        })) || param.objectIDs
+      });
+    });
+  }
+  function createSearchInsightsApi(searchInsights) {
+    var canSendHeaders = isModernInsightsClient(searchInsights);
+    function sendToInsights(method, payloads, items) {
+      if (canSendHeaders && typeof items !== 'undefined') {
+        var _items$0$__autocomple = items[0].__autocomplete_algoliaCredentials,
+          appId = _items$0$__autocomple.appId,
+          apiKey = _items$0$__autocomple.apiKey;
+        var headers = {
+          'X-Algolia-Application-Id': appId,
+          'X-Algolia-API-Key': apiKey
+        };
+        searchInsights.apply(void 0, [method].concat(_toConsumableArray$6(payloads), [{
+          headers: headers
+        }]));
+      } else {
+        searchInsights.apply(void 0, [method].concat(_toConsumableArray$6(payloads)));
+      }
+    }
+    return {
+      /**
+       * Initializes Insights with Algolia credentials.
+       */
+      init: function init(appId, apiKey) {
+        searchInsights('init', {
+          appId: appId,
+          apiKey: apiKey
+        });
+      },
+      /**
+       * Sets the user token to attach to events.
+       */
+      setUserToken: function setUserToken(userToken) {
+        searchInsights('setUserToken', userToken);
+      },
+      /**
+       * Sends click events to capture a query and its clicked items and positions.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/clicked-object-ids-after-search/
+       */
+      clickedObjectIDsAfterSearch: function clickedObjectIDsAfterSearch() {
+        for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+          params[_key] = arguments[_key];
+        }
+        if (params.length > 0) {
+          sendToInsights('clickedObjectIDsAfterSearch', mapToInsightsParamsApi(params), params[0].items);
+        }
+      },
+      /**
+       * Sends click events to capture clicked items.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/clicked-object-ids/
+       */
+      clickedObjectIDs: function clickedObjectIDs() {
+        for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          params[_key2] = arguments[_key2];
+        }
+        if (params.length > 0) {
+          sendToInsights('clickedObjectIDs', mapToInsightsParamsApi(params), params[0].items);
+        }
+      },
+      /**
+       * Sends click events to capture the filters a user clicks on.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/clicked-filters/
+       */
+      clickedFilters: function clickedFilters() {
+        for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          params[_key3] = arguments[_key3];
+        }
+        if (params.length > 0) {
+          searchInsights.apply(void 0, ['clickedFilters'].concat(params));
+        }
+      },
+      /**
+       * Sends conversion events to capture a query and its clicked items.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/converted-object-ids-after-search/
+       */
+      convertedObjectIDsAfterSearch: function convertedObjectIDsAfterSearch() {
+        for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+          params[_key4] = arguments[_key4];
+        }
+        if (params.length > 0) {
+          sendToInsights('convertedObjectIDsAfterSearch', mapToInsightsParamsApi(params), params[0].items);
+        }
+      },
+      /**
+       * Sends conversion events to capture clicked items.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/converted-object-ids/
+       */
+      convertedObjectIDs: function convertedObjectIDs() {
+        for (var _len5 = arguments.length, params = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+          params[_key5] = arguments[_key5];
+        }
+        if (params.length > 0) {
+          sendToInsights('convertedObjectIDs', mapToInsightsParamsApi(params), params[0].items);
+        }
+      },
+      /**
+       * Sends conversion events to capture the filters a user uses when converting.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/converted-filters/
+       */
+      convertedFilters: function convertedFilters() {
+        for (var _len6 = arguments.length, params = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+          params[_key6] = arguments[_key6];
+        }
+        if (params.length > 0) {
+          searchInsights.apply(void 0, ['convertedFilters'].concat(params));
+        }
+      },
+      /**
+       * Sends view events to capture clicked items.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/viewed-object-ids/
+       */
+      viewedObjectIDs: function viewedObjectIDs() {
+        for (var _len7 = arguments.length, params = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+          params[_key7] = arguments[_key7];
+        }
+        if (params.length > 0) {
+          params.reduce(function (acc, _ref3) {
+            var items = _ref3.items,
+              param = _objectWithoutProperties$4(_ref3, _excluded2$1);
+            return [].concat(_toConsumableArray$6(acc), _toConsumableArray$6(chunk(_objectSpread$h(_objectSpread$h({}, param), {}, {
+              objectIDs: (items === null || items === void 0 ? void 0 : items.map(function (_ref4) {
+                var objectID = _ref4.objectID;
+                return objectID;
+              })) || param.objectIDs
+            })).map(function (payload) {
+              return {
+                items: items,
+                payload: payload
+              };
+            })));
+          }, []).forEach(function (_ref5) {
+            var items = _ref5.items,
+              payload = _ref5.payload;
+            return sendToInsights('viewedObjectIDs', [payload], items);
+          });
+        }
+      },
+      /**
+       * Sends view events to capture the filters a user uses when viewing.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/viewed-filters/
+       */
+      viewedFilters: function viewedFilters() {
+        for (var _len8 = arguments.length, params = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+          params[_key8] = arguments[_key8];
+        }
+        if (params.length > 0) {
+          searchInsights.apply(void 0, ['viewedFilters'].concat(params));
+        }
+      }
+    };
+  }
+
+  function createViewedEvents(_ref) {
+    var items = _ref.items;
+    var itemsByIndexName = items.reduce(function (acc, current) {
+      var _acc$current$__autoco;
+      acc[current.__autocomplete_indexName] = ((_acc$current$__autoco = acc[current.__autocomplete_indexName]) !== null && _acc$current$__autoco !== void 0 ? _acc$current$__autoco : []).concat(current);
+      return acc;
+    }, {});
+    return Object.keys(itemsByIndexName).map(function (indexName) {
+      var items = itemsByIndexName[indexName];
+      return {
+        index: indexName,
+        items: items,
+        algoliaSource: ['autocomplete']
+      };
+    });
+  }
+
+  function isAlgoliaInsightsHit(hit) {
+    return hit.objectID && hit.__autocomplete_indexName && hit.__autocomplete_queryID;
+  }
+
+  function _typeof$g(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$g = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$g(obj);
+  }
+  function _toConsumableArray$5(arr) {
+    return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$5(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) {
+    if (!o) return;
+    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$5(o, minLen);
+  }
+  function _iterableToArray$5(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);
+  }
+  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++) arr2[i] = arr[i];
+    return arr2;
+  }
+  function ownKeys$g(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _objectSpread$g(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) {
+        _defineProperty$g(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
   }
-
-  function getAttributeValueByPath(record, path) {
-    return path.reduce(function (current, key) {
-      return current && current[key];
-    }, record);
+  function _defineProperty$g(obj, key, value) {
+    key = _toPropertyKey$g(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
-
-  function getItemsCount(state) {
-    if (state.collections.length === 0) {
-      return 0;
+  function _toPropertyKey$g(arg) {
+    var key = _toPrimitive$g(arg, "string");
+    return _typeof$g(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$g(input, hint) {
+    if (_typeof$g(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$g(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-
-    return state.collections.reduce(function (sum, collection) {
-      return sum + collection.items.length;
+    return (hint === "string" ? String : Number)(input);
+  }
+  var VIEW_EVENT_DELAY = 400;
+  var ALGOLIA_INSIGHTS_VERSION = '2.4.0';
+  var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/search-insights@".concat(ALGOLIA_INSIGHTS_VERSION, "/dist/search-insights.min.js");
+  var sendViewedObjectIDs = debounce(function (_ref) {
+    var onItemsChange = _ref.onItemsChange,
+      items = _ref.items,
+      insights = _ref.insights,
+      state = _ref.state;
+    onItemsChange({
+      insights: insights,
+      insightsEvents: createViewedEvents({
+        items: items
+      }).map(function (event) {
+        return _objectSpread$g({
+          eventName: 'Items Viewed'
+        }, event);
+      }),
+      state: state
+    });
+  }, VIEW_EVENT_DELAY);
+  function createAlgoliaInsightsPlugin(options) {
+    var _getOptions = getOptions(options),
+      providedInsightsClient = _getOptions.insightsClient,
+      onItemsChange = _getOptions.onItemsChange,
+      onSelectEvent = _getOptions.onSelect,
+      onActiveEvent = _getOptions.onActive;
+    var insightsClient = providedInsightsClient;
+    if (!providedInsightsClient) {
+      safelyRunOnBrowser(function (_ref2) {
+        var window = _ref2.window;
+        var pointer = window.AlgoliaAnalyticsObject || 'aa';
+        if (typeof pointer === 'string') {
+          insightsClient = window[pointer];
+        }
+        if (!insightsClient) {
+          window.AlgoliaAnalyticsObject = pointer;
+          if (!window[pointer]) {
+            window[pointer] = function () {
+              if (!window[pointer].queue) {
+                window[pointer].queue = [];
+              }
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
+              }
+              window[pointer].queue.push(args);
+            };
+          }
+          window[pointer].version = ALGOLIA_INSIGHTS_VERSION;
+          insightsClient = window[pointer];
+          loadInsights(window);
+        }
+      });
+    }
+    var insights = createSearchInsightsApi(insightsClient);
+    var previousItems = createRef([]);
+    var debouncedOnStateChange = debounce(function (_ref3) {
+      var state = _ref3.state;
+      if (!state.isOpen) {
+        return;
+      }
+      var items = state.collections.reduce(function (acc, current) {
+        return [].concat(_toConsumableArray$5(acc), _toConsumableArray$5(current.items));
+      }, []).filter(isAlgoliaInsightsHit);
+      if (!isEqual(previousItems.current.map(function (x) {
+        return x.objectID;
+      }), items.map(function (x) {
+        return x.objectID;
+      }))) {
+        previousItems.current = items;
+        if (items.length > 0) {
+          sendViewedObjectIDs({
+            onItemsChange: onItemsChange,
+            items: items,
+            insights: insights,
+            state: state
+          });
+        }
+      }
     }, 0);
+    return {
+      name: 'aa.algoliaInsightsPlugin',
+      subscribe: function subscribe(_ref4) {
+        var setContext = _ref4.setContext,
+          onSelect = _ref4.onSelect,
+          onActive = _ref4.onActive;
+        insightsClient('addAlgoliaAgent', 'insights-plugin');
+        setContext({
+          algoliaInsightsPlugin: {
+            __algoliaSearchParameters: {
+              clickAnalytics: true
+            },
+            insights: insights
+          }
+        });
+        onSelect(function (_ref5) {
+          var item = _ref5.item,
+            state = _ref5.state,
+            event = _ref5.event;
+          if (!isAlgoliaInsightsHit(item)) {
+            return;
+          }
+          onSelectEvent({
+            state: state,
+            event: event,
+            insights: insights,
+            item: item,
+            insightsEvents: [_objectSpread$g({
+              eventName: 'Item Selected'
+            }, createClickedEvent({
+              item: item,
+              items: previousItems.current
+            }))]
+          });
+        });
+        onActive(function (_ref6) {
+          var item = _ref6.item,
+            state = _ref6.state,
+            event = _ref6.event;
+          if (!isAlgoliaInsightsHit(item)) {
+            return;
+          }
+          onActiveEvent({
+            state: state,
+            event: event,
+            insights: insights,
+            item: item,
+            insightsEvents: [_objectSpread$g({
+              eventName: 'Item Active'
+            }, createClickedEvent({
+              item: item,
+              items: previousItems.current
+            }))]
+          });
+        });
+      },
+      onStateChange: function onStateChange(_ref7) {
+        var state = _ref7.state;
+        debouncedOnStateChange({
+          state: state
+        });
+      },
+      __autocomplete_pluginOptions: options
+    };
   }
-
-  /**
-   * Throws an error if the condition is not met in development mode.
-   * This is used to make development a better experience to provide guidance as
-   * to where the error comes from.
-   */
-  function invariant(condition, message) {
-
-    if (!condition) {
-      throw new Error("[Autocomplete] ".concat(typeof message === 'function' ? message() : message));
-    }
+  function getOptions(options) {
+    return _objectSpread$g({
+      onItemsChange: function onItemsChange(_ref8) {
+        var insights = _ref8.insights,
+          insightsEvents = _ref8.insightsEvents;
+        insights.viewedObjectIDs.apply(insights, _toConsumableArray$5(insightsEvents.map(function (event) {
+          return _objectSpread$g(_objectSpread$g({}, event), {}, {
+            algoliaSource: [].concat(_toConsumableArray$5(event.algoliaSource || []), ['autocomplete-internal'])
+          });
+        })));
+      },
+      onSelect: function onSelect(_ref9) {
+        var insights = _ref9.insights,
+          insightsEvents = _ref9.insightsEvents;
+        insights.clickedObjectIDsAfterSearch.apply(insights, _toConsumableArray$5(insightsEvents.map(function (event) {
+          return _objectSpread$g(_objectSpread$g({}, event), {}, {
+            algoliaSource: [].concat(_toConsumableArray$5(event.algoliaSource || []), ['autocomplete-internal'])
+          });
+        })));
+      },
+      onActive: noop
+    }, options);
   }
-
-  var noop = function noop() {};
-
-  var version = '1.8.2';
-
-  var userAgents$1 = [{
-    segment: 'autocomplete-core',
-    version: version
-  }];
-
-  var warnCache = {
-    current: {}
-  };
-  /**
-   * Logs a warning if the condition is not met.
-   * This is used to log issues in development environment only.
-   */
-
-  function warn(condition, message) {
-
-    if (condition) {
-      return;
-    }
-
-    var sanitizedMessage = message.trim();
-    var hasAlreadyPrinted = warnCache.current[sanitizedMessage];
-
-    if (!hasAlreadyPrinted) {
-      warnCache.current[sanitizedMessage] = true; // eslint-disable-next-line no-console
-
-      console.warn("[Autocomplete] ".concat(sanitizedMessage));
+  function loadInsights(environment) {
+    var errorMessage = "[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";
+    try {
+      var script = environment.document.createElement('script');
+      script.async = true;
+      script.src = ALGOLIA_INSIGHTS_SRC;
+      script.onerror = function () {
+        // eslint-disable-next-line no-console
+        console.error(errorMessage);
+      };
+      document.body.appendChild(script);
+    } catch (cause) {
+      // eslint-disable-next-line no-console
+      console.error(errorMessage);
     }
   }
 
@@ -401,7 +1055,6 @@
         if (onfinally) {
           state.onCancelList.push(onfinally);
         }
-
         return createInternalCancelablePromise(promise.finally(createCallback(onfinally && function () {
           state.onCancelList = [];
           return onfinally();
@@ -420,24 +1073,20 @@
       }
     };
   }
-
   function cancelable(promise) {
     return createInternalCancelablePromise(promise, {
       isCanceled: false,
       onCancelList: []
     });
   }
-
   function createCallback(onResult, state, fallback) {
     if (!onResult) {
       return fallback;
     }
-
     return function callback(arg) {
       if (state.isCanceled) {
         return arg;
       }
-
       return onResult(arg);
     };
   }
@@ -494,7 +1143,6 @@
         if (latestResolvedValue && currentPromiseId < latestResolvedId) {
           return latestResolvedValue;
         }
-
         latestResolvedId = currentPromiseId;
         latestResolvedValue = x;
         return x;
@@ -522,33 +1170,26 @@
     if (!itemCount) {
       return null;
     }
-
     if (moveAmount < 0 && (baseIndex === null || defaultActiveItemId !== null && baseIndex === 0)) {
       return itemCount + moveAmount;
     }
-
     var numericIndex = (baseIndex === null ? -1 : baseIndex) + moveAmount;
-
     if (numericIndex <= -1 || numericIndex >= itemCount) {
       return defaultActiveItemId === null ? null : 0;
     }
-
     return numericIndex;
   }
 
   function ownKeys$f(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$f(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -558,11 +1199,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$f(obj, key, value) {
+    key = _toPropertyKey$f(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -573,37 +1213,48 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
-  function _typeof$1(obj) {
+  function _toPropertyKey$f(arg) {
+    var key = _toPrimitive$f(arg, "string");
+    return _typeof$f(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$f(input, hint) {
+    if (_typeof$f(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$f(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _typeof$f(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
       return typeof obj;
     } : function (obj) {
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof$1(obj);
+    }, _typeof$f(obj);
   }
   function getNormalizedSources(getSources, params) {
     var seenSourceIds = [];
     return Promise.resolve(getSources(params)).then(function (sources) {
       invariant(Array.isArray(sources), function () {
-        return "The `getSources` function must return an array of sources but returned type ".concat(JSON.stringify(_typeof$1(sources)), ":\n\n").concat(JSON.stringify(decycle(sources), null, 2));
+        return "The `getSources` function must return an array of sources but returned type ".concat(JSON.stringify(_typeof$f(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
+      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.
       .filter(function (maybeSource) {
         return Boolean(maybeSource);
       }).map(function (source) {
         invariant(typeof source.sourceId === 'string', 'A source must provide a `sourceId` string.');
-
         if (seenSourceIds.includes(source.sourceId)) {
           throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(source.sourceId), " is not unique."));
         }
-
         seenSourceIds.push(source.sourceId);
         var defaultSource = {
           getItemInputValue: function getItemInputValue(_ref) {
@@ -623,9 +1274,7 @@
         Object.keys(defaultSource).forEach(function (key) {
           defaultSource[key].__default = true;
         });
-
         var normalizedSource = _objectSpread$f(_objectSpread$f({}, defaultSource), source);
-
         return Promise.resolve(normalizedSource);
       }));
     });
@@ -645,17 +1294,18 @@
       var nextValue = previousValue + collectionsCount;
       acc.push(nextValue);
       return acc;
-    }, []); // Based on the accumulated counts, we can infer the index of the suggestion.
+    }, []);
 
+    // Based on the accumulated counts, we can infer the index of the suggestion.
     var collectionIndex = accumulatedCollectionsCount.reduce(function (acc, current) {
       if (current <= state.activeItemId) {
         return acc + 1;
       }
-
       return acc;
     }, 0);
     return state.collections[collectionIndex];
   }
+
   /**
    * Gets the highlighted index relative to a suggestion object (not the absolute
    * highlighted index).
@@ -665,37 +1315,28 @@
    *                      ↑
    *         (absolute: 3, relative: 1)
    */
-
-
   function getRelativeActiveItemId(_ref) {
     var state = _ref.state,
-        collection = _ref.collection;
+      collection = _ref.collection;
     var isOffsetFound = false;
     var counter = 0;
     var previousItemsOffset = 0;
-
     while (isOffsetFound === false) {
       var currentCollection = state.collections[counter];
-
       if (currentCollection === collection) {
         isOffsetFound = true;
         break;
       }
-
       previousItemsOffset += currentCollection.items.length;
       counter++;
     }
-
     return state.activeItemId - previousItemsOffset;
   }
-
   function getActiveItem(state) {
     var collection = getCollectionFromActiveItemId(state);
-
     if (!collection) {
       return null;
     }
-
     var item = collection.items[getRelativeActiveItemId({
       state: state,
       collection: collection
@@ -726,19 +1367,25 @@
     return Boolean(userAgent && userAgent.match(regex));
   }
 
+  function _typeof$e(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$e(obj);
+  }
   function ownKeys$e(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$e(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -748,11 +1395,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$e(obj, key, value) {
+    key = _toPropertyKey$e(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -763,14 +1409,25 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
+  function _toPropertyKey$e(arg) {
+    var key = _toPrimitive$e(arg, "string");
+    return _typeof$e(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$e(input, hint) {
+    if (_typeof$e(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$e(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function mapToAlgoliaResponse(rawResults) {
     var results = rawResults.map(function (result) {
       var _hits;
-
       return _objectSpread$e(_objectSpread$e({}, result), {}, {
         hits: (_hits = result.hits) === null || _hits === void 0 ? void 0 : _hits.map(function (hit) {
           // Bring support for the Insights plugin.
@@ -788,7 +1445,6 @@
       }).filter(Boolean),
       facetHits: results.map(function (result) {
         var _facetHits;
-
         return (_facetHits = result.facetHits) === null || _facetHits === void 0 ? void 0 : _facetHits.map(function (facetHit) {
           // Bring support for the highlighting components.
           return {
@@ -805,19 +1461,25 @@
     };
   }
 
+  function _typeof$d(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$d = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$d(obj);
+  }
   function ownKeys$d(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$d(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -827,11 +1489,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$d(obj, key, value) {
+    key = _toPropertyKey$d(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -842,9 +1503,22 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$d(arg) {
+    var key = _toPrimitive$d(arg, "string");
+    return _typeof$d(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$d(input, hint) {
+    if (_typeof$d(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$d(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function createStore(reducer, props, onStoreStateChange) {
     var state = props.initialState;
     return {
@@ -853,7 +1527,6 @@
       },
       dispatch: function dispatch(action, payload) {
         var prevState = _objectSpread$d({}, state);
-
         state = reducer(state, {
           type: action,
           props: props,
@@ -868,19 +1541,25 @@
     };
   }
 
+  function _typeof$c(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$c(obj);
+  }
   function ownKeys$c(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$c(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -890,11 +1569,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$c(obj, key, value) {
+    key = _toPropertyKey$c(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -905,20 +1583,30 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$c(arg) {
+    var key = _toPrimitive$c(arg, "string");
+    return _typeof$c(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$c(input, hint) {
+    if (_typeof$c(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$c(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   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) {
@@ -934,19 +1622,15 @@
       });
       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,
@@ -957,14 +1641,21 @@
     };
   }
 
+  function _typeof$b(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$b = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$b(obj);
+  }
   function _toConsumableArray$4(arr) {
     return _arrayWithoutHoles$4(arr) || _iterableToArray$4(arr) || _unsupportedIterableToArray$4(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) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray$4(o, minLen);
@@ -973,38 +1664,27 @@
     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);
   }
-
   function _iterableToArray$4(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);
   }
-
   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++) {
-      arr2[i] = arr[i];
-    }
-
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-
   function ownKeys$b(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$b(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -1014,11 +1694,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$b(obj, key, value) {
+    key = _toPropertyKey$b(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1029,17 +1708,27 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$b(arg) {
+    var key = _toPrimitive$b(arg, "string");
+    return _typeof$b(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$b(input, hint) {
+    if (_typeof$b(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$b(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function getDefaultProps(props, pluginSubscribers) {
     var _props$id;
     /* eslint-disable no-restricted-globals */
-
-
     var environment = typeof window !== 'undefined' ? window : {};
     /* eslint-enable no-restricted-globals */
-
     var plugins = props.plugins || [];
     return _objectSpread$b(_objectSpread$b({
       debug: false,
@@ -1048,6 +1737,7 @@
       autoFocus: false,
       defaultActiveItemId: null,
       stallThreshold: 300,
+      insights: false,
       environment: environment,
       shouldPanelOpen: function shouldPanelOpen(_ref) {
         var state = _ref.state;
@@ -1074,31 +1764,25 @@
       }, props.initialState),
       onStateChange: function onStateChange(params) {
         var _props$onStateChange;
-
         (_props$onStateChange = props.onStateChange) === null || _props$onStateChange === void 0 ? void 0 : _props$onStateChange.call(props, params);
         plugins.forEach(function (x) {
           var _x$onStateChange;
-
           return (_x$onStateChange = x.onStateChange) === null || _x$onStateChange === void 0 ? void 0 : _x$onStateChange.call(x, params);
         });
       },
       onSubmit: function onSubmit(params) {
         var _props$onSubmit;
-
         (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 ? void 0 : _props$onSubmit.call(props, params);
         plugins.forEach(function (x) {
           var _x$onSubmit;
-
           return (_x$onSubmit = x.onSubmit) === null || _x$onSubmit === void 0 ? void 0 : _x$onSubmit.call(x, params);
         });
       },
       onReset: function onReset(params) {
         var _props$onReset;
-
         (_props$onReset = props.onReset) === null || _props$onReset === void 0 ? void 0 : _props$onReset.call(props, params);
         plugins.forEach(function (x) {
           var _x$onReset;
-
           return (_x$onReset = x.onReset) === null || _x$onReset === void 0 ? void 0 : _x$onReset.call(x, params);
         });
       },
@@ -1116,7 +1800,6 @@
                 source.onSelect(params);
                 pluginSubscribers.forEach(function (x) {
                   var _x$onSelect;
-
                   return (_x$onSelect = x.onSelect) === null || _x$onSelect === void 0 ? void 0 : _x$onSelect.call(x, params);
                 });
               },
@@ -1124,7 +1807,6 @@
                 source.onActive(params);
                 pluginSubscribers.forEach(function (x) {
                   var _x$onActive;
-
                   return (_x$onActive = x.onActive) === null || _x$onActive === void 0 ? void 0 : _x$onActive.call(x, params);
                 });
               },
@@ -1132,7 +1814,6 @@
                 source.onResolve(params);
                 pluginSubscribers.forEach(function (x) {
                   var _x$onResolve;
-
                   return (_x$onResolve = x.onResolve) === null || _x$onResolve === void 0 ? void 0 : _x$onResolve.call(x, params);
                 });
               }
@@ -1158,19 +1839,25 @@
     });
   }
 
+  function _typeof$a(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$a = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$a(obj);
+  }
   function ownKeys$a(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$a(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -1180,11 +1867,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$a(obj, key, value) {
+    key = _toPropertyKey$a(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1195,15 +1881,28 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$a(arg) {
+    var key = _toPrimitive$a(arg, "string");
+    return _typeof$a(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$a(input, hint) {
+    if (_typeof$a(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$a(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function reshape(_ref) {
     var collections = _ref.collections,
-        props = _ref.props,
-        state = _ref.state; // Sources are grouped by `sourceId` to conveniently pick them via destructuring.
+      props = _ref.props,
+      state = _ref.state;
+    // Sources are grouped by `sourceId` to conveniently pick them via destructuring.
     // Example: `const { recentSearchesPlugin } = sourcesBySourceId`
-
     var originalSourcesBySourceId = collections.reduce(function (acc, collection) {
       return _objectSpread$a(_objectSpread$a({}, acc), {}, _defineProperty$a({}, collection.source.sourceId, _objectSpread$a(_objectSpread$a({}, collection.source), {}, {
         getItems: function getItems() {
@@ -1212,25 +1911,23 @@
         }
       })));
     }, {});
-
     var _props$plugins$reduce = props.plugins.reduce(function (acc, plugin) {
-      if (plugin.reshape) {
-        return plugin.reshape(acc);
-      }
-
-      return acc;
-    }, {
-      sourcesBySourceId: originalSourcesBySourceId,
-      state: state
-    }),
-        sourcesBySourceId = _props$plugins$reduce.sourcesBySourceId;
-
+        if (plugin.reshape) {
+          return plugin.reshape(acc);
+        }
+        return acc;
+      }, {
+        sourcesBySourceId: originalSourcesBySourceId,
+        state: state
+      }),
+      sourcesBySourceId = _props$plugins$reduce.sourcesBySourceId;
     var reshapeSources = props.reshape({
       sourcesBySourceId: sourcesBySourceId,
       sources: Object.values(sourcesBySourceId),
       state: state
-    }); // We reconstruct the collections with the items modified by the `reshape` prop.
+    });
 
+    // We reconstruct the collections with the items modified by the `reshape` prop.
     return flatten(reshapeSources).filter(Boolean).map(function (source) {
       return {
         source: source,
@@ -1239,29 +1936,25 @@
     });
   }
 
-  function _typeof(obj) {
+  function _typeof$9(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$9 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
       return typeof obj;
     } : function (obj) {
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    }, _typeof$9(obj);
   }
-
   function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$9(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -1271,11 +1964,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$9(obj, key, value) {
+    key = _toPropertyKey$9(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1286,18 +1978,28 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
+  function _toPropertyKey$9(arg) {
+    var key = _toPrimitive$9(arg, "string");
+    return _typeof$9(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$9(input, hint) {
+    if (_typeof$9(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$9(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function _toConsumableArray$3(arr) {
     return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$3(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) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray$3(o, minLen);
@@ -1306,38 +2008,27 @@
     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);
   }
-
   function _iterableToArray$3(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);
   }
-
   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++) {
-      arr2[i] = arr[i];
-    }
-
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-
   function isDescription(item) {
     return Boolean(item.execute);
   }
-
   function isRequesterDescription(description) {
     return Boolean(description === null || description === void 0 ? void 0 : description.execute);
   }
-
   function preResolve(itemsOrDescription, sourceId, state) {
     if (isRequesterDescription(itemsOrDescription)) {
       var contextParameters = itemsOrDescription.requesterId === 'algolia' ? Object.assign.apply(Object, [{}].concat(_toConsumableArray$3(Object.keys(state.context).map(function (key) {
         var _state$context$key;
-
         return (_state$context$key = state.context[key]) === null || _state$context$key === void 0 ? void 0 : _state$context$key.__algoliaSearchParameters;
       })))) : {};
       return _objectSpread$9(_objectSpread$9({}, itemsOrDescription), {}, {
@@ -1352,7 +2043,6 @@
         })
       });
     }
-
     return {
       items: itemsOrDescription,
       sourceId: sourceId
@@ -1364,18 +2054,15 @@
         acc.push(current);
         return acc;
       }
-
       var searchClient = current.searchClient,
-          execute = current.execute,
-          requesterId = current.requesterId,
-          requests = current.requests;
+        execute = current.execute,
+        requesterId = current.requesterId,
+        requests = current.requests;
       var container = acc.find(function (item) {
         return isDescription(current) && isDescription(item) && item.searchClient === searchClient && Boolean(requesterId) && item.requesterId === requesterId;
       });
-
       if (container) {
         var _container$items;
-
         (_container$items = container.items).push.apply(_container$items, _toConsumableArray$3(requests));
       } else {
         var request = {
@@ -1386,18 +2073,16 @@
         };
         acc.push(request);
       }
-
       return acc;
     }, []);
     var values = packed.map(function (maybeDescription) {
       if (!isDescription(maybeDescription)) {
         return Promise.resolve(maybeDescription);
       }
-
       var _ref = maybeDescription,
-          execute = _ref.execute,
-          items = _ref.items,
-          searchClient = _ref.searchClient;
+        execute = _ref.execute,
+        items = _ref.items,
+        searchClient = _ref.searchClient;
       return execute({
         searchClient: searchClient,
         requests: items
@@ -1425,7 +2110,7 @@
         state: store.getState()
       });
       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(items)), ":\n\n").concat(JSON.stringify(decycle(items), null, 2), ".\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems");
+        return "The `getItems` function from source \"".concat(source.sourceId, "\" must return an array of items but returned type ").concat(JSON.stringify(_typeof$9(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 {
@@ -1435,21 +2120,26 @@
     });
   }
 
-  var _excluded$7 = ["event", "nextState", "props", "query", "refresh", "store"];
+  function _typeof$8(obj) {
+    "@babel/helpers - typeof";
 
+    return _typeof$8 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$8(obj);
+  }
+  var _excluded$7 = ["event", "nextState", "props", "query", "refresh", "store"];
   function ownKeys$8(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$8(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -1459,11 +2149,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$8(obj, key, value) {
+    key = _toPropertyKey$8(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1474,20 +2163,28 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
+  function _toPropertyKey$8(arg) {
+    var key = _toPrimitive$8(arg, "string");
+    return _typeof$8(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$8(input, hint) {
+    if (_typeof$8(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$8(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function _objectWithoutProperties$3(source, excluded) {
     if (source == null) return {};
-
     var target = _objectWithoutPropertiesLoose$3(source, excluded);
-
     var key, i;
-
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
       for (i = 0; i < sourceSymbolKeys.length; i++) {
         key = sourceSymbolKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
@@ -1495,51 +2192,43 @@
         target[key] = source[key];
       }
     }
-
     return target;
   }
-
   function _objectWithoutPropertiesLoose$3(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
-
     for (i = 0; i < sourceKeys.length; i++) {
       key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
       target[key] = source[key];
     }
-
     return target;
   }
   var lastStalledId = null;
   var runConcurrentSafePromise = createConcurrentSafePromise();
   function onInput(_ref) {
     var event = _ref.event,
-        _ref$nextState = _ref.nextState,
-        nextState = _ref$nextState === void 0 ? {} : _ref$nextState,
-        props = _ref.props,
-        query = _ref.query,
-        refresh = _ref.refresh,
-        store = _ref.store,
-        setters = _objectWithoutProperties$3(_ref, _excluded$7);
-
+      _ref$nextState = _ref.nextState,
+      nextState = _ref$nextState === void 0 ? {} : _ref$nextState,
+      props = _ref.props,
+      query = _ref.query,
+      refresh = _ref.refresh,
+      store = _ref.store,
+      setters = _objectWithoutProperties$3(_ref, _excluded$7);
     if (lastStalledId) {
       props.environment.clearTimeout(lastStalledId);
     }
-
     var setCollections = setters.setCollections,
-        setIsOpen = setters.setIsOpen,
-        setQuery = setters.setQuery,
-        setActiveItemId = setters.setActiveItemId,
-        setStatus = setters.setStatus;
+      setIsOpen = setters.setIsOpen,
+      setQuery = setters.setQuery,
+      setActiveItemId = setters.setActiveItemId,
+      setStatus = setters.setStatus;
     setQuery(query);
     setActiveItemId(props.defaultActiveItemId);
-
     if (!query && props.openOnFocus === false) {
       var _nextState$isOpen;
-
       var collections = store.getState().collections.map(function (collection) {
         return _objectSpread$8(_objectSpread$8({}, collection), {}, {
           items: []
@@ -1549,28 +2238,28 @@
       setCollections(collections);
       setIsOpen((_nextState$isOpen = nextState.isOpen) !== null && _nextState$isOpen !== void 0 ? _nextState$isOpen : props.shouldPanelOpen({
         state: store.getState()
-      })); // We make sure to update the latest resolved value of the tracked
+      }));
+
+      // We make sure to update the latest resolved value of the tracked
       // promises to keep late resolving promises from "cancelling" the state
       // updates performed in this code path.
       // We chain with a void promise to respect `onInput`'s expected return type.
-
       var _request = cancelable(runConcurrentSafePromise(collections).then(function () {
         return Promise.resolve();
       }));
-
       return store.pendingRequests.add(_request);
     }
-
     setStatus('loading');
     lastStalledId = props.environment.setTimeout(function () {
       setStatus('stalled');
-    }, props.stallThreshold); // We track the entire promise chain triggered by `onInput` before mutating
+    }, props.stallThreshold);
+
+    // We track the entire promise chain triggered by `onInput` before mutating
     // the Autocomplete state to make sure that any state manipulation is based on
     // fresh data regardless of when promises individually resolve.
     // We don't track nested promises and only rely on the full chain resolution,
     // meaning we should only ever manipulate the state once this concurrent-safe
     // promise is resolved.
-
     var request = cancelable(runConcurrentSafePromise(props.getSources(_objectSpread$8({
       query: query,
       refresh: refresh,
@@ -1594,12 +2283,12 @@
         });
       });
     }))).then(function (collections) {
-      var _nextState$isOpen2; // Parameters passed to `onInput` could be stale when the following code
+      var _nextState$isOpen2;
+      // Parameters passed to `onInput` could be stale when the following code
       // executes, because `onInput` calls may not resolve in order.
       // If it becomes a problem we'll need to save the last passed parameters.
       // See: https://codesandbox.io/s/agitated-cookies-y290z
 
-
       setStatus('idle');
       setCollections(collections);
       var isPanelOpen = props.shouldPanelOpen({
@@ -1607,12 +2296,11 @@
       });
       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;
+          itemInputValue = highlightedItem.itemInputValue,
+          itemUrl = highlightedItem.itemUrl,
+          source = highlightedItem.source;
         source.onActive(_objectSpread$8({
           event: event,
           item: item,
@@ -1625,7 +2313,6 @@
       }
     }).finally(function () {
       setStatus('idle');
-
       if (lastStalledId) {
         props.environment.clearTimeout(lastStalledId);
       }
@@ -1633,21 +2320,26 @@
     return store.pendingRequests.add(request);
   }
 
-  var _excluded$6 = ["event", "props", "refresh", "store"];
+  function _typeof$7(obj) {
+    "@babel/helpers - typeof";
 
+    return _typeof$7 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$7(obj);
+  }
+  var _excluded$6 = ["event", "props", "refresh", "store"];
   function ownKeys$7(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$7(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -1657,11 +2349,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$7(obj, key, value) {
+    key = _toPropertyKey$7(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1672,20 +2363,28 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
+  function _toPropertyKey$7(arg) {
+    var key = _toPrimitive$7(arg, "string");
+    return _typeof$7(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$7(input, hint) {
+    if (_typeof$7(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$7(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function _objectWithoutProperties$2(source, excluded) {
     if (source == null) return {};
-
     var target = _objectWithoutPropertiesLoose$2(source, excluded);
-
     var key, i;
-
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
       for (i = 0; i < sourceSymbolKeys.length; i++) {
         key = sourceSymbolKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
@@ -1693,36 +2392,30 @@
         target[key] = source[key];
       }
     }
-
     return target;
   }
-
   function _objectWithoutPropertiesLoose$2(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
-
     for (i = 0; i < sourceKeys.length; i++) {
       key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
       target[key] = source[key];
     }
-
     return target;
   }
   function onKeyDown(_ref) {
     var event = _ref.event,
-        props = _ref.props,
-        refresh = _ref.refresh,
-        store = _ref.store,
-        setters = _objectWithoutProperties$2(_ref, _excluded$6);
-
+      props = _ref.props,
+      refresh = _ref.refresh,
+      store = _ref.store,
+      setters = _objectWithoutProperties$2(_ref, _excluded$6);
     if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
       // eslint-disable-next-line no-inner-declarations
       var triggerScrollIntoView = function triggerScrollIntoView() {
         var nodeItem = props.environment.document.getElementById("".concat(props.id, "-item-").concat(store.getState().activeItemId));
-
         if (nodeItem) {
           if (nodeItem.scrollIntoViewIfNeeded) {
             nodeItem.scrollIntoViewIfNeeded(false);
@@ -1731,16 +2424,13 @@
           }
         }
       }; // eslint-disable-next-line no-inner-declarations
-
-
       var triggerOnActive = function triggerOnActive() {
         var highlightedItem = getActiveItem(store.getState());
-
         if (store.getState().activeItemId !== null && highlightedItem) {
           var item = highlightedItem.item,
-              itemInputValue = highlightedItem.itemInputValue,
-              itemUrl = highlightedItem.itemUrl,
-              source = highlightedItem.source;
+            itemInputValue = highlightedItem.itemInputValue,
+            itemUrl = highlightedItem.itemUrl,
+            source = highlightedItem.source;
           source.onActive(_objectSpread$7({
             event: event,
             item: item,
@@ -1753,11 +2443,10 @@
         }
       }; // Default browser behavior changes the caret placement on ArrowUp and
       // ArrowDown.
+      event.preventDefault();
 
-
-      event.preventDefault(); // When re-opening the panel, we need to split the logic to keep the actions
+      // When re-opening the panel, we need to split the logic to keep the actions
       // synchronized as `onInput` returns a promise.
-
       if (store.getState().isOpen === false && (props.openOnFocus || Boolean(store.getState().query))) {
         onInput(_objectSpread$7({
           event: event,
@@ -1769,10 +2458,10 @@
           store.dispatch(event.key, {
             nextActiveItemId: props.defaultActiveItemId
           });
-          triggerOnActive(); // Since we rely on the DOM, we need to wait for all the micro tasks to
+          triggerOnActive();
+          // Since we rely on the DOM, we need to wait for all the micro tasks to
           // finish (which include re-opening the panel) to make sure all the
           // elements are available.
-
           setTimeout(triggerScrollIntoView, 0);
         });
       } else {
@@ -1785,18 +2474,20 @@
       // from removing the query right away because we first want to close the
       // panel.
       event.preventDefault();
-      store.dispatch(event.key, null); // Hitting the `Escape` key signals the end of a user interaction with the
+      store.dispatch(event.key, null);
+
+      // Hitting the `Escape` key signals the end of a user interaction with the
       // autocomplete. At this point, we should ignore any requests that are still
       // pending and could reopen the panel once they resolve, because that would
       // result in an unsolicited UI behavior.
-
       store.pendingRequests.cancelAll();
     } else if (event.key === 'Tab') {
-      store.dispatch('blur', null); // Hitting the `Escape` key signals the end of a user interaction with the
+      store.dispatch('blur', null);
+
+      // Hitting the `Escape` key signals the end of a user interaction with the
       // autocomplete. At this point, we should ignore any requests that are still
       // pending and could reopen the panel once they resolve, because that would
       // result in an unsolicited UI behavior.
-
       store.pendingRequests.cancelAll();
     } else if (event.key === 'Enter') {
       // No active item, so we let the browser handle the native `onSubmit` form
@@ -1811,20 +2502,17 @@
         if (!props.debug) {
           store.pendingRequests.cancelAll();
         }
-
         return;
-      } // This prevents the `onSubmit` event to be sent because an item is
-      // highlighted.
-
+      }
 
+      // This prevents the `onSubmit` event to be sent because an item is
+      // highlighted.
       event.preventDefault();
-
       var _ref2 = getActiveItem(store.getState()),
-          item = _ref2.item,
-          itemInputValue = _ref2.itemInputValue,
-          itemUrl = _ref2.itemUrl,
-          source = _ref2.source;
-
+        item = _ref2.item,
+        itemInputValue = _ref2.itemInputValue,
+        itemUrl = _ref2.itemUrl,
+        source = _ref2.source;
       if (event.metaKey || event.ctrlKey) {
         if (itemUrl !== undefined) {
           source.onSelect(_objectSpread$7({
@@ -1877,7 +2565,6 @@
           });
           return;
         }
-
         onInput(_objectSpread$7({
           event: event,
           nextState: {
@@ -1902,27 +2589,32 @@
     }
   }
 
-  var _excluded$5 = ["props", "refresh", "store"],
-      _excluded2 = ["inputElement", "formElement", "panelElement"],
-      _excluded3 = ["inputElement"],
-      _excluded4 = ["inputElement", "maxLength"],
-      _excluded5 = ["sourceIndex"],
-      _excluded6 = ["sourceIndex"],
-      _excluded7 = ["item", "source", "sourceIndex"];
+  function _typeof$6(obj) {
+    "@babel/helpers - typeof";
 
+    return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$6(obj);
+  }
+  var _excluded$5 = ["props", "refresh", "store"],
+    _excluded2 = ["inputElement", "formElement", "panelElement"],
+    _excluded3 = ["inputElement"],
+    _excluded4 = ["inputElement", "maxLength"],
+    _excluded5 = ["sourceIndex"],
+    _excluded6 = ["sourceIndex"],
+    _excluded7 = ["item", "source", "sourceIndex"];
   function ownKeys$6(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$6(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -1932,11 +2624,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$6(obj, key, value) {
+    key = _toPropertyKey$6(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -1947,20 +2638,28 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
+  function _toPropertyKey$6(arg) {
+    var key = _toPrimitive$6(arg, "string");
+    return _typeof$6(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$6(input, hint) {
+    if (_typeof$6(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$6(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function _objectWithoutProperties$1(source, excluded) {
     if (source == null) return {};
-
     var target = _objectWithoutPropertiesLoose$1(source, excluded);
-
     var key, i;
-
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
       for (i = 0; i < sourceSymbolKeys.length; i++) {
         key = sourceSymbolKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
@@ -1968,36 +2667,30 @@
         target[key] = source[key];
       }
     }
-
     return target;
   }
-
   function _objectWithoutPropertiesLoose$1(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
-
     for (i = 0; i < sourceKeys.length; i++) {
       key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
       target[key] = source[key];
     }
-
     return target;
   }
   function getPropGetters(_ref) {
     var props = _ref.props,
-        refresh = _ref.refresh,
-        store = _ref.store,
-        setters = _objectWithoutProperties$1(_ref, _excluded$5);
-
+      refresh = _ref.refresh,
+      store = _ref.store,
+      setters = _objectWithoutProperties$1(_ref, _excluded$5);
     var getEnvironmentProps = function getEnvironmentProps(providedProps) {
       var inputElement = providedProps.inputElement,
-          formElement = providedProps.formElement,
-          panelElement = providedProps.panelElement,
-          rest = _objectWithoutProperties$1(providedProps, _excluded2);
-
+        formElement = providedProps.formElement,
+        panelElement = providedProps.panelElement,
+        rest = _objectWithoutProperties$1(providedProps, _excluded2);
       function onMouseDownOrTouchStart(event) {
         // The `onTouchStart`/`onMouseDown` events shouldn't trigger the `blur`
         // handler when it's not an interaction with Autocomplete.
@@ -2006,29 +2699,27 @@
         //   (no interaction with the autocomplete, no future state updates)
         // - OR the touched target is the input element (should open the panel)
         var isAutocompleteInteraction = store.getState().isOpen || !store.pendingRequests.isEmpty();
-
         if (!isAutocompleteInteraction || event.target === inputElement) {
           return;
-        } // @TODO: support cases where there are multiple Autocomplete instances.
-        // Right now, a second instance makes this computation return false.
-
+        }
 
+        // @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);
         });
-
         if (isTargetWithinAutocomplete === false) {
-          store.dispatch('blur', null); // If requests are still pending when the user closes the panel, they
+          store.dispatch('blur', null);
+
+          // If requests are still pending when the user closes the panel, they
           // could reopen the panel once they resolve.
           // We want to prevent any subsequent query from reopening the panel
           // because it would result in an unsolicited UI behavior.
-
           if (!props.debug) {
             store.pendingRequests.cancelAll();
           }
         }
       }
-
       return _objectSpread$6({
         // We do not rely on the native `blur` event of the input to close the
         // panel, but rather on a custom `touchstart`/`mousedown` event outside
@@ -2049,12 +2740,10 @@
           if (store.getState().isOpen === false || inputElement !== props.environment.document.activeElement || event.target === inputElement) {
             return;
           }
-
           inputElement.blur();
         }
       }, rest);
     };
-
     var getRootProps = function getRootProps(rest) {
       return _objectSpread$6({
         role: 'combobox',
@@ -2064,18 +2753,15 @@
         'aria-labelledby': "".concat(props.id, "-label")
       }, rest);
     };
-
     var getFormProps = function getFormProps(providedProps) {
       providedProps.inputElement;
-          var rest = _objectWithoutProperties$1(providedProps, _excluded3);
-
+        var rest = _objectWithoutProperties$1(providedProps, _excluded3);
       return _objectSpread$6({
         action: '',
         noValidate: true,
         role: 'search',
         onSubmit: function onSubmit(event) {
           var _providedProps$inputE;
-
           event.preventDefault();
           props.onSubmit(_objectSpread$6({
             event: event,
@@ -2087,7 +2773,6 @@
         },
         onReset: function onReset(event) {
           var _providedProps$inputE2;
-
           event.preventDefault();
           props.onReset(_objectSpread$6({
             event: event,
@@ -2099,10 +2784,8 @@
         }
       }, rest);
     };
-
     var getInputProps = function getInputProps(providedProps) {
       var _props$environment$na;
-
       function onFocus(event) {
         // We want to trigger a query when `openOnFocus` is true
         // because the panel should open with the current query.
@@ -2115,16 +2798,13 @@
             store: store
           }, setters));
         }
-
         store.dispatch('focus', null);
       }
-
       var _ref2 = providedProps || {};
-          _ref2.inputElement;
-          var _ref2$maxLength = _ref2.maxLength,
-          maxLength = _ref2$maxLength === void 0 ? 512 : _ref2$maxLength,
-          rest = _objectWithoutProperties$1(_ref2, _excluded4);
-
+        _ref2.inputElement;
+        var _ref2$maxLength = _ref2.maxLength,
+        maxLength = _ref2$maxLength === void 0 ? 512 : _ref2$maxLength,
+        rest = _objectWithoutProperties$1(_ref2, _excluded4);
       var activeItem = getActiveItem(store.getState());
       var userAgent = ((_props$environment$na = props.environment.navigator) === null || _props$environment$na === void 0 ? void 0 : _props$environment$na.userAgent) || '';
       var shouldFallbackKeyHint = isSamsung(userAgent);
@@ -2181,34 +2861,28 @@
         }
       }, rest);
     };
-
     var getAutocompleteId = function getAutocompleteId(instanceId, sourceId) {
       return typeof sourceId !== 'undefined' ? "".concat(instanceId, "-").concat(sourceId) : instanceId;
     };
-
     var getLabelProps = function getLabelProps(providedProps) {
       var _ref3 = providedProps || {},
-          sourceIndex = _ref3.sourceIndex,
-          rest = _objectWithoutProperties$1(_ref3, _excluded5);
-
+        sourceIndex = _ref3.sourceIndex,
+        rest = _objectWithoutProperties$1(_ref3, _excluded5);
       return _objectSpread$6({
         htmlFor: "".concat(getAutocompleteId(props.id, sourceIndex), "-input"),
         id: "".concat(getAutocompleteId(props.id, sourceIndex), "-label")
       }, rest);
     };
-
     var getListProps = function getListProps(providedProps) {
       var _ref4 = providedProps || {},
-          sourceIndex = _ref4.sourceIndex,
-          rest = _objectWithoutProperties$1(_ref4, _excluded6);
-
+        sourceIndex = _ref4.sourceIndex,
+        rest = _objectWithoutProperties$1(_ref4, _excluded6);
       return _objectSpread$6({
         role: 'listbox',
         'aria-labelledby': "".concat(getAutocompleteId(props.id, sourceIndex), "-label"),
         id: "".concat(getAutocompleteId(props.id, sourceIndex), "-list")
       }, rest);
     };
-
     var getPanelProps = function getPanelProps(rest) {
       return _objectSpread$6({
         onMouseDown: function onMouseDown(event) {
@@ -2222,13 +2896,11 @@
         }
       }, rest);
     };
-
     var getItemProps = function getItemProps(providedProps) {
       var item = providedProps.item,
-          source = providedProps.source,
-          sourceIndex = providedProps.sourceIndex,
-          rest = _objectWithoutProperties$1(providedProps, _excluded7);
-
+        source = providedProps.source,
+        sourceIndex = providedProps.sourceIndex,
+        rest = _objectWithoutProperties$1(providedProps, _excluded7);
       return _objectSpread$6({
         id: "".concat(getAutocompleteId(props.id, sourceIndex), "-item-").concat(item.__autocomplete_id),
         role: 'option',
@@ -2237,16 +2909,13 @@
           if (item.__autocomplete_id === store.getState().activeItemId) {
             return;
           }
-
           store.dispatch('mousemove', item.__autocomplete_id);
           var activeItem = getActiveItem(store.getState());
-
           if (store.getState().activeItemId !== null && activeItem) {
             var _item = activeItem.item,
-                itemInputValue = activeItem.itemInputValue,
-                itemUrl = activeItem.itemUrl,
-                _source = activeItem.source;
-
+              itemInputValue = activeItem.itemInputValue,
+              itemUrl = activeItem.itemUrl,
+              _source = activeItem.source;
             _source.onActive(_objectSpread$6({
               event: event,
               item: _item,
@@ -2271,12 +2940,13 @@
           var itemUrl = source.getItemUrl({
             item: item,
             state: store.getState()
-          }); // If `getItemUrl` is provided, it means that the suggestion
+          });
+
+          // If `getItemUrl` is provided, it means that the suggestion
           // is a link, not plain text that aims at updating the query.
           // We can therefore skip the state change because it will update
           // the `activeItemId`, resulting in a UI flash, especially
           // noticeable on mobile.
-
           var runPreCommand = itemUrl ? Promise.resolve() : onInput(_objectSpread$6({
             event: event,
             nextState: {
@@ -2301,7 +2971,6 @@
         }
       }, rest);
     };
-
     return {
       getEnvironmentProps: getEnvironmentProps,
       getRootProps: getRootProps,
@@ -2314,19 +2983,25 @@
     };
   }
 
+  function _typeof$5(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$5(obj);
+  }
   function ownKeys$5(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$5(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -2336,11 +3011,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$5(obj, key, value) {
+    key = _toPropertyKey$5(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -2351,14 +3025,26 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$5(arg) {
+    var key = _toPrimitive$5(arg, "string");
+    return _typeof$5(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$5(input, hint) {
+    if (_typeof$5(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$5(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function getMetadata(_ref) {
     var _, _options$__autocomple, _options$__autocomple2, _options$__autocomple3;
-
     var plugins = _ref.plugins,
-        options = _ref.options;
+      options = _ref.options;
     var optionsKey = (_ = (((_options$__autocomple = options.__autocomplete_metadata) === null || _options$__autocomple === void 0 ? void 0 : _options$__autocomple.userAgents) || [])[0]) === null || _ === void 0 ? void 0 : _.segment;
     var extraOptions = optionsKey ? _defineProperty$5({}, optionsKey, Object.keys(((_options$__autocomple2 = options.__autocomplete_metadata) === null || _options$__autocomple2 === void 0 ? void 0 : _options$__autocomple2.options) || {})) : {};
     return {
@@ -2376,11 +3062,9 @@
   }
   function injectMetadata(_ref3) {
     var _environment$navigato, _environment$navigato2;
-
     var metadata = _ref3.metadata,
-        environment = _ref3.environment;
+      environment = _ref3.environment;
     var isMetadataEnabled = (_environment$navigato = environment.navigator) === null || _environment$navigato === void 0 ? void 0 : (_environment$navigato2 = _environment$navigato.userAgent) === null || _environment$navigato2 === void 0 ? void 0 : _environment$navigato2.includes('Algolia Crawler');
-
     if (isMetadataEnabled) {
       var metadataContainer = environment.document.createElement('meta');
       var headRef = environment.document.querySelector('head');
@@ -2394,29 +3078,32 @@
 
   function getCompletion(_ref) {
     var _getActiveItem;
-
     var state = _ref.state;
-
     if (state.isOpen === false || state.activeItemId === null) {
       return null;
     }
-
     return ((_getActiveItem = getActiveItem(state)) === null || _getActiveItem === void 0 ? void 0 : _getActiveItem.itemInputValue) || null;
   }
 
+  function _typeof$4(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$4(obj);
+  }
   function ownKeys$4(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$4(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -2426,11 +3113,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$4(obj, key, value) {
+    key = _toPropertyKey$4(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -2441,9 +3127,22 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$4(arg) {
+    var key = _toPrimitive$4(arg, "string");
+    return _typeof$4(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$4(input, hint) {
+    if (_typeof$4(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$4(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   var stateReducer = function stateReducer(state, action) {
     switch (action.type) {
       case 'setActiveItemId':
@@ -2452,7 +3151,6 @@
             activeItemId: action.payload
           });
         }
-
       case 'setQuery':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
@@ -2460,61 +3158,52 @@
             completion: null
           });
         }
-
       case 'setCollections':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             collections: action.payload
           });
         }
-
       case 'setIsOpen':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             isOpen: action.payload
           });
         }
-
       case 'setStatus':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             status: action.payload
           });
         }
-
       case 'setContext':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             context: _objectSpread$4(_objectSpread$4({}, state.context), action.payload)
           });
         }
-
       case 'ArrowDown':
         {
           var nextState = _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.payload.hasOwnProperty('nextActiveItemId') ? action.payload.nextActiveItemId : getNextActiveItemId(1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)
           });
-
           return _objectSpread$4(_objectSpread$4({}, nextState), {}, {
             completion: getCompletion({
               state: nextState
             })
           });
         }
-
       case 'ArrowUp':
         {
           var _nextState = _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: getNextActiveItemId(-1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)
           });
-
           return _objectSpread$4(_objectSpread$4({}, _nextState), {}, {
             completion: getCompletion({
               state: _nextState
             })
           });
         }
-
       case 'Escape':
         {
           if (state.isOpen) {
@@ -2524,7 +3213,6 @@
               completion: null
             });
           }
-
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: null,
             query: '',
@@ -2532,7 +3220,6 @@
             collections: []
           });
         }
-
       case 'submit':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
@@ -2541,12 +3228,13 @@
             status: 'idle'
           });
         }
-
       case 'reset':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
-            activeItemId: // Since we open the panel on reset when openOnFocus=true
+            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
             // we lose track of the highlighted index. (Query-suggestions use-case)
             action.props.openOnFocus === true ? action.props.defaultActiveItemId : null,
@@ -2554,7 +3242,6 @@
             query: ''
           });
         }
-
       case 'focus':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
@@ -2564,52 +3251,53 @@
             })
           });
         }
-
       case 'blur':
         {
           if (action.props.debug) {
             return state;
           }
-
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             isOpen: false,
             activeItemId: null
           });
         }
-
       case 'mousemove':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.payload
           });
         }
-
       case 'mouseleave':
         {
           return _objectSpread$4(_objectSpread$4({}, state), {}, {
             activeItemId: action.props.defaultActiveItemId
           });
         }
-
       default:
         invariant(false, "The reducer action ".concat(JSON.stringify(action.type), " is not supported."));
         return state;
     }
   };
 
+  function _typeof$3(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$3(obj);
+  }
   function ownKeys$3(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$3(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -2619,11 +3307,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$3(obj, key, value) {
+    key = _toPropertyKey$3(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -2634,9 +3321,22 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$3(arg) {
+    var key = _toPrimitive$3(arg, "string");
+    return _typeof$3(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$3(input, hint) {
+    if (_typeof$3(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$3(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function createAutocomplete(options) {
     checkOptions(options);
     var subscribers = [];
@@ -2651,10 +3351,9 @@
       store: store,
       navigator: props.navigator
     }, setters));
-
     function onStoreStateChange(_ref) {
       var prevState = _ref.prevState,
-          state = _ref.state;
+        state = _ref.state;
       props.onStateChange(_objectSpread$3({
         prevState: prevState,
         state: state,
@@ -2662,7 +3361,6 @@
         navigator: props.navigator
       }, setters));
     }
-
     function refresh() {
       return onInput(_objectSpread$3({
         event: new Event('input'),
@@ -2676,10 +3374,14 @@
         store: store
       }, setters));
     }
-
+    if (options.insights && !props.plugins.some(function (plugin) {
+      return plugin.name === 'aa.algoliaInsightsPlugin';
+    })) {
+      var insightsParams = typeof options.insights === 'boolean' ? {} : options.insights;
+      props.plugins.push(createAlgoliaInsightsPlugin(insightsParams));
+    }
     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$3(_objectSpread$3({}, setters), {}, {
         navigator: props.navigator,
         refresh: refresh,
@@ -2735,7 +3437,6 @@
       invariant(element !== null, "The element ".concat(JSON.stringify(value), " is not in the document."));
       return element;
     }
-
     return value;
   }
 
@@ -2743,12 +3444,10 @@
     for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
       values[_key] = arguments[_key];
     }
-
     return values.reduce(function (acc, current) {
       Object.keys(current).forEach(function (key) {
         var accValue = acc[key];
         var currentValue = current[key];
-
         if (accValue !== currentValue) {
           acc[key] = [accValue, currentValue].filter(Boolean).join(' ');
         }
@@ -2758,21 +3457,18 @@
   }
 
   var isPlainObject = function isPlainObject(value) {
-    return value && _typeof$3(value) === 'object' && Object.prototype.toString.call(value) === '[object Object]';
+    return value && _typeof$j(value) === 'object' && Object.prototype.toString.call(value) === '[object Object]';
   };
-
   function mergeDeep() {
     for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
       values[_key] = arguments[_key];
     }
-
     return values.reduce(function (acc, current) {
       Object.keys(current).forEach(function (key) {
         var accValue = acc[key];
         var currentValue = current[key];
-
         if (Array.isArray(accValue) && Array.isArray(currentValue)) {
-          acc[key] = accValue.concat.apply(accValue, _toConsumableArray$5(currentValue));
+          acc[key] = accValue.concat.apply(accValue, _toConsumableArray$7(currentValue));
         } else if (isPlainObject(accValue) && isPlainObject(currentValue)) {
           acc[key] = mergeDeep(accValue, currentValue);
         } else {
@@ -2785,17 +3481,15 @@
 
   function pickBy(obj, predicate) {
     return Object.entries(obj).reduce(function (acc, _ref) {
-      var _ref2 = _slicedToArray$1(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
-
+      var _ref2 = _slicedToArray$2(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
       if (predicate({
         key: key,
         value: value
       })) {
-        return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$g({}, key, value));
+        return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$i({}, key, value));
       }
-
       return acc;
     }, {});
   }
@@ -2808,6 +3502,7 @@
    * See https://w3c.github.io/touch-events/#extensions-to-the-globaleventhandlers-mixin
    */
   var TOUCH_EVENTS_ALIASES = ['ontouchstart', 'ontouchend', 'ontouchmove', 'ontouchcancel'];
+
   /*
    * Taken from Preact
    *
@@ -2823,24 +3518,21 @@
       style[key] = value + 'px';
     }
   }
+
   /**
    * Proxy an event to hooked event handlers
    */
-
-
   function eventProxy(event) {
     this._listeners[event.type](event);
   }
+
   /**
    * Set a property value on a DOM node
    */
-
-
   function setProperty(dom, name, value) {
     var useCapture;
     var nameLower;
     var oldValue = dom[name];
-
     if (name === 'style') {
       if (typeof value == 'string') {
         dom.style = value;
@@ -2855,7 +3547,8 @@
           }
         }
       }
-    } // Benchmark for comparison: https://esbench.com/bench/574c954bdb965b9a00965ac6
+    }
+    // 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();
@@ -2863,18 +3556,19 @@
       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
+    } 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.
+      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
@@ -2887,17 +3581,14 @@
       }
     }
   }
-
   function getNormalizedName(name) {
     switch (name) {
       case 'onChange':
         return 'onInput';
-
       default:
         return name;
     }
   }
-
   function setProperties(dom, props) {
     for (var name in props) {
       setProperty(dom, getNormalizedName(name), props[name]);
@@ -2915,12 +3606,11 @@
   function getCreateDomElement(environment) {
     return function createDomElement(tagName, _ref) {
       var _ref$children = _ref.children,
-          children = _ref$children === void 0 ? [] : _ref$children,
-          props = _objectWithoutProperties$4(_ref, _excluded$4);
-
+        children = _ref$children === void 0 ? [] : _ref$children,
+        props = _objectWithoutProperties$5(_ref, _excluded$4);
       var element = environment.document.createElement(tagName);
       setProperties(element, props);
-      element.append.apply(element, _toConsumableArray$5(children));
+      element.append.apply(element, _toConsumableArray$7(children));
       return element;
     };
   }
@@ -2928,14 +3618,13 @@
   var _excluded$3 = ["autocompleteScopeApi", "environment", "classNames", "getInputProps", "getInputPropsCore", "isDetached", "state"];
   var Input = function Input(_ref) {
     var autocompleteScopeApi = _ref.autocompleteScopeApi,
-        environment = _ref.environment;
-        _ref.classNames;
-        var getInputProps = _ref.getInputProps,
-        getInputPropsCore = _ref.getInputPropsCore,
-        isDetached = _ref.isDetached,
-        state = _ref.state,
-        props = _objectWithoutProperties$4(_ref, _excluded$3);
-
+      environment = _ref.environment;
+      _ref.classNames;
+      var getInputProps = _ref.getInputProps,
+      getInputPropsCore = _ref.getInputPropsCore,
+      isDetached = _ref.isDetached,
+      state = _ref.state,
+      props = _objectWithoutProperties$5(_ref, _excluded$3);
     var createDomElement = getCreateDomElement(environment);
     var element = createDomElement('input', props);
     var inputProps = getInputProps(_objectSpread2({
@@ -2951,7 +3640,6 @@
         if (isDetached && event.key === 'Tab') {
           return;
         }
-
         inputProps.onKeyDown(event);
       }
     }));
@@ -2985,16 +3673,16 @@
 
   function createAutocompleteDom(_ref) {
     var autocomplete = _ref.autocomplete,
-        autocompleteScopeApi = _ref.autocompleteScopeApi,
-        classNames = _ref.classNames,
-        environment = _ref.environment,
-        isDetached = _ref.isDetached,
-        _ref$placeholder = _ref.placeholder,
-        placeholder = _ref$placeholder === void 0 ? 'Search' : _ref$placeholder,
-        propGetters = _ref.propGetters,
-        setIsModalOpen = _ref.setIsModalOpen,
-        state = _ref.state,
-        translations = _ref.translations;
+      autocompleteScopeApi = _ref.autocompleteScopeApi,
+      classNames = _ref.classNames,
+      environment = _ref.environment,
+      isDetached = _ref.isDetached,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? 'Search' : _ref$placeholder,
+      propGetters = _ref.propGetters,
+      setIsModalOpen = _ref.setIsModalOpen,
+      state = _ref.state,
+      translations = _ref.translations;
     var createDomElement = getCreateDomElement(environment);
     var rootProps = propGetters.getRootProps(_objectSpread2({
       state: state,
@@ -3085,13 +3773,20 @@
     var panel = createDomElement('div', _objectSpread2({
       class: classNames.panel
     }, panelProps));
-
+    var detachedSearchButtonQuery = createDomElement('div', {
+      class: classNames.detachedSearchButtonQuery,
+      textContent: state.query
+    });
+    var detachedSearchButtonPlaceholder = createDomElement('div', {
+      class: classNames.detachedSearchButtonPlaceholder,
+      hidden: Boolean(state.query),
+      textContent: placeholder
+    });
     if ("development" === 'test') {
       setProperties(panel, {
         'data-testid': 'panel'
       });
     }
-
     if (isDetached) {
       var detachedSearchButtonIcon = createDomElement('div', {
         class: classNames.detachedSearchButtonIcon,
@@ -3099,17 +3794,13 @@
           environment: environment
         })]
       });
-      var detachedSearchButtonPlaceholder = createDomElement('div', {
-        class: classNames.detachedSearchButtonPlaceholder,
-        textContent: placeholder
-      });
       var detachedSearchButton = createDomElement('button', {
         type: 'button',
         class: classNames.detachedSearchButton,
         onClick: function onClick() {
           setIsModalOpen(true);
         },
-        children: [detachedSearchButtonIcon, detachedSearchButtonPlaceholder]
+        children: [detachedSearchButtonIcon, detachedSearchButtonPlaceholder, detachedSearchButtonQuery]
       });
       var detachedCancelButton = createDomElement('button', {
         type: 'button',
@@ -3134,10 +3825,11 @@
     } else {
       root.appendChild(form);
     }
-
     return {
       detachedContainer: detachedContainer,
       detachedOverlay: detachedOverlay,
+      detachedSearchButtonQuery: detachedSearchButtonQuery,
+      detachedSearchButtonPlaceholder: detachedSearchButtonPlaceholder,
       inputWrapper: inputWrapper,
       input: input,
       root: root,
@@ -3153,13 +3845,11 @@
   function createEffectWrapper() {
     var effects = [];
     var cleanups = [];
-
     function runEffect(fn) {
       effects.push(fn);
       var effectCleanup = fn();
       cleanups.push(effectCleanup);
     }
-
     return {
       runEffect: runEffect,
       cleanupEffects: function cleanupEffects() {
@@ -3189,15 +3879,12 @@
           _ref: {
             current: current
           },
-
           get value() {
             return this._ref.current;
           },
-
           set value(value) {
             this._ref.current = value;
           }
-
         };
         reactives.push(reactive);
         return reactive;
@@ -3210,7 +3897,7 @@
     };
   }
 
-  var n,l,u,t,r,o,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n);}function v(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return y(l,f,t,r,null)}function y(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u:o};return null==o&&null!=l.vnode&&l.vnode(f),f}function d(n){return n.children}function _(n,l){this.props=n,this.context=l;}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k(n):null}function b(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(g);}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,r,o;n.__d&&(r=(t=(l=n).__v).__e,(o=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(o,t,i,l.__n,void 0!==o.ownerSVGElement,null!=t.__h?[r]:null,u,null==r?k(t):r,t.__h),z(u,t),t.__e!=r&&b(t)));});}function w(n,l,u,i,t,r,o,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j(n,_,p=p||e,t,r,o,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x(_,s,n):s=P(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M(g[h],g[++h],g[++h]);}function x(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?x(i,l,u):P(u,i,i,t,i.__e,l));return l}function P(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else {for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function C(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||H(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||H(n,r,l[r],u[r],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px";}function H(n,l,u,i,t){var r;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?T:I,r):n.removeEventListener(l,r?T:I,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l.event?l.event(n):n);}function T(n){this.l[n.type+!0](l.event?l.event(n):n);}function j(n,u,i,t,r,o,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a(a({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w(n,Array.isArray(A)?A:[A],u,i,t,r,o,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,r,o,f,c);(s=l.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l.__e(n,u,i);}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L(l,u,i,t,r,o,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(o=o&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C(l,p,y,r,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&k(i,0),c),null!=o)for(_=o.length;_--;)null!=o[_]&&h(o[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==y.value||_!==l.value||"progress"===d&&!_)&&H(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H(l,"checked",_,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,r;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&N(t[r],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function S(u,i,t){var r,o,f;l.__&&l.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!r&&t||i).__k=v(d,null,[u]),o||e,e,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),z(f,u);}n=c.slice,l={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l;}throw n}},u=0,_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},u),this.props)),n&&a(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this));},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},_.prototype.render=d,t=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g.__r=0;
+  var n,l,u,t,r,o,f,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function h(n,l){for(var u in l)n[u]=l[u];return n}function v(n){var l=n.parentNode;l&&l.removeChild(n);}function y(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 p(l,f,t,r,null)}function p(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 _(n){return n.children}function k(n,l){this.props=n,this.context=l;}function b(n,l){if(null==l)return n.__?b(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?b(n):null}function g(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 g(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!w.__r++||r!==l.debounceRendering)&&((r=l.debounceRendering)||o)(w);}function w(){var n,l,u,i,r,o,e,c;for(t.sort(f);n=t.shift();)n.__d&&(l=t.length,i=void 0,r=void 0,e=(o=(u=n).__v).__e,(c=u.__P)&&(i=[],(r=h({},o)).__v=o.__v+1,L(c,o,r,u.__n,void 0!==c.ownerSVGElement,null!=o.__h?[e]:null,i,null==e?b(o):e,o.__h),M(i,o),o.__e!=e&&g(o)),t.length>l&&t.sort(f));w.__r=0;}function x(n,l,u,i,t,r,o,f,e,a){var h,v,y,d,k,g,m,w=i&&i.__k||s,x=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(d=u.__k[h]=null==(d=l[h])||"boolean"==typeof d||"function"==typeof d?null:"string"==typeof d||"number"==typeof d||"bigint"==typeof d?p(null,d,null,null,d):Array.isArray(d)?p(_,{children:d},null,null,null):d.__b>0?p(d.type,d.props,d.key,d.ref?d.ref:null,d.__v):d)){if(d.__=u,d.__b=u.__b+1,null===(y=w[h])||y&&d.key==y.key&&d.type===y.type)w[h]=void 0;else for(v=0;v<x;v++){if((y=w[v])&&d.key==y.key&&d.type===y.type){w[v]=void 0;break}y=null;}L(n,d,y=y||c,t,r,o,f,e,a),k=d.__e,(v=d.ref)&&y.ref!=v&&(m||(m=[]),y.ref&&m.push(y.ref,null,d),m.push(v,d.__c||k,d)),null!=k?(null==g&&(g=k),"function"==typeof d.type&&d.__k===y.__k?d.__d=e=A(d,e,n):e=C(n,d,y,w,k,e),"function"==typeof u.type&&(u.__d=e)):e&&y.__e==e&&e.parentNode!=n&&(e=b(y));}for(u.__e=g,h=x;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=$(i).nextSibling),S(w[h],w[h]));if(m)for(h=0;h<m.length;h++)O(m[h],m[++h],m[++h]);}function A(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?A(i,l,u):C(u,i,i,t,i.__e,l));return l}function C(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+=1)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function $(n){var l,u,i;if(null==n.type||"string"==typeof n.type)return n.__e;if(n.__k)for(l=n.__k.length-1;l>=0;l--)if((u=n.__k[l])&&(i=$(u)))return i;return null}function H(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||T(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]||T(n,r,l[r],u[r],i);}function I(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a.test(l)?u:u+"px";}function T(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||I(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||I(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?z:j,r):n.removeEventListener(l,r?z:j,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"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&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function j(n){return this.l[n.type+!1](l.event?l.event(n):n)}function z(n){return this.l[n.type+!0](l.event?l.event(n):n)}function L(n,u,i,t,r,o,f,e,c){var s,a,v,y,p,d,b,g,m,w,A,P,C,$,H,I=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 I){if(g=u.props,m=(s=I.contextType)&&t[s.__c],w=s?m?m.props.value:s.__:t,i.__c?b=(a=u.__c=i.__c).__=a.__E:("prototype"in I&&I.prototype.render?u.__c=a=new I(g,w):(u.__c=a=new k(g,w),a.constructor=I,a.render=q),m&&m.sub(a),a.props=g,a.state||(a.state={}),a.context=w,a.__n=t,v=a.__d=!0,a.__h=[],a._sb=[]),null==a.__s&&(a.__s=a.state),null!=I.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=h({},a.__s)),h(a.__s,I.getDerivedStateFromProps(g,a.__s))),y=a.props,p=a.state,a.__v=u,v)null==I.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else {if(null==I.getDerivedStateFromProps&&g!==y&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(g,w),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(g,a.__s,w)||u.__v===i.__v){for(u.__v!==i.__v&&(a.props=g,a.state=a.__s,a.__d=!1),a.__e=!1,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),A=0;A<a._sb.length;A++)a.__h.push(a._sb[A]);a._sb=[],a.__h.length&&f.push(a);break n}null!=a.componentWillUpdate&&a.componentWillUpdate(g,a.__s,w),null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(y,p,d);});}if(a.context=w,a.props=g,a.__P=n,P=l.__r,C=0,"prototype"in I&&I.prototype.render){for(a.state=a.__s,a.__d=!1,P&&P(u),s=a.render(a.props,a.state,a.context),$=0;$<a._sb.length;$++)a.__h.push(a._sb[$]);a._sb=[];}else do{a.__d=!1,P&&P(u),s=a.render(a.props,a.state,a.context),a.state=a.__s;}while(a.__d&&++C<25);a.state=a.__s,null!=a.getChildContext&&(t=h(h({},t),a.getChildContext())),v||null==a.getSnapshotBeforeUpdate||(d=a.getSnapshotBeforeUpdate(y,p)),H=null!=s&&s.type===_&&null==s.key?s.props.children:s,x(n,Array.isArray(H)?H:[H],u,i,t,r,o,f,e,c),a.base=u.__e,u.__h=null,a.__h.length&&f.push(a),b&&(a.__E=a.__=null),a.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=N(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 M(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 N(l,u,i,t,r,o,f,e){var s,a,h,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,e=!1;}if(null===d)y===p||e&&l.data===p||(l.data=p);else {if(o=o&&n.call(l.childNodes),a=(y=i.props||c).dangerouslySetInnerHTML,h=p.dangerouslySetInnerHTML,!e){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(h||a)&&(h&&(a&&h.__html==a.__html||h.__html===l.innerHTML)||(l.innerHTML=h&&h.__html||""));}if(H(l,p,y,r,e),h)u.__k=[];else if(_=u.props.children,x(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&b(i,0),e),null!=o)for(_=o.length;_--;)null!=o[_]&&v(o[_]);e||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&T(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&T(l,"checked",_,y.checked,!1));}return l}function O(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function S(n,u,i){var t,r;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||O(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&S(t[r],u,i||"function"!=typeof n.type);i||null==n.__e||v(n.__e),n.__=n.__e=n.__d=void 0;}function q(n,l,u){return this.constructor(n,u)}function B(u,i,t){var r,o,f;l.__&&l.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],L(i,u=(!r&&t||i).__k=y(_,null,[u]),o||c,c,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),M(f,u);}n=s.slice,l={__e:function(n,l,u,i){for(var t,r,o;l=l.__;)if((t=l.__c)&&!t.__)try{if((r=t.constructor)&&null!=r.getDerivedStateFromError&&(t.setState(r.getDerivedStateFromError(n)),o=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),o=t.__d),o)return t.__E=t}catch(l){n=l;}throw n}},u=0,k.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h({},this.state),"function"==typeof n&&(n=n(h({},u),this.props)),n&&h(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),m(this));},k.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},k.prototype.render=_,t=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,l){return n.__v.__b-l.__v.__b},w.__r=0;
 
   var HIGHLIGHT_PRE_TAG = '__aa-highlight__';
   var HIGHLIGHT_POST_TAG = '__/aa-highlight__';
@@ -3219,7 +3906,6 @@
    * Creates a data structure that allows to concatenate similar highlighting
    * parts in a single value.
    */
-
   function createAttributeSet() {
     var initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var value = initialValue;
@@ -3229,7 +3915,6 @@
       },
       add: function add(part) {
         var lastPart = value[value.length - 1];
-
         if ((lastPart === null || lastPart === void 0 ? void 0 : lastPart.isHighlighted) === part.isHighlighted) {
           value[value.length - 1] = {
             value: lastPart.value + part.value,
@@ -3241,7 +3926,6 @@
       }
     };
   }
-
   function parseAttribute(_ref) {
     var highlightedValue = _ref.highlightedValue;
     var preTagParts = highlightedValue.split(HIGHLIGHT_PRE_TAG);
@@ -3256,7 +3940,6 @@
         value: postTagParts[0],
         isHighlighted: true
       });
-
       if (postTagParts[1] !== '') {
         parts.add({
           value: postTagParts[1],
@@ -3270,11 +3953,9 @@
   function _toConsumableArray$2(arr) {
     return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(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) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
@@ -3283,35 +3964,26 @@
     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);
   }
-
   function _iterableToArray$2(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);
   }
-
   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++) {
-      arr2[i] = arr[i];
-    }
-
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
   function parseAlgoliaHitHighlight(_ref) {
     var hit = _ref.hit,
-        attribute = _ref.attribute;
+      attribute = _ref.attribute;
     var path = Array.isArray(attribute) ? attribute : [attribute];
     var highlightedValue = getAttributeValueByPath(hit, ['_highlightResult'].concat(_toConsumableArray$2(path), ['value']));
-
     if (typeof highlightedValue !== 'string') {
       "development" !== 'production' ? warn(false, "The attribute \"".concat(path.join('.'), "\" described by the path ").concat(JSON.stringify(path), " does not exist on the hit. Did you set it in `attributesToHighlight`?") + '\nSee https://www.algolia.com/doc/api-reference/api-parameters/attributesToHighlight/') : void 0 ;
       highlightedValue = getAttributeValueByPath(hit, path) || '';
     }
-
     return parseAttribute({
       highlightedValue: highlightedValue
     });
@@ -3327,40 +3999,41 @@
   var hasAlphanumeric = new RegExp(/\w/i);
   var regexEscapedHtml = /&(amp|quot|lt|gt|#39);/g;
   var regexHasEscapedHtml = RegExp(regexEscapedHtml.source);
-
   function unescape(value) {
     return value && regexHasEscapedHtml.test(value) ? value.replace(regexEscapedHtml, function (character) {
       return htmlEscapes[character];
     }) : value;
   }
-
   function isPartHighlighted(parts, i) {
     var _parts, _parts2;
-
     var current = parts[i];
     var isNextHighlighted = ((_parts = parts[i + 1]) === null || _parts === void 0 ? void 0 : _parts.isHighlighted) || true;
     var isPreviousHighlighted = ((_parts2 = parts[i - 1]) === null || _parts2 === void 0 ? void 0 : _parts2.isHighlighted) || true;
-
     if (!hasAlphanumeric.test(unescape(current.value)) && isPreviousHighlighted === isNextHighlighted) {
       return isPreviousHighlighted;
     }
-
     return current.isHighlighted;
   }
 
+  function _typeof$2(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$2(obj);
+  }
   function ownKeys$2(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -3370,11 +4043,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$2(obj, key, value) {
+    key = _toPropertyKey$2(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3385,9 +4057,22 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
+  function _toPropertyKey$2(arg) {
+    var key = _toPrimitive$2(arg, "string");
+    return _typeof$2(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$2(input, hint) {
+    if (_typeof$2(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$2(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function reverseHighlightedParts(parts) {
     // We don't want to highlight the whole word when no parts match.
     if (!parts.some(function (part) {
@@ -3399,7 +4084,6 @@
         });
       });
     }
-
     return parts.map(function (part, i) {
       return _objectSpread$2(_objectSpread$2({}, part), {}, {
         isHighlighted: !isPartHighlighted(parts, i)
@@ -3414,11 +4098,9 @@
   function _toConsumableArray$1(arr) {
     return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(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) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
@@ -3427,35 +4109,26 @@
     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 _iterableToArray$1(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);
   }
-
   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];
-    }
-
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
   function parseAlgoliaHitSnippet(_ref) {
     var hit = _ref.hit,
-        attribute = _ref.attribute;
+      attribute = _ref.attribute;
     var path = Array.isArray(attribute) ? attribute : [attribute];
     var highlightedValue = getAttributeValueByPath(hit, ['_snippetResult'].concat(_toConsumableArray$1(path), ['value']));
-
     if (typeof highlightedValue !== 'string') {
       "development" !== 'production' ? warn(false, "The attribute \"".concat(path.join('.'), "\" described by the path ").concat(JSON.stringify(path), " does not exist on the hit. Did you set it in `attributesToSnippet`?") + '\nSee https://www.algolia.com/doc/api-reference/api-parameters/attributesToSnippet/') : void 0 ;
       highlightedValue = getAttributeValueByPath(hit, path) || '';
     }
-
     return parseAttribute({
       highlightedValue: highlightedValue
     });
@@ -3465,19 +4138,25 @@
     return reverseHighlightedParts(parseAlgoliaHitSnippet(props));
   }
 
+  function _typeof$1(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$1(obj);
+  }
   function ownKeys$1(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread$1(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -3487,11 +4166,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty$1(obj, key, value) {
+    key = _toPropertyKey$1(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3502,10 +4180,22 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
+  function _toPropertyKey$1(arg) {
+    var key = _toPrimitive$1(arg, "string");
+    return _typeof$1(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive$1(input, hint) {
+    if (_typeof$1(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof$1(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function createRequester(fetcher, requesterId) {
     function execute(fetcherParams) {
       return fetcher({
@@ -3516,8 +4206,8 @@
       }).then(function (responses) {
         return responses.map(function (response, index) {
           var _fetcherParams$reques = fetcherParams.requests[index],
-              sourceId = _fetcherParams$reques.sourceId,
-              transformResponse = _fetcherParams$reques.transformResponse;
+            sourceId = _fetcherParams$reques.sourceId,
+            transformResponse = _fetcherParams$reques.transformResponse;
           return {
             items: response,
             sourceId: sourceId,
@@ -3526,7 +4216,6 @@
         });
       });
     }
-
     return function createSpecifiedRequester(requesterParams) {
       return function requester(requestParams) {
         return _objectSpread$1(_objectSpread$1({
@@ -3537,21 +4226,40 @@
     };
   }
 
-  var _excluded$2 = ["params"];
+  function getAppIdAndApiKey(searchClient) {
+    var _searchClient$transpo = searchClient.transporter,
+      headers = _searchClient$transpo.headers,
+      queryParameters = _searchClient$transpo.queryParameters;
+    var APP_ID = 'x-algolia-application-id';
+    var API_KEY = 'x-algolia-api-key';
+    var appId = headers[APP_ID] || queryParameters[APP_ID];
+    var apiKey = headers[API_KEY] || queryParameters[API_KEY];
+    return {
+      appId: appId,
+      apiKey: apiKey
+    };
+  }
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
 
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+  var _excluded$2 = ["params"];
   function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -3561,11 +4269,10 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -3576,20 +4283,28 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
   function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
-
     var target = _objectWithoutPropertiesLoose(source, excluded);
-
     var key, i;
-
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
       for (i = 0; i < sourceSymbolKeys.length; i++) {
         key = sourceSymbolKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
@@ -3597,33 +4312,26 @@
         target[key] = source[key];
       }
     }
-
     return target;
   }
-
   function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
-
     for (i = 0; i < sourceKeys.length; i++) {
       key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
       target[key] = source[key];
     }
-
     return target;
   }
-
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
-
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
   function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -3632,43 +4340,36 @@
     if (n === "Map" || n === "Set") return Array.from(o);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
-
   function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
-
   function _arrayLikeToArray(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];
-    }
-
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
   function fetchAlgoliaResults(_ref) {
     var searchClient = _ref.searchClient,
-        queries = _ref.queries,
-        _ref$userAgents = _ref.userAgents,
-        userAgents = _ref$userAgents === void 0 ? [] : _ref$userAgents;
-
+      queries = _ref.queries,
+      _ref$userAgents = _ref.userAgents,
+      userAgents = _ref$userAgents === void 0 ? [] : _ref$userAgents;
     if (typeof searchClient.addAlgoliaAgent === 'function') {
       var algoliaAgents = [].concat(_toConsumableArray(userAgents$1), _toConsumableArray(userAgents));
       algoliaAgents.forEach(function (_ref2) {
         var segment = _ref2.segment,
-            version = _ref2.version;
+          version = _ref2.version;
         searchClient.addAlgoliaAgent(segment, version);
       });
     }
-
+    var _getAppIdAndApiKey = getAppIdAndApiKey(searchClient),
+      appId = _getAppIdAndApiKey.appId,
+      apiKey = _getAppIdAndApiKey.apiKey;
     return searchClient.search(queries.map(function (searchParameters) {
       var params = searchParameters.params,
-          headers = _objectWithoutProperties(searchParameters, _excluded$2);
-
+        headers = _objectWithoutProperties(searchParameters, _excluded$2);
       return _objectSpread(_objectSpread({}, headers), {}, {
         params: _objectSpread({
           hitsPerPage: 5,
@@ -3677,19 +4378,30 @@
         }, params)
       });
     })).then(function (response) {
-      return response.results;
+      return response.results.map(function (result) {
+        var _result$hits;
+        return _objectSpread(_objectSpread({}, result), {}, {
+          hits: (_result$hits = result.hits) === null || _result$hits === void 0 ? void 0 : _result$hits.map(function (hit) {
+            return _objectSpread(_objectSpread({}, hit), {}, {
+              __autocomplete_algoliaCredentials: {
+                appId: appId,
+                apiKey: apiKey
+              }
+            });
+          })
+        });
+      });
     });
   }
 
   function createHighlightComponent(_ref) {
     var createElement = _ref.createElement,
-        Fragment = _ref.Fragment;
-
+      Fragment = _ref.Fragment;
     function Highlight(_ref2) {
       var hit = _ref2.hit,
-          attribute = _ref2.attribute,
-          _ref2$tagName = _ref2.tagName,
-          tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
+        attribute = _ref2.attribute,
+        _ref2$tagName = _ref2.tagName,
+        tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
       return createElement(Fragment, {}, parseAlgoliaHitHighlight({
         hit: hit,
         attribute: attribute
@@ -3699,20 +4411,18 @@
         }, x.value) : x.value;
       }));
     }
-
     Highlight.__autocomplete_componentName = 'Highlight';
     return Highlight;
   }
 
   function createReverseHighlightComponent(_ref) {
     var createElement = _ref.createElement,
-        Fragment = _ref.Fragment;
-
+      Fragment = _ref.Fragment;
     function ReverseHighlight(_ref2) {
       var hit = _ref2.hit,
-          attribute = _ref2.attribute,
-          _ref2$tagName = _ref2.tagName,
-          tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
+        attribute = _ref2.attribute,
+        _ref2$tagName = _ref2.tagName,
+        tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
       return createElement(Fragment, {}, parseAlgoliaHitReverseHighlight({
         hit: hit,
         attribute: attribute
@@ -3722,20 +4432,18 @@
         }, x.value) : x.value;
       }));
     }
-
     ReverseHighlight.__autocomplete_componentName = 'ReverseHighlight';
     return ReverseHighlight;
   }
 
   function createReverseSnippetComponent(_ref) {
     var createElement = _ref.createElement,
-        Fragment = _ref.Fragment;
-
+      Fragment = _ref.Fragment;
     function ReverseSnippet(_ref2) {
       var hit = _ref2.hit,
-          attribute = _ref2.attribute,
-          _ref2$tagName = _ref2.tagName,
-          tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
+        attribute = _ref2.attribute,
+        _ref2$tagName = _ref2.tagName,
+        tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
       return createElement(Fragment, {}, parseAlgoliaHitReverseSnippet({
         hit: hit,
         attribute: attribute
@@ -3745,20 +4453,18 @@
         }, x.value) : x.value;
       }));
     }
-
     ReverseSnippet.__autocomplete_componentName = 'ReverseSnippet';
     return ReverseSnippet;
   }
 
   function createSnippetComponent(_ref) {
     var createElement = _ref.createElement,
-        Fragment = _ref.Fragment;
-
+      Fragment = _ref.Fragment;
     function Snippet(_ref2) {
       var hit = _ref2.hit,
-          attribute = _ref2.attribute,
-          _ref2$tagName = _ref2.tagName,
-          tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
+        attribute = _ref2.attribute,
+        _ref2$tagName = _ref2.tagName,
+        tagName = _ref2$tagName === void 0 ? 'mark' : _ref2$tagName;
       return createElement(Fragment, {}, parseAlgoliaHitSnippet({
         hit: hit,
         attribute: attribute
@@ -3768,7 +4474,6 @@
         }, x.value) : x.value;
       }));
     }
-
     Snippet.__autocomplete_componentName = 'Snippet';
     return Snippet;
   }
@@ -3783,6 +4488,7 @@
     detachedSearchButton: 'aa-DetachedSearchButton',
     detachedSearchButtonIcon: 'aa-DetachedSearchButtonIcon',
     detachedSearchButtonPlaceholder: 'aa-DetachedSearchButtonPlaceholder',
+    detachedSearchButtonQuery: 'aa-DetachedSearchButtonQuery',
     form: 'aa-Form',
     input: 'aa-Input',
     inputWrapper: 'aa-InputWrapper',
@@ -3801,53 +4507,46 @@
     sourceNoResults: 'aa-SourceNoResults',
     submitButton: 'aa-SubmitButton'
   };
-
   var defaultRender = function defaultRender(_ref, root) {
     var children = _ref.children,
-        render = _ref.render;
+      render = _ref.render;
     render(children, root);
   };
-
   var defaultRenderer = {
-    createElement: v,
-    Fragment: d,
-    render: S
+    createElement: y,
+    Fragment: _,
+    render: B
   };
   function getDefaultOptions(options) {
     var _core$id;
-
     var classNames = options.classNames,
-        container = options.container,
-        getEnvironmentProps = options.getEnvironmentProps,
-        getFormProps = options.getFormProps,
-        getInputProps = options.getInputProps,
-        getItemProps = options.getItemProps,
-        getLabelProps = options.getLabelProps,
-        getListProps = options.getListProps,
-        getPanelProps = options.getPanelProps,
-        getRootProps = options.getRootProps,
-        panelContainer = options.panelContainer,
-        panelPlacement = options.panelPlacement,
-        render = options.render,
-        renderNoResults = options.renderNoResults,
-        renderer = options.renderer,
-        detachedMediaQuery = options.detachedMediaQuery,
-        components = options.components,
-        translations = options.translations,
-        core = _objectWithoutProperties$4(options, _excluded$1);
-    /* eslint-disable no-restricted-globals */
-
+      container = options.container,
+      getEnvironmentProps = options.getEnvironmentProps,
+      getFormProps = options.getFormProps,
+      getInputProps = options.getInputProps,
+      getItemProps = options.getItemProps,
+      getLabelProps = options.getLabelProps,
+      getListProps = options.getListProps,
+      getPanelProps = options.getPanelProps,
+      getRootProps = options.getRootProps,
+      panelContainer = options.panelContainer,
+      panelPlacement = options.panelPlacement,
+      render = options.render,
+      renderNoResults = options.renderNoResults,
+      renderer = options.renderer,
+      detachedMediaQuery = options.detachedMediaQuery,
+      components = options.components,
+      translations = options.translations,
+      core = _objectWithoutProperties$5(options, _excluded$1);
 
+    /* eslint-disable no-restricted-globals */
     var environment = typeof window !== 'undefined' ? window : {};
     /* eslint-enable no-restricted-globals */
-
     var containerElement = getHTMLElement(environment, container);
     invariant(containerElement.tagName !== 'INPUT', 'The `container` option does not support `input` elements. You need to change the container to a `div`.');
     "development" !== 'production' ? warn(!(render && renderer && !(renderer !== null && renderer !== void 0 && renderer.render)), "You provided the `render` option but did not provide a `renderer.render`. Since v1.6.0, you can provide a `render` function directly in `renderer`." + "\nTo get rid of this warning, do any of the following depending on your use case." + "\n- If you are using the `render` option only to override Autocomplete's default `render` function, pass the `render` function into `renderer` and remove the `render` option." + '\n- If you are using the `render` option to customize the layout, pass your `render` function into `renderer` and use it from the provided parameters of the `render` option.' + '\n- If you are using the `render` option to work with React 18, pass an empty `render` function into `renderer`.' + '\nSee https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-js/autocomplete/#param-render') : void 0;
     "development" !== 'production' ? warn(!renderer || render || renderer.Fragment && renderer.createElement && renderer.render, "You provided an incomplete `renderer` (missing: ".concat([!(renderer !== null && renderer !== void 0 && renderer.createElement) && '`renderer.createElement`', !(renderer !== null && renderer !== void 0 && renderer.Fragment) && '`renderer.Fragment`', !(renderer !== null && renderer !== void 0 && renderer.render) && '`renderer.render`'].filter(Boolean).join(', '), "). This can cause rendering issues.") + '\nSee https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-js/autocomplete/#param-renderer') : void 0;
-
     var defaultedRenderer = _objectSpread2(_objectSpread2({}, defaultRenderer), renderer);
-
     var defaultComponents = {
       Highlight: createHighlightComponent(defaultedRenderer),
       ReverseHighlight: createReverseHighlightComponent(defaultedRenderer),
@@ -3913,15 +4612,14 @@
 
   function getPanelPlacementStyle(_ref) {
     var panelPlacement = _ref.panelPlacement,
-        container = _ref.container,
-        form = _ref.form,
-        environment = _ref.environment;
-    var containerRect = container.getBoundingClientRect(); // Some browsers have specificities to retrieve the document scroll position.
+      container = _ref.container,
+      form = _ref.form,
+      environment = _ref.environment;
+    var containerRect = container.getBoundingClientRect();
+    // Some browsers have specificities to retrieve the document scroll position.
     // See https://stackoverflow.com/a/28633515/9940315
-
     var scrollTop = environment.pageYOffset || environment.document.documentElement.scrollTop || environment.document.body.scrollTop || 0;
     var top = scrollTop + containerRect.top + containerRect.height;
-
     switch (panelPlacement) {
       case 'start':
         {
@@ -3930,7 +4628,6 @@
             left: containerRect.left
           };
         }
-
       case 'end':
         {
           return {
@@ -3938,7 +4635,6 @@
             right: environment.document.documentElement.clientWidth - (containerRect.left + containerRect.width)
           };
         }
-
       case 'full-width':
         {
           return {
@@ -3949,7 +4645,6 @@
             maxWidth: 'unset'
           };
         }
-
       case 'input-wrapper-width':
         {
           var formRect = form.getBoundingClientRect();
@@ -3961,7 +4656,6 @@
             maxWidth: 'unset'
           };
         }
-
       default:
         {
           throw new Error("[Autocomplete] The `panelPlacement` value ".concat(JSON.stringify(panelPlacement), " is not valid."));
@@ -3971,10 +4665,10 @@
 
   function renderSearchBox(_ref) {
     var autocomplete = _ref.autocomplete,
-        autocompleteScopeApi = _ref.autocompleteScopeApi,
-        dom = _ref.dom,
-        propGetters = _ref.propGetters,
-        state = _ref.state;
+      autocompleteScopeApi = _ref.autocompleteScopeApi,
+      dom = _ref.dom,
+      propGetters = _ref.propGetters,
+      state = _ref.state;
     setPropertiesWithoutEvents(dom.root, propGetters.getRootProps(_objectSpread2({
       state: state,
       props: autocomplete.getRootProps({})
@@ -3995,41 +4689,44 @@
     setProperties(dom.clearButton, {
       hidden: !state.query
     });
+    setProperties(dom.detachedSearchButtonQuery, {
+      textContent: state.query
+    });
+    setProperties(dom.detachedSearchButtonPlaceholder, {
+      hidden: Boolean(state.query)
+    });
   }
   function renderPanel(render, _ref2) {
     var autocomplete = _ref2.autocomplete,
-        autocompleteScopeApi = _ref2.autocompleteScopeApi,
-        classNames = _ref2.classNames,
-        html = _ref2.html,
-        dom = _ref2.dom,
-        panelContainer = _ref2.panelContainer,
-        propGetters = _ref2.propGetters,
-        state = _ref2.state,
-        components = _ref2.components,
-        renderer = _ref2.renderer;
-
+      autocompleteScopeApi = _ref2.autocompleteScopeApi,
+      classNames = _ref2.classNames,
+      html = _ref2.html,
+      dom = _ref2.dom,
+      panelContainer = _ref2.panelContainer,
+      propGetters = _ref2.propGetters,
+      state = _ref2.state,
+      components = _ref2.components,
+      renderer = _ref2.renderer;
     if (!state.isOpen) {
       if (panelContainer.contains(dom.panel)) {
         panelContainer.removeChild(dom.panel);
       }
-
       return;
-    } // We add the panel element to the DOM when it's not yet appended and that the
-    // items are fetched.
-
+    }
 
+    // We add the panel element to the DOM when it's not yet appended and that the
+    // items are fetched.
     if (!panelContainer.contains(dom.panel) && state.status !== 'loading') {
       panelContainer.appendChild(dom.panel);
     }
-
     dom.panel.classList.toggle('aa-Panel--stalled', state.status === 'stalled');
     var sections = state.collections.filter(function (_ref3) {
       var source = _ref3.source,
-          items = _ref3.items;
+        items = _ref3.items;
       return source.templates.noResults || items.length > 0;
     }).map(function (_ref4, sourceIndex) {
       var source = _ref4.source,
-          items = _ref4.items;
+        items = _ref4.items;
       return renderer.createElement("section", {
         key: sourceIndex,
         className: classNames.source,
@@ -4118,16 +4815,15 @@
   }];
 
   var _excluded = ["components"];
+  var instancesCount = 0;
   function autocomplete(options) {
     var _createEffectWrapper = createEffectWrapper(),
-        runEffect = _createEffectWrapper.runEffect,
-        cleanupEffects = _createEffectWrapper.cleanupEffects,
-        runEffects = _createEffectWrapper.runEffects;
-
+      runEffect = _createEffectWrapper.runEffect,
+      cleanupEffects = _createEffectWrapper.cleanupEffects,
+      runEffects = _createEffectWrapper.runEffects;
     var _createReactiveWrappe = createReactiveWrapper(),
-        reactive = _createReactiveWrappe.reactive,
-        runReactives = _createReactiveWrappe.runReactives;
-
+      reactive = _createReactiveWrappe.reactive,
+      runReactives = _createReactiveWrappe.runReactives;
     var hasNoResultsSourceTemplateRef = createRef(false);
     var optionsRef = createRef(options);
     var onStateChangeRef = createRef(undefined);
@@ -4141,7 +4837,6 @@
       return createAutocomplete(_objectSpread2(_objectSpread2({}, props.value.core), {}, {
         onStateChange: function onStateChange(params) {
           var _onStateChangeRef$cur, _props$value$core$onS, _props$value$core;
-
           hasNoResultsSourceTemplateRef.current = params.state.collections.some(function (collection) {
             return collection.source.templates.noResults;
           });
@@ -4150,17 +4845,13 @@
         },
         shouldPanelOpen: optionsRef.current.shouldPanelOpen || function (_ref) {
           var state = _ref.state;
-
           if (isDetached.value) {
             return true;
           }
-
           var hasItems = getItemsCount(state) > 0;
-
           if (!props.value.core.openOnFocus && !state.query) {
             return hasItems;
           }
-
           var hasNoResultsTemplate = Boolean(hasNoResultsSourceTemplateRef.current || props.value.renderer.renderNoResults);
           return !hasItems && hasNoResultsTemplate || hasItems;
         },
@@ -4216,7 +4907,6 @@
         translations: props.value.renderer.translations
       });
     });
-
     function setPanelPosition() {
       setProperties(dom.value.panel, {
         style: isDetached.value ? {} : getPanelPlacementStyle({
@@ -4227,7 +4917,6 @@
         })
       });
     }
-
     function scheduleRender(state) {
       lastStateRef.current = state;
       var renderProps = {
@@ -4247,7 +4936,6 @@
       renderSearchBox(renderProps);
       renderPanel(render, renderProps);
     }
-
     runEffect(function () {
       var environmentProps = autocomplete.value.getEnvironmentProps({
         formElement: dom.value.form,
@@ -4257,18 +4945,16 @@
       setProperties(props.value.core.environment, environmentProps);
       return function () {
         setProperties(props.value.core.environment, Object.keys(environmentProps).reduce(function (acc, key) {
-          return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$g({}, key, undefined));
+          return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$i({}, key, undefined));
         }, {}));
       };
     });
     runEffect(function () {
       var panelContainerElement = isDetached.value ? props.value.core.environment.document.body : props.value.renderer.panelContainer;
       var panelElement = isDetached.value ? dom.value.detachedOverlay : dom.value.panel;
-
       if (isDetached.value && lastStateRef.current.isOpen) {
         setIsModalOpen(true);
       }
-
       scheduleRender(lastStateRef.current);
       return function () {
         if (panelContainerElement.contains(panelElement)) {
@@ -4288,25 +4974,23 @@
         var state = _ref2.state;
         scheduleRender(state);
       }, 0);
-
       onStateChangeRef.current = function (_ref3) {
         var state = _ref3.state,
-            prevState = _ref3.prevState;
-
+          prevState = _ref3.prevState;
         if (isDetached.value && prevState.isOpen !== state.isOpen) {
           setIsModalOpen(state.isOpen);
-        } // The outer DOM might have changed since the last time the panel was
+        }
+
+        // The outer DOM might have changed since the last time the panel was
         // positioned. The layout might have shifted vertically for instance.
         // It's therefore safer to re-calculate the panel position before opening
         // it again.
-
-
         if (!isDetached.value && state.isOpen && !prevState.isOpen) {
           setPanelPosition();
-        } // We scroll to the top of the panel whenever the query changes (i.e. new
-        // results come in) so that users don't have to.
-
+        }
 
+        // We scroll to the top of the panel whenever the query changes (i.e. new
+        // results come in) so that users don't have to.
         if (state.query !== prevState.query) {
           var scrollablePanels = props.value.core.environment.document.querySelectorAll('.aa-Panel--scrollable');
           scrollablePanels.forEach(function (scrollablePanel) {
@@ -4315,12 +4999,10 @@
             }
           });
         }
-
         debouncedRender({
           state: state
         });
       };
-
       return function () {
         onStateChangeRef.current = undefined;
       };
@@ -4329,7 +5011,6 @@
       var onResize = debounce(function () {
         var previousIsDetached = isDetached.value;
         isDetached.value = props.value.core.environment.matchMedia(props.value.renderer.detachedMediaQuery).matches;
-
         if (previousIsDetached !== isDetached.value) {
           update({});
         } else {
@@ -4345,20 +5026,18 @@
       if (!isDetached.value) {
         return function () {};
       }
-
       function toggleModalClassname(isActive) {
         dom.value.detachedContainer.classList.toggle('aa-DetachedContainer--modal', isActive);
       }
-
       function onChange(event) {
         toggleModalClassname(event.matches);
       }
-
       var isModalDetachedMql = props.value.core.environment.matchMedia(getComputedStyle(props.value.core.environment.document.documentElement).getPropertyValue('--aa-detached-modal-media-query'));
-      toggleModalClassname(isModalDetachedMql.matches); // Prior to Safari 14, `MediaQueryList` isn't based on `EventTarget`,
+      toggleModalClassname(isModalDetachedMql.matches);
+
+      // Prior to Safari 14, `MediaQueryList` isn't based on `EventTarget`,
       // so we must use `addListener` and `removeListener` to observe media query lists.
       // See https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener
-
       var hasModernEventListener = Boolean(isModalDetachedMql.addEventListener);
       hasModernEventListener ? isModalDetachedMql.addEventListener('change', onChange) : isModalDetachedMql.addListener(onChange);
       return function () {
@@ -4369,19 +5048,16 @@
       requestAnimationFrame(setPanelPosition);
       return function () {};
     });
-
     function destroy() {
+      instancesCount--;
       cleanupEffects();
     }
-
     function update() {
       var updatedOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       cleanupEffects();
-
       var _props$value$renderer = props.value.renderer,
-          components = _props$value$renderer.components,
-          rendererProps = _objectWithoutProperties$4(_props$value$renderer, _excluded);
-
+        components = _props$value$renderer.components,
+        rendererProps = _objectWithoutProperties$5(_props$value$renderer, _excluded);
       optionsRef.current = mergeDeep(rendererProps, props.value.core, {
         // We need to filter out default components so they can be replaced with
         // a new `renderer`, without getting rid of user components.
@@ -4400,15 +5076,12 @@
         scheduleRender(lastStateRef.current);
       });
     }
-
     function setIsModalOpen(value) {
       requestAnimationFrame(function () {
         var prevValue = props.value.core.environment.document.body.contains(dom.value.detachedOverlay);
-
         if (value === prevValue) {
           return;
         }
-
         if (value) {
           props.value.core.environment.document.body.appendChild(dom.value.detachedOverlay);
           props.value.core.environment.document.body.classList.add('aa-Detached');
@@ -4416,12 +5089,11 @@
         } else {
           props.value.core.environment.document.body.removeChild(dom.value.detachedOverlay);
           props.value.core.environment.document.body.classList.remove('aa-Detached');
-          autocomplete.value.setQuery('');
-          autocomplete.value.refresh();
         }
       });
     }
-
+    "development" !== 'production' ? warn(instancesCount === 0, "Autocomplete doesn't support multiple instances running at the same time. Make sure to destroy the previous instance before creating a new one.\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-js/autocomplete/#param-destroy") : void 0;
+    instancesCount++;
     return _objectSpread2(_objectSpread2({}, autocompleteScopeApi), {}, {
       update: update,
       destroy: destroy
@@ -4437,7 +5109,6 @@
   /**
    * Retrieves Algolia facet hits from multiple indices.
    */
-
   function getAlgoliaFacets(requestParams) {
     var requester = createAlgoliaRequester({
       transformResponse: function transformResponse(response) {
@@ -4457,7 +5128,6 @@
   /**
    * Retrieves Algolia results from multiple indices.
    */
-
   var getAlgoliaResults = createAlgoliaRequester({
     transformResponse: function transformResponse(response) {
       return response.hits;