vviinn-widgets 2.188.0 → 2.189.0

package/dist/cjs/{Rectangle-0jUlP_jx.js → Rectangle-DVEulpFu.js}

@@ -9019,6 +9019,7 @@ exports.getOrElseW = getOrElseW;
 exports.has = has;
 exports.invalidTokenError = invalidTokenError;
 exports.isClickedInRectBound = isClickedInRectBound;
+exports.isLeft = isLeft;
 exports.isSome = isSome;
 exports.left = left;
 exports.makeRequest = makeRequest;

package/dist/cjs/{index-BUEskchg.js → index-DZMV2ChQ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-NSPzykno.js');
+var search_store = require('./search.store-CT4luzT3.js');
 
 const PlusIcon = () => (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "plus-icon", "aria-hidden": "true" },
     index.h("path", { d: "M14.6667 17.3333H8.00001C7.62223 17.3333 7.30556 17.2056 7.05001 16.95C6.79445 16.6944 6.66667 16.3778 6.66667 16C6.66667 15.6222 6.79445 15.3056 7.05001 15.05C7.30556 14.7944 7.62223 14.6667 8.00001 14.6667H14.6667V8.00001C14.6667 7.62223 14.7944 7.30556 15.05 7.05001C15.3056 6.79445 15.6222 6.66667 16 6.66667C16.3778 6.66667 16.6944 6.79445 16.95 7.05001C17.2056 7.30556 17.3333 7.62223 17.3333 8.00001V14.6667H24C24.3778 14.6667 24.6944 14.7944 24.95 15.05C25.2056 15.3056 25.3333 15.6222 25.3333 16C25.3333 16.3778 25.2056 16.6944 24.95 16.95C24.6944 17.2056 24.3778 17.3333 24 17.3333H17.3333V24C17.3333 24.3778 17.2056 24.6944 16.95 24.95C16.6944 25.2056 16.3778 25.3333 16 25.3333C15.6222 25.3333 15.3056 25.2056 15.05 24.95C14.7944 24.6944 14.6667 24.3778 14.6667 24V17.3333Z", fill: "currentColor" })));

package/dist/cjs/{package-B2xF7VCy.js → package-CN6WlYoJ.js}

@@ -14,7 +14,7 @@ function fromString(s) {
     return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.188.0";
+const version = "2.189.0";
 
 exports.campaignTypeNames = campaignTypeNames;
 exports.fold = fold;

package/dist/cjs/{resources-5_Y1cO9T.js → resources-cQWt9LRT.js}

@@ -49,7 +49,7 @@ const resources = {
             },
             wrongFormatBlock: {
                 title: "Dateityp wird nicht unterstützt",
-                text: "Bitte laden Sie eine .jpg, .png oder .webp Bilddatei hoch.",
+                text: "Bitte laden Sie eine .jpg, .png, .webp oder .avif Bilddatei hoch.",
                 button: "Neues Bild hochladen",
             },
             wrongAspectRatioBlock: {
@@ -172,7 +172,7 @@ const resources = {
             },
             wrongFormatBlock: {
                 title: "Wrong file format",
-                text: "Please upload a .jpg, .png or .webp image file.",
+                text: "Please upload a .jpg, .png, .webp or .avif image file.",
                 button: "Upload another file",
             },
             wrongAspectRatioBlock: {

package/dist/cjs/{search.store-NSPzykno.js → search.store-CT4luzT3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var store = require('./store-CrCuJC55.js');
-var Rectangle = require('./Rectangle-0jUlP_jx.js');
+var Rectangle = require('./Rectangle-DVEulpFu.js');
 
 var _Array = {};
 
@@ -7702,7 +7702,8 @@ var findFirstMap$1 = function (f) {
  */
 var findFirstMap = findFirstMap$1;
 
-const SUPPORTED_FILE_TYPES = ["jpg", "jpeg", "png", "webp"];
+const SUPPORTED_FILE_TYPES = ["jpg", "jpeg", "png", "webp", "avif"];
+const acceptableFileFormats = SUPPORTED_FILE_TYPES.map((type) => `.${type}`).join(", ");
 const unsupportedFileTypeError = {
     kind: "client",
     inner: "File format not supported",
@@ -8470,7 +8471,9 @@ const useSearchStore = (showInWidget) => showInWidget
     };
 
 exports._ArrayExports = _ArrayExports;
+exports.acceptableFileFormats = acceptableFileFormats;
 exports.addIfNotEmpty = addIfNotEmpty;
+exports.checkImageType = checkImageType;
 exports.getImageSizes = getImageSizes;
 exports.makeProductListingPageRequest = makeProductListingPageRequest;
 exports.makeTextSearchRequest = makeTextSearchRequest;

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

@@ -3,12 +3,12 @@
 var index = require('./index-OrE9ITel.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var customizedSlots = require('./customized-slots-D9G-pOuM.js');
-var _package = require('./package-B2xF7VCy.js');
+var _package = require('./package-CN6WlYoJ.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-BZg-ADIW.js');
 var index$1 = require('./index-DJbShhV1.js');
-var search_store = require('./search.store-NSPzykno.js');
+var search_store = require('./search.store-CT4luzT3.js');
 var constants = require('./constants-BlwqMvns.js');
-var Rectangle = require('./Rectangle-0jUlP_jx.js');
+var Rectangle = require('./Rectangle-DVEulpFu.js');
 var index$2 = require('./index-tXcMfW9y.js');
 require('./store-CrCuJC55.js');
 

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

@@ -1,17 +1,17 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var Rectangle = require('./Rectangle-0jUlP_jx.js');
-var search_store = require('./search.store-NSPzykno.js');
+var Rectangle = require('./Rectangle-DVEulpFu.js');
+var search_store = require('./search.store-CT4luzT3.js');
 var customizedSlots = require('./customized-slots-D9G-pOuM.js');
-var index$2 = require('./index-BUEskchg.js');
+var index$2 = require('./index-DZMV2ChQ.js');
 var index$1 = require('./index-C3G9W48a.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var checkDeviceType = require('./checkDeviceType-iUhpuLlH.js');
 var store = require('./store-CrCuJC55.js');
 var index$3 = require('./index-tXcMfW9y.js');
-var _package = require('./package-B2xF7VCy.js');
-var resources = require('./resources-5_Y1cO9T.js');
+var _package = require('./package-CN6WlYoJ.js');
+var resources = require('./resources-cQWt9LRT.js');
 var index$4 = require('./index-DJbShhV1.js');
 var constants = require('./constants-BlwqMvns.js');
 var triggerFilter = require('./triggerFilter-DFGg92Xh.js');
@@ -396,12 +396,21 @@ const VviinnImageSelector = class {
         this.vviinnNoResult = index.createEvent(this, "vviinnNoResult");
         this.vviinnImageUploadFinished = index.createEvent(this, "vviinnImageUploadFinished");
         this.loading = false;
-        this.accept = "image";
     }
     async handleInputChange(event) {
-        this.vviinnImageUploadStarted.emit(Object.assign(Object.assign({}, this.basicEventData), { isTriggeredByVpsWidget: this.storeName === "widget" }));
+        var _a;
         const input = event.target;
-        const processingResult = await search_store.makeUploadFileRequest(this.storeName)(input.files[0]);
+        const file = (_a = input.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (!file)
+            return;
+        const validationResult = search_store.checkImageType(file);
+        if (Rectangle.isLeft(validationResult)) {
+            this.vviinnNoResult.emit(Object.assign(Object.assign({}, this.basicEventData), { reason: validationResult.left.kind }));
+            input.value = "";
+            return;
+        }
+        this.vviinnImageUploadStarted.emit(Object.assign(Object.assign({}, this.basicEventData), { isTriggeredByVpsWidget: this.storeName === "widget" }));
+        const processingResult = await search_store.makeUploadFileRequest(this.storeName)(file);
         Rectangle._functionExports.pipe(processingResult, Rectangle.match(({ kind }) => {
             this.vviinnNoResult.emit(Object.assign(Object.assign({}, this.basicEventData), { reason: kind }));
         }, (response) => {
@@ -413,7 +422,7 @@ const VviinnImageSelector = class {
                 isTriggeredByVpsWidget: this.storeName === "widget",
             });
         }));
-        input.value = null;
+        input.value = "";
     }
     startUploadWatcher(upload) {
         if (upload) {
@@ -422,13 +431,13 @@ const VviinnImageSelector = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6861edff3c5282228d0521106e9e5eae456bfe3e', exportparts: "button" }, this.loading ? (index.h("vviinn-preloader", null)) : (index.h("label", { htmlFor: "fileInput", part: "button", tabindex: "0", onKeyDown: (e) => {
+        return (index.h(index.Host, { key: 'ccdb1848c44143d1ec9243c39776886873729aef', exportparts: "button" }, this.loading ? (index.h("vviinn-preloader", null)) : (index.h("label", { htmlFor: "fileInput", part: "button", tabindex: "0", onKeyDown: (e) => {
                 var _a;
                 if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.click();
                 }
-            } }, index.h("slot", { name: "upload-button-text" }, "Upload image"))), index.h("input", { key: '4aa61d6a7c3fef77426954db6c6c499e33d90d27', id: "fileInput", class: "visually-hidden", type: "file", tabindex: "-1", accept: this.accept === "image" ? "image/*" : "application/octet-stream", onChange: (event) => this.handleInputChange(event), ref: (el) => (this.fileInput = el) })));
+            } }, index.h("slot", { name: "upload-button-text" }, "Upload image"))), index.h("input", { key: 'bdddef690583a01729d2b7412736f3825b060386', id: "fileInput", class: "visually-hidden", type: "file", tabindex: "-1", accept: search_store.acceptableFileFormats, onChange: (event) => this.handleInputChange(event), ref: (el) => (this.fileInput = el) })));
     }
     static get watchers() { return {
         "startUpload": ["startUploadWatcher"]
@@ -1389,6 +1398,7 @@ const VviinnVpsWidget = class {
         /** @internal */
         this.showInWidget = true;
         this.slidePosition = 0;
+        this.uploadSource = null;
         this.stream = null;
         this.products = [];
         this.isCameraInitializing = false;
@@ -1503,20 +1513,19 @@ const VviinnVpsWidget = class {
             this.wrongImageFormat = false;
             this.resetScroll("results-block");
             this.stopStreamTracks();
-            this.initResultEvents();
+            this.showInWidget && this.initResultEvents();
             this.stream = null;
             this.isCameraEnabled = false;
             this.isCameraButtonClicked = false;
             this.isCameraInitializing = false;
             this.setShowAspectRatioError(false);
             this.slidePosition = 0;
+            this.uploadSource = null;
             this.resetScroll("start-page_block");
         };
         this.resetState = () => {
             this.resetInnerState();
-            if (this.showInWidget) {
-                search_store.resetStore(this.storeName, "appStateAndReceivedData");
-            }
+            this.showInWidget && search_store.resetStore(this.storeName, "appStateAndReceivedData");
         };
     }
     initResultEvents() {
@@ -1572,7 +1581,7 @@ const VviinnVpsWidget = class {
         }
         else {
             document.body.style.overflow = this.overflow;
-            this.initResultEvents();
+            this.showInWidget && this.initResultEvents();
         }
     }
     slidePositionWatcher() {
@@ -1699,31 +1708,31 @@ const VviinnVpsWidget = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '6befdfddd06e53f011e3f6a87bf5200bbfdafef1', exportparts: `${index$4.modalParts}, ${index$4.productCardParts}, ${index$4.searchBarParts}, ${index$4.searchWidgetFilterParts}, ${index$4.searchWidgetButtonParts}, ${index$4.productCardsGridPart}, ${index$4.suggestionsParts}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '38380b522ca1ac1ae86e33f6060c7dc040632728', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (index.h(index.Host, { key: 'e4b3eb07adaedcc346dc23ebb4074d6b568f34a2', exportparts: `${index$4.modalParts}, ${index$4.productCardParts}, ${index$4.searchBarParts}, ${index$4.searchWidgetFilterParts}, ${index$4.searchWidgetButtonParts}, ${index$4.productCardsGridPart}, ${index$4.suggestionsParts}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '7b4de48bae309958fdbcd075554c0926ceea6174', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
                 if (detail.campaignTypeId !== "VPR")
                     this.handleModalClose();
             }, buttonElementId: (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.widgetElementId, widgetVersion: _package.version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: index$4.modalParts }, index.h("vviinn-slider", { key: 'be3a5bbebfa1396ff2568ce23f7e5573249d3e20', position: this.slidePosition }, index.h("vviinn-slide", { key: 'b5fe1748627e08700a3a67931eb835f3e22000bc', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: index$4.modalParts }, index.h("vviinn-slider", { key: 'a8d336c59f73a6d68f6551363224b0b533958a51', position: this.slidePosition }, index.h("vviinn-slide", { key: '926a5a90953d80086442acc521a3d5577a444747', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, index.h("vviinn-camera", { key: '2ff5659977ee56238b02611b4f7e1f1e8f2a3228', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
+            } }, index.h("vviinn-camera", { key: '8d4d1233f9f293f608d94d79437845545329593c', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
                 this.handleVviinnImageUpload("startCamera");
-            }, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: '94e821fa25dbb4db2277d38f4ba6993941b9e2d8', class: {
+            }, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: '720b321bb57d3aad2bffd7ea1846f15dbb0ce53a', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, index.h("div", { key: '72c99dcc3ba6f5f7969120ea1d453f034b4ec991', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (index.h("div", { key: '655f4202af65eb118124e2401fe118ca0fc15631', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '4c00d5fb45283e51ed94f18af266a62c80d46671', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: this.showInWidget, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: 'f423acd6924394400fe6e6f4fa8e902a217dfffa' }, index.h("vviinn-teaser", { key: 'e7fb21f20050be0067d9286f6d3fa51ee6d4d2c6' }), index.h("div", { key: 'bf1f46945924a4df4e4c7f26bf6f6ee439f4ceb2', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", { key: 'e4b5618848ede58e1d440390e64f25515d97b1b4', token: store.globalState.token, apiPath: store.globalState.apiPath, locale: store.globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: 'c38a4b2832ee506d0090ba5a2fbf65a75e4baa58', privacyBadgeText: i18next.instance.t("privacyBadgeText", {
+            }, id: "start-page_block" }, index.h("div", { key: 'c32f285eb2a09128da261ab6760ffecfe2c8d29c', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (index.h("div", { key: 'bf1e3792a180449a856e43e06f98fadb2b20f2b1', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '475c56ce4cea82ca41630c7f33d80cc101be38c6', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: this.showInWidget, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: '4df2847cfbb83dbda1cc6a79a441d66012644eec' }, index.h("vviinn-teaser", { key: 'da876e72cfd3883155f7852b4850d7d4ed8ffd06' }), index.h("div", { key: '804553414e50659d9394909e7db7e4ce999a2c16', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", { key: '331a1f31d82487c4f50862793f88597e5e338929', token: store.globalState.token, apiPath: store.globalState.apiPath, locale: store.globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: '3da1dec800cd91585502ad7eca9f309cf6f31f48', privacyBadgeText: i18next.instance.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: '83eb0fb3af107fc3d54639c64367a5ebfc966f56', class: {
+            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: 'a344e5987bdc38735860430750c10e01d2c0eb8e', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (index.h("div", { key: 'cdfd64427728e91f5f0faf0c61b5e10a2a4ca0a3', class: "source-wrapper" }, this.isTextSearch() ? (index.h(index.Fragment, null, index.h("vviinn-text-search", { token: this.token, showInWidget: true, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }), index.h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (index.h("vviinn-cropper", { basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: true, "save-image-mode": "never" })), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: '04a27202fe48f245394b946726b4b3cd89916dad', class: {
+            } }, this.isResultSlide() && (index.h("div", { key: 'eadd2ddfcaa8277953e379742ede5f7afd22dffe', class: "source-wrapper" }, this.isTextSearch() ? (index.h(index.Fragment, null, index.h("vviinn-text-search", { token: this.token, showInWidget: true, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }), index.h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (index.h("vviinn-cropper", { basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: true, "save-image-mode": "never" })), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: 'b2cb3daae83d7ef7a50cfc8bcc04b300be5382c7', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, index.h("vviinn-filters", { key: '6b84c144742bf0ef62090292f09cef66b793fcd9', class: "preview-filters", showInWidget: true, exportparts: index$4.filtersParts }), index.h("vviinn-extended-filters", { key: '9517b380405ffb2d5f01180ae0277dd09257dc15', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: index$4.extendedFiltersParts, showInWidget: true }), index.h("vviinn-extended-filters-button", { key: '7f2e322e44edb3b8cfbd1ba94809bd1245147d64', class: {
+            } }, index.h("vviinn-filters", { key: 'a028c222574d4e60ddcfd5ec289ff0c208bcfabc', class: "preview-filters", showInWidget: true, exportparts: index$4.filtersParts }), index.h("vviinn-extended-filters", { key: '88c438a41b5b44c918e5eeb9bc8590cba874b9c6', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: index$4.extendedFiltersParts, showInWidget: true }), index.h("vviinn-extended-filters-button", { key: '0aba5bc3f6d005f0ae754494a79aaa10cf28a238', class: {
                 "extended-filters-button": true,
                 "has-primary-filters": this.state.dynamicFilters.filter((f) => f.isPrimary)
                     .length > 0,
-            }, exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (index.h("vviinn-results", { key: 'ffc28d5ac4cefa0fc6573140aa0923fd45e44062', token: store.globalState.token, locale: store.globalState.locale, pricePrefix: store.globalState.pricePrefix, "currency-sign": store.globalState.currencySign, apiPath: store.globalState.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: true, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody })))), index.h("vviinn-extended-filters", { key: '6e4ed4c898e3f11984efc8fd51bfebf0ea3b9e8c', class: "modal-extended-filters", mode: "modal", exportparts: index$4.extendedFiltersParts, showInWidget: true }))));
+            }, exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (index.h("vviinn-results", { key: 'fc9e349d99f23df55fb546c2115ce705827b3114', token: store.globalState.token, locale: store.globalState.locale, pricePrefix: store.globalState.pricePrefix, "currency-sign": store.globalState.currencySign, apiPath: store.globalState.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: true, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody })))), index.h("vviinn-extended-filters", { key: 'af6545ad7c1e002f297566a4c1590e8e043263d2', class: "modal-extended-filters", mode: "modal", exportparts: index$4.extendedFiltersParts, showInWidget: true }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-NSPzykno.js');
-var Rectangle = require('./Rectangle-0jUlP_jx.js');
+var search_store = require('./search.store-CT4luzT3.js');
+var Rectangle = require('./Rectangle-DVEulpFu.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var _package = require('./package-B2xF7VCy.js');
-var index$1 = require('./index-BUEskchg.js');
+var _package = require('./package-CN6WlYoJ.js');
+var index$1 = require('./index-DZMV2ChQ.js');
 var constants = require('./constants-BlwqMvns.js');
 var customizedSlots = require('./customized-slots-D9G-pOuM.js');
 var index$2 = require('./index-DJbShhV1.js');
 var RenderFilterButton = require('./RenderFilterButton-CSLqPags.js');
-var resources = require('./resources-5_Y1cO9T.js');
+var resources = require('./resources-cQWt9LRT.js');
 var triggerFilter = require('./triggerFilter-DFGg92Xh.js');
 var store = require('./store-CrCuJC55.js');
 var index$3 = require('./index-tXcMfW9y.js');

package/dist/cjs/vviinn-detected-object_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var Rectangle = require('./Rectangle-0jUlP_jx.js');
+var Rectangle = require('./Rectangle-DVEulpFu.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 require('./store-CrCuJC55.js');
 

package/dist/cjs/vviinn-selected-filters.cjs.entry.js

@@ -3,13 +3,13 @@
 var index = require('./index-OrE9ITel.js');
 var RenderFilterButton = require('./RenderFilterButton-CSLqPags.js');
 var triggerFilter = require('./triggerFilter-DFGg92Xh.js');
-var search_store = require('./search.store-NSPzykno.js');
+var search_store = require('./search.store-CT4luzT3.js');
 var store = require('./store-CrCuJC55.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var resources = require('./resources-5_Y1cO9T.js');
+var resources = require('./resources-cQWt9LRT.js');
 var index$1 = require('./index-C3G9W48a.js');
 var index$2 = require('./index-tXcMfW9y.js');
-require('./Rectangle-0jUlP_jx.js');
+require('./Rectangle-DVEulpFu.js');
 
 const TextIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
     index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

package/dist/cjs/vviinn-shop-the-look.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var Rectangle = require('./Rectangle-0jUlP_jx.js');
+var Rectangle = require('./Rectangle-DVEulpFu.js');
 var checkDeviceType = require('./checkDeviceType-iUhpuLlH.js');
 var store = require('./store-CrCuJC55.js');
-var search_store = require('./search.store-NSPzykno.js');
+var search_store = require('./search.store-CT4luzT3.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-BZg-ADIW.js');
 var intersectionObserver = require('./intersectionObserver-Bz1vF9DA.js');
 

package/dist/cjs/vviinn-text-search.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-NSPzykno.js');
+var search_store = require('./search.store-CT4luzT3.js');
 var customizedSlots = require('./customized-slots-D9G-pOuM.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var resources = require('./resources-5_Y1cO9T.js');
-var Rectangle = require('./Rectangle-0jUlP_jx.js');
+var resources = require('./resources-cQWt9LRT.js');
+var Rectangle = require('./Rectangle-DVEulpFu.js');
 var index$1 = require('./index-DJbShhV1.js');
 var store = require('./store-CrCuJC55.js');
 

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

@@ -6,7 +6,7 @@ var constants$1 = require('./constants-DHaugTOE.js');
 var index$1 = require('./index-tXcMfW9y.js');
 var constants = require('./constants-BlwqMvns.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var resources = require('./resources-5_Y1cO9T.js');
+var resources = require('./resources-cQWt9LRT.js');
 var store = require('./store-CrCuJC55.js');
 
 const SearchModalCameraIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
@@ -152,7 +152,7 @@ const VviinnVpsButton = class {
     }
     render() {
         const { ariaLabel, buttonIcon } = this.getButtonConfig();
-        return (index.h(index.Host, { key: '217a7bba519ef7060fc80662ebea7d00906e09b3', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel }, index.h("vviinn-button", { key: 'f9266b5a312a418fc91f92be8a2a46cf4e6fc36f', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, index.h("slot", { key: '3c0eb4a3f434f763a5b3b089655a7884bc296b3d' }, buttonIcon)), customizedSlots.SlotSkeleton("search"), index.h("vviinn-vps-widget", { key: 'c12281cb2c98e8c09e84b95719cc13fe1816b3bb', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, pricePrefix: this.pricePrefix, campaignId: this.campaignId, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton, buttonElementId: this.el.id, active: this.buttonPressed &&
+        return (index.h(index.Host, { key: '77f53d931cece790d3ad282c9361255da9d7855f', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel }, index.h("vviinn-button", { key: '4ae881afffce59ca29a16bcfac041b7f27e9b99f', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, index.h("slot", { key: 'd696de9a652f1536e8658647e8a34c4346560262' }, buttonIcon)), customizedSlots.SlotSkeleton("search"), index.h("vviinn-vps-widget", { key: '96d554c425f8c06a2f61c8f4415b8789589996c6', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, pricePrefix: this.pricePrefix, campaignId: this.campaignId, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton, buttonElementId: this.el.id, active: this.buttonPressed &&
                 (this.mode === "modal" || this.mode === "camera"), excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, imageResolutionWidth: this.imageResolutionWidth, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow, addToBasketShow: this.addToBasketShow, addPriceContainer: this.addPriceContainer, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this), oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, favoriteShow: this.favoriteShow, showInWidget: this.showInWidget, parentSlots: this.slots })));
     }
     get el() { return index.getElement(this); }

package/dist/collection/Image/error.js

@@ -2,7 +2,8 @@ import { fromOption } from "fp-ts/lib/Either";
 import { findFirstMap } from "fp-ts/Array";
 import { pipe } from "fp-ts/lib/function";
 import { none, some } from "fp-ts/lib/Option";
-const SUPPORTED_FILE_TYPES = ["jpg", "jpeg", "png", "webp"];
+const SUPPORTED_FILE_TYPES = ["jpg", "jpeg", "png", "webp", "avif"];
+export const acceptableFileFormats = SUPPORTED_FILE_TYPES.map((type) => `.${type}`).join(", ");
 const unsupportedFileTypeError = {
     kind: "client",
     inner: "File format not supported",

package/dist/collection/components/vviinn-carousel/vviinn-carousel.js

@@ -643,7 +643,7 @@ export class VviinnCarousel {
                 "mutable": true,
                 "complexType": {
                     "original": "Recommendation[]",
-                    "resolved": "{ kind?: \"product\" | \"content\"; entityType?: \"product\" | \"content\" | \"list\"; groupId?: string; productId?: string; title?: string; deeplink?: string; brand?: string; productType?: string; image?: { original?: string; thumbnail?: string; }; price?: { actual?: number; sale?: number; }; basePrice?: { actual?: { price?: number; quantity?: number; measure?: string; }; sale?: { price?: number; quantity?: number; measure?: string; }; }; energyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; minEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; maxEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; energyCertifications?: { certificationClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; classIconUrls?: { left: string; right: string; }; classRange?: { min?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; max?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; }; classLabelUrl?: string; classDataSheetUrl?: string; productType?: string; }[]; custom_label_0?: string; custom_label_1?: string; custom_label_2?: string; custom_label_3?: string; custom_label_4?: string; }[]",
+                    "resolved": "{ kind?: \"product\" | \"content\"; entityType?: \"product\" | \"content\" | \"list\"; groupId?: string; productId?: string; title?: string; deeplink?: string; brand?: string; productType?: string; image?: { original: string; thumbnail: string; }; images?: { original: string; thumbnail: string; }[]; price?: { actual?: number; sale?: number; }; basePrice?: { actual?: { price?: number; quantity?: number; measure?: string; }; sale?: { price?: number; quantity?: number; measure?: string; }; }; energyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; minEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; maxEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; energyCertifications?: { certificationClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; classIconUrls?: { left: string; right: string; }; classRange?: { min?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; max?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; }; classLabelUrl?: string; classDataSheetUrl?: string; productType?: string; }[]; custom_label_0?: string; custom_label_1?: string; custom_label_2?: string; custom_label_3?: string; custom_label_4?: string; }[]",
                     "references": {
                         "Recommendation": {
                             "location": "import",
@@ -668,7 +668,7 @@ export class VviinnCarousel {
                 "mutable": false,
                 "complexType": {
                     "original": "Recommendation",
-                    "resolved": "{ kind?: \"product\" | \"content\"; entityType?: \"product\" | \"content\" | \"list\"; groupId?: string; productId?: string; title?: string; deeplink?: string; brand?: string; productType?: string; image?: { original?: string; thumbnail?: string; }; price?: { actual?: number; sale?: number; }; basePrice?: { actual?: { price?: number; quantity?: number; measure?: string; }; sale?: { price?: number; quantity?: number; measure?: string; }; }; energyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; minEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; maxEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; energyCertifications?: { certificationClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; classIconUrls?: { left: string; right: string; }; classRange?: { min?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; max?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; }; classLabelUrl?: string; classDataSheetUrl?: string; productType?: string; }[]; custom_label_0?: string; custom_label_1?: string; custom_label_2?: string; custom_label_3?: string; custom_label_4?: string; }",
+                    "resolved": "{ kind?: \"product\" | \"content\"; entityType?: \"product\" | \"content\" | \"list\"; groupId?: string; productId?: string; title?: string; deeplink?: string; brand?: string; productType?: string; image?: { original: string; thumbnail: string; }; images?: { original: string; thumbnail: string; }[]; price?: { actual?: number; sale?: number; }; basePrice?: { actual?: { price?: number; quantity?: number; measure?: string; }; sale?: { price?: number; quantity?: number; measure?: string; }; }; energyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; minEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; maxEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; energyCertifications?: { certificationClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; classIconUrls?: { left: string; right: string; }; classRange?: { min?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; max?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; }; classLabelUrl?: string; classDataSheetUrl?: string; productType?: string; }[]; custom_label_0?: string; custom_label_1?: string; custom_label_2?: string; custom_label_3?: string; custom_label_4?: string; }",
                     "references": {
                         "Recommendation": {
                             "location": "import",

package/dist/collection/components/vviinn-image-selector/vviinn-image-selector.js

@@ -3,18 +3,28 @@ import * as E from "fp-ts/Either";
 import { pipe } from "fp-ts/lib/function";
 import { makeUploadFileRequest, } from "../../store/search.store";
 import { setLocalStorageItems } from "../../localStorage";
+import { acceptableFileFormats, checkImageType } from "../../Image/error";
 /**
  * @part button -  button look and feel
  */
 export class VviinnImageSelector {
     constructor() {
         this.loading = false;
-        this.accept = "image";
     }
     async handleInputChange(event) {
-        this.vviinnImageUploadStarted.emit(Object.assign(Object.assign({}, this.basicEventData), { isTriggeredByVpsWidget: this.storeName === "widget" }));
+        var _a;
         const input = event.target;
-        const processingResult = await makeUploadFileRequest(this.storeName)(input.files[0]);
+        const file = (_a = input.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (!file)
+            return;
+        const validationResult = checkImageType(file);
+        if (E.isLeft(validationResult)) {
+            this.vviinnNoResult.emit(Object.assign(Object.assign({}, this.basicEventData), { reason: validationResult.left.kind }));
+            input.value = "";
+            return;
+        }
+        this.vviinnImageUploadStarted.emit(Object.assign(Object.assign({}, this.basicEventData), { isTriggeredByVpsWidget: this.storeName === "widget" }));
+        const processingResult = await makeUploadFileRequest(this.storeName)(file);
         pipe(processingResult, E.match(({ kind }) => {
             this.vviinnNoResult.emit(Object.assign(Object.assign({}, this.basicEventData), { reason: kind }));
         }, (response) => {
@@ -26,7 +36,7 @@ export class VviinnImageSelector {
                 isTriggeredByVpsWidget: this.storeName === "widget",
             });
         }));
-        input.value = null;
+        input.value = "";
     }
     startUploadWatcher(upload) {
         if (upload) {
@@ -35,13 +45,13 @@ export class VviinnImageSelector {
         }
     }
     render() {
-        return (h(Host, { key: '6861edff3c5282228d0521106e9e5eae456bfe3e', exportparts: "button" }, this.loading ? (h("vviinn-preloader", null)) : (h("label", { htmlFor: "fileInput", part: "button", tabindex: "0", onKeyDown: (e) => {
+        return (h(Host, { key: 'ccdb1848c44143d1ec9243c39776886873729aef', exportparts: "button" }, this.loading ? (h("vviinn-preloader", null)) : (h("label", { htmlFor: "fileInput", part: "button", tabindex: "0", onKeyDown: (e) => {
                 var _a;
                 if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.click();
                 }
-            } }, h("slot", { name: "upload-button-text" }, "Upload image"))), h("input", { key: '4aa61d6a7c3fef77426954db6c6c499e33d90d27', id: "fileInput", class: "visually-hidden", type: "file", tabindex: "-1", accept: this.accept === "image" ? "image/*" : "application/octet-stream", onChange: (event) => this.handleInputChange(event), ref: (el) => (this.fileInput = el) })));
+            } }, h("slot", { name: "upload-button-text" }, "Upload image"))), h("input", { key: 'bdddef690583a01729d2b7412736f3825b060386', id: "fileInput", class: "visually-hidden", type: "file", tabindex: "-1", accept: acceptableFileFormats, onChange: (event) => this.handleInputChange(event), ref: (el) => (this.fileInput = el) })));
     }
     static get is() { return "vviinn-image-selector"; }
     static get encapsulation() { return "shadow"; }
@@ -125,8 +135,8 @@ export class VviinnImageSelector {
                 "attribute": "accept",
                 "mutable": false,
                 "complexType": {
-                    "original": "\"image\" | \"application-octet-stream\"",
-                    "resolved": "\"application-octet-stream\" | \"image\"",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -137,8 +147,7 @@ export class VviinnImageSelector {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "\"image\""
+                "reflect": false
             },
             "resetVpsButton": {
                 "type": "unknown",
@@ -296,7 +305,7 @@ export class VviinnImageSelector {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Wrong image format, that isn't .jpg, .jpeg, png"
+                    "text": "Wrong image format, that isn't .jpg, .jpeg, .png, .webp, or .avif"
                 },
                 "complexType": {
                     "original": "NoResultEventData",

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

@@ -1565,7 +1565,7 @@ export class VviinnVprWidget {
                 },
                 "complexType": {
                     "original": "Recommendation",
-                    "resolved": "{ kind?: \"product\" | \"content\"; entityType?: \"product\" | \"content\" | \"list\"; groupId?: string; productId?: string; title?: string; deeplink?: string; brand?: string; productType?: string; image?: { original?: string; thumbnail?: string; }; price?: { actual?: number; sale?: number; }; basePrice?: { actual?: { price?: number; quantity?: number; measure?: string; }; sale?: { price?: number; quantity?: number; measure?: string; }; }; energyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; minEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; maxEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; energyCertifications?: { certificationClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; classIconUrls?: { left: string; right: string; }; classRange?: { min?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; max?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; }; classLabelUrl?: string; classDataSheetUrl?: string; productType?: string; }[]; custom_label_0?: string; custom_label_1?: string; custom_label_2?: string; custom_label_3?: string; custom_label_4?: string; }",
+                    "resolved": "{ kind?: \"product\" | \"content\"; entityType?: \"product\" | \"content\" | \"list\"; groupId?: string; productId?: string; title?: string; deeplink?: string; brand?: string; productType?: string; image?: { original: string; thumbnail: string; }; images?: { original: string; thumbnail: string; }[]; price?: { actual?: number; sale?: number; }; basePrice?: { actual?: { price?: number; quantity?: number; measure?: string; }; sale?: { price?: number; quantity?: number; measure?: string; }; }; energyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; minEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; maxEnergyEfficiencyClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; energyCertifications?: { certificationClass?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; classIconUrls?: { left: string; right: string; }; classRange?: { min?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; max?: \"A+++\" | \"A++\" | \"A+\" | \"A\" | \"B\" | \"C\" | \"D\" | \"E\" | \"F\" | \"G\"; }; classLabelUrl?: string; classDataSheetUrl?: string; productType?: string; }[]; custom_label_0?: string; custom_label_1?: string; custom_label_2?: string; custom_label_3?: string; custom_label_4?: string; }",
                     "references": {
                         "Recommendation": {
                             "location": "import",

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

@@ -186,7 +186,7 @@ export class VviinnVpsButton {
     }
     render() {
         const { ariaLabel, buttonIcon } = this.getButtonConfig();
-        return (h(Host, { key: '217a7bba519ef7060fc80662ebea7d00906e09b3', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel }, h("vviinn-button", { key: 'f9266b5a312a418fc91f92be8a2a46cf4e6fc36f', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, h("slot", { key: '3c0eb4a3f434f763a5b3b089655a7884bc296b3d' }, buttonIcon)), SlotSkeleton("search"), h("vviinn-vps-widget", { key: 'c12281cb2c98e8c09e84b95719cc13fe1816b3bb', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, pricePrefix: this.pricePrefix, campaignId: this.campaignId, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton, buttonElementId: this.el.id, active: this.buttonPressed &&
+        return (h(Host, { key: '77f53d931cece790d3ad282c9361255da9d7855f', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel }, h("vviinn-button", { key: '4ae881afffce59ca29a16bcfac041b7f27e9b99f', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, h("slot", { key: 'd696de9a652f1536e8658647e8a34c4346560262' }, buttonIcon)), SlotSkeleton("search"), h("vviinn-vps-widget", { key: '96d554c425f8c06a2f61c8f4415b8789589996c6', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, pricePrefix: this.pricePrefix, campaignId: this.campaignId, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton, buttonElementId: this.el.id, active: this.buttonPressed &&
                 (this.mode === "modal" || this.mode === "camera"), excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, imageResolutionWidth: this.imageResolutionWidth, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow, addToBasketShow: this.addToBasketShow, addPriceContainer: this.addPriceContainer, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this), oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, favoriteShow: this.favoriteShow, showInWidget: this.showInWidget, parentSlots: this.slots })));
     }
     static get is() { return "vviinn-vps-button"; }
@@ -867,7 +867,7 @@ export class VviinnVpsButton {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Wrong image format, that isn't .jpg, .jpeg, png, or the request failed"
+                    "text": "Wrong image format, that isn't .jpg, .jpeg, .png, .webp, or .avif, or the request failed"
                 },
                 "complexType": {
                     "original": "BasicEventData",