@algolia/autocomplete-js 1.14.0 → 1.15.1

package/dist/esm/getDefaultOptions.d.ts

@@ -53,6 +53,7 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
                 'aria-controls': string | undefined;
                 'aria-labelledby': string;
                 onChange(event: Event): void;
+                onCompositionEnd(event: Event): void;
                 onKeyDown(event: KeyboardEvent): void;
                 onFocus(event: Event): void;
                 onBlur(): void;
@@ -78,6 +79,7 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
             'aria-controls': string | undefined;
             'aria-labelledby': string;
             onChange(event: Event): void;
+            onCompositionEnd(event: Event): void;
             onKeyDown(event: KeyboardEvent): void;
             onFocus(event: Event): void;
             onBlur(): void;
@@ -187,6 +189,7 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
         plugins?: import("@algolia/autocomplete-shared").AutocompletePlugin<any, any>[] | undefined;
         debug?: boolean | undefined;
         enterKeyHint?: import("@algolia/autocomplete-core").AutocompleteEnterKeyHint | undefined;
+        ignoreCompositionEvents?: boolean | undefined;
         placeholder?: string | undefined;
         autoFocus?: boolean | undefined;
         defaultActiveItemId?: number | null | undefined;

package/dist/esm/utils/setProperties.js

@@ -89,6 +89,9 @@ function getNormalizedName(name) {
   switch (name) {
     case 'onChange':
       return 'onInput';
+    // see: https://github.com/preactjs/preact/issues/1978
+    case 'onCompositionEnd':
+      return 'oncompositionend';
     default:
       return name;
   }

package/dist/umd/index.development.js

@@ -1,4 +1,4 @@
-/*! @algolia/autocomplete-js 1.14.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.15.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.14.0';
+  var version = '1.15.1';
 
   var userAgents$1 = [{
     segment: 'autocomplete-core',
@@ -620,6 +620,15 @@
           apiKey: apiKey
         });
       },
+      /**
+       * Sets the authenticated user token to attach to events.
+       * Unsets the authenticated token by passing `undefined`.
+       *
+       * @link https://www.algolia.com/doc/api-reference/api-methods/set-authenticated-user-token/
+       */
+      setAuthenticatedUserToken: function setAuthenticatedUserToken(authenticatedUserToken) {
+        searchInsights('setAuthenticatedUserToken', authenticatedUserToken);
+      },
       /**
        * Sets the user token to attach to events.
        */
@@ -953,6 +962,7 @@
         var setContext = _ref4.setContext,
           onSelect = _ref4.onSelect,
           onActive = _ref4.onActive;
+        var isAuthenticatedToken = false;
         function setInsightsContext(userToken) {
           setContext({
             algoliaInsightsPlugin: {
@@ -967,9 +977,36 @@
         }
         insightsClient('addAlgoliaAgent', 'insights-plugin');
         setInsightsContext();
-        insightsClient('onUserTokenChange', setInsightsContext);
+
+        // Handles user token changes
+        insightsClient('onUserTokenChange', function (userToken) {
+          if (!isAuthenticatedToken) {
+            setInsightsContext(userToken);
+          }
+        });
         insightsClient('getUserToken', null, function (_error, userToken) {
-          setInsightsContext(userToken);
+          if (!isAuthenticatedToken) {
+            setInsightsContext(userToken);
+          }
+        });
+
+        // Handles authenticated user token changes
+        insightsClient('onAuthenticatedUserTokenChange', function (authenticatedUserToken) {
+          if (authenticatedUserToken) {
+            isAuthenticatedToken = true;
+            setInsightsContext(authenticatedUserToken);
+          } else {
+            isAuthenticatedToken = false;
+            insightsClient('getUserToken', null, function (_error, userToken) {
+              return setInsightsContext(userToken);
+            });
+          }
+        });
+        insightsClient('getAuthenticatedUserToken', null, function (_error, authenticatedUserToken) {
+          if (authenticatedUserToken) {
+            isAuthenticatedToken = true;
+            setInsightsContext(authenticatedUserToken);
+          }
         });
         onSelect(function (_ref5) {
           var item = _ref5.item,
@@ -1444,6 +1481,10 @@
     };
   }
 
+  function getNativeEvent(event) {
+    return event.nativeEvent || event;
+  }
+
   function _typeof$d(obj) {
     "@babel/helpers - typeof";
 
@@ -1717,6 +1758,7 @@
       debug: false,
       openOnFocus: false,
       enterKeyHint: undefined,
+      ignoreCompositionEvents: false,
       placeholder: '',
       autoFocus: false,
       defaultActiveItemId: null,
@@ -2834,6 +2876,20 @@
         maxLength: maxLength,
         type: 'search',
         onChange: function onChange(event) {
+          var value = event.currentTarget.value;
+          if (props.ignoreCompositionEvents && getNativeEvent(event).isComposing) {
+            setters.setQuery(value);
+            return;
+          }
+          onInput(_objectSpread$6({
+            event: event,
+            props: props,
+            query: value.slice(0, maxLength),
+            refresh: refresh,
+            store: store
+          }, setters));
+        },
+        onCompositionEnd: function onCompositionEnd(event) {
           onInput(_objectSpread$6({
             event: event,
             props: props,
@@ -2843,6 +2899,9 @@
           }, setters));
         },
         onKeyDown: function onKeyDown$1(event) {
+          if (getNativeEvent(event).isComposing) {
+            return;
+          }
           onKeyDown(_objectSpread$6({
             event: event,
             props: props,
@@ -3601,6 +3660,9 @@
     switch (name) {
       case 'onChange':
         return 'onInput';
+      // see: https://github.com/preactjs/preact/issues/1978
+      case 'onCompositionEnd':
+        return 'oncompositionend';
       default:
         return name;
     }