vviinn-widgets 2.21.0 → 2.22.2

package/dist/cjs/highlight-box_22.cjs.entry.js

@@ -181,6 +181,7 @@ const ImageCropper = class {
 ImageCropper.style = imageCropperCss;
 
 const parseFilters = (filter, filterType) => {
+  var _a;
   if (!filter)
     return "";
   const result = {};
@@ -194,7 +195,7 @@ const parseFilters = (filter, filterType) => {
     result[key] = value;
   });
   if (filterType === "categories") {
-    return result["product_type"];
+    return (_a = result["product_type"]) !== null && _a !== void 0 ? _a : result["google_product_category"];
   }
   return result[filterType];
 };

package/dist/cjs/{index-3e976225.js → index-0659dc39.js}

@@ -1971,6 +1971,41 @@ exports.EventConfirmation = EventConfirmation;
 //# sourceMappingURL=EventConfirmation.js.map
 });
 
+var EventObject_1 = imageSearch_store.createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventObject = void 0;
+var EventObject = (function () {
+    function EventObject() {
+    }
+    EventObject.getAttributeTypeMap = function () {
+        return EventObject.attributeTypeMap;
+    };
+    EventObject.discriminator = undefined;
+    EventObject.attributeTypeMap = [
+        {
+            "name": "typ",
+            "baseName": "typ",
+            "type": "EventType",
+            "format": ""
+        },
+        {
+            "name": "enabled",
+            "baseName": "enabled",
+            "type": "boolean",
+            "format": ""
+        }
+    ];
+    return EventObject;
+}());
+exports.EventObject = EventObject;
+//# sourceMappingURL=EventObject.js.map
+});
+
+var EventType = imageSearch_store.createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=EventType.js.map
+});
+
 var FilterAction = imageSearch_store.createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=FilterAction.js.map
@@ -2129,7 +2164,7 @@ exports.ProductClickEvent = ProductClickEvent;
 //# sourceMappingURL=ProductClickEvent.js.map
 });
 
-var ProductViewEvent_1 = imageSearch_store.createCommonjsModule(function (module, exports) {
+var ProductLoadEvent_1 = imageSearch_store.createCommonjsModule(function (module, exports) {
 var __extends = (imageSearch_store.commonjsGlobal && imageSearch_store.commonjsGlobal.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -2146,20 +2181,20 @@ var __extends = (imageSearch_store.commonjsGlobal && imageSearch_store.commonjsG
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductViewEvent = void 0;
+exports.ProductLoadEvent = void 0;
 
-var ProductViewEvent = (function (_super) {
-    __extends(ProductViewEvent, _super);
-    function ProductViewEvent() {
+var ProductLoadEvent = (function (_super) {
+    __extends(ProductLoadEvent, _super);
+    function ProductLoadEvent() {
         var _this = _super.call(this) || this;
-        _this.typ = "ProductViewEvent";
+        _this.typ = "ProductLoadEvent";
         return _this;
     }
-    ProductViewEvent.getAttributeTypeMap = function () {
-        return _super.getAttributeTypeMap.call(this).concat(ProductViewEvent.attributeTypeMap);
+    ProductLoadEvent.getAttributeTypeMap = function () {
+        return _super.getAttributeTypeMap.call(this).concat(ProductLoadEvent.attributeTypeMap);
     };
-    ProductViewEvent.discriminator = undefined;
-    ProductViewEvent.attributeTypeMap = [
+    ProductLoadEvent.discriminator = undefined;
+    ProductLoadEvent.attributeTypeMap = [
         {
             "name": "widget",
             "baseName": "widget",
@@ -2179,23 +2214,23 @@ var ProductViewEvent = (function (_super) {
             "format": ""
         }
     ];
-    return ProductViewEvent;
+    return ProductLoadEvent;
 }(Event_1.Event));
-exports.ProductViewEvent = ProductViewEvent;
-//# sourceMappingURL=ProductViewEvent.js.map
+exports.ProductLoadEvent = ProductLoadEvent;
+//# sourceMappingURL=ProductLoadEvent.js.map
 });
 
-var ProductViewEventAllOf_1 = imageSearch_store.createCommonjsModule(function (module, exports) {
+var ProductLoadEventAllOf_1 = imageSearch_store.createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductViewEventAllOf = void 0;
-var ProductViewEventAllOf = (function () {
-    function ProductViewEventAllOf() {
+exports.ProductLoadEventAllOf = void 0;
+var ProductLoadEventAllOf = (function () {
+    function ProductLoadEventAllOf() {
     }
-    ProductViewEventAllOf.getAttributeTypeMap = function () {
-        return ProductViewEventAllOf.attributeTypeMap;
+    ProductLoadEventAllOf.getAttributeTypeMap = function () {
+        return ProductLoadEventAllOf.attributeTypeMap;
     };
-    ProductViewEventAllOf.discriminator = undefined;
-    ProductViewEventAllOf.attributeTypeMap = [
+    ProductLoadEventAllOf.discriminator = undefined;
+    ProductLoadEventAllOf.attributeTypeMap = [
         {
             "name": "widget",
             "baseName": "widget",
@@ -2215,10 +2250,66 @@ var ProductViewEventAllOf = (function () {
             "format": ""
         }
     ];
-    return ProductViewEventAllOf;
+    return ProductLoadEventAllOf;
 }());
-exports.ProductViewEventAllOf = ProductViewEventAllOf;
-//# sourceMappingURL=ProductViewEventAllOf.js.map
+exports.ProductLoadEventAllOf = ProductLoadEventAllOf;
+//# sourceMappingURL=ProductLoadEventAllOf.js.map
+});
+
+var ProductViewEvent_1 = imageSearch_store.createCommonjsModule(function (module, exports) {
+var __extends = (imageSearch_store.commonjsGlobal && imageSearch_store.commonjsGlobal.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductViewEvent = void 0;
+
+var ProductViewEvent = (function (_super) {
+    __extends(ProductViewEvent, _super);
+    function ProductViewEvent() {
+        var _this = _super.call(this) || this;
+        _this.typ = "ProductViewEvent";
+        return _this;
+    }
+    ProductViewEvent.getAttributeTypeMap = function () {
+        return _super.getAttributeTypeMap.call(this).concat(ProductViewEvent.attributeTypeMap);
+    };
+    ProductViewEvent.discriminator = undefined;
+    ProductViewEvent.attributeTypeMap = [
+        {
+            "name": "widget",
+            "baseName": "widget",
+            "type": "Widget",
+            "format": ""
+        },
+        {
+            "name": "product",
+            "baseName": "product",
+            "type": "string",
+            "format": ""
+        },
+        {
+            "name": "rank",
+            "baseName": "rank",
+            "type": "number",
+            "format": ""
+        }
+    ];
+    return ProductViewEvent;
+}(Event_1.Event));
+exports.ProductViewEvent = ProductViewEvent;
+//# sourceMappingURL=ProductViewEvent.js.map
 });
 
 var SearchArea = imageSearch_store.createCommonjsModule(function (module, exports) {
@@ -2433,13 +2524,16 @@ __exportStar(ErrorObject_1, exports);
 __exportStar(ErrorResponse_1, exports);
 __exportStar(Event_1, exports);
 __exportStar(EventConfirmation_1, exports);
+__exportStar(EventObject_1, exports);
+__exportStar(EventType, exports);
 __exportStar(FilterAction, exports);
 __exportStar(FilterEvent_1, exports);
 __exportStar(FilterEventAllOf_1, exports);
 __exportStar(FilterKind, exports);
 __exportStar(ProductClickEvent_1, exports);
+__exportStar(ProductLoadEvent_1, exports);
+__exportStar(ProductLoadEventAllOf_1, exports);
 __exportStar(ProductViewEvent_1, exports);
-__exportStar(ProductViewEventAllOf_1, exports);
 __exportStar(SearchArea, exports);
 __exportStar(SearchEvent_1, exports);
 __exportStar(SearchEventAllOf_1, exports);
@@ -2632,13 +2726,16 @@ __exportStar(ErrorObject_1, exports);
 __exportStar(ErrorResponse_1, exports);
 __exportStar(Event_1, exports);
 __exportStar(EventConfirmation_1, exports);
+__exportStar(EventObject_1, exports);
+__exportStar(EventType, exports);
 __exportStar(FilterAction, exports);
 __exportStar(FilterEvent_1, exports);
 __exportStar(FilterEventAllOf_1, exports);
 __exportStar(FilterKind, exports);
 __exportStar(ProductClickEvent_1, exports);
+__exportStar(ProductLoadEvent_1, exports);
+__exportStar(ProductLoadEventAllOf_1, exports);
 __exportStar(ProductViewEvent_1, exports);
-__exportStar(ProductViewEventAllOf_1, exports);
 __exportStar(SearchArea, exports);
 __exportStar(SearchEvent_1, exports);
 __exportStar(SearchEventAllOf_1, exports);
@@ -2651,11 +2748,13 @@ var ErrorObject_1$1 = ErrorObject_1;
 var ErrorResponse_1$1 = ErrorResponse_1;
 var Event_1$1 = Event_1;
 var EventConfirmation_1$1 = EventConfirmation_1;
+var EventObject_1$1 = EventObject_1;
 var FilterEvent_1$1 = FilterEvent_1;
 var FilterEventAllOf_1$1 = FilterEventAllOf_1;
 var ProductClickEvent_1$1 = ProductClickEvent_1;
+var ProductLoadEvent_1$1 = ProductLoadEvent_1;
+var ProductLoadEventAllOf_1$1 = ProductLoadEventAllOf_1;
 var ProductViewEvent_1$1 = ProductViewEvent_1;
-var ProductViewEventAllOf_1$1 = ProductViewEventAllOf_1;
 var SearchEvent_1$1 = SearchEvent_1;
 var SearchEventAllOf_1$1 = SearchEventAllOf_1;
 var WidgetEvent_1$1 = WidgetEvent_1;
@@ -2677,6 +2776,7 @@ var supportedMediaTypes = {
 };
 var enumsMap = new Set([
     "EventConfirmationStatusEnum",
+    "EventType",
     "FilterAction",
     "FilterKind",
     "SearchArea",
@@ -2689,11 +2789,13 @@ var typeMap = {
     "ErrorResponse": ErrorResponse_1$1.ErrorResponse,
     "Event": Event_1$1.Event,
     "EventConfirmation": EventConfirmation_1$1.EventConfirmation,
+    "EventObject": EventObject_1$1.EventObject,
     "FilterEvent": FilterEvent_1$1.FilterEvent,
     "FilterEventAllOf": FilterEventAllOf_1$1.FilterEventAllOf,
     "ProductClickEvent": ProductClickEvent_1$1.ProductClickEvent,
+    "ProductLoadEvent": ProductLoadEvent_1$1.ProductLoadEvent,
+    "ProductLoadEventAllOf": ProductLoadEventAllOf_1$1.ProductLoadEventAllOf,
     "ProductViewEvent": ProductViewEvent_1$1.ProductViewEvent,
-    "ProductViewEventAllOf": ProductViewEventAllOf_1$1.ProductViewEventAllOf,
     "SearchEvent": SearchEvent_1$1.SearchEvent,
     "SearchEventAllOf": SearchEventAllOf_1$1.SearchEventAllOf,
     "WidgetEvent": WidgetEvent_1$1.WidgetEvent,
@@ -2963,7 +3065,7 @@ var DefaultApiRequestFactory = (function (_super) {
     function DefaultApiRequestFactory() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DefaultApiRequestFactory.prototype.trackEvent = function (product_view_event___product_click_event___widget_event___filter_event___search_event, _options) {
+    DefaultApiRequestFactory.prototype.trackEvent = function (product_load_event___product_view_event___product_click_event___widget_event___filter_event___search_event, _options) {
         var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function () {
             var _config, localVarPath, requestContext, contentType, serializedBody, authMethod, defaultAuth;
@@ -2978,7 +3080,7 @@ var DefaultApiRequestFactory = (function (_super) {
                             "application/json"
                         ]);
                         requestContext.setHeaderParam("Content-Type", contentType);
-                        serializedBody = ObjectSerializer_1.ObjectSerializer.stringify(ObjectSerializer_1.ObjectSerializer.serialize(product_view_event___product_click_event___widget_event___filter_event___search_event, "ProductViewEvent | ProductClickEvent | WidgetEvent | FilterEvent | SearchEvent", ""), contentType);
+                        serializedBody = ObjectSerializer_1.ObjectSerializer.stringify(ObjectSerializer_1.ObjectSerializer.serialize(product_load_event___product_view_event___product_click_event___widget_event___filter_event___search_event, "ProductLoadEvent | ProductViewEvent | ProductClickEvent | WidgetEvent | FilterEvent | SearchEvent", ""), contentType);
                         requestContext.setBody(serializedBody);
                         authMethod = _config.authMethods["bearerAuth"];
                         if (!(authMethod === null || authMethod === void 0 ? void 0 : authMethod.applySecurityAuthentication)) return [3, 2];
@@ -3064,9 +3166,9 @@ var ObservableDefaultApi = (function () {
         this.requestFactory = requestFactory || new DefaultApi.DefaultApiRequestFactory(configuration);
         this.responseProcessor = responseProcessor || new DefaultApi.DefaultApiResponseProcessor();
     }
-    ObservableDefaultApi.prototype.trackEvent = function (product_view_event___product_click_event___widget_event___filter_event___search_event, _options) {
+    ObservableDefaultApi.prototype.trackEvent = function (product_load_event___product_view_event___product_click_event___widget_event___filter_event___search_event, _options) {
         var _this = this;
-        var requestContextPromise = this.requestFactory.trackEvent(product_view_event___product_click_event___widget_event___filter_event___search_event, _options);
+        var requestContextPromise = this.requestFactory.trackEvent(product_load_event___product_view_event___product_click_event___widget_event___filter_event___search_event, _options);
         var middlewarePreObservable = (0, rxjsStub.from)(requestContextPromise);
         var _loop_1 = function (middleware) {
             middlewarePreObservable = middlewarePreObservable.pipe((0, rxjsStub_2.mergeMap)(function (ctx) { return middleware.pre(ctx); }));
@@ -3102,8 +3204,8 @@ var PromiseDefaultApi = (function () {
     function PromiseDefaultApi(configuration, requestFactory, responseProcessor) {
         this.api = new ObservableAPI.ObservableDefaultApi(configuration, requestFactory, responseProcessor);
     }
-    PromiseDefaultApi.prototype.trackEvent = function (product_view_event___product_click_event___widget_event___filter_event___search_event, _options) {
-        var result = this.api.trackEvent(product_view_event___product_click_event___widget_event___filter_event___search_event, _options);
+    PromiseDefaultApi.prototype.trackEvent = function (product_load_event___product_view_event___product_click_event___widget_event___filter_event___search_event, _options) {
+        var result = this.api.trackEvent(product_load_event___product_view_event___product_click_event___widget_event___filter_event___search_event, _options);
         return result.toPromise();
     };
     return PromiseDefaultApi;
@@ -3174,19 +3276,23 @@ const createTrackingEvent = (widget) => (eventData) => {
 
 const PRODUCT_CLICK_EVENT_TYPE = "product_click_event";
 const PRODUCT_VIEW_EVENT_TYPE = "product_view_event";
-const FILTER_EVENT_EVENT_TYPE = "filter_event";
-const SEARCH_EVENT_EVENT_TYPE = "search_event";
-const WIDGET_EVENT_EVENT_TYPE = "widget_event";
+const FILTER_EVENT_TYPE = "filter_event";
+const SEARCH_EVENT_TYPE = "search_event";
+const WIDGET_EVENT_TYPE = "widget_event";
 
 const filterEvent = {
   widget: "VPS",
-  typ: FILTER_EVENT_EVENT_TYPE,
+  typ: FILTER_EVENT_TYPE,
 };
 
 const vprProductView = {
   widget: "VPR",
   typ: PRODUCT_VIEW_EVENT_TYPE,
 };
+const vpcProductView = {
+  widget: "VPC",
+  typ: PRODUCT_VIEW_EVENT_TYPE,
+};
 const vpsProductView = {
   widget: "VPS",
   typ: PRODUCT_VIEW_EVENT_TYPE,
@@ -3195,6 +3301,10 @@ const vprProductClick = {
   widget: "VPR",
   typ: PRODUCT_CLICK_EVENT_TYPE,
 };
+const vpcProductClick = {
+  widget: "VPC",
+  typ: PRODUCT_CLICK_EVENT_TYPE,
+};
 const vpsProductClick = {
   widget: "VPS",
   typ: PRODUCT_CLICK_EVENT_TYPE,
@@ -3202,34 +3312,44 @@ const vpsProductClick = {
 
 const searchEvent = {
   widget: "VPS",
-  typ: SEARCH_EVENT_EVENT_TYPE,
+  typ: SEARCH_EVENT_TYPE,
 };
 
 const vprWidget = {
   widget: "VPR",
-  typ: WIDGET_EVENT_EVENT_TYPE,
+  typ: WIDGET_EVENT_TYPE,
+};
+const vpcWidget = {
+  widget: "VPC",
+  typ: WIDGET_EVENT_TYPE,
 };
 const vpsWidget = {
   widget: "VPS",
-  typ: WIDGET_EVENT_EVENT_TYPE,
+  typ: WIDGET_EVENT_TYPE,
 };
 
 const createProductViewVprEvent = createTrackingEvent(vprProductView);
 const createProductViewVpsEvent = createTrackingEvent(vpsProductView);
+const createProductViewVpcEvent = createTrackingEvent(vpcProductView);
 const createProductClickVprEvent = createTrackingEvent(vprProductClick);
 const createProductClickVpsEvent = createTrackingEvent(vpsProductClick);
+const createProductClickVpcEvent = createTrackingEvent(vpcProductClick);
 const createWidgetVprEvent = createTrackingEvent(vprWidget);
 const createWidgetVpsEvent = createTrackingEvent(vpsWidget);
+const createWidgetVpcEvent = createTrackingEvent(vpcWidget);
 const createSearchEvent = createTrackingEvent(searchEvent);
 const createFilterEvent = createTrackingEvent(filterEvent);
 
 exports.createFilterEvent = createFilterEvent;
+exports.createProductClickVpcEvent = createProductClickVpcEvent;
 exports.createProductClickVprEvent = createProductClickVprEvent;
 exports.createProductClickVpsEvent = createProductClickVpsEvent;
+exports.createProductViewVpcEvent = createProductViewVpcEvent;
 exports.createProductViewVprEvent = createProductViewVprEvent;
 exports.createProductViewVpsEvent = createProductViewVpsEvent;
 exports.createSearchEvent = createSearchEvent;
 exports.createTrackingApi = createTrackingApi;
+exports.createWidgetVpcEvent = createWidgetVpcEvent;
 exports.createWidgetVprEvent = createWidgetVprEvent;
 exports.createWidgetVpsEvent = createWidgetVpsEvent;
 exports.v4 = v4;

package/dist/cjs/{package-3381595c.js → package-8a334970.js}

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

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

@@ -7,9 +7,9 @@ const imageSearch_store = require('./imageSearch.store-cc9b4a68.js');
 const index$1 = require('./index-6cfe5293.js');
 const Campaign = require('./Campaign-778b5b2c.js');
 const i18next = require('./i18next-74ff3413.js');
-const _package = require('./package-3381595c.js');
+const _package = require('./package-8a334970.js');
 const Handler = require('./Handler-de64afa5.js');
-const index$2 = require('./index-3e976225.js');
+const index$2 = require('./index-0659dc39.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)}}";
 
@@ -1295,14 +1295,28 @@ const VviinnVprWidget = class {
     if (this.trackingDeactivated)
       return;
     const { productRank, productId, productName, widgetType, widgetId, campaignTypeId, campaignTypeName } = detail, rest = __rest(detail, ["productRank", "productId", "productName", "widgetType", "widgetId", "campaignTypeId", "campaignTypeName"]);
-    const productViewEvent = index$2.createProductViewVprEvent(Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest));
+    const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
+    let productViewEvent;
+    if (campaignTypeId === "VCS") {
+      productViewEvent = index$2.createProductViewVpcEvent(eventBody);
+    }
+    else if (campaignTypeId === "VPR") {
+      productViewEvent = index$2.createProductViewVprEvent(eventBody);
+    }
     this.trackingApi
       .trackEvent(productViewEvent)
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
     const { productRank, productId, productName, widgetType, widgetId, campaignTypeId, campaignTypeName } = detail, rest = __rest(detail, ["productRank", "productId", "productName", "widgetType", "widgetId", "campaignTypeId", "campaignTypeName"]);
-    const productClickEvent = index$2.createProductClickVprEvent(Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest));
+    const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
+    let productClickEvent;
+    if (campaignTypeId === "VCS") {
+      productClickEvent = index$2.createProductClickVpcEvent(eventBody);
+    }
+    else if (campaignTypeId === "VPR") {
+      productClickEvent = index$2.createProductClickVprEvent(eventBody);
+    }
     const product = this.recommendations.find((r) => r.productId === detail.productId);
     if (!product || !product.deeplink)
       return;
@@ -1326,28 +1340,42 @@ const VviinnVprWidget = class {
     this.id = (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.el.id;
     this.uiSessionId = index$2.v4();
     this.trackingApi = index$2.createTrackingApi(this.apiPath, this.token);
-    if (this.trackingDeactivated)
+    i18next.instance.init({
+      lng: this.locale,
+      fallbackLng: "de-DE",
+      resources,
+    });
+    if (this.trackingDeactivated || !this.showingInButton)
       return;
-    const widgetOpenEvent = index$2.createWidgetVprEvent({
+    const eventBody = {
       action: "open",
       session_id: this.uiSessionId,
-    });
+    };
+    let widgetOpenEvent;
+    if (this.campaignType === "VCS") {
+      widgetOpenEvent = index$2.createWidgetVpcEvent(eventBody);
+    }
+    else if (this.campaignType === "VPR") {
+      widgetOpenEvent = index$2.createWidgetVprEvent(eventBody);
+    }
     this.trackingApi
       .trackEvent(widgetOpenEvent)
       .then(this.setTrackingDeactivated);
-    i18next.instance.init({
-      lng: this.locale,
-      fallbackLng: "de-DE",
-      resources,
-    });
   }
   disconnectedCallback() {
     if (this.trackingDeactivated)
       return;
-    const widgetCloseEvent = index$2.createWidgetVprEvent({
+    const eventBody = {
       action: "close",
       session_id: this.uiSessionId,
-    });
+    };
+    let widgetCloseEvent;
+    if (this.campaignType === "VCS") {
+      widgetCloseEvent = index$2.createWidgetVpcEvent(eventBody);
+    }
+    else if (this.campaignType === "VPR") {
+      widgetCloseEvent = index$2.createWidgetVprEvent(eventBody);
+    }
     this.trackingApi
       .trackEvent(widgetCloseEvent)
       .then(this.setTrackingDeactivated);

package/dist/cjs/vviinn-recommendations-sidebar.cjs.entry.js

@@ -61,7 +61,7 @@ const RecommendationsSidebar = class {
     return (_a = this.el.shadowRoot.querySelector("aside")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
   }
   render() {
-    return (index.h(index.Host, { class: this.getClassMap() }, index.h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, index.h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, index.h("span", { class: "title", part: "title" }, this.sidebarTitle), index.h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, index.h(index$1.CrossIcon, null))), index.h("main", { part: "sidebar-content" }, index.h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, blockTitle: "", mode: this.mode, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailNewTab: this.productDetailNewTab })))));
+    return (index.h(index.Host, { class: this.getClassMap() }, index.h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, index.h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, index.h("span", { class: "title", part: "title" }, this.sidebarTitle), index.h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, index.h(index$1.CrossIcon, null))), index.h("main", { part: "sidebar-content" }, index.h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailNewTab: this.productDetailNewTab })))));
   }
   renderSourceImage() {
     return (index.h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4becaff.js');
-const _package = require('./package-3381595c.js');
+const _package = require('./package-8a334970.js');
 const index$1 = require('./index-6cfe5293.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-a4becaff.js');
-const _package = require('./package-3381595c.js');
+const _package = require('./package-8a334970.js');
 const index$1 = require('./index-6cfe5293.js');
 const customizedSlots = require('./customized-slots-aee3f39d.js');
 const Campaign = require('./Campaign-778b5b2c.js');

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4becaff.js');
 const imageSearch_store = require('./imageSearch.store-cc9b4a68.js');
 const i18next = require('./i18next-74ff3413.js');
-const _package = require('./package-3381595c.js');
+const _package = require('./package-8a334970.js');
 const customizedSlots = require('./customized-slots-aee3f39d.js');
-const index$1 = require('./index-3e976225.js');
+const index$1 = require('./index-0659dc39.js');
 const Campaign = require('./Campaign-778b5b2c.js');
 require('./Handler-de64afa5.js');
 
@@ -248,6 +248,11 @@ const VviinnVpsWidget = class {
     imageSearch_store.state.apiPath = this.apiPath;
     imageSearch_store.state.currencySign = this.currencySign;
     imageSearch_store.state.locale = this.locale;
+    i18next.instance.init({
+      lng: this.locale,
+      fallbackLng: "de-DE",
+      resources,
+    });
     imageSearch_store.imageSearchState.token = this.token;
     imageSearch_store.imageSearchState.campaignId = imageSearch_store._function.pipe(this.campaignId, imageSearch_store.Option.fromNullable, imageSearch_store.Option.chain(imageSearch_store.Option.fromPredicate(notEmptyString)), imageSearch_store.Option.map(filterInt), imageSearch_store.Option.chain(imageSearch_store.Option.fromPredicate(notNan)), imageSearch_store.Option.map((s) => `${s}`));
     if (this.excluded) {
@@ -257,11 +262,6 @@ const VviinnVpsWidget = class {
     this.uiSessionId = index$1.v4();
     this.trackingApi = index$1.createTrackingApi(this.apiPath, this.token);
     this.id = this.el.id;
-    i18next.instance.init({
-      lng: this.locale,
-      fallbackLng: "de-DE",
-      resources,
-    });
   }
   componentWillLoad() {
     customizedSlots.slotChangeListener(this, this.el);

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

@@ -52,7 +52,7 @@ export class RecommendationsSidebar {
     return (_a = this.el.shadowRoot.querySelector("aside")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
   }
   render() {
-    return (h(Host, { class: this.getClassMap() }, h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, h("span", { class: "title", part: "title" }, this.sidebarTitle), h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, h(CrossIcon, null))), h("main", { part: "sidebar-content" }, h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, blockTitle: "", mode: this.mode, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailNewTab: this.productDetailNewTab })))));
+    return (h(Host, { class: this.getClassMap() }, h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, h("span", { class: "title", part: "title" }, this.sidebarTitle), h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, h(CrossIcon, null))), h("main", { part: "sidebar-content" }, h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailNewTab: this.productDetailNewTab })))));
   }
   renderSourceImage() {
     return (h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));
@@ -237,10 +237,10 @@ export class RecommendationsSidebar {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "CampaignTypeId",
-          "resolved": "\"VCS\" | \"VPR\" | \"VPS\"",
+          "original": "CampaignName",
+          "resolved": "\"VCS\" | \"VPR\"",
           "references": {
-            "CampaignTypeId": {
+            "CampaignName": {
               "location": "import",
               "path": "../../../campaign/Campaign"
             }