vviinn-widgets 2.29.0 → 2.30.2

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-2bbc82df.js → package-6a69244e.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "2.29.0";
+const version = "2.30.2";
 
 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-2bbc82df.js');
-const index$2 = require('./index-ea4811ba.js');
+const _package = require('./package-6a69244e.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)}}";
 
@@ -1365,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)
@@ -1419,6 +1420,20 @@ 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;
@@ -1452,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-2bbc82df.js');
+const _package = require('./package-6a69244e.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-2bbc82df.js');
+const _package = require('./package-6a69244e.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-2bbc82df.js');
+const _package = require('./package-6a69244e.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": {
@@ -178,6 +178,7 @@ const VviinnVpsWidget = class {
     }
     else {
       document.body.style.overflow = this.overflow;
+      this.initResultEvents();
     }
   }
   buttonPressedWatcher(pressed) {
@@ -197,6 +198,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
@@ -288,6 +290,13 @@ const VviinnVpsWidget = class {
     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;
@@ -309,6 +318,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-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";
@@ -183,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)
@@ -237,6 +238,20 @@ 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;
@@ -270,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);

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

@@ -21,7 +21,7 @@ import { imageSearchState } from "../../store/imageSearch.store";
 import { state } from "../../store/store";
 import { slotChangeListener } from "../customized-slots";
 import { createTrackingApi } from "../../openApi";
-import { createWidgetVpsEvent, createFilterEvent, createSearchEvent, createProductVpsEventByType, } from "../../tracking";
+import { createWidgetVpsEvent, createFilterEvent, createSearchEvent, createProductVpsEventByType, createResultVpsEventByType, } from "../../tracking";
 import { SlotSkeleton } from "../customized-slots";
 import { campaignTypeNames } from "../../campaign/Campaign";
 import { parseExcluded } from "../../utils/collections/collectionsUtils";
@@ -145,6 +145,7 @@ export class VviinnVpsWidget {
     }
     else {
       document.body.style.overflow = this.overflow;
+      this.initResultEvents();
     }
   }
   buttonPressedWatcher(pressed) {
@@ -164,6 +165,7 @@ export class VviinnVpsWidget {
     if (!this.resultViewed) {
       this.resultViewed = true;
       this.vviinnResultView.emit(this.getBasicEventData());
+      this.trackResultEvent("view");
     }
     const productViewEvent = this.getProductTrackEvent(detail, "view");
     this.trackingApi
@@ -255,6 +257,13 @@ export class VviinnVpsWidget {
     const productEvent = createProductVpsEventByType(eventType)(eventBody);
     return productEvent;
   }
+  trackResultEvent(type) {
+    if (this.trackingDeactivated)
+      return;
+    const _a = this.getBasicEventData(), { campaignTypeId, widgetType } = _a, rest = __rest(_a, ["campaignTypeId", "widgetType"]);
+    let resultEvent = createResultVpsEventByType(type)(Object.assign({ session_id: this.uiSessionId }, rest));
+    this.trackingApi.trackEvent(resultEvent).then(this.setTrackingDeactivated);
+  }
   trackInitialSearch(source) {
     if (this.trackingDeactivated)
       return;
@@ -276,6 +285,7 @@ export class VviinnVpsWidget {
       return null;
     if (!this.resultLoaded) {
       this.vviinnResultLoad.emit(this.getBasicEventData());
+      this.trackResultEvent("load");
       this.resultLoaded = true;
     }
     return imageSearchState.results.map((p, i) => {

package/dist/collection/tracking/index.js

@@ -3,45 +3,59 @@ import { filterEvent } from "./filter";
 import { vprProductLoad, vpcProductLoad, vprProductClick, vpcProductClick, vprProductView, vpcProductView, vprAddToBasket, vpcAddToBasket, vpsProductClick, vpsProductView, vpsProductLoad, } from "./product";
 import { searchEvent } from "./search";
 import { vpcWidget, vprWidget, vpsWidget } from "./widget";
-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);
-export const createAddToBasketVprEvent = createTrackingEvent(vprAddToBasket);
-export const createAddToBasketVpcEvent = createTrackingEvent(vpcAddToBasket);
+import { vprResultLoad, vpcResultLoad, vpsResultLoad, vprResultView, vpcResultView, vpsResultView, } from "./result";
 export 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);
   }
 };
 export 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);
   }
 };
 export 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);
+  }
+};
+export const createResultVprEventByType = (type) => {
+  switch (type) {
+    case "load":
+      return createTrackingEvent(vprResultLoad);
+    case "view":
+      return createTrackingEvent(vprResultView);
+  }
+};
+export const createResultVpcEventByType = (type) => {
+  switch (type) {
+    case "load":
+      return createTrackingEvent(vpcResultLoad);
+    case "view":
+      return createTrackingEvent(vpcResultView);
+  }
+};
+export const createResultVpsEventByType = (type) => {
+  switch (type) {
+    case "load":
+      return createTrackingEvent(vpsResultLoad);
+    case "view":
+      return createTrackingEvent(vpsResultView);
   }
 };
 export const createWidgetVprEvent = createTrackingEvent(vprWidget);
@@ -49,3 +63,5 @@ export const createWidgetVpsEvent = createTrackingEvent(vpsWidget);
 export const createWidgetVpcEvent = createTrackingEvent(vpcWidget);
 export const createSearchEvent = createTrackingEvent(searchEvent);
 export const createFilterEvent = createTrackingEvent(filterEvent);
+export const createAddToBasketVprEvent = createTrackingEvent(vprAddToBasket);
+export const createAddToBasketVpcEvent = createTrackingEvent(vpcAddToBasket);

package/dist/collection/tracking/models.js

@@ -5,4 +5,6 @@ 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";
-export { PRODUCT_LOAD_EVENT_TYPE, PRODUCT_VIEW_EVENT_TYPE, PRODUCT_CLICK_EVENT_TYPE, ADD_TO_BASKET_EVENT_TYPE, FILTER_EVENT_TYPE, SEARCH_EVENT_TYPE, WIDGET_EVENT_TYPE, };
+const RESULT_LOAD_EVENT_TYPE = "result_load_event";
+const RESULT_VIEW_EVENT_TYPE = "result_view_event";
+export { PRODUCT_LOAD_EVENT_TYPE, PRODUCT_VIEW_EVENT_TYPE, PRODUCT_CLICK_EVENT_TYPE, ADD_TO_BASKET_EVENT_TYPE, FILTER_EVENT_TYPE, SEARCH_EVENT_TYPE, WIDGET_EVENT_TYPE, RESULT_LOAD_EVENT_TYPE, RESULT_VIEW_EVENT_TYPE, };

package/dist/collection/tracking/result.js

@@ -0,0 +1,26 @@
+import { RESULT_LOAD_EVENT_TYPE, RESULT_VIEW_EVENT_TYPE, } from "./models";
+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,
+};
+export { vprResultLoad, vprResultView, vpcResultLoad, vpcResultView, vpsResultLoad, vpsResultView, };

package/dist/esm/{index-95fa66d2.js → index-53105ad4.js}

@@ -3813,6 +3813,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",
@@ -3882,45 +3884,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);
@@ -3928,5 +3968,7 @@ const createWidgetVpsEvent = createTrackingEvent(vpsWidget);
 const createWidgetVpcEvent = createTrackingEvent(vpcWidget);
 const createSearchEvent = createTrackingEvent(searchEvent);
 const createFilterEvent = createTrackingEvent(filterEvent);
+const createAddToBasketVprEvent = createTrackingEvent(vprAddToBasket);
+const createAddToBasketVpcEvent = createTrackingEvent(vpcAddToBasket);
 
-export { createAddToBasketVpcEvent as a, createAddToBasketVprEvent as b, createTrackingApi as c, createWidgetVpcEvent as d, createWidgetVprEvent as e, createProductVpcEventByType as f, createProductVprEventByType as g, createSearchEvent as h, createFilterEvent as i, createWidgetVpsEvent as j, createProductVpsEventByType as k, v4 as v };
+export { createAddToBasketVpcEvent as a, createAddToBasketVprEvent as b, createTrackingApi as c, createWidgetVpcEvent as d, createWidgetVprEvent as e, createResultVpcEventByType as f, createResultVprEventByType as g, createProductVpcEventByType as h, createProductVprEventByType as i, createSearchEvent as j, createFilterEvent as k, createWidgetVpsEvent as l, createProductVpsEventByType as m, createResultVpsEventByType as n, v4 as v };

package/dist/esm/{package-fbba5beb.js → package-59929481.js}

@@ -1,3 +1,3 @@
-const version = "2.29.0";
+const version = "2.30.2";
 
 export { version as v };

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

@@ -3,8 +3,8 @@ import { _ as _Array, O as Option, S as Semigroup, a as _function, h as has, t a
 import { C as ChevronIcon } from './index-d1215e03.js';
 import { i as instance } from './i18next-387f2b0a.js';
 import { s as slotChangeListener, c as campaignTypeNames, f as fromString, a as fold, S as SlotSkeleton } from './customized-slots-136b5f71.js';
-import { v as version } from './package-fbba5beb.js';
-import { v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createProductVpcEventByType, g as createProductVprEventByType } from './index-95fa66d2.js';
+import { v as version } from './package-59929481.js';
+import { v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, i as createProductVprEventByType } from './index-53105ad4.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)}}";
 
@@ -1361,6 +1361,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)
@@ -1415,6 +1416,20 @@ 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 = 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;
@@ -1448,6 +1463,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;
     imageSearchState.results = this.recommendations;
     this.productIds = this.recommendations.map((r) => r.productId);

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f3eaf12.js';
-import { v as version } from './package-fbba5beb.js';
+import { v as version } from './package-59929481.js';
 import { V as VisualSearchIcon } from './index-d1215e03.js';
 
 const vviinnVprButtonCss = ":host{display:block}";