algolia-experiences 1.5.3 → 1.5.5

package/dist/algolia-experiences.development.js

@@ -4313,6 +4313,34 @@
     );
   };
 
+  // NOTE: this behaves like lodash/defaults, but doesn't mutate the target
+  // it also preserve keys order and keep the highest numeric value
+  function mergeNumericMax() {
+    var sources = Array.prototype.slice.call(arguments);
+
+    return sources.reduceRight(function (acc, source) {
+      Object.keys(Object(source)).forEach(function (key) {
+        var accValue = typeof acc[key] === 'number' ? acc[key] : 0;
+        var sourceValue = source[key];
+
+        if (sourceValue === undefined) {
+          return;
+        }
+
+        if (sourceValue >= accValue) {
+          if (acc[key] !== undefined) {
+            // remove if already added, so that we can add it in correct order
+            delete acc[key];
+          }
+          acc[key] = sourceValue;
+        }
+      });
+      return acc;
+    }, {});
+  }
+
+  var mergeNumericMax_1 = mergeNumericMax;
+
   function compareAscending(value, other) {
     if (value !== other) {
       var valIsDefined = value !== undefined;
@@ -5100,7 +5128,7 @@
 
           self.hierarchicalFacets[position][attributeIndex].data =
             self.persistHierarchicalRootCount
-              ? defaultsPure(
+              ? mergeNumericMax_1(
                   self.hierarchicalFacets[position][attributeIndex].data,
                   facetResults
                 )
@@ -5116,7 +5144,7 @@
 
           self.disjunctiveFacets[position] = {
             name: dfacet,
-            data: defaultsPure(dataFromMainRequest, facetResults),
+            data: mergeNumericMax_1(dataFromMainRequest, facetResults),
             exhaustive: result.exhaustiveFacetsCount,
           };
           assignFacetStats(
@@ -5805,7 +5833,7 @@
 
   var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
 
-  var version = '3.23.0';
+  var version = '3.23.1';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -8899,9 +8927,9 @@
       var queryParameters = transporter.queryParameters || transporter.baseQueryParameters;
       var APP_ID = 'x-algolia-application-id';
       var API_KEY = 'x-algolia-api-key';
-      var _appId = headers[APP_ID] || queryParameters[APP_ID];
-      var _apiKey = headers[API_KEY] || queryParameters[API_KEY];
-      return [_appId, _apiKey];
+      var appId = headers[APP_ID] || queryParameters[APP_ID];
+      var apiKey = headers[API_KEY] || queryParameters[API_KEY];
+      return [appId, apiKey];
     } else {
       // searchClient v3
       return [searchClient.applicationID, searchClient.apiKey];
@@ -12998,7 +13026,7 @@
     };
   }
 
-  var version$1 = '4.76.0';
+  var version$1 = '4.77.1';
 
   function _typeof$j(o) {
     "@babel/helpers - typeof";
@@ -14021,16 +14049,21 @@
         return createElement("li", {
           key: item.objectID,
           className: classNames.item,
-          onClick: sendEvent,
-          onAuxClick: sendEvent
+          onClick: function onClick() {
+            sendEvent('click:internal', item, 'Item Clicked');
+          },
+          onAuxClick: function onAuxClick() {
+            sendEvent('click:internal', item, 'Item Clicked');
+          }
         }, createElement(ItemComponent, {
-          item: item
+          item: item,
+          sendEvent: sendEvent
         }));
       })));
     };
   }
 
-  var _excluded$3 = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations"];
+  var _excluded$3 = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations", "sendEvent"];
   function ownKeys$g(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -14105,6 +14138,7 @@
         NextIconComponent = _userProps$nextIconCo === void 0 ? NextIconDefaultComponent : _userProps$nextIconCo,
         items = userProps.items,
         userTranslations = userProps.translations,
+        sendEvent = userProps.sendEvent,
         props = _objectWithoutProperties$4(userProps, _excluded$3);
       var translations = _objectSpread$f({
         listLabel: 'Items',
@@ -14179,9 +14213,16 @@
           key: item.objectID,
           className: cx(cssClasses.item),
           "aria-roledescription": "slide",
-          "aria-label": "".concat(index + 1, " of ").concat(items.length)
+          "aria-label": "".concat(index + 1, " of ").concat(items.length),
+          onClick: function onClick() {
+            sendEvent('click:internal', item, 'Item Clicked');
+          },
+          onAuxClick: function onAuxClick() {
+            sendEvent('click:internal', item, 'Item Clicked');
+          }
         }, createElement(ItemComponent, {
-          item: item
+          item: item,
+          sendEvent: sendEvent
         }));
       })), createElement("button", {
         ref: nextButtonRef,
@@ -14763,11 +14804,14 @@
       var items = _ref2.items,
         widgetTemplates = _ref2.templates,
         _ref2$cssClasses = _ref2.cssClasses,
-        widgetCssClasses = _ref2$cssClasses === void 0 ? {} : _ref2$cssClasses;
+        widgetCssClasses = _ref2$cssClasses === void 0 ? {} : _ref2$cssClasses,
+        _ref2$sendEvent = _ref2.sendEvent,
+        sendEvent = _ref2$sendEvent === void 0 ? function () {} : _ref2$sendEvent;
       var previous = templates.previous,
         next = templates.next;
       return h(CarouselWithRefs, {
         items: items,
+        sendEvent: sendEvent,
         itemComponent: widgetTemplates.item,
         previousIconComponent: previous ? function () {
           return previous({
@@ -18923,8 +18967,8 @@
     }, {
       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();
+        var _this$listRef$current, _this$listRef$current2, _this$lastRefinedValu;
+        (_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$lastRefinedValu = this.lastRefinedValue) === null || _this$lastRefinedValu === void 0 ? void 0 : _this$lastRefinedValu.replace('"', '\\"'), "\"]"))) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.focus();
         this.lastRefinedValue = undefined;
       }
     }, {
@@ -23471,6 +23515,7 @@
       if (!objectIDs || objectIDs.length === 0) {
         throw new Error(withUsage$o('The `objectIDs` option is required.'));
       }
+      var sendEvent;
       return {
         dependsOn: 'recommend',
         $$type: 'ais.relatedProducts',
@@ -23489,21 +23534,37 @@
           return renderState;
         },
         getWidgetRenderState: function getWidgetRenderState(_ref2) {
-          var results = _ref2.results;
+          var results = _ref2.results,
+            helper = _ref2.helper,
+            instantSearchInstance = _ref2.instantSearchInstance;
+          if (!sendEvent) {
+            sendEvent = createSendEventForHits({
+              instantSearchInstance: instantSearchInstance,
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
+              widgetType: this.$$type
+            });
+          }
           if (results === null || results === undefined) {
             return {
               items: [],
-              widgetParams: widgetParams
+              widgetParams: widgetParams,
+              sendEvent: sendEvent
             };
           }
           if (escapeHTML && results.hits.length > 0) {
             results.hits = escapeHits(results.hits);
           }
+          var itemsWithAbsolutePosition = addAbsolutePosition(results.hits, 0, 1);
+          var itemsWithAbsolutePositionAndQueryID = addQueryID(itemsWithAbsolutePosition, results.queryID);
+          var transformedItems = transformItems(itemsWithAbsolutePositionAndQueryID, {
+            results: results
+          });
           return {
-            items: transformItems(results.hits, {
-              results: results
-            }),
-            widgetParams: widgetParams
+            items: transformedItems,
+            widgetParams: widgetParams,
+            sendEvent: sendEvent
           };
         },
         dispose: function dispose(_ref3) {
@@ -23537,6 +23598,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$T(o);
   }
+  var _excluded$n = ["item", "sendEvent"];
   function ownKeys$R(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -23586,6 +23648,33 @@
     }
     return ("string" === r ? String : Number)(t);
   }
+  function _objectWithoutProperties$i(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose$i(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$i(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;
+  }
   function _extends$i() {
     _extends$i = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -23615,7 +23704,8 @@
     return function renderer(_ref2, isFirstRendering) {
       var items = _ref2.items,
         results = _ref2.results,
-        instantSearchInstance = _ref2.instantSearchInstance;
+        instantSearchInstance = _ref2.instantSearchInstance,
+        sendEvent = _ref2.sendEvent;
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
           defaultTemplates: {},
@@ -23635,11 +23725,15 @@
         }));
       } : undefined;
       var itemComponent = templates.item ? function (_ref3) {
-        var item = _ref3.item;
+        var item = _ref3.item,
+          _sendEvent = _ref3.sendEvent,
+          rootProps = _objectWithoutProperties$i(_ref3, _excluded$n);
         return h(Template, _extends$i({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: _sendEvent,
+          rootProps: _objectSpread$Q({}, rootProps)
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -23654,6 +23748,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -23661,7 +23756,8 @@
                 return h(Template, _extends$i({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -23669,12 +23765,13 @@
               list: data.classNames.list,
               item: data.classNames.item
             }
-          }
+          },
+          sendEvent: sendEvent
         }));
       } : undefined;
       P(h(RelatedProducts, {
         items: items,
-        sendEvent: function sendEvent() {},
+        sendEvent: sendEvent,
         classNames: cssClasses,
         headerComponent: headerComponent,
         itemComponent: itemComponent,
@@ -26455,7 +26552,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$11(o);
   }
-  var _excluded$n = ["name", "escapedValue"],
+  var _excluded$o = ["name", "escapedValue"],
     _excluded2$4 = ["escapedValue", "value"];
   function ownKeys$Y(e, r) {
     var t = Object.keys(e);
@@ -26506,9 +26603,9 @@
     }
     return ("string" === r ? String : Number)(t);
   }
-  function _objectWithoutProperties$i(source, excluded) {
+  function _objectWithoutProperties$j(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$i(source, excluded);
+    var target = _objectWithoutPropertiesLoose$j(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -26521,7 +26618,7 @@
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$i(source, excluded) {
+  function _objectWithoutPropertiesLoose$j(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -26584,7 +26681,7 @@
       var formatItems = function formatItems(_ref2) {
         var label = _ref2.name,
           value = _ref2.escapedValue,
-          item = _objectWithoutProperties$i(_ref2, _excluded$n);
+          item = _objectWithoutProperties$j(_ref2, _excluded$o);
         return _objectSpread$X(_objectSpread$X({}, item), {}, {
           value: value,
           label: label,
@@ -26641,7 +26738,7 @@
                 var normalizedFacetValues = transformItems(facetValues.map(function (_ref3) {
                   var escapedValue = _ref3.escapedValue,
                     value = _ref3.value,
-                    item = _objectWithoutProperties$i(_ref3, _excluded2$4);
+                    item = _objectWithoutProperties$j(_ref3, _excluded2$4);
                   return _objectSpread$X(_objectSpread$X({}, item), {}, {
                     value: escapedValue,
                     label: value
@@ -27790,7 +27887,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$17(o);
   }
-  var _excluded$o = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
+  var _excluded$p = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
   function _extends$m() {
     _extends$m = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -27854,9 +27951,9 @@
     }
     return ("string" === r ? String : Number)(t);
   }
-  function _objectWithoutProperties$j(source, excluded) {
+  function _objectWithoutProperties$k(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$j(source, excluded);
+    var target = _objectWithoutPropertiesLoose$k(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -27869,7 +27966,7 @@
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$j(source, excluded) {
+  function _objectWithoutPropertiesLoose$k(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -27886,7 +27983,7 @@
       nbSortedHits = _ref.nbSortedHits,
       cssClasses = _ref.cssClasses,
       templateProps = _ref.templateProps,
-      rest = _objectWithoutProperties$j(_ref, _excluded$o);
+      rest = _objectWithoutProperties$k(_ref, _excluded$p);
     return h("div", {
       className: cx(cssClasses.root)
     }, h(Template, _extends$m({}, templateProps, {
@@ -28888,6 +28985,7 @@
       if (facetName && !facetValue || !facetName && facetValue) {
         throw new Error(withUsage$F("When you provide facetName (received type ".concat(getObjectType(facetName), "), you must also provide facetValue (received type ").concat(getObjectType(facetValue), ").")));
       }
+      var sendEvent;
       return {
         dependsOn: 'recommend',
         $$type: 'ais.trendingItems',
@@ -28906,21 +29004,37 @@
           return renderState;
         },
         getWidgetRenderState: function getWidgetRenderState(_ref2) {
-          var results = _ref2.results;
+          var results = _ref2.results,
+            helper = _ref2.helper,
+            instantSearchInstance = _ref2.instantSearchInstance;
+          if (!sendEvent) {
+            sendEvent = createSendEventForHits({
+              instantSearchInstance: instantSearchInstance,
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
+              widgetType: this.$$type
+            });
+          }
           if (results === null || results === undefined) {
             return {
               items: [],
-              widgetParams: widgetParams
+              widgetParams: widgetParams,
+              sendEvent: sendEvent
             };
           }
           if (escapeHTML && results.hits.length > 0) {
             results.hits = escapeHits(results.hits);
           }
+          var itemsWithAbsolutePosition = addAbsolutePosition(results.hits, 0, 1);
+          var itemsWithAbsolutePositionAndQueryID = addQueryID(itemsWithAbsolutePosition, results.queryID);
+          var transformedItems = transformItems(itemsWithAbsolutePositionAndQueryID, {
+            results: results
+          });
           return {
-            items: transformItems(results.hits, {
-              results: results
-            }),
-            widgetParams: widgetParams
+            items: transformedItems,
+            widgetParams: widgetParams,
+            sendEvent: sendEvent
           };
         },
         dispose: function dispose(_ref3) {
@@ -28952,6 +29066,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$1d(o);
   }
+  var _excluded$q = ["item", "sendEvent"];
   function ownKeys$18(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -29001,6 +29116,33 @@
     }
     return ("string" === r ? String : Number)(t);
   }
+  function _objectWithoutProperties$l(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose$l(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$l(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;
+  }
   function _extends$o() {
     _extends$o = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -29030,7 +29172,8 @@
     return function renderer(_ref2, isFirstRendering) {
       var items = _ref2.items,
         results = _ref2.results,
-        instantSearchInstance = _ref2.instantSearchInstance;
+        instantSearchInstance = _ref2.instantSearchInstance,
+        sendEvent = _ref2.sendEvent;
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
           defaultTemplates: {},
@@ -29050,11 +29193,15 @@
         }));
       } : undefined;
       var itemComponent = templates.item ? function (_ref3) {
-        var item = _ref3.item;
+        var item = _ref3.item,
+          _sendEvent = _ref3.sendEvent,
+          rootProps = _objectWithoutProperties$l(_ref3, _excluded$q);
         return h(Template, _extends$o({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: _sendEvent,
+          rootProps: _objectSpread$17({}, rootProps)
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -29069,6 +29216,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -29076,7 +29224,8 @@
                 return h(Template, _extends$o({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -29084,12 +29233,13 @@
               list: data.classNames.list,
               item: data.classNames.item
             }
-          }
+          },
+          sendEvent: sendEvent
         }));
       } : undefined;
       P(h(TrendingItems, {
         items: items,
-        sendEvent: function sendEvent() {},
+        sendEvent: sendEvent,
         classNames: cssClasses,
         headerComponent: headerComponent,
         itemComponent: itemComponent,
@@ -29223,6 +29373,7 @@
       if (!objectIDs || objectIDs.length === 0) {
         throw new Error(withUsage$H('The `objectIDs` option is required.'));
       }
+      var sendEvent;
       return {
         dependsOn: 'recommend',
         $$type: 'ais.frequentlyBoughtTogether',
@@ -29241,22 +29392,37 @@
           return renderState;
         },
         getWidgetRenderState: function getWidgetRenderState(_ref2) {
-          var results = _ref2.results;
+          var results = _ref2.results,
+            helper = _ref2.helper,
+            instantSearchInstance = _ref2.instantSearchInstance;
+          if (!sendEvent) {
+            sendEvent = createSendEventForHits({
+              instantSearchInstance: instantSearchInstance,
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
+              widgetType: this.$$type
+            });
+          }
           if (results === null || results === undefined) {
             return {
               items: [],
-              widgetParams: widgetParams
+              widgetParams: widgetParams,
+              sendEvent: sendEvent
             };
           }
           if (escapeHTML && results.hits.length > 0) {
             results.hits = escapeHits(results.hits);
           }
-          var transformedItems = transformItems(results.hits, {
+          var itemsWithAbsolutePosition = addAbsolutePosition(results.hits, 0, 1);
+          var itemsWithAbsolutePositionAndQueryID = addQueryID(itemsWithAbsolutePosition, results.queryID);
+          var transformedItems = transformItems(itemsWithAbsolutePositionAndQueryID, {
             results: results
           });
           return {
             items: transformedItems,
-            widgetParams: widgetParams
+            widgetParams: widgetParams,
+            sendEvent: sendEvent
           };
         },
         dispose: function dispose(_ref3) {
@@ -29289,6 +29455,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$1f(o);
   }
+  var _excluded$r = ["item", "sendEvent"];
   function ownKeys$1a(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -29338,6 +29505,33 @@
     }
     return ("string" === r ? String : Number)(t);
   }
+  function _objectWithoutProperties$m(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose$m(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$m(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;
+  }
   function _extends$p() {
     _extends$p = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -29367,7 +29561,8 @@
     return function (_ref2, isFirstRendering) {
       var items = _ref2.items,
         results = _ref2.results,
-        instantSearchInstance = _ref2.instantSearchInstance;
+        instantSearchInstance = _ref2.instantSearchInstance,
+        sendEvent = _ref2.sendEvent;
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
           defaultTemplates: {},
@@ -29387,11 +29582,15 @@
         }));
       } : undefined;
       var itemComponent = templates.item ? function (_ref3) {
-        var item = _ref3.item;
+        var item = _ref3.item,
+          _sendEvent = _ref3.sendEvent,
+          rootProps = _objectWithoutProperties$m(_ref3, _excluded$r);
         return h(Template, _extends$p({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: _sendEvent,
+          rootProps: _objectSpread$19({}, rootProps)
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -29406,6 +29605,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -29413,7 +29613,8 @@
                 return h(Template, _extends$p({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -29421,14 +29622,15 @@
               list: data.classNames.list,
               item: data.classNames.item
             }
-          }
+          },
+          sendEvent: sendEvent
         }));
       } : undefined;
       P(h(FrequentlyBoughtTogether, {
         items: items,
         headerComponent: headerComponent,
         itemComponent: itemComponent,
-        sendEvent: function sendEvent() {},
+        sendEvent: sendEvent,
         classNames: cssClasses,
         emptyComponent: emptyComponent,
         layout: layoutComponent,
@@ -29555,6 +29757,7 @@
       if (!objectIDs || objectIDs.length === 0) {
         throw new Error(withUsage$J('The `objectIDs` option is required.'));
       }
+      var sendEvent;
       return {
         dependsOn: 'recommend',
         $$type: 'ais.lookingSimilar',
@@ -29573,21 +29776,37 @@
           return renderState;
         },
         getWidgetRenderState: function getWidgetRenderState(_ref2) {
-          var results = _ref2.results;
+          var results = _ref2.results,
+            helper = _ref2.helper,
+            instantSearchInstance = _ref2.instantSearchInstance;
+          if (!sendEvent) {
+            sendEvent = createSendEventForHits({
+              instantSearchInstance: instantSearchInstance,
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
+              widgetType: this.$$type
+            });
+          }
           if (results === null || results === undefined) {
             return {
               items: [],
-              widgetParams: widgetParams
+              widgetParams: widgetParams,
+              sendEvent: sendEvent
             };
           }
           if (escapeHTML && results.hits.length > 0) {
             results.hits = escapeHits(results.hits);
           }
+          var itemsWithAbsolutePosition = addAbsolutePosition(results.hits, 0, 1);
+          var itemsWithAbsolutePositionAndQueryID = addQueryID(itemsWithAbsolutePosition, results.queryID);
+          var transformedItems = transformItems(itemsWithAbsolutePositionAndQueryID, {
+            results: results
+          });
           return {
-            items: transformItems(results.hits, {
-              results: results
-            }),
-            widgetParams: widgetParams
+            items: transformedItems,
+            widgetParams: widgetParams,
+            sendEvent: sendEvent
           };
         },
         dispose: function dispose(_ref3) {
@@ -29621,6 +29840,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$1h(o);
   }
+  var _excluded$s = ["item", "sendEvent"];
   function ownKeys$1c(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -29670,6 +29890,33 @@
     }
     return ("string" === r ? String : Number)(t);
   }
+  function _objectWithoutProperties$n(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose$n(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$n(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;
+  }
   function _extends$q() {
     _extends$q = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -29699,7 +29946,8 @@
     return function (_ref2, isFirstRendering) {
       var items = _ref2.items,
         results = _ref2.results,
-        instantSearchInstance = _ref2.instantSearchInstance;
+        instantSearchInstance = _ref2.instantSearchInstance,
+        sendEvent = _ref2.sendEvent;
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
           defaultTemplates: {},
@@ -29719,11 +29967,15 @@
         }));
       } : undefined;
       var itemComponent = templates.item ? function (_ref3) {
-        var item = _ref3.item;
+        var item = _ref3.item,
+          _sendEvent = _ref3.sendEvent,
+          rootProps = _objectWithoutProperties$n(_ref3, _excluded$s);
         return h(Template, _extends$q({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: _sendEvent,
+          rootProps: _objectSpread$1b({}, rootProps)
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -29738,6 +29990,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -29745,7 +29998,8 @@
                 return h(Template, _extends$q({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -29753,7 +30007,8 @@
               list: data.classNames.list,
               item: data.classNames.item
             }
-          }
+          },
+          sendEvent: sendEvent
         }));
       } : undefined;
       P(h(LookingSimilar, {
@@ -29906,7 +30161,7 @@
     'ais.trendingItems': trendingItems
   };
 
-  var _excluded$p = ["header", "collapsed"];
+  var _excluded$t = ["header", "collapsed"];
   function injectStyles() {
     var style = document.createElement('style');
     style.dataset.source = 'instantsearch';
@@ -30089,7 +30344,7 @@
       var _ref7 = child.parameters,
         header = _ref7.header,
         defaultCollapsed = _ref7.collapsed,
-        _parameters3 = _objectWithoutProperties(_ref7, _excluded$p);
+        _parameters3 = _objectWithoutProperties(_ref7, _excluded$t);
       var _widget3 = widgets[child.type];
       return [panel({
         templates: {
@@ -30193,7 +30448,7 @@
         }
       }]);
       return AlgoliaExperience;
-    }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
+    }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
     _defineProperty(AlgoliaExperience, "observedAttributes", ['experience-id']);
     customElements.define('algolia-experience', AlgoliaExperience);
   }