algolia-experiences 1.5.3 → 1.5.4

package/dist/algolia-experiences.development.js

@@ -12998,7 +12998,7 @@
     };
   }
 
-  var version$1 = '4.76.0';
+  var version$1 = '4.77.0';
 
   function _typeof$j(o) {
     "@babel/helpers - typeof";
@@ -14021,8 +14021,12 @@
         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
         }));
@@ -14030,7 +14034,7 @@
     };
   }
 
-  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 +14109,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,7 +14184,13 @@
           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
         }));
@@ -14763,11 +14774,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({
@@ -23471,6 +23485,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 +23504,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) {
@@ -23615,7 +23646,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: {},
@@ -23639,7 +23671,8 @@
         return h(Template, _extends$i({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: sendEvent
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -23654,6 +23687,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -23661,7 +23695,8 @@
                 return h(Template, _extends$i({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -23669,12 +23704,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,
@@ -28888,6 +28924,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 +28943,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) {
@@ -29030,7 +29083,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: {},
@@ -29054,7 +29108,8 @@
         return h(Template, _extends$o({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: sendEvent
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -29069,6 +29124,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -29076,7 +29132,8 @@
                 return h(Template, _extends$o({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -29084,12 +29141,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 +29281,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 +29300,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) {
@@ -29367,7 +29441,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: {},
@@ -29391,7 +29466,8 @@
         return h(Template, _extends$p({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: sendEvent
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -29406,6 +29482,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -29413,7 +29490,8 @@
                 return h(Template, _extends$p({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -29421,14 +29499,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 +29634,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 +29653,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) {
@@ -29699,7 +29795,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: {},
@@ -29723,7 +29820,8 @@
         return h(Template, _extends$q({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
-          data: item
+          data: item,
+          sendEvent: sendEvent
         }));
       } : undefined;
       var emptyComponent = templates.empty ? function () {
@@ -29738,6 +29836,7 @@
           templateKey: "layout",
           rootTagName: "fragment",
           data: {
+            sendEvent: sendEvent,
             items: data.items,
             templates: {
               item: templates.item ? function (_ref4) {
@@ -29745,7 +29844,8 @@
                 return h(Template, _extends$q({}, renderState.templateProps, {
                   templateKey: "item",
                   rootTagName: "fragment",
-                  data: item
+                  data: item,
+                  sendEvent: sendEvent
                 }));
               } : undefined
             },
@@ -29753,7 +29853,8 @@
               list: data.classNames.list,
               item: data.classNames.item
             }
-          }
+          },
+          sendEvent: sendEvent
         }));
       } : undefined;
       P(h(LookingSimilar, {