instantsearch.js 4.75.1 → 4.75.3

package/cjs/components/RefinementList/RefinementList.js

@@ -50,7 +50,9 @@ var RefinementList = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "listRef", (0, _preact.createRef)());
     _defineProperty(_assertThisInitialized(_this), "searchBox", (0, _preact.createRef)());
+    _defineProperty(_assertThisInitialized(_this), "lastRefinedValue", undefined);
     _defineProperty(_assertThisInitialized(_this), "_generateFacetItem", function (facetValue) {
       var subItems;
       if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
@@ -153,6 +155,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
   }, {
     key: "refine",
     value: function refine(facetValueToRefine) {
+      this.lastRefinedValue = facetValueToRefine;
       this.props.toggleRefinement(facetValueToRefine);
     }
   }, {
@@ -162,6 +165,19 @@ var RefinementList = /*#__PURE__*/function (_Component) {
         this.searchBox.current.resetInput();
       }
     }
+
+    /**
+     * This sets focus on the last refined input element after a render
+     * because Preact does not perform it automatically.
+     * @see https://github.com/preactjs/preact/issues/3242
+     */
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var _this$listRef$current, _this$listRef$current2;
+      (_this$listRef$current = this.listRef.current) === null || _this$listRef$current === void 0 ? void 0 : (_this$listRef$current2 = _this$listRef$current.querySelector("input[value=\"".concat(this.lastRefinedValue, "\"]"))) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.focus();
+      this.lastRefinedValue = undefined;
+    }
   }, {
     key: "refineFirstValue",
     value: function refineFirstValue() {
@@ -213,6 +229,7 @@ var RefinementList = /*#__PURE__*/function (_Component) {
         ariaLabel: "Search for filters"
       }));
       var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && (0, _preact.h)("ul", {
+        ref: this.listRef,
         className: this.props.cssClasses.list
       }, this.props.facetValues.map(this._generateFacetItem, this));
       var noResults = this.props.searchFacetValues && this.props.isFromSearch && (!this.props.facetValues || this.props.facetValues.length === 0) && (0, _preact.h)(_Template.default, _extends({}, this.props.templateProps, {

package/cjs/lib/utils/uuid.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUUID = createUUID;
+/**
+ * Create UUID according to
+ * https://www.ietf.org/rfc/rfc4122.txt.
+ *
+ * @returns Generated UUID.
+ */
+function createUUID() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    /* eslint-disable no-bitwise */
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    /* eslint-enable */
+    return v.toString(16);
+  });
+}

package/cjs/lib/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = '4.75.1';
+var _default = '4.75.3';
 exports.default = _default;

package/cjs/middlewares/createInsightsMiddleware.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createInsightsMiddleware = createInsightsMiddleware;
 var _helpers = require("../helpers");
 var _utils = require("../lib/utils");
+var _uuid = require("../lib/utils/uuid");
 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) { 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; }
@@ -33,6 +34,7 @@ function createInsightsMiddleware() {
     $$internal = _props$$$internal === void 0 ? false : _props$$$internal,
     _props$$$automatic = props.$$automatic,
     $$automatic = _props$$$automatic === void 0 ? false : _props$$$automatic;
+  var currentTokenType;
   var potentialInsightsClient = _insightsClient;
   if (!_insightsClient && _insightsClient !== null) {
     (0, _utils.safelyRunOnBrowser)(function (_ref) {
@@ -79,6 +81,7 @@ function createInsightsMiddleware() {
 
     // search-insights.js also throws an error so dev-only clarification is sufficient
     process.env.NODE_ENV === 'development' ? (0, _utils.warning)(Boolean(appId && apiKey), 'could not extract Algolia credentials from searchClient in insights middleware.') : void 0;
+    var queuedInitParams = undefined;
     var queuedUserToken = undefined;
     var queuedAuthenticatedUserToken = undefined;
     var userTokenBeforeInit = undefined;
@@ -95,7 +98,7 @@ function createInsightsMiddleware() {
       // At this point, even though `search-insights` is not loaded yet,
       // we still want to read the token from the queue.
       // Otherwise, the first search call will be fired without the token.
-      var _map = ['setUserToken', 'setAuthenticatedUserToken'].map(function (key) {
+      var _map = ['setUserToken', 'setAuthenticatedUserToken', 'init'].map(function (key) {
         var _ref3 = (0, _utils.find)(queue.slice().reverse(), function (_ref5) {
             var _ref6 = _slicedToArray(_ref5, 1),
               method = _ref6[0];
@@ -105,9 +108,10 @@ function createInsightsMiddleware() {
           value = _ref4[1];
         return value;
       });
-      var _map2 = _slicedToArray(_map, 2);
+      var _map2 = _slicedToArray(_map, 3);
       queuedUserToken = _map2[0];
       queuedAuthenticatedUserToken = _map2[1];
+      queuedInitParams = _map2[2];
     }
 
     // If user called `aa('setUserToken')` or `aa('setAuthenticatedUserToken')`
@@ -158,6 +162,23 @@ function createInsightsMiddleware() {
       started: function started() {
         insightsClient('addAlgoliaAgent', 'insights-middleware');
         helper = instantSearchInstance.mainHelper;
+        var queueAtStart = insightsClient.queue;
+        if (Array.isArray(queueAtStart)) {
+          var _map3 = ['setUserToken', 'setAuthenticatedUserToken', 'init'].map(function (key) {
+            var _ref7 = (0, _utils.find)(queueAtStart.slice().reverse(), function (_ref9) {
+                var _ref10 = _slicedToArray(_ref9, 1),
+                  method = _ref10[0];
+                return method === key;
+              }) || [],
+              _ref8 = _slicedToArray(_ref7, 2),
+              value = _ref8[1];
+            return value;
+          });
+          var _map4 = _slicedToArray(_map3, 3);
+          queuedUserToken = _map4[0];
+          queuedAuthenticatedUserToken = _map4[1];
+          queuedInitParams = _map4[2];
+        }
         initialParameters = {
           userToken: helper.state.userToken,
           clickAnalytics: helper.state.clickAnalytics
@@ -173,8 +194,9 @@ function createInsightsMiddleware() {
         if (!$$internal) {
           instantSearchInstance.scheduleSearch();
         }
-        var setUserTokenToSearch = function setUserTokenToSearch(userToken) {
-          var immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        var setUserTokenToSearch = function setUserTokenToSearch(userToken, tokenType) {
+          var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+          var unsetAuthenticatedUserToken = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
           var normalizedUserToken = normalizeUserToken(userToken);
           if (!normalizedUserToken) {
             return;
@@ -187,6 +209,13 @@ function createInsightsMiddleware() {
             if (existingToken && existingToken !== userToken) {
               instantSearchInstance.scheduleSearch();
             }
+            currentTokenType = tokenType;
+          }
+
+          // the authenticated user token cannot be overridden by a user or anonymous token
+          // for instant search query requests
+          if (currentTokenType && currentTokenType === 'authenticated' && tokenType === 'default' && !unsetAuthenticatedUserToken) {
+            return;
           }
 
           // Delay the token application to the next render cycle
@@ -196,14 +225,8 @@ function createInsightsMiddleware() {
             applyToken();
           }
         };
-        var anonymousUserToken = (0, _helpers.getInsightsAnonymousUserTokenInternal)();
-        if (anonymousUserToken) {
-          // When `aa('init', { ... })` is called, it creates an anonymous user token in cookie.
-          // We can set it as userToken.
-          setUserTokenToSearch(anonymousUserToken, true);
-        }
         function setUserToken(token, userToken, authenticatedUserToken) {
-          setUserTokenToSearch(token, true);
+          setUserTokenToSearch(token, authenticatedUserToken ? 'authenticated' : 'default', true);
           if (userToken) {
             insightsClient('setUserToken', userToken);
           }
@@ -211,19 +234,66 @@ function createInsightsMiddleware() {
             insightsClient('setAuthenticatedUserToken', authenticatedUserToken);
           }
         }
+        var anonymousUserToken = undefined;
+        var anonymousTokenFromInsights = (0, _helpers.getInsightsAnonymousUserTokenInternal)();
+        if (anonymousTokenFromInsights) {
+          // When `aa('init', { ... })` is called, it creates an anonymous user token in cookie.
+          // We can set it as userToken on instantsearch and insights. If it's not set as an insights
+          // userToken before a sendEvent, insights automatically generates a new anonymous token,
+          // causing a state change and an unnecessary query on instantsearch.
+          anonymousUserToken = anonymousTokenFromInsights;
+        } else {
+          var token = "anonymous-".concat((0, _uuid.createUUID)());
+          anonymousUserToken = token;
+        }
+        var authenticatedUserTokenFromInit;
+        var userTokenFromInit;
+
+        // With SSR, the token could be be set on the state. We make sure
+        // that insights is in sync with that token since, there is no
+        // insights lib on the server.
+        var tokenFromSearchParameters = initialParameters.userToken;
+
+        // When the first query is sent, the token is possibly not yet be set by
+        // the insights onChange callbacks (if insights isn't yet loaded).
+        // It is explicitly being set here so that the first query has the
+        // initial tokens set and ensure a second query isn't automatically
+        // made when the onChange callback actually changes the state.
+        if (insightsInitParams) {
+          if (insightsInitParams.authenticatedUserToken) {
+            authenticatedUserTokenFromInit = insightsInitParams.authenticatedUserToken;
+          } else if (insightsInitParams.userToken) {
+            userTokenFromInit = insightsInitParams.userToken;
+          }
+        }
 
         // We consider the `userToken` or `authenticatedUserToken` before an
-        // `init` call of higher importance than one from the queue.
+        // `init` call of higher importance than one from the queue and ones set
+        // from the init props to be higher than that.
+        var tokenFromInit = authenticatedUserTokenFromInit || userTokenFromInit;
         var tokenBeforeInit = authenticatedUserTokenBeforeInit || userTokenBeforeInit;
-        var queuedToken = queuedAuthenticatedUserToken || queuedUserToken;
-        if (tokenBeforeInit) {
+        var tokenFromQueue = queuedAuthenticatedUserToken || queuedUserToken;
+        if (tokenFromInit) {
+          setUserToken(tokenFromInit, userTokenFromInit, authenticatedUserTokenFromInit);
+        } else if (tokenFromSearchParameters) {
+          setUserToken(tokenFromSearchParameters, tokenFromSearchParameters, undefined);
+        } else if (tokenBeforeInit) {
           setUserToken(tokenBeforeInit, userTokenBeforeInit, authenticatedUserTokenBeforeInit);
-        } else if (queuedToken) {
-          setUserToken(queuedToken, queuedUserToken, queuedAuthenticatedUserToken);
+        } else if (tokenFromQueue) {
+          setUserToken(tokenFromQueue, queuedUserToken, queuedAuthenticatedUserToken);
+        } else if (anonymousUserToken) {
+          var _queuedInitParams;
+          setUserToken(anonymousUserToken, anonymousUserToken, undefined);
+          if (insightsInitParams !== null && insightsInitParams !== void 0 && insightsInitParams.useCookie || (_queuedInitParams = queuedInitParams) !== null && _queuedInitParams !== void 0 && _queuedInitParams.useCookie) {
+            var _queuedInitParams2;
+            saveTokenAsCookie(anonymousUserToken, (insightsInitParams === null || insightsInitParams === void 0 ? void 0 : insightsInitParams.cookieDuration) || ((_queuedInitParams2 = queuedInitParams) === null || _queuedInitParams2 === void 0 ? void 0 : _queuedInitParams2.cookieDuration));
+          }
         }
 
         // This updates userToken which is set explicitly by `aa('setUserToken', userToken)`
-        insightsClient('onUserTokenChange', setUserTokenToSearch, {
+        insightsClient('onUserTokenChange', function (token) {
+          return setUserTokenToSearch(token, 'default', true);
+        }, {
           immediate: true
         });
 
@@ -232,10 +302,10 @@ function createInsightsMiddleware() {
           // If we're unsetting the `authenticatedUserToken`, we revert to the `userToken`
           if (!authenticatedUserToken) {
             insightsClient('getUserToken', null, function (_, userToken) {
-              setUserTokenToSearch(userToken);
+              setUserTokenToSearch(userToken, 'default', true, true);
             });
           }
-          setUserTokenToSearch(authenticatedUserToken);
+          setUserTokenToSearch(authenticatedUserToken, 'authenticated', true);
         }, {
           immediate: true
         });
@@ -284,6 +354,13 @@ function createInsightsMiddleware() {
     };
   };
 }
+function saveTokenAsCookie(token, cookieDuration) {
+  var MONTH = 30 * 24 * 60 * 60 * 1000;
+  var d = new Date();
+  d.setTime(d.getTime() + (cookieDuration || MONTH * 6));
+  var expires = "expires=".concat(d.toUTCString());
+  document.cookie = "_ALGOLIA=".concat(token, ";").concat(expires, ";path=/");
+}
 
 /**
  * Determines if a given insights `client` supports the optional call to `init`

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.75.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.75.3 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -13727,6 +13727,22 @@
     };
   }
 
+  /**
+   * Create UUID according to
+   * https://www.ietf.org/rfc/rfc4122.txt.
+   *
+   * @returns Generated UUID.
+   */
+  function createUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      /* eslint-disable no-bitwise */
+      var r = Math.random() * 16 | 0;
+      var v = c === 'x' ? r : r & 0x3 | 0x8;
+      /* eslint-enable */
+      return v.toString(16);
+    });
+  }
+
   var ALGOLIA_INSIGHTS_VERSION = '2.15.0';
   var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/search-insights@".concat(ALGOLIA_INSIGHTS_VERSION, "/dist/search-insights.min.js");
   function createInsightsMiddleware() {
@@ -13738,6 +13754,7 @@
       $$internal = _props$$$internal === void 0 ? false : _props$$$internal,
       _props$$$automatic = props.$$automatic,
       $$automatic = _props$$$automatic === void 0 ? false : _props$$$automatic;
+    var currentTokenType;
     var potentialInsightsClient = _insightsClient;
     if (!_insightsClient && _insightsClient !== null) {
       safelyRunOnBrowser(function (_ref) {
@@ -13784,6 +13801,7 @@
 
       // search-insights.js also throws an error so dev-only clarification is sufficient
        _warning(Boolean(appId && apiKey), 'could not extract Algolia credentials from searchClient in insights middleware.') ;
+      var queuedInitParams = undefined;
       var queuedUserToken = undefined;
       var queuedAuthenticatedUserToken = undefined;
       var userTokenBeforeInit = undefined;
@@ -13800,7 +13818,7 @@
         // At this point, even though `search-insights` is not loaded yet,
         // we still want to read the token from the queue.
         // Otherwise, the first search call will be fired without the token.
-        var _map = ['setUserToken', 'setAuthenticatedUserToken'].map(function (key) {
+        var _map = ['setUserToken', 'setAuthenticatedUserToken', 'init'].map(function (key) {
           var _ref3 = find(queue.slice().reverse(), function (_ref5) {
               var _ref6 = _slicedToArray(_ref5, 1),
                 method = _ref6[0];
@@ -13810,9 +13828,10 @@
             value = _ref4[1];
           return value;
         });
-        var _map2 = _slicedToArray(_map, 2);
+        var _map2 = _slicedToArray(_map, 3);
         queuedUserToken = _map2[0];
         queuedAuthenticatedUserToken = _map2[1];
+        queuedInitParams = _map2[2];
       }
 
       // If user called `aa('setUserToken')` or `aa('setAuthenticatedUserToken')`
@@ -13863,6 +13882,23 @@
         started: function started() {
           insightsClient('addAlgoliaAgent', 'insights-middleware');
           helper = instantSearchInstance.mainHelper;
+          var queueAtStart = insightsClient.queue;
+          if (Array.isArray(queueAtStart)) {
+            var _map3 = ['setUserToken', 'setAuthenticatedUserToken', 'init'].map(function (key) {
+              var _ref7 = find(queueAtStart.slice().reverse(), function (_ref9) {
+                  var _ref10 = _slicedToArray(_ref9, 1),
+                    method = _ref10[0];
+                  return method === key;
+                }) || [],
+                _ref8 = _slicedToArray(_ref7, 2),
+                value = _ref8[1];
+              return value;
+            });
+            var _map4 = _slicedToArray(_map3, 3);
+            queuedUserToken = _map4[0];
+            queuedAuthenticatedUserToken = _map4[1];
+            queuedInitParams = _map4[2];
+          }
           initialParameters = {
             userToken: helper.state.userToken,
             clickAnalytics: helper.state.clickAnalytics
@@ -13878,8 +13914,9 @@
           if (!$$internal) {
             instantSearchInstance.scheduleSearch();
           }
-          var setUserTokenToSearch = function setUserTokenToSearch(userToken) {
-            var immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+          var setUserTokenToSearch = function setUserTokenToSearch(userToken, tokenType) {
+            var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+            var unsetAuthenticatedUserToken = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
             var normalizedUserToken = normalizeUserToken(userToken);
             if (!normalizedUserToken) {
               return;
@@ -13892,6 +13929,13 @@
               if (existingToken && existingToken !== userToken) {
                 instantSearchInstance.scheduleSearch();
               }
+              currentTokenType = tokenType;
+            }
+
+            // the authenticated user token cannot be overridden by a user or anonymous token
+            // for instant search query requests
+            if (currentTokenType && currentTokenType === 'authenticated' && tokenType === 'default' && !unsetAuthenticatedUserToken) {
+              return;
             }
 
             // Delay the token application to the next render cycle
@@ -13901,14 +13945,8 @@
               applyToken();
             }
           };
-          var anonymousUserToken = getInsightsAnonymousUserTokenInternal();
-          if (anonymousUserToken) {
-            // When `aa('init', { ... })` is called, it creates an anonymous user token in cookie.
-            // We can set it as userToken.
-            setUserTokenToSearch(anonymousUserToken, true);
-          }
           function setUserToken(token, userToken, authenticatedUserToken) {
-            setUserTokenToSearch(token, true);
+            setUserTokenToSearch(token, authenticatedUserToken ? 'authenticated' : 'default', true);
             if (userToken) {
               insightsClient('setUserToken', userToken);
             }
@@ -13916,19 +13954,66 @@
               insightsClient('setAuthenticatedUserToken', authenticatedUserToken);
             }
           }
+          var anonymousUserToken = undefined;
+          var anonymousTokenFromInsights = getInsightsAnonymousUserTokenInternal();
+          if (anonymousTokenFromInsights) {
+            // When `aa('init', { ... })` is called, it creates an anonymous user token in cookie.
+            // We can set it as userToken on instantsearch and insights. If it's not set as an insights
+            // userToken before a sendEvent, insights automatically generates a new anonymous token,
+            // causing a state change and an unnecessary query on instantsearch.
+            anonymousUserToken = anonymousTokenFromInsights;
+          } else {
+            var token = "anonymous-".concat(createUUID());
+            anonymousUserToken = token;
+          }
+          var authenticatedUserTokenFromInit;
+          var userTokenFromInit;
+
+          // With SSR, the token could be be set on the state. We make sure
+          // that insights is in sync with that token since, there is no
+          // insights lib on the server.
+          var tokenFromSearchParameters = initialParameters.userToken;
+
+          // When the first query is sent, the token is possibly not yet be set by
+          // the insights onChange callbacks (if insights isn't yet loaded).
+          // It is explicitly being set here so that the first query has the
+          // initial tokens set and ensure a second query isn't automatically
+          // made when the onChange callback actually changes the state.
+          if (insightsInitParams) {
+            if (insightsInitParams.authenticatedUserToken) {
+              authenticatedUserTokenFromInit = insightsInitParams.authenticatedUserToken;
+            } else if (insightsInitParams.userToken) {
+              userTokenFromInit = insightsInitParams.userToken;
+            }
+          }
 
           // We consider the `userToken` or `authenticatedUserToken` before an
-          // `init` call of higher importance than one from the queue.
+          // `init` call of higher importance than one from the queue and ones set
+          // from the init props to be higher than that.
+          var tokenFromInit = authenticatedUserTokenFromInit || userTokenFromInit;
           var tokenBeforeInit = authenticatedUserTokenBeforeInit || userTokenBeforeInit;
-          var queuedToken = queuedAuthenticatedUserToken || queuedUserToken;
-          if (tokenBeforeInit) {
+          var tokenFromQueue = queuedAuthenticatedUserToken || queuedUserToken;
+          if (tokenFromInit) {
+            setUserToken(tokenFromInit, userTokenFromInit, authenticatedUserTokenFromInit);
+          } else if (tokenFromSearchParameters) {
+            setUserToken(tokenFromSearchParameters, tokenFromSearchParameters, undefined);
+          } else if (tokenBeforeInit) {
             setUserToken(tokenBeforeInit, userTokenBeforeInit, authenticatedUserTokenBeforeInit);
-          } else if (queuedToken) {
-            setUserToken(queuedToken, queuedUserToken, queuedAuthenticatedUserToken);
+          } else if (tokenFromQueue) {
+            setUserToken(tokenFromQueue, queuedUserToken, queuedAuthenticatedUserToken);
+          } else if (anonymousUserToken) {
+            var _queuedInitParams;
+            setUserToken(anonymousUserToken, anonymousUserToken, undefined);
+            if (insightsInitParams !== null && insightsInitParams !== void 0 && insightsInitParams.useCookie || (_queuedInitParams = queuedInitParams) !== null && _queuedInitParams !== void 0 && _queuedInitParams.useCookie) {
+              var _queuedInitParams2;
+              saveTokenAsCookie(anonymousUserToken, (insightsInitParams === null || insightsInitParams === void 0 ? void 0 : insightsInitParams.cookieDuration) || ((_queuedInitParams2 = queuedInitParams) === null || _queuedInitParams2 === void 0 ? void 0 : _queuedInitParams2.cookieDuration));
+            }
           }
 
           // This updates userToken which is set explicitly by `aa('setUserToken', userToken)`
-          insightsClient('onUserTokenChange', setUserTokenToSearch, {
+          insightsClient('onUserTokenChange', function (token) {
+            return setUserTokenToSearch(token, 'default', true);
+          }, {
             immediate: true
           });
 
@@ -13937,10 +14022,10 @@
             // If we're unsetting the `authenticatedUserToken`, we revert to the `userToken`
             if (!authenticatedUserToken) {
               insightsClient('getUserToken', null, function (_, userToken) {
-                setUserTokenToSearch(userToken);
+                setUserTokenToSearch(userToken, 'default', true, true);
               });
             }
-            setUserTokenToSearch(authenticatedUserToken);
+            setUserTokenToSearch(authenticatedUserToken, 'authenticated', true);
           }, {
             immediate: true
           });
@@ -13989,6 +14074,13 @@
       };
     };
   }
+  function saveTokenAsCookie(token, cookieDuration) {
+    var MONTH = 30 * 24 * 60 * 60 * 1000;
+    var d = new Date();
+    d.setTime(d.getTime() + (cookieDuration || MONTH * 6));
+    var expires = "expires=".concat(d.toUTCString());
+    document.cookie = "_ALGOLIA=".concat(token, ";").concat(expires, ";path=/");
+  }
 
   /**
    * Determines if a given insights `client` supports the optional call to `init`
@@ -16017,7 +16109,7 @@
     };
   }
 
-  var version$1 = '4.75.1';
+  var version$1 = '4.75.3';
 
   var withUsage$v = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -20246,7 +20338,9 @@
         args[_key] = arguments[_key];
       }
       _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty(_assertThisInitialized(_this), "listRef", y());
       _defineProperty(_assertThisInitialized(_this), "searchBox", y());
+      _defineProperty(_assertThisInitialized(_this), "lastRefinedValue", undefined);
       _defineProperty(_assertThisInitialized(_this), "_generateFacetItem", function (facetValue) {
         var subItems;
         if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
@@ -20349,6 +20443,7 @@
     }, {
       key: "refine",
       value: function refine(facetValueToRefine) {
+        this.lastRefinedValue = facetValueToRefine;
         this.props.toggleRefinement(facetValueToRefine);
       }
     }, {
@@ -20358,6 +20453,19 @@
           this.searchBox.current.resetInput();
         }
       }
+
+      /**
+       * This sets focus on the last refined input element after a render
+       * because Preact does not perform it automatically.
+       * @see https://github.com/preactjs/preact/issues/3242
+       */
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate() {
+        var _this$listRef$current, _this$listRef$current2;
+        (_this$listRef$current = this.listRef.current) === null || _this$listRef$current === void 0 ? void 0 : (_this$listRef$current2 = _this$listRef$current.querySelector("input[value=\"".concat(this.lastRefinedValue, "\"]"))) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.focus();
+        this.lastRefinedValue = undefined;
+      }
     }, {
       key: "refineFirstValue",
       value: function refineFirstValue() {
@@ -20409,6 +20517,7 @@
           ariaLabel: "Search for filters"
         }));
         var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && h("ul", {
+          ref: this.listRef,
           className: this.props.cssClasses.list
         }, this.props.facetValues.map(this._generateFacetItem, this));
         var noResults = this.props.searchFacetValues && this.props.isFromSearch && (!this.props.facetValues || this.props.facetValues.length === 0) && h(Template, _extends({}, this.props.templateProps, {