instantsearch.js 4.49.4 → 4.50.1

package/cjs/components/Pagination/Pagination.js

@@ -44,7 +44,7 @@ function Pagination(props) {
   }), props.pages.map(function (pageNumber) {
     return (0, _preact.h)(PaginationLink, {
       key: pageNumber,
-      ariaLabel: "".concat(pageNumber + 1),
+      ariaLabel: "Page ".concat(pageNumber + 1),
       className: props.cssClasses.pageItem,
       isSelected: pageNumber === props.currentPage,
       label: "".concat(pageNumber + 1),

package/cjs/connectors/hits/connectHits.js

@@ -61,7 +61,8 @@ var connectHits = function connectHits(renderFn) {
         if (!bindEvent) {
           bindEvent = (0, _utils.createBindEventForHits)({
             index: helper.getIndex(),
-            widgetType: this.$$type
+            widgetType: this.$$type,
+            instantSearchInstance: instantSearchInstance
           });
         }
         if (!results) {

package/cjs/connectors/infinite-hits/connectInfiniteHits.js

@@ -151,7 +151,8 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
           });
           bindEvent = (0, _utils.createBindEventForHits)({
             index: helper.getIndex(),
-            widgetType: this.$$type
+            widgetType: this.$$type,
+            instantSearchInstance: instantSearchInstance
           });
           isFirstPage = state.page === undefined || getFirstReceivedPage(state, cachedHits) === 0;
         } else {
@@ -165,7 +166,7 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
           var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID, {
             results: results
           });
-          if (cachedHits[_page] === undefined && !results.__isArtificial) {
+          if (cachedHits[_page] === undefined && !results.__isArtificial && instantSearchInstance.status === 'idle') {
             cachedHits[_page] = transformedHits;
             cache.write({
               state: state,

package/cjs/lib/InstantSearch.js

@@ -80,8 +80,9 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       }
     }));
     _defineProperty(_assertThisInitialized(_this), "scheduleRender", (0, _utils.defer)(function () {
+      var _this$mainHelper;
       var shouldResetStatus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      if (!_this.mainHelper.hasPendingRequests()) {
+      if (!((_this$mainHelper = _this.mainHelper) !== null && _this$mainHelper !== void 0 && _this$mainHelper.hasPendingRequests())) {
         clearTimeout(_this._searchStalledTimer);
         _this._searchStalledTimer = null;
         if (shouldResetStatus) {
@@ -349,12 +350,7 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       var mainHelper = this.mainHelper || (0, _algoliasearchHelper.default)(this.client, this.indexName);
       mainHelper.search = function () {
         _this3.status = 'loading';
-        // @MAJOR: use scheduleRender here
-        // For now, widgets don't expect to be rendered at the start of `loading`,
-        // so it would be a breaking change to add an extra render. We don't have
-        // these guarantees about the render event, thus emitting it once more
-        // isn't a breaking change.
-        _this3.emit('render');
+        _this3.scheduleRender(false);
 
         // This solution allows us to keep the exact same API for the users but
         // under the hood, we have a different implementation. It should be

package/cjs/lib/templating/prepareTemplateProps.js

@@ -26,8 +26,7 @@ defaultTemplates) {
     var defaultTemplate = defaultTemplates ? defaultTemplates[key] : undefined;
     var customTemplate = templates[key];
     var isCustomTemplate = customTemplate !== undefined && customTemplate !== defaultTemplate;
-    config.templates[key] = isCustomTemplate ? customTemplate // typescript doesn't recognize that this condition asserts customTemplate is defined
-    : defaultTemplate;
+    config.templates[key] = isCustomTemplate ? customTemplate : defaultTemplate;
     config.useCustomCompileOptions[key] = isCustomTemplate;
     return config;
   }, {

package/cjs/lib/templating/renderTemplate.js

@@ -57,6 +57,9 @@ function renderTemplate(_ref) {
       Snippet: _components.Snippet,
       ReverseSnippet: _components.ReverseSnippet
     };
+
+    // @MAJOR remove the `as any` when string templates are removed
+    // needed because not every template receives sendEvent
     return template(data, params);
   }
   var transformedHelpers = transformHelpersToHogan(helpers, compileOptions, data);

package/cjs/lib/utils/createSendEventForHits.js

@@ -20,7 +20,7 @@ var buildPayloads = function buildPayloads(_ref) {
     widgetType = _ref.widgetType,
     methodName = _ref.methodName,
     args = _ref.args,
-    isSearchStalled = _ref.isSearchStalled;
+    instantSearchInstance = _ref.instantSearchInstance;
   // when there's only one argument, that means it's custom
   if (args.length === 1 && _typeof(args[0]) === 'object') {
     return [args[0]];
@@ -59,7 +59,7 @@ var buildPayloads = function buildPayloads(_ref) {
     });
   });
   if (eventType === 'view') {
-    if (isSearchStalled) {
+    if (instantSearchInstance.status !== 'idle') {
       return [];
     }
     return hitsChunks.map(function (batch, i) {
@@ -129,7 +129,7 @@ function createSendEventForHits(_ref2) {
       index: index,
       methodName: 'sendEvent',
       args: args,
-      isSearchStalled: instantSearchInstance.status === 'stalled'
+      instantSearchInstance: instantSearchInstance
     });
     payloads.forEach(function (payload) {
       return instantSearchInstance.sendEventToInsights(payload);
@@ -139,7 +139,8 @@ function createSendEventForHits(_ref2) {
 }
 function createBindEventForHits(_ref3) {
   var index = _ref3.index,
-    widgetType = _ref3.widgetType;
+    widgetType = _ref3.widgetType,
+    instantSearchInstance = _ref3.instantSearchInstance;
   var bindEventForHits = function bindEventForHits() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
@@ -149,7 +150,7 @@ function createBindEventForHits(_ref3) {
       index: index,
       methodName: 'bindEvent',
       args: args,
-      isSearchStalled: false
+      instantSearchInstance: instantSearchInstance
     });
     return payloads.length ? "data-insights-event=".concat((0, _serializer.serializePayload)(payloads)) : '';
   };

package/cjs/lib/version.js

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

package/cjs/widgets/hits/hits.js

@@ -35,7 +35,8 @@ var renderer = function renderer(_ref) {
       results = _ref2.results,
       instantSearchInstance = _ref2.instantSearchInstance,
       insights = _ref2.insights,
-      bindEvent = _ref2.bindEvent;
+      bindEvent = _ref2.bindEvent,
+      sendEvent = _ref2.sendEvent;
     if (isFirstRendering) {
       renderState.templateProps = (0, _templating.prepareTemplateProps)({
         defaultTemplates: _defaultTemplates.default,
@@ -50,9 +51,7 @@ var renderer = function renderer(_ref) {
       results: results,
       templateProps: renderState.templateProps,
       insights: insights,
-      sendEvent: function sendEvent(event) {
-        instantSearchInstance.sendEventToInsights(event);
-      },
+      sendEvent: sendEvent,
       bindEvent: bindEvent
     }), containerNode);
   };

package/cjs/widgets/index/index.js

@@ -108,6 +108,7 @@ var index = function index(widgetParams) {
   var localParent = null;
   var helper = null;
   var derivedHelper = null;
+  var lastValidSearchParameters = null;
   return {
     $$type: 'ais.index',
     $$widgetType: 'ais.index',
@@ -121,7 +122,16 @@ var index = function index(widgetParams) {
       return helper;
     },
     getResults: function getResults() {
-      return derivedHelper && derivedHelper.lastResults;
+      var _derivedHelper;
+      if (!((_derivedHelper = derivedHelper) !== null && _derivedHelper !== void 0 && _derivedHelper.lastResults)) return null;
+
+      // To make the UI optimistic, we patch the state to display to the current
+      // one instead of the one associated with the latest results.
+      // This means user-driven UI changes (e.g., checked checkbox) are reflected
+      // immediately instead of waiting for Algolia to respond, regardless of
+      // the status of the network request.
+      derivedHelper.lastResults._state = helper.state;
+      return derivedHelper.lastResults;
     },
     getScopedResults: function getScopedResults() {
       var widgetParent = this.getParent();
@@ -326,6 +336,7 @@ var index = function index(widgetParams) {
         // does not have access to lastResults, which it used to in pre-federated
         // search behavior.
         helper.lastResults = results;
+        lastValidSearchParameters = results._state;
       });
 
       // We compute the render state before calling `init` in a separate loop
@@ -384,6 +395,12 @@ var index = function index(widgetParams) {
       if (!this.getResults()) {
         return;
       }
+
+      // we can't attach a listener to the error event of search, as the error
+      // then would no longer be thrown for global handlers.
+      if (instantSearchInstance.status === 'error' && !instantSearchInstance.mainHelper.hasPendingRequests()) {
+        helper.setState(lastValidSearchParameters);
+      }
       localWidgets.forEach(function (widget) {
         if (widget.getRenderState) {
           var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, (0, _utils.createRenderArgs)(instantSearchInstance, _this4));

package/cjs/widgets/infinite-hits/infinite-hits.js

@@ -40,7 +40,8 @@ var renderer = function renderer(_ref) {
       isLastPage = _ref2.isLastPage,
       instantSearchInstance = _ref2.instantSearchInstance,
       insights = _ref2.insights,
-      bindEvent = _ref2.bindEvent;
+      bindEvent = _ref2.bindEvent,
+      sendEvent = _ref2.sendEvent;
     if (isFirstRendering) {
       renderState.templateProps = (0, _templating.prepareTemplateProps)({
         defaultTemplates: _defaultTemplates.default,
@@ -60,9 +61,7 @@ var renderer = function renderer(_ref) {
       isFirstPage: isFirstPage,
       isLastPage: isLastPage,
       insights: insights,
-      sendEvent: function sendEvent(event) {
-        instantSearchInstance.sendEventToInsights(event);
-      },
+      sendEvent: sendEvent,
       bindEvent: bindEvent
     }), containerNode);
   };

package/dist/instantsearch.development.d.ts

@@ -2832,7 +2832,7 @@ declare namespace middlewares {
     }
 }
 
-declare type NoInfer<T> = [T][T extends any ? 0 : never];
+declare type NoInfer<T> = T extends infer S ? S : never;
 
 declare const numericMenu: NumericMenuWidget;
 
@@ -5052,7 +5052,7 @@ declare type Status = 'initial' | 'askingPermission' | 'waiting' | 'recognizing'
 
 declare type Template<TTemplateData = void> = string | ((data: TTemplateData, params: TemplateParams) => VNode | VNode[] | string);
 
-declare type TemplateParams = BindEventForHits & {
+declare type TemplateParams = {
     html: typeof html;
     components: {
         Highlight: typeof Highlight;
@@ -5067,7 +5067,15 @@ declare type Templates = {
     [key: string]: Template<any> | TemplateWithBindEvent<any> | undefined;
 };
 
-declare type TemplateWithBindEvent<TTemplateData = void> = string | ((data: TTemplateData, params: TemplateParams) => VNode | VNode[] | string);
+declare type TemplateWithBindEvent<TTemplateData = void> = string | ((data: TTemplateData, params: TemplateWithBindEventParams) => VNode | VNode[] | string);
+
+declare interface TemplateWithBindEventParams extends TemplateParams {
+    /** @deprecated use sendEvent instead */
+    (...args: Parameters<BuiltInBindEventForHits>): ReturnType<BuiltInBindEventForHits>;
+    /** @deprecated use sendEvent instead */
+    (...args: Parameters<CustomBindEventForHits>): ReturnType<CustomBindEventForHits>;
+    sendEvent: SendEventForHits;
+}
 
 declare type TextTemplateProps = {
     hasManyResults: boolean;

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.49.4 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch.js */
+/*! InstantSearch.js 4.50.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch.js */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -3150,7 +3150,33 @@
         };
       });
     } else if (results._state.isHierarchicalFacet(attribute)) {
-      return find(results.hierarchicalFacets, predicate);
+      var hierarchicalFacetValues = find(results.hierarchicalFacets, predicate);
+      if (!hierarchicalFacetValues) return hierarchicalFacetValues;
+
+      var hierarchicalFacet = results._state.getHierarchicalFacetByName(attribute);
+      var currentRefinementSplit = unescapeFacetValue$2(
+        results._state.getHierarchicalRefinement(attribute)[0] || ''
+      ).split(results._state._getHierarchicalFacetSeparator(hierarchicalFacet));
+      currentRefinementSplit.unshift(attribute);
+
+      setIsRefined(hierarchicalFacetValues, currentRefinementSplit, 0);
+
+      return hierarchicalFacetValues;
+    }
+  }
+
+  /**
+   * Set the isRefined of a hierarchical facet result based on the current state.
+   * @param {SearchResults.HierarchicalFacet} item Hierarchical facet to fix
+   * @param {string[]} currentRefinementSplit array of parts of the current hierarchical refinement
+   * @param {number} depth recursion depth in the currentRefinement
+   */
+  function setIsRefined(item, currentRefinement, depth) {
+    item.isRefined = item.name === currentRefinement[depth];
+    if (item.data) {
+      item.data.forEach(function(child) {
+        setIsRefined(child, currentRefinement, depth + 1);
+      });
     }
   }
 
@@ -4239,7 +4265,7 @@
 
   var requestBuilder_1 = requestBuilder;
 
-  var version = '3.11.2';
+  var version = '3.11.3';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -6278,7 +6304,7 @@
       widgetType = _ref.widgetType,
       methodName = _ref.methodName,
       args = _ref.args,
-      isSearchStalled = _ref.isSearchStalled;
+      instantSearchInstance = _ref.instantSearchInstance;
     // when there's only one argument, that means it's custom
     if (args.length === 1 && _typeof(args[0]) === 'object') {
       return [args[0]];
@@ -6313,7 +6339,7 @@
       });
     });
     if (eventType === 'view') {
-      if (isSearchStalled) {
+      if (instantSearchInstance.status !== 'idle') {
         return [];
       }
       return hitsChunks.map(function (batch, i) {
@@ -6381,7 +6407,7 @@
         index: index,
         methodName: 'sendEvent',
         args: args,
-        isSearchStalled: instantSearchInstance.status === 'stalled'
+        instantSearchInstance: instantSearchInstance
       });
       payloads.forEach(function (payload) {
         return instantSearchInstance.sendEventToInsights(payload);
@@ -6391,7 +6417,8 @@
   }
   function createBindEventForHits(_ref3) {
     var index = _ref3.index,
-      widgetType = _ref3.widgetType;
+      widgetType = _ref3.widgetType,
+      instantSearchInstance = _ref3.instantSearchInstance;
     var bindEventForHits = function bindEventForHits() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
@@ -6401,7 +6428,7 @@
         index: index,
         methodName: 'bindEvent',
         args: args,
-        isSearchStalled: false
+        instantSearchInstance: instantSearchInstance
       });
       return payloads.length ? "data-insights-event=".concat(serializePayload(payloads)) : '';
     };
@@ -7218,6 +7245,7 @@
     var localParent = null;
     var helper = null;
     var derivedHelper = null;
+    var lastValidSearchParameters = null;
     return {
       $$type: 'ais.index',
       $$widgetType: 'ais.index',
@@ -7231,7 +7259,16 @@
         return helper;
       },
       getResults: function getResults() {
-        return derivedHelper && derivedHelper.lastResults;
+        var _derivedHelper;
+        if (!((_derivedHelper = derivedHelper) !== null && _derivedHelper !== void 0 && _derivedHelper.lastResults)) return null;
+
+        // To make the UI optimistic, we patch the state to display to the current
+        // one instead of the one associated with the latest results.
+        // This means user-driven UI changes (e.g., checked checkbox) are reflected
+        // immediately instead of waiting for Algolia to respond, regardless of
+        // the status of the network request.
+        derivedHelper.lastResults._state = helper.state;
+        return derivedHelper.lastResults;
       },
       getScopedResults: function getScopedResults() {
         var widgetParent = this.getParent();
@@ -7436,6 +7473,7 @@
           // does not have access to lastResults, which it used to in pre-federated
           // search behavior.
           helper.lastResults = results;
+          lastValidSearchParameters = results._state;
         });
 
         // We compute the render state before calling `init` in a separate loop
@@ -7494,6 +7532,12 @@
         if (!this.getResults()) {
           return;
         }
+
+        // we can't attach a listener to the error event of search, as the error
+        // then would no longer be thrown for global handlers.
+        if (instantSearchInstance.status === 'error' && !instantSearchInstance.mainHelper.hasPendingRequests()) {
+          helper.setState(lastValidSearchParameters);
+        }
         localWidgets.forEach(function (widget) {
           if (widget.getRenderState) {
             var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, createRenderArgs(instantSearchInstance, _this4));
@@ -7573,7 +7617,7 @@
     instantSearchInstance.renderState = _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState), {}, _defineProperty({}, parentIndexName, _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState[parentIndexName]), renderState)));
   }
 
-  var version$1 = '4.49.4';
+  var version$1 = '4.50.1';
 
   var NAMESPACE = 'ais';
   var component = function component(componentName) {
@@ -8036,6 +8080,7 @@
 
           i += 1;
           c = 0x10000 + (((c & 0x3FF) << 10) | (string.charCodeAt(i) & 0x3FF));
+          /* eslint operator-linebreak: [2, "before"] */
           out += hexTable[0xF0 | (c >> 18)]
               + hexTable[0x80 | ((c >> 12) & 0x3F)]
               + hexTable[0x80 | ((c >> 6) & 0x3F)]
@@ -8125,6 +8170,7 @@
   };
 
   var isArray$1 = Array.isArray;
+  var split = String.prototype.split;
   var push = Array.prototype.push;
   var pushToArray = function (arr, valueOrArray) {
       push.apply(arr, isArray$1(valueOrArray) ? valueOrArray : [valueOrArray]);
@@ -8202,6 +8248,14 @@
       if (isNonNullishPrimitive(obj) || utils.isBuffer(obj)) {
           if (encoder) {
               var keyValue = encodeValuesOnly ? prefix : encoder(prefix, defaults.encoder, charset, 'key', format);
+              if (generateArrayPrefix === 'comma' && encodeValuesOnly) {
+                  var valuesArray = split.call(String(obj), ',');
+                  var valuesJoined = '';
+                  for (var i = 0; i < valuesArray.length; ++i) {
+                      valuesJoined += (i === 0 ? '' : ',') + formatter(encoder(valuesArray[i], defaults.encoder, charset, 'value', format));
+                  }
+                  return [formatter(keyValue) + '=' + valuesJoined];
+              }
               return [formatter(keyValue) + '=' + formatter(encoder(obj, defaults.encoder, charset, 'value', format))];
           }
           return [formatter(prefix) + '=' + formatter(String(obj))];
@@ -8216,7 +8270,7 @@
       var objKeys;
       if (generateArrayPrefix === 'comma' && isArray$1(obj)) {
           // we need to join elements in
-          objKeys = [{ value: obj.length > 0 ? obj.join(',') || null : undefined }];
+          objKeys = [{ value: obj.length > 0 ? obj.join(',') || null : void undefined }];
       } else if (isArray$1(filter)) {
           objKeys = filter;
       } else {
@@ -8224,9 +8278,9 @@
           objKeys = sort ? keys.sort(sort) : keys;
       }
 
-      for (var i = 0; i < objKeys.length; ++i) {
-          var key = objKeys[i];
-          var value = typeof key === 'object' && key.value !== undefined ? key.value : obj[key];
+      for (var j = 0; j < objKeys.length; ++j) {
+          var key = objKeys[j];
+          var value = typeof key === 'object' && typeof key.value !== 'undefined' ? key.value : obj[key];
 
           if (skipNulls && value === null) {
               continue;
@@ -8262,7 +8316,7 @@
           return defaults;
       }
 
-      if (opts.encoder !== null && opts.encoder !== undefined && typeof opts.encoder !== 'function') {
+      if (opts.encoder !== null && typeof opts.encoder !== 'undefined' && typeof opts.encoder !== 'function') {
           throw new TypeError('Encoder has to be a function.');
       }
 
@@ -8517,7 +8571,7 @@
               ) {
                   obj = [];
                   obj[index] = leaf;
-              } else {
+              } else if (cleanRoot !== '__proto__') {
                   obj[cleanRoot] = leaf;
               }
           }
@@ -9045,8 +9099,9 @@
         }
       }));
       _defineProperty(_assertThisInitialized(_this), "scheduleRender", defer(function () {
+        var _this$mainHelper;
         var shouldResetStatus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-        if (!_this.mainHelper.hasPendingRequests()) {
+        if (!((_this$mainHelper = _this.mainHelper) !== null && _this$mainHelper !== void 0 && _this$mainHelper.hasPendingRequests())) {
           clearTimeout(_this._searchStalledTimer);
           _this._searchStalledTimer = null;
           if (shouldResetStatus) {
@@ -9314,12 +9369,7 @@
         var mainHelper = this.mainHelper || algoliasearchHelper_1(this.client, this.indexName);
         mainHelper.search = function () {
           _this3.status = 'loading';
-          // @MAJOR: use scheduleRender here
-          // For now, widgets don't expect to be rendered at the start of `loading`,
-          // so it would be a breaking change to add an extra render. We don't have
-          // these guarantees about the render event, thus emitting it once more
-          // isn't a breaking change.
-          _this3.emit('render');
+          _this3.scheduleRender(false);
 
           // This solution allows us to keep the exact same API for the users but
           // under the hood, we have a different implementation. It should be
@@ -10115,7 +10165,8 @@
           if (!bindEvent) {
             bindEvent = createBindEventForHits({
               index: helper.getIndex(),
-              widgetType: this.$$type
+              widgetType: this.$$type,
+              instantSearchInstance: instantSearchInstance
             });
           }
           if (!results) {
@@ -10587,7 +10638,8 @@
             });
             bindEvent = createBindEventForHits({
               index: helper.getIndex(),
-              widgetType: this.$$type
+              widgetType: this.$$type,
+              instantSearchInstance: instantSearchInstance
             });
             isFirstPage = state.page === undefined || getFirstReceivedPage(state, cachedHits) === 0;
           } else {
@@ -10601,7 +10653,7 @@
             var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID, {
               results: results
             });
-            if (cachedHits[_page] === undefined && !results.__isArtificial) {
+            if (cachedHits[_page] === undefined && !results.__isArtificial && instantSearchInstance.status === 'idle') {
               cachedHits[_page] = transformedHits;
               cache.write({
                 state: state,
@@ -14152,8 +14204,7 @@
       var defaultTemplate = defaultTemplates ? defaultTemplates[key] : undefined;
       var customTemplate = templates[key];
       var isCustomTemplate = customTemplate !== undefined && customTemplate !== defaultTemplate;
-      config.templates[key] = isCustomTemplate ? customTemplate // typescript doesn't recognize that this condition asserts customTemplate is defined
-      : defaultTemplate;
+      config.templates[key] = isCustomTemplate ? customTemplate : defaultTemplate;
       config.useCustomCompileOptions[key] = isCustomTemplate;
       return config;
     }, {
@@ -15279,6 +15330,9 @@
         Snippet: Snippet$1,
         ReverseSnippet: ReverseSnippet$1
       };
+
+      // @MAJOR remove the `as any` when string templates are removed
+      // needed because not every template receives sendEvent
       return template(data, params);
     }
     var transformedHelpers = transformHelpersToHogan(helpers, compileOptions, data);
@@ -17165,7 +17219,8 @@
         results = _ref2.results,
         instantSearchInstance = _ref2.instantSearchInstance,
         insights = _ref2.insights,
-        bindEvent = _ref2.bindEvent;
+        bindEvent = _ref2.bindEvent,
+        sendEvent = _ref2.sendEvent;
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
           defaultTemplates: defaultTemplates$5,
@@ -17180,9 +17235,7 @@
         results: results,
         templateProps: renderState.templateProps,
         insights: insights,
-        sendEvent: function sendEvent(event) {
-          instantSearchInstance.sendEventToInsights(event);
-        },
+        sendEvent: sendEvent,
         bindEvent: bindEvent
       }), containerNode);
     };
@@ -17403,7 +17456,8 @@
         isLastPage = _ref2.isLastPage,
         instantSearchInstance = _ref2.instantSearchInstance,
         insights = _ref2.insights,
-        bindEvent = _ref2.bindEvent;
+        bindEvent = _ref2.bindEvent,
+        sendEvent = _ref2.sendEvent;
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
           defaultTemplates: defaultTemplates$6,
@@ -17423,9 +17477,7 @@
         isFirstPage: isFirstPage,
         isLastPage: isLastPage,
         insights: insights,
-        sendEvent: function sendEvent(event) {
-          instantSearchInstance.sendEventToInsights(event);
-        },
+        sendEvent: sendEvent,
         bindEvent: bindEvent
       }), containerNode);
     };
@@ -17902,7 +17954,7 @@
     }), props.pages.map(function (pageNumber) {
       return h(PaginationLink, {
         key: pageNumber,
-        ariaLabel: "".concat(pageNumber + 1),
+        ariaLabel: "Page ".concat(pageNumber + 1),
         className: props.cssClasses.pageItem,
         isSelected: pageNumber === props.currentPage,
         label: "".concat(pageNumber + 1),