@algolia/autocomplete-js 1.11.1 → 1.12.1

package/dist/umd/index.development.js

@@ -1,4 +1,4 @@
-/*! @algolia/autocomplete-js 1.11.1 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.12.1 | 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) :
@@ -347,7 +347,7 @@
     return undefined;
   }
 
-  var version = '1.11.1';
+  var version = '1.12.1';
 
   var userAgents$1 = [{
     segment: 'autocomplete-core',
@@ -880,7 +880,8 @@
       providedInsightsClient = _getOptions.insightsClient,
       onItemsChange = _getOptions.onItemsChange,
       onSelectEvent = _getOptions.onSelect,
-      onActiveEvent = _getOptions.onActive;
+      onActiveEvent = _getOptions.onActive,
+      __autocomplete_clickAnalytics = _getOptions.__autocomplete_clickAnalytics;
     var insightsClient = providedInsightsClient;
     if (!providedInsightsClient) {
       safelyRunOnBrowser(function (_ref2) {
@@ -943,9 +944,9 @@
         function setInsightsContext(userToken) {
           setContext({
             algoliaInsightsPlugin: {
-              __algoliaSearchParameters: _objectSpread$f({
+              __algoliaSearchParameters: _objectSpread$f(_objectSpread$f({}, __autocomplete_clickAnalytics ? {
                 clickAnalytics: true
-              }, userToken ? {
+              } : {}), userToken ? {
                 userToken: userToken
               } : {}),
               insights: insights
@@ -1010,27 +1011,36 @@
       __autocomplete_pluginOptions: options
     };
   }
+  function getAlgoliaSources() {
+    var _context$algoliaInsig;
+    var algoliaSourceBase = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var context = arguments.length > 1 ? arguments[1] : undefined;
+    return [].concat(_toConsumableArray$5(algoliaSourceBase), ['autocomplete-internal'], _toConsumableArray$5((_context$algoliaInsig = context.algoliaInsightsPlugin) !== null && _context$algoliaInsig !== void 0 && _context$algoliaInsig.__automaticInsights ? ['autocomplete-automatic'] : []));
+  }
   function getOptions(options) {
     return _objectSpread$f({
       onItemsChange: function onItemsChange(_ref8) {
         var insights = _ref8.insights,
-          insightsEvents = _ref8.insightsEvents;
+          insightsEvents = _ref8.insightsEvents,
+          state = _ref8.state;
         insights.viewedObjectIDs.apply(insights, _toConsumableArray$5(insightsEvents.map(function (event) {
           return _objectSpread$f(_objectSpread$f({}, event), {}, {
-            algoliaSource: [].concat(_toConsumableArray$5(event.algoliaSource || []), ['autocomplete-internal'])
+            algoliaSource: getAlgoliaSources(event.algoliaSource, state.context)
           });
         })));
       },
       onSelect: function onSelect(_ref9) {
         var insights = _ref9.insights,
-          insightsEvents = _ref9.insightsEvents;
+          insightsEvents = _ref9.insightsEvents,
+          state = _ref9.state;
         insights.clickedObjectIDsAfterSearch.apply(insights, _toConsumableArray$5(insightsEvents.map(function (event) {
           return _objectSpread$f(_objectSpread$f({}, event), {}, {
-            algoliaSource: [].concat(_toConsumableArray$5(event.algoliaSource || []), ['autocomplete-internal'])
+            algoliaSource: getAlgoliaSources(event.algoliaSource, state.context)
           });
         })));
       },
-      onActive: noop
+      onActive: noop,
+      __autocomplete_clickAnalytics: true
     }, options);
   }
   function loadInsights(environment) {
@@ -1691,7 +1701,7 @@
       autoFocus: false,
       defaultActiveItemId: null,
       stallThreshold: 300,
-      insights: false,
+      insights: undefined,
       environment: environment,
       shouldPanelOpen: function shouldPanelOpen(_ref) {
         var state = _ref.state;
@@ -2178,7 +2188,8 @@
       setIsOpen = setters.setIsOpen,
       setQuery = setters.setQuery,
       setActiveItemId = setters.setActiveItemId,
-      setStatus = setters.setStatus;
+      setStatus = setters.setStatus,
+      setContext = setters.setContext;
     setQuery(query);
     setActiveItemId(props.defaultActiveItemId);
     if (!query && props.openOnFocus === false) {
@@ -2228,6 +2239,20 @@
           return preResolve(itemsOrDescription, source.sourceId, store.getState());
         });
       })).then(resolve).then(function (responses) {
+        var __automaticInsights = responses.some(function (_ref2) {
+          var items = _ref2.items;
+          return isSearchResponseWithAutomaticInsightsFlag(items);
+        });
+
+        // No need to pollute the context if `__automaticInsights=false`
+        if (__automaticInsights) {
+          var _store$getState$conte;
+          setContext({
+            algoliaInsightsPlugin: _objectSpread$8(_objectSpread$8({}, ((_store$getState$conte = store.getState().context) === null || _store$getState$conte === void 0 ? void 0 : _store$getState$conte.algoliaInsightsPlugin) || {}), {}, {
+              __automaticInsights: __automaticInsights
+            })
+          });
+        }
         return postResolve(responses, sources, store);
       }).then(function (collections) {
         return reshape({
@@ -2273,6 +2298,9 @@
     });
     return store.pendingRequests.add(request);
   }
+  function isSearchResponseWithAutomaticInsightsFlag(items) {
+    return !Array.isArray(items) && Boolean(items === null || items === void 0 ? void 0 : items._automaticInsights);
+  }
 
   function _typeof$7(obj) {
     "@babel/helpers - typeof";
@@ -2439,7 +2467,7 @@
     } else if (event.key === 'Tab') {
       store.dispatch('blur', null);
 
-      // Hitting the `Escape` key signals the end of a user interaction with the
+      // Hitting the `Tab` 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.
@@ -3192,6 +3220,7 @@
             // we lose track of the highlighted index. (Query-suggestions use-case)
             action.props.openOnFocus === true ? action.props.defaultActiveItemId : null,
             status: 'idle',
+            completion: null,
             query: ''
           });
         }
@@ -3305,6 +3334,7 @@
       navigator: props.navigator
     }, setters));
     function onStoreStateChange(_ref) {
+      var _state$context, _state$context$algoli;
       var prevState = _ref.prevState,
         state = _ref.state;
       props.onStateChange(_objectSpread$3({
@@ -3313,6 +3343,13 @@
         refresh: refresh,
         navigator: props.navigator
       }, setters));
+      if (!isAlgoliaInsightsPluginEnabled() && (_state$context = state.context) !== null && _state$context !== void 0 && (_state$context$algoli = _state$context.algoliaInsightsPlugin) !== null && _state$context$algoli !== void 0 && _state$context$algoli.__automaticInsights && props.insights !== false) {
+        var plugin = createAlgoliaInsightsPlugin({
+          __autocomplete_clickAnalytics: false
+        });
+        props.plugins.push(plugin);
+        subscribePlugins([plugin]);
+      }
     }
     function refresh() {
       return onInput(_objectSpread$3({
@@ -3327,34 +3364,40 @@
         store: store
       }, setters));
     }
-    if (options.insights && !props.plugins.some(function (plugin) {
-      return plugin.name === 'aa.algoliaInsightsPlugin';
-    })) {
-      var insightsParams = typeof options.insights === 'boolean' ? {} : options.insights;
+    function subscribePlugins(plugins) {
+      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,
+          onSelect: function onSelect(fn) {
+            subscribers.push({
+              onSelect: fn
+            });
+          },
+          onActive: function onActive(fn) {
+            subscribers.push({
+              onActive: fn
+            });
+          },
+          onResolve: function onResolve(fn) {
+            subscribers.push({
+              onResolve: fn
+            });
+          }
+        }));
+      });
+    }
+    function isAlgoliaInsightsPluginEnabled() {
+      return props.plugins.some(function (plugin) {
+        return plugin.name === 'aa.algoliaInsightsPlugin';
+      });
+    }
+    if (props.insights && !isAlgoliaInsightsPluginEnabled()) {
+      var insightsParams = typeof props.insights === 'boolean' ? {} : props.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,
-        onSelect: function onSelect(fn) {
-          subscribers.push({
-            onSelect: fn
-          });
-        },
-        onActive: function onActive(fn) {
-          subscribers.push({
-            onActive: fn
-          });
-        },
-        onResolve: function onResolve(fn) {
-          subscribers.push({
-            onResolve: fn
-          });
-        }
-      }));
-    });
+    subscribePlugins(props.plugins);
     injectMetadata({
       metadata: getMetadata({
         plugins: props.plugins,