vviinn-widgets 2.20.31 → 2.22.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4becaff.js');
-const imageSearch_store = require('./imageSearch.store-967326bd.js');
+const imageSearch_store = require('./imageSearch.store-cc9b4a68.js');
 const Handler = require('./Handler-de64afa5.js');
 const i18next = require('./i18next-74ff3413.js');
 const customizedSlots = require('./customized-slots-aee3f39d.js');
@@ -350,6 +350,7 @@ const VviinnExampleImage = class {
     index.registerInstance(this, hostRef);
     this.vviinnImageUpload = index.createEvent(this, "vviinnImageUpload", 7);
     this.vviinnNoResult = index.createEvent(this, "vviinnNoResult", 7);
+    this.vviinnImageUploadFinished = index.createEvent(this, "vviinnImageUploadFinished", 7);
     this.src = "";
     this.width = 0;
     this.height = 0;
@@ -358,9 +359,10 @@ const VviinnExampleImage = class {
   }
   async selectImage() {
     this.selected = true;
+    this.vviinnImageUpload.emit(this.basicEventData);
     const file = await imageSearch_store.toFile(this.src);
     const processResult = await imageSearch_store.processSelectedFile(file);
-    imageSearch_store._function.pipe(processResult, imageSearch_store.Either.match(() => this.vviinnNoResult.emit(this.basicEventData), () => this.vviinnImageUpload.emit(this.basicEventData)));
+    imageSearch_store._function.pipe(processResult, imageSearch_store.Either.match(() => this.vviinnNoResult.emit(this.basicEventData), () => this.vviinnImageUploadFinished.emit()));
     this.selected = false;
   }
   handleKeyPress({ key }) {
@@ -386,6 +388,7 @@ const VviinnExampleImages = class {
     index.registerInstance(this, hostRef);
     this.vviinnImageUpload = index.createEvent(this, "vviinnImageUpload", 7);
     this.vviinnNoResult = index.createEvent(this, "vviinnNoResult", 7);
+    this.vviinnImageUploadFinished = index.createEvent(this, "vviinnImageUploadFinished", 7);
     this.basicEventData = undefined;
     this.exampleImagesTitle = undefined;
   }
@@ -411,14 +414,16 @@ const VviinnImageSelector = class {
     index.registerInstance(this, hostRef);
     this.vviinnImageUpload = index.createEvent(this, "vviinnImageUpload", 7);
     this.vviinnNoResult = index.createEvent(this, "vviinnNoResult", 7);
+    this.vviinnImageUploadFinished = index.createEvent(this, "vviinnImageUploadFinished", 7);
     this.basicEventData = undefined;
     this.startUpload = undefined;
     this.resetVpsButton = undefined;
   }
   async handleInputChange(event) {
+    this.vviinnImageUpload.emit(this.basicEventData);
     const input = event.target;
     const processingResult = await imageSearch_store.processSelectedFile(input.files[0]);
-    imageSearch_store._function.pipe(processingResult, imageSearch_store.match$1(() => this.vviinnNoResult.emit(this.basicEventData), () => this.vviinnImageUpload.emit(this.basicEventData)));
+    imageSearch_store._function.pipe(processingResult, imageSearch_store.match$1(() => this.vviinnNoResult.emit(this.basicEventData), () => this.vviinnImageUploadFinished.emit()));
     input.value = null;
   }
   isLoading() {
@@ -493,6 +498,7 @@ const VviinnModal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vviinnWidgetClose = index.createEvent(this, "vviinnWidgetClose", 7);
+    this.secondaryActionClicked = index.createEvent(this, "secondaryActionClicked", 7);
     this.active = false;
     this.resetState = undefined;
     this.buttonElementId = undefined;
@@ -527,7 +533,10 @@ const VviinnModal = class {
     }), imageSearch_store.Option.getOrElse(() => null));
   }
   render() {
-    return (index.h(index.Host, { exportparts: "secondary-action, title, close-button", class: { closed: !this.active }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) }, index.h("div", { class: "head" }, !this.hideBackButton && (index.h("button", { part: "secondary-action", onClick: () => this.resetState() }, index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M20.25 12H3.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M10.5 5.25L3.75 12L10.5 18.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { class: "title", part: "title" }, this.renderImage(), index.h("slot", { name: "vviinn-image-search-modal-title" }, i18next.instance.t("imageSearchModalTitle"))), index.h("button", { onClick: () => this.close(), class: "close-button", part: "close-button" }, index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "currentColor" })))), index.h("div", { class: "body" }, index.h("slot", null))));
+    return (index.h(index.Host, { exportparts: "secondary-action, title, close-button", class: { closed: !this.active }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) }, index.h("div", { class: "head" }, !this.hideBackButton && (index.h("button", { part: "secondary-action", onClick: () => {
+        this.resetState();
+        this.secondaryActionClicked.emit();
+      } }, index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M20.25 12H3.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M10.5 5.25L3.75 12L10.5 18.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { class: "title", part: "title" }, this.renderImage(), index.h("slot", { name: "vviinn-image-search-modal-title" }, i18next.instance.t("imageSearchModalTitle"))), index.h("button", { onClick: () => this.close(), class: "close-button", part: "close-button" }, index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "currentColor" })))), index.h("div", { class: "body" }, index.h("slot", null))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/{imageSearch.store-967326bd.js → imageSearch.store-cc9b4a68.js}

@@ -17121,8 +17121,10 @@ const uploadFile = (file) => {
 };
 const imageSearchState = state;
 onChange("activeIonLink", async (newLink) => {
-  state.loading = true;
   const link = newLink ? newLink : state.resetCategoryLink;
+  if (!link)
+    return;
+  state.loading = true;
   await Handler.pipe(makeAuthorizedRequest(state.token), fromEither, chainW(linkRequest(link)), map(updateState), mapLeft((error) => {
     return {
       kind: "network error",

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const imageSearch_store = require('./imageSearch.store-967326bd.js');
+const imageSearch_store = require('./imageSearch.store-cc9b4a68.js');
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
@@ -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/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["cropper-handler.cjs",[[1,"cropper-handler",{"handler":[16],"disabled":[4]}]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-carousel_3.cjs",[[1,"vviinn-vpr-widget",{"blockTitle":[1,"block-title"],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"productId":[1,"product-id"],"token":[1],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"mode":[1],"campaignType":[1,"campaign-type"],"locale":[1],"campaigns":[1],"color":[1],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"showScroll":[4,"show-scroll"],"cssUrl":[1,"css-url"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"recommendations":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32]},[[0,"vviinnProductLoad","handleProductLoading"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"]]],[0,"vviinn-carousel",{"mode":[1],"imageWidth":[2,"image-width"],"showScroll":[4,"show-scroll"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"recommendations":[16],"widgetVersion":[1,"widget-version"],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32]}],[1,"vviinn-product-card",{"brand":[1],"currency":[1],"deeplink":[1],"image":[1],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"locale":[1],"price":[2],"pricePrefix":[1,"price-prefix"],"productId":[1,"product-id"],"productTitle":[1,"product-title"],"productType":[1,"product-type"],"salePrice":[2,"sale-price"],"responsive":[4],"dimmedBackground":[4,"dimmed-background"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"index":[2],"imageLoaded":[32]}]]],["highlight-box_22.cjs",[[1,"vviinn-image-view",{"basicEventData":[16]}],[1,"vviinn-onboarding"],[1,"vviinn-example-images",{"basicEventData":[16],"exampleImagesTitle":[1,"example-images-title"]}],[1,"vviinn-overlayed-modal",{"active":[4],"resetState":[16],"buttonElementId":[1,"button-element-id"],"hideBackButton":[4,"hide-back-button"],"widgetVersion":[1,"widget-version"]}],[1,"vviinn-empty-results"],[1,"vviinn-image-selector",{"basicEventData":[16],"startUpload":[4,"start-upload"],"resetVpsButton":[16]}],[1,"vviinn-server-error",{"handler":[16]}],[1,"vviinn-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-teaser"],[1,"image-cropper",{"disabled":[4],"basicEventData":[16],"handleMove":[32]}],[1,"vviinn-example-image",{"src":[1],"width":[2],"height":[2],"basicEventData":[16],"selected":[32]}],[1,"highlight-box"],[1,"vviinn-detected-object",{"detectedObject":[16],"basicEventData":[16],"position":[32]}],[1,"vviinn-modal",{"active":[1540],"resetState":[16],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"hideBackButton":[4,"hide-back-button"],"slider":[32]}],[1,"vviinn-onboarding-card-1",{"cardTitle":[1,"card-title"],"cardText":[1,"card-text"]}],[1,"vviinn-onboarding-card-2",{"cardTitle":[1,"card-title"],"cardText":[1,"card-text"]}],[1,"vviinn-onboarding-card-3",{"cardTitle":[1,"card-title"],"cardText":[1,"card-text"]}],[1,"vviinn-overlay"],[1,"vviinn-slide"],[1,"vviinn-slider",{"showBullets":[4,"show-bullets"],"position":[514],"showArrows":[4,"show-arrows"],"elementsCount":[32],"internalPosition":[32],"swipeStartPosition":[32],"isRTL":[32]}]]],["vviinn-vps-widget.cjs",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"buttonPressed":[4,"button-pressed"],"mode":[1],"resetVpsButton":[16],"slidePosition":[32],"width":[32],"wrongImageFormat":[32],"trackingDeactivated":[32]},[[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnImageCrop","trachSearchAreaChanges"],[0,"vviinnSelectObject","trackDetectedObject"],[0,"vviinnSelectFilter","trackFilter"]]]]],["vviinn-vps-button.cjs",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["vviinn-recommendations-sidebar.cjs",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button.cjs",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"campaigns":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"addStyle":[4,"add-style"],"mode":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"]}]]]], options);
+  return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["cropper-handler.cjs",[[1,"cropper-handler",{"handler":[16],"disabled":[4]}]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-carousel_3.cjs",[[1,"vviinn-vpr-widget",{"blockTitle":[1,"block-title"],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"productId":[1,"product-id"],"token":[1],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"mode":[1],"campaignType":[1,"campaign-type"],"locale":[1],"campaigns":[1],"color":[1],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"showScroll":[4,"show-scroll"],"cssUrl":[1,"css-url"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"recommendations":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32]},[[0,"vviinnProductLoad","handleProductLoading"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"]]],[0,"vviinn-carousel",{"mode":[1],"imageWidth":[2,"image-width"],"showScroll":[4,"show-scroll"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"recommendations":[16],"widgetVersion":[1,"widget-version"],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32]}],[1,"vviinn-product-card",{"brand":[1],"currency":[1],"deeplink":[1],"image":[1],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"locale":[1],"price":[2],"pricePrefix":[1,"price-prefix"],"productId":[1,"product-id"],"productTitle":[1,"product-title"],"productType":[1,"product-type"],"salePrice":[2,"sale-price"],"responsive":[4],"dimmedBackground":[4,"dimmed-background"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"index":[2],"imageLoaded":[32]}]]],["highlight-box_22.cjs",[[1,"vviinn-image-view",{"basicEventData":[16]}],[1,"vviinn-onboarding"],[1,"vviinn-example-images",{"basicEventData":[16],"exampleImagesTitle":[1,"example-images-title"]}],[1,"vviinn-overlayed-modal",{"active":[4],"resetState":[16],"buttonElementId":[1,"button-element-id"],"hideBackButton":[4,"hide-back-button"],"widgetVersion":[1,"widget-version"]}],[1,"vviinn-empty-results"],[1,"vviinn-image-selector",{"basicEventData":[16],"startUpload":[4,"start-upload"],"resetVpsButton":[16]}],[1,"vviinn-server-error",{"handler":[16]}],[1,"vviinn-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-teaser"],[1,"image-cropper",{"disabled":[4],"basicEventData":[16],"handleMove":[32]}],[1,"vviinn-example-image",{"src":[1],"width":[2],"height":[2],"basicEventData":[16],"selected":[32]}],[1,"highlight-box"],[1,"vviinn-detected-object",{"detectedObject":[16],"basicEventData":[16],"position":[32]}],[1,"vviinn-modal",{"active":[1540],"resetState":[16],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"hideBackButton":[4,"hide-back-button"],"slider":[32]}],[1,"vviinn-onboarding-card-1",{"cardTitle":[1,"card-title"],"cardText":[1,"card-text"]}],[1,"vviinn-onboarding-card-2",{"cardTitle":[1,"card-title"],"cardText":[1,"card-text"]}],[1,"vviinn-onboarding-card-3",{"cardTitle":[1,"card-title"],"cardText":[1,"card-text"]}],[1,"vviinn-overlay"],[1,"vviinn-slide"],[1,"vviinn-slider",{"showBullets":[4,"show-bullets"],"position":[514],"showArrows":[4,"show-arrows"],"elementsCount":[32],"internalPosition":[32],"swipeStartPosition":[32],"isRTL":[32]}]]],["vviinn-vps-widget.cjs",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"buttonPressed":[4,"button-pressed"],"mode":[1],"resetVpsButton":[16],"slidePosition":[32],"width":[32],"wrongImageFormat":[32],"trackingDeactivated":[32]},[[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnImageCrop","trachSearchAreaChanges"],[0,"vviinnSelectObject","trackDetectedObject"],[0,"vviinnSelectFilter","trackFilter"],[0,"secondaryActionClicked","trackSecondaryAction"]]]]],["vviinn-vps-button.cjs",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["vviinn-recommendations-sidebar.cjs",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button.cjs",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"campaigns":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"addStyle":[4,"add-style"],"mode":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"apiPath":[1,"api-path"]}]]]], options);
   });
 };
 

package/dist/cjs/{package-e7ce52a3.js → package-ed8d3d75.js}

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