vviinn-widgets 2.28.0 → 2.30.0

package/dist/cjs/{index-ea4811ba.js → index-7ff2ab5f.js}

@@ -3815,6 +3815,8 @@ const ADD_TO_BASKET_EVENT_TYPE = "add_to_basket_event";
 const FILTER_EVENT_TYPE = "filter_event";
 const SEARCH_EVENT_TYPE = "search_event";
 const WIDGET_EVENT_TYPE = "widget_event";
+const RESULT_LOAD_EVENT_TYPE = "result_load_event";
+const RESULT_VIEW_EVENT_TYPE = "result_view_event";
 
 const filterEvent = {
   widget: "VPS",
@@ -3884,45 +3886,83 @@ const vpsWidget = {
   typ: WIDGET_EVENT_TYPE,
 };
 
-const createProductLoadVprEvent = createTrackingEvent(vprProductLoad);
-const createProductViewVprEvent = createTrackingEvent(vprProductView);
-const createProductClickVprEvent = createTrackingEvent(vprProductClick);
-const createProductLoadVpcEvent = createTrackingEvent(vpcProductLoad);
-const createProductViewVpcEvent = createTrackingEvent(vpcProductView);
-const createProductClickVpcEvent = createTrackingEvent(vpcProductClick);
-const createProductLoadVpsEvent = createTrackingEvent(vpsProductLoad);
-const createProductViewVpsEvent = createTrackingEvent(vpsProductView);
-const createProductClickVpsEvent = createTrackingEvent(vpsProductClick);
-const createAddToBasketVprEvent = createTrackingEvent(vprAddToBasket);
-const createAddToBasketVpcEvent = createTrackingEvent(vpcAddToBasket);
+const vprResultLoad = {
+  widget: "VPR",
+  typ: RESULT_LOAD_EVENT_TYPE,
+};
+const vprResultView = {
+  widget: "VPR",
+  typ: RESULT_VIEW_EVENT_TYPE,
+};
+const vpcResultLoad = {
+  widget: "VPC",
+  typ: RESULT_LOAD_EVENT_TYPE,
+};
+const vpcResultView = {
+  widget: "VPC",
+  typ: RESULT_VIEW_EVENT_TYPE,
+};
+const vpsResultLoad = {
+  widget: "VPS",
+  typ: RESULT_LOAD_EVENT_TYPE,
+};
+const vpsResultView = {
+  widget: "VPS",
+  typ: RESULT_VIEW_EVENT_TYPE,
+};
+
 const createProductVprEventByType = (type) => {
   switch (type) {
     case "load":
-      return createProductLoadVprEvent;
+      return createTrackingEvent(vprProductLoad);
     case "view":
-      return createProductViewVprEvent;
+      return createTrackingEvent(vprProductView);
     case "click":
-      return createProductClickVprEvent;
+      return createTrackingEvent(vprProductClick);
   }
 };
 const createProductVpcEventByType = (type) => {
   switch (type) {
     case "load":
-      return createProductLoadVpcEvent;
+      return createTrackingEvent(vpcProductLoad);
     case "view":
-      return createProductViewVpcEvent;
+      return createTrackingEvent(vpcProductView);
     case "click":
-      return createProductClickVpcEvent;
+      return createTrackingEvent(vpcProductClick);
   }
 };
 const createProductVpsEventByType = (type) => {
   switch (type) {
     case "load":
-      return createProductLoadVpsEvent;
+      return createTrackingEvent(vpsProductLoad);
     case "view":
-      return createProductViewVpsEvent;
+      return createTrackingEvent(vpsProductView);
     case "click":
-      return createProductClickVpsEvent;
+      return createTrackingEvent(vpsProductClick);
+  }
+};
+const createResultVprEventByType = (type) => {
+  switch (type) {
+    case "load":
+      return createTrackingEvent(vprResultLoad);
+    case "view":
+      return createTrackingEvent(vprResultView);
+  }
+};
+const createResultVpcEventByType = (type) => {
+  switch (type) {
+    case "load":
+      return createTrackingEvent(vpcResultLoad);
+    case "view":
+      return createTrackingEvent(vpcResultView);
+  }
+};
+const createResultVpsEventByType = (type) => {
+  switch (type) {
+    case "load":
+      return createTrackingEvent(vpsResultLoad);
+    case "view":
+      return createTrackingEvent(vpsResultView);
   }
 };
 const createWidgetVprEvent = createTrackingEvent(vprWidget);
@@ -3930,6 +3970,8 @@ const createWidgetVpsEvent = createTrackingEvent(vpsWidget);
 const createWidgetVpcEvent = createTrackingEvent(vpcWidget);
 const createSearchEvent = createTrackingEvent(searchEvent);
 const createFilterEvent = createTrackingEvent(filterEvent);
+const createAddToBasketVprEvent = createTrackingEvent(vprAddToBasket);
+const createAddToBasketVpcEvent = createTrackingEvent(vpcAddToBasket);
 
 exports.createAddToBasketVpcEvent = createAddToBasketVpcEvent;
 exports.createAddToBasketVprEvent = createAddToBasketVprEvent;
@@ -3937,6 +3979,9 @@ exports.createFilterEvent = createFilterEvent;
 exports.createProductVpcEventByType = createProductVpcEventByType;
 exports.createProductVprEventByType = createProductVprEventByType;
 exports.createProductVpsEventByType = createProductVpsEventByType;
+exports.createResultVpcEventByType = createResultVpcEventByType;
+exports.createResultVprEventByType = createResultVprEventByType;
+exports.createResultVpsEventByType = createResultVpsEventByType;
 exports.createSearchEvent = createSearchEvent;
 exports.createTrackingApi = createTrackingApi;
 exports.createWidgetVpcEvent = createWidgetVpcEvent;

package/dist/cjs/{package-2c1dfbe0.js → package-ebb49556.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "2.28.0";
+const version = "2.30.0";
 
 exports.version = version;

package/dist/cjs/vviinn-carousel_3.cjs.entry.js

@@ -7,8 +7,8 @@ const imageSearch_store = require('./imageSearch.store-dc4e98b3.js');
 const index$1 = require('./index-fcf59d51.js');
 const i18next = require('./i18next-74ff3413.js');
 const customizedSlots = require('./customized-slots-0a8d663c.js');
-const _package = require('./package-2c1dfbe0.js');
-const index$2 = require('./index-ea4811ba.js');
+const _package = require('./package-ebb49556.js');
+const index$2 = require('./index-7ff2ab5f.js');
 
 const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#e0e0e0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button{fill:#525252}button:disabled{display:none}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
 
@@ -492,7 +492,7 @@ const VviinnProductCard = class {
     links.forEach((link) => link.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopImmediatePropagation();
-      this.vviinnProductClick.emit(this.productData);
+      this.vviinnProductClick.emit(Object.assign(Object.assign({}, this.productData), { clickEvent: event }));
       imageSearch_store._function.pipe(getAnalyticsModule, imageSearch_store.Option.match(() => null, (analytics) => analytics.sendClick(this.getProduct())));
     }));
   }
@@ -1283,9 +1283,15 @@ const VviinnVprWidget = class {
       widgetVersion: _package.version,
     };
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -1359,6 +1365,7 @@ const VviinnVprWidget = class {
     if (!this.resultViewed) {
       this.resultViewed = true;
       this.vviinnResultView.emit(this.getBasicEventData());
+      this.trackResultEvent("view");
     }
     const productViewEvent = this.getProductTrackEvent(detail, "view");
     if (!productViewEvent)
@@ -1368,7 +1375,8 @@ const VviinnVprWidget = class {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
-    const product = this.recommendations.find((r) => r.productId === detail.productId);
+    const { productId, clickEvent } = detail;
+    const product = this.recommendations.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
@@ -1377,11 +1385,11 @@ const VviinnVprWidget = class {
         .trackEvent(productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   async trackAddToBasket({ detail }) {
@@ -1412,10 +1420,24 @@ const VviinnVprWidget = class {
     }
     this.trackingApi.trackEvent(widgetEvent).then(this.setTrackingDeactivated);
   }
+  trackResultEvent(type) {
+    if (this.trackingDeactivated)
+      return;
+    const _a = this.getBasicEventData(), rest = __rest(_a, ["campaignTypeId", "widgetType"]);
+    let resultEvent;
+    const eventBody = Object.assign({ session_id: this.uiSessionId }, rest);
+    if (this.campaignType === "VCS") {
+      resultEvent = index$2.createResultVpcEventByType(type)(eventBody);
+    }
+    else if (this.campaignType === "VPR") {
+      resultEvent = index$2.createResultVprEventByType(type)(eventBody);
+    }
+    this.trackingApi.trackEvent(resultEvent).then(this.setTrackingDeactivated);
+  }
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     let productEvent;
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     if (campaignTypeId === "VCS") {
@@ -1445,6 +1467,7 @@ const VviinnVprWidget = class {
   handleRecommendationsSuccess(data) {
     var _a;
     this.vviinnResultLoad.emit(this.getBasicEventData());
+    this.trackResultEvent("load");
     this.recommendations = (_a = data === null || data === void 0 ? void 0 : data.extended) !== null && _a !== void 0 ? _a : data;
     imageSearch_store.imageSearchState.results = this.recommendations;
     this.productIds = this.recommendations.map((r) => r.productId);

package/dist/cjs/vviinn-vpr-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const _package = require('./package-2c1dfbe0.js');
+const _package = require('./package-ebb49556.js');
 const index$1 = require('./index-fcf59d51.js');
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/cjs/vviinn-vps-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const _package = require('./package-2c1dfbe0.js');
+const _package = require('./package-ebb49556.js');
 const index$1 = require('./index-fcf59d51.js');
 const customizedSlots = require('./customized-slots-0a8d663c.js');
 

package/dist/cjs/vviinn-vps-widget.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5619b5ec.js');
 const imageSearch_store = require('./imageSearch.store-dc4e98b3.js');
 const i18next = require('./i18next-74ff3413.js');
-const _package = require('./package-2c1dfbe0.js');
+const _package = require('./package-ebb49556.js');
 const customizedSlots = require('./customized-slots-0a8d663c.js');
-const index$1 = require('./index-ea4811ba.js');
+const index$1 = require('./index-7ff2ab5f.js');
 
 const resources = {
   "de-DE": {
@@ -151,9 +151,15 @@ const VviinnVpsWidget = class {
   isResultSlide() {
     return this.slidePosition === 1;
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -191,6 +197,7 @@ const VviinnVpsWidget = class {
     if (!this.resultViewed) {
       this.resultViewed = true;
       this.vviinnResultView.emit(this.getBasicEventData());
+      this.trackResultEvent("view");
     }
     const productViewEvent = this.getProductTrackEvent(detail, "view");
     this.trackingApi
@@ -198,8 +205,9 @@ const VviinnVpsWidget = class {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
+    const { productId, clickEvent } = detail;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
-    const product = imageSearch_store.imageSearchState.results.find((r) => r.productId === detail.productId);
+    const product = imageSearch_store.imageSearchState.results.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     if (!this.trackingDeactivated) {
@@ -207,11 +215,11 @@ const VviinnVpsWidget = class {
         .trackEvent(this.trackingDeactivated ? null : productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   trachSearchAreaChanges() {
@@ -276,11 +284,18 @@ const VviinnVpsWidget = class {
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     const productEvent = index$1.createProductVpsEventByType(eventType)(eventBody);
     return productEvent;
   }
+  trackResultEvent(type) {
+    if (this.trackingDeactivated)
+      return;
+    const _a = this.getBasicEventData(), rest = __rest(_a, ["campaignTypeId", "widgetType"]);
+    let resultEvent = index$1.createResultVpsEventByType(type)(Object.assign({ session_id: this.uiSessionId }, rest));
+    this.trackingApi.trackEvent(resultEvent).then(this.setTrackingDeactivated);
+  }
   trackInitialSearch(source) {
     if (this.trackingDeactivated)
       return;
@@ -302,6 +317,7 @@ const VviinnVpsWidget = class {
       return null;
     if (!this.resultLoaded) {
       this.vviinnResultLoad.emit(this.getBasicEventData());
+      this.trackResultEvent("load");
       this.resultLoaded = true;
     }
     return imageSearch_store.imageSearchState.results.map((p, i) => {

package/dist/collection/components/vviinn-product-card/vviinn-product-card.js

@@ -94,7 +94,7 @@ export class VviinnProductCard {
     links.forEach((link) => link.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopImmediatePropagation();
-      this.vviinnProductClick.emit(this.productData);
+      this.vviinnProductClick.emit(Object.assign(Object.assign({}, this.productData), { clickEvent: event }));
       pipe(getAnalyticsModule, O.match(() => null, (analytics) => analytics.sendClick(this.getProduct())));
     }));
   }
@@ -553,7 +553,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -573,7 +573,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -593,7 +593,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -613,7 +613,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

package/dist/collection/components/vviinn-vpr-button/vviinn-vpr-button.js

@@ -560,7 +560,7 @@ export class VviinnVprButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -580,7 +580,7 @@ export class VviinnVprButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -600,7 +600,7 @@ export class VviinnVprButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-vidget.js

@@ -25,7 +25,7 @@ import { getRecommendationsService } from "../../campaign/CampaignService";
 import { imageSearchState } from "../../store/imageSearch.store";
 import { SlotSkeleton } from "../customized-slots";
 import { createTrackingApi } from "../../openApi";
-import { createWidgetVprEvent, createWidgetVpcEvent, createProductVpcEventByType, createProductVprEventByType, createAddToBasketVpcEvent, createAddToBasketVprEvent, } from "../../tracking";
+import { createWidgetVprEvent, createWidgetVpcEvent, createProductVpcEventByType, createProductVprEventByType, createAddToBasketVpcEvent, createAddToBasketVprEvent, createResultVpcEventByType, createResultVprEventByType, } from "../../tracking";
 import { checkEmpryString } from "../../utils/option/option";
 import { parseExcluded } from "../../utils/collections/collectionsUtils";
 import { resources } from "../../locale/resources-vpr";
@@ -101,9 +101,15 @@ export class VviinnVprWidget {
       widgetVersion: version,
     };
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -177,6 +183,7 @@ export class VviinnVprWidget {
     if (!this.resultViewed) {
       this.resultViewed = true;
       this.vviinnResultView.emit(this.getBasicEventData());
+      this.trackResultEvent("view");
     }
     const productViewEvent = this.getProductTrackEvent(detail, "view");
     if (!productViewEvent)
@@ -186,7 +193,8 @@ export class VviinnVprWidget {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
-    const product = this.recommendations.find((r) => r.productId === detail.productId);
+    const { productId, clickEvent } = detail;
+    const product = this.recommendations.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
@@ -195,11 +203,11 @@ export class VviinnVprWidget {
         .trackEvent(productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   async trackAddToBasket({ detail }) {
@@ -230,10 +238,24 @@ export class VviinnVprWidget {
     }
     this.trackingApi.trackEvent(widgetEvent).then(this.setTrackingDeactivated);
   }
+  trackResultEvent(type) {
+    if (this.trackingDeactivated)
+      return;
+    const _a = this.getBasicEventData(), { campaignTypeId, widgetType } = _a, rest = __rest(_a, ["campaignTypeId", "widgetType"]);
+    let resultEvent;
+    const eventBody = Object.assign({ session_id: this.uiSessionId }, rest);
+    if (this.campaignType === "VCS") {
+      resultEvent = createResultVpcEventByType(type)(eventBody);
+    }
+    else if (this.campaignType === "VPR") {
+      resultEvent = createResultVprEventByType(type)(eventBody);
+    }
+    this.trackingApi.trackEvent(resultEvent).then(this.setTrackingDeactivated);
+  }
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     let productEvent;
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     if (campaignTypeId === "VCS") {
@@ -263,6 +285,7 @@ export class VviinnVprWidget {
   handleRecommendationsSuccess(data) {
     var _a;
     this.vviinnResultLoad.emit(this.getBasicEventData());
+    this.trackResultEvent("load");
     this.recommendations = (_a = data === null || data === void 0 ? void 0 : data.extended) !== null && _a !== void 0 ? _a : data;
     imageSearchState.results = this.recommendations;
     this.productIds = this.recommendations.map((r) => r.productId);
@@ -855,7 +878,7 @@ export class VviinnVprWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -875,7 +898,7 @@ export class VviinnVprWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -895,7 +918,7 @@ export class VviinnVprWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js

@@ -379,7 +379,7 @@ export class VviinnVpsButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -399,7 +399,7 @@ export class VviinnVpsButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -419,7 +419,7 @@ export class VviinnVpsButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",