@algolia/autocomplete-core 1.8.3 → 1.9.0

package/dist/esm/createAutocomplete.js

@@ -1,9 +1,10 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(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(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); }
+import { createAlgoliaInsightsPlugin } from '@algolia/autocomplete-plugin-algolia-insights';
 import { checkOptions } from './checkOptions';
 import { createStore } from './createStore';
 import { getAutocompleteSetters } from './getAutocompleteSetters';
@@ -26,10 +27,9 @@ export function createAutocomplete(options) {
     store: store,
     navigator: props.navigator
   }, setters));
-
   function onStoreStateChange(_ref) {
     var prevState = _ref.prevState,
-        state = _ref.state;
+      state = _ref.state;
     props.onStateChange(_objectSpread({
       prevState: prevState,
       state: state,
@@ -37,7 +37,6 @@ export function createAutocomplete(options) {
       navigator: props.navigator
     }, setters));
   }
-
   function refresh() {
     return onInput(_objectSpread({
       event: new Event('input'),
@@ -51,10 +50,14 @@ export function createAutocomplete(options) {
       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(_objectSpread({}, setters), {}, {
       navigator: props.navigator,
       refresh: refresh,

package/dist/esm/createStore.js

@@ -1,9 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(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(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); }
 import { createCancelablePromiseList } from './utils';
 export function createStore(reducer, props, onStoreStateChange) {
   var state = props.initialState;
@@ -13,7 +13,6 @@ export function createStore(reducer, props, onStoreStateChange) {
     },
     dispatch: function dispatch(action, payload) {
       var prevState = _objectSpread({}, state);
-
       state = reducer(state, {
         type: action,
         props: props,

package/dist/esm/getAutocompleteSetters.d.ts

@@ -3,11 +3,11 @@ interface GetAutocompleteSettersOptions<TItem extends BaseItem> {
     store: AutocompleteStore<TItem>;
 }
 export declare function getAutocompleteSetters<TItem extends BaseItem>({ store, }: GetAutocompleteSettersOptions<TItem>): {
-    setActiveItemId: import("./types").StateUpdater<number | null>;
-    setQuery: import("./types").StateUpdater<string>;
-    setCollections: import("./types").StateUpdater<(AutocompleteCollection<TItem> | import("./types").AutocompleteCollectionItemsArray<TItem>)[]>;
-    setIsOpen: import("./types").StateUpdater<boolean>;
-    setStatus: import("./types").StateUpdater<"idle" | "loading" | "stalled" | "error">;
-    setContext: import("./types").StateUpdater<import("./types").AutocompleteContext>;
+    setActiveItemId: import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteSetters").StateUpdater<number | null>;
+    setQuery: import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteSetters").StateUpdater<string>;
+    setCollections: import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteSetters").StateUpdater<(AutocompleteCollection<TItem> | import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteCollection").AutocompleteCollectionItemsArray<TItem>)[]>;
+    setIsOpen: import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteSetters").StateUpdater<boolean>;
+    setStatus: import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteSetters").StateUpdater<"idle" | "loading" | "stalled" | "error">;
+    setContext: import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteSetters").StateUpdater<import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteContext").AutocompleteContext>;
 };
 export {};

package/dist/esm/getAutocompleteSetters.js

@@ -1,21 +1,18 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(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(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); }
 import { flatten } from '@algolia/autocomplete-shared';
 export 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) {
@@ -31,19 +28,15 @@ export function getAutocompleteSetters(_ref) {
     });
     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,

package/dist/esm/getCompletion.js

@@ -1,12 +1,9 @@
 import { getActiveItem } from './utils';
 export 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;
 }

package/dist/esm/getDefaultProps.js

@@ -1,30 +1,22 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _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); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 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]; } return arr2; }
-
+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]; return arr2; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(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(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); }
 import { getItemsCount, generateAutocompleteId, flatten } from '@algolia/autocomplete-shared';
 import { getNormalizedSources } from './utils';
 export 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(_objectSpread({
     debug: false,
@@ -33,6 +25,7 @@ export function getDefaultProps(props, pluginSubscribers) {
     autoFocus: false,
     defaultActiveItemId: null,
     stallThreshold: 300,
+    insights: false,
     environment: environment,
     shouldPanelOpen: function shouldPanelOpen(_ref) {
       var state = _ref.state;
@@ -59,31 +52,25 @@ export function getDefaultProps(props, pluginSubscribers) {
     }, 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);
       });
     },
@@ -101,7 +88,6 @@ export function getDefaultProps(props, pluginSubscribers) {
               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);
               });
             },
@@ -109,7 +95,6 @@ export function getDefaultProps(props, pluginSubscribers) {
               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);
               });
             },
@@ -117,7 +102,6 @@ export function getDefaultProps(props, pluginSubscribers) {
               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);
               });
             }

package/dist/esm/getPropGetters.js

@@ -1,37 +1,32 @@
+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 = ["props", "refresh", "store"],
-    _excluded2 = ["inputElement", "formElement", "panelElement"],
-    _excluded3 = ["inputElement"],
-    _excluded4 = ["inputElement", "maxLength"],
-    _excluded5 = ["sourceIndex"],
-    _excluded6 = ["sourceIndex"],
-    _excluded7 = ["item", "source", "sourceIndex"];
-
+  _excluded2 = ["inputElement", "formElement", "panelElement"],
+  _excluded3 = ["inputElement"],
+  _excluded4 = ["inputElement", "maxLength"],
+  _excluded5 = ["sourceIndex"],
+  _excluded6 = ["sourceIndex"],
+  _excluded7 = ["item", "source", "sourceIndex"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(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(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; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; 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; }
-
 import { noop } from '@algolia/autocomplete-shared';
 import { onInput } from './onInput';
 import { onKeyDown as _onKeyDown } from './onKeyDown';
 import { getActiveItem, isOrContainsNode, isSamsung } from './utils';
 export function getPropGetters(_ref) {
   var props = _ref.props,
-      refresh = _ref.refresh,
-      store = _ref.store,
-      setters = _objectWithoutProperties(_ref, _excluded);
-
+    refresh = _ref.refresh,
+    store = _ref.store,
+    setters = _objectWithoutProperties(_ref, _excluded);
   var getEnvironmentProps = function getEnvironmentProps(providedProps) {
     var inputElement = providedProps.inputElement,
-        formElement = providedProps.formElement,
-        panelElement = providedProps.panelElement,
-        rest = _objectWithoutProperties(providedProps, _excluded2);
-
+      formElement = providedProps.formElement,
+      panelElement = providedProps.panelElement,
+      rest = _objectWithoutProperties(providedProps, _excluded2);
     function onMouseDownOrTouchStart(event) {
       // The `onTouchStart`/`onMouseDown` events shouldn't trigger the `blur`
       // handler when it's not an interaction with Autocomplete.
@@ -40,29 +35,27 @@ export function getPropGetters(_ref) {
       //   (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({
       // 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
@@ -83,12 +76,10 @@ export function getPropGetters(_ref) {
         if (store.getState().isOpen === false || inputElement !== props.environment.document.activeElement || event.target === inputElement) {
           return;
         }
-
         inputElement.blur();
       }
     }, rest);
   };
-
   var getRootProps = function getRootProps(rest) {
     return _objectSpread({
       role: 'combobox',
@@ -98,18 +89,15 @@ export function getPropGetters(_ref) {
       'aria-labelledby': "".concat(props.id, "-label")
     }, rest);
   };
-
   var getFormProps = function getFormProps(providedProps) {
     var inputElement = providedProps.inputElement,
-        rest = _objectWithoutProperties(providedProps, _excluded3);
-
+      rest = _objectWithoutProperties(providedProps, _excluded3);
     return _objectSpread({
       action: '',
       noValidate: true,
       role: 'search',
       onSubmit: function onSubmit(event) {
         var _providedProps$inputE;
-
         event.preventDefault();
         props.onSubmit(_objectSpread({
           event: event,
@@ -121,7 +109,6 @@ export function getPropGetters(_ref) {
       },
       onReset: function onReset(event) {
         var _providedProps$inputE2;
-
         event.preventDefault();
         props.onReset(_objectSpread({
           event: event,
@@ -133,10 +120,8 @@ export function getPropGetters(_ref) {
       }
     }, 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.
@@ -149,16 +134,13 @@ export function getPropGetters(_ref) {
           store: store
         }, setters));
       }
-
       store.dispatch('focus', null);
     }
-
     var _ref2 = providedProps || {},
-        inputElement = _ref2.inputElement,
-        _ref2$maxLength = _ref2.maxLength,
-        maxLength = _ref2$maxLength === void 0 ? 512 : _ref2$maxLength,
-        rest = _objectWithoutProperties(_ref2, _excluded4);
-
+      inputElement = _ref2.inputElement,
+      _ref2$maxLength = _ref2.maxLength,
+      maxLength = _ref2$maxLength === void 0 ? 512 : _ref2$maxLength,
+      rest = _objectWithoutProperties(_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);
@@ -215,34 +197,28 @@ export function getPropGetters(_ref) {
       }
     }, 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(_ref3, _excluded5);
-
+      sourceIndex = _ref3.sourceIndex,
+      rest = _objectWithoutProperties(_ref3, _excluded5);
     return _objectSpread({
       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(_ref4, _excluded6);
-
+      sourceIndex = _ref4.sourceIndex,
+      rest = _objectWithoutProperties(_ref4, _excluded6);
     return _objectSpread({
       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({
       onMouseDown: function onMouseDown(event) {
@@ -256,13 +232,11 @@ export function getPropGetters(_ref) {
       }
     }, rest);
   };
-
   var getItemProps = function getItemProps(providedProps) {
     var item = providedProps.item,
-        source = providedProps.source,
-        sourceIndex = providedProps.sourceIndex,
-        rest = _objectWithoutProperties(providedProps, _excluded7);
-
+      source = providedProps.source,
+      sourceIndex = providedProps.sourceIndex,
+      rest = _objectWithoutProperties(providedProps, _excluded7);
     return _objectSpread({
       id: "".concat(getAutocompleteId(props.id, sourceIndex), "-item-").concat(item.__autocomplete_id),
       role: 'option',
@@ -271,16 +245,13 @@ export function getPropGetters(_ref) {
         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({
             event: event,
             item: _item,
@@ -305,12 +276,13 @@ export function getPropGetters(_ref) {
         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({
           event: event,
           nextState: {
@@ -335,7 +307,6 @@ export function getPropGetters(_ref) {
       }
     }, rest);
   };
-
   return {
     getEnvironmentProps: getEnvironmentProps,
     getRootProps: getRootProps,

package/dist/esm/metadata.js

@@ -1,15 +1,14 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(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(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); }
 import { userAgents } from '@algolia/autocomplete-shared';
 export 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({}, optionsKey, Object.keys(((_options$__autocomple2 = options.__autocomplete_metadata) === null || _options$__autocomple2 === void 0 ? void 0 : _options$__autocomple2.options) || {})) : {};
   return {
@@ -27,11 +26,9 @@ export function getMetadata(_ref) {
 }
 export 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');