vviinn-widgets 2.224.7 → 2.224.8

package/dist/cjs/{index-Bsm63qr3.js → index-BwWhbPzs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BU8FMTXn.js');
-var search_store = require('./search.store-BlajOvjX.js');
+var search_store = require('./search.store-DW1LaBD8.js');
 var store = require('./store-jPZ4ROqV.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" },

package/dist/cjs/{search.store-BlajOvjX.js → search.store-DW1LaBD8.js}

@@ -8630,7 +8630,7 @@ const startSearch = (store) => {
     return () => latestSearch.get(store) !== sequence;
 };
 
-const version = "2.224.7";
+const version = "2.224.8";
 
 const appStateGlobalDefaults = {
     excluded: null,

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BU8FMTXn.js');
 var store = require('./store-jPZ4ROqV.js');
-var search_store = require('./search.store-BlajOvjX.js');
+var search_store = require('./search.store-DW1LaBD8.js');
 var index$1 = require('./index-CP1QUrJT.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-CuNEBTWD.js');
 var index$2 = require('./index-BF9aENF8.js');

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

@@ -2,9 +2,9 @@
 
 var index = require('./index-BU8FMTXn.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-BlajOvjX.js');
+var search_store = require('./search.store-DW1LaBD8.js');
 var index$2 = require('./index-CP1QUrJT.js');
-var index$1 = require('./index-Bsm63qr3.js');
+var index$1 = require('./index-BwWhbPzs.js');
 var store = require('./store-jPZ4ROqV.js');
 var cropperUtils = require('./cropperUtils-s4RL8x1I.js');
 var cssUrlHelper = require('./cssUrlHelper-B5A2BBm7.js');
@@ -12,7 +12,7 @@ var index$3 = require('./index-BF9aENF8.js');
 var resultsPageUrl = require('./resultsPageUrl-Cki7CFQz.js');
 var constants = require('./constants-BlwqMvns.js');
 var openProductLink = require('./openProductLink-B3cy6uw_.js');
-var constants$1 = require('./constants-DHaugTOE.js');
+var exampleImage = require('./exampleImage-DHaugTOE.js');
 
 const CameraActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
     index.h("path", { d: "M12 17.5C13.25 17.5 14.3125 17.0625 15.1875 16.1875C16.0625 15.3125 16.5 14.25 16.5 13C16.5 11.75 16.0625 10.6875 15.1875 9.8125C14.3125 8.9375 13.25 8.5 12 8.5C10.75 8.5 9.6875 8.9375 8.8125 9.8125C7.9375 10.6875 7.5 11.75 7.5 13C7.5 14.25 7.9375 15.3125 8.8125 16.1875C9.6875 17.0625 10.75 17.5 12 17.5ZM12 15.5C11.3 15.5 10.7083 15.2583 10.225 14.775C9.74167 14.2917 9.5 13.7 9.5 13C9.5 12.3 9.74167 11.7083 10.225 11.225C10.7083 10.7417 11.3 10.5 12 10.5C12.7 10.5 13.2917 10.7417 13.775 11.225C14.2583 11.7083 14.5 12.3 14.5 13C14.5 13.7 14.2583 14.2917 13.775 14.775C13.2917 15.2583 12.7 15.5 12 15.5ZM4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V7C2 6.45 2.19583 5.97917 2.5875 5.5875C2.97917 5.19583 3.45 5 4 5H7.15L8.4 3.65C8.58333 3.45 8.80417 3.29167 9.0625 3.175C9.32083 3.05833 9.59167 3 9.875 3H14.125C14.4083 3 14.6792 3.05833 14.9375 3.175C15.1958 3.29167 15.4167 3.45 15.6 3.65L16.85 5H20C20.55 5 21.0208 5.19583 21.4125 5.5875C21.8042 5.97917 22 6.45 22 7V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4Z", fill: "currentColor" })));
@@ -1985,7 +1985,7 @@ const VviinnVpsWidget = class {
         /** Accept image files dropped from the OS onto the upload button (desktop only) */
         this.useDragAndDrop = false;
         /** Example image source */
-        this.exampleImageSource = constants$1.DEFAULT_EXAMPLE_IMAGE;
+        this.exampleImageSource = exampleImage.DEFAULT_EXAMPLE_IMAGE;
         /** Show the text search */
         this.textSearchShow = false;
         /** Show auto-suggest dropdown with search completions */
@@ -2363,31 +2363,31 @@ const VviinnVpsWidget = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'a20b5c3bafd48c3cb15d59bfa8aa9ac78570c2c3', exportparts: `${index$3.modalParts}, ${index$3.productCardParts}, ${index$3.searchBarParts}, ${index$3.searchWidgetFilterParts}, ${index$3.searchWidgetButtonParts}, ${index$3.productCardsGridPart}, ${index$3.suggestionsParts}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), !this.showingInButton && index$2.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: 'd6c38cd08756a072d86a756d6e2b179f50728d4d', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (index.h(index.Host, { key: '06b57999ec710cb710a4981231b6673ad493757f', exportparts: `${index$3.modalParts}, ${index$3.productCardParts}, ${index$3.searchBarParts}, ${index$3.searchWidgetFilterParts}, ${index$3.searchWidgetButtonParts}, ${index$3.productCardsGridPart}, ${index$3.suggestionsParts}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), !this.showingInButton && index$2.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '0334cae11228959d8dae0c32b5a4caa1e0356691', 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: search_store.version, hideBackButton: this.mode === "upload" ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()) }, index.h("vviinn-slider", { key: 'aeba1708d972f735906a469504e323a4800c7192', position: this.slidePosition }, index.h("vviinn-slide", { key: 'ad47ee289846af02e1fee52a0973a7945b27f7d5', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()) }, index.h("vviinn-slider", { key: '6c342633d4e2731c002bd4bef05c1af64430ea95', position: this.slidePosition }, index.h("vviinn-slide", { key: '573684f4f255d41a7c588adb163ab9f6125247aa', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, index.h("vviinn-camera", { key: 'b8884012d903036e965af26d29a69f2c0d1e68b8', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
+            } }, index.h("vviinn-camera", { key: '6f0d6e4362993baafd7a54f16f199b8d7ae85d9a', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
                 this.handleVviinnImageUpload("startCamera");
-            }, apiPath: this.apiPath, 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: '1a1540e3baaad55690aa05185b4ec7e760c409e7', class: {
+            }, apiPath: this.apiPath, 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: '59c86cdb70a55feeb6e3108889bb477f681147bd', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, index.h("div", { key: '1d42f05c8d7b0071877561a7c1d90c2a2ffd71a2', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (index.h("div", { key: '31f8f1621041f783b21a89d9cd173e3b144e93c9', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: 'e1be0b27bc3052a1d14726382de1f1c2c2f40319', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: '7b54a798c217c9852053a21f8763aa3ec4fd6dcb' }, index.h("vviinn-teaser", { key: '4a1398553243924c4f3962c2bd5432d0f1a9db63' }), index.h("div", { key: 'c82c8c54707464054d86a190ff112071672ef54b', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (index.h("vviinn-text-search", { key: '54f62429c8790ecff02a6adf22c2ae66fb1a820e', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: '4f0b5d53f722b1fc780c5def6879f6479679db45', privacyBadgeText: store.instance.t("privacyBadgeText", {
+            }, id: "start-page_block" }, index.h("div", { key: '35b2329c382140fb9cfdf4b337eb06083022fecb', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (index.h("div", { key: '590a24d3480545a3035c5df1989729fe05646d04', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '900e484a14caa1ea6954197c8661f07a9c8cfb5a', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: 'ec43c0209366d38c728a8c7e0acfca5eee70ab89' }, index.h("vviinn-teaser", { key: 'c2af161e36dda98f3ec914f166d99c26ba88d907' }), index.h("div", { key: 'be61872dbf2618d9cfc66ff17fa9b08d66f4f4bf', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (index.h("vviinn-text-search", { key: '0cf1628ad4e3f3c5b8c29efab9f87cd5dd3b824e', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: 'b2020b9c791f99f15a6c87409f4048679b53ec89', privacyBadgeText: store.instance.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: '17800b22f72e559f339fb939287e28585d13c49f', class: {
+            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: '2c9a77ab63d5d0594d2d40a1c7ded546803e284b', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (index.h("div", { key: 'cd8b8b635846d27bfc5b5a88b03e730242dfb6f0', class: "source-wrapper" }, this.isTextSearch() && (index.h("vviinn-text-search", { key: '48f8e5eb4cf10e4d3cfc6708bcbd446d6b1f7d54', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" })), !this.isTextSearch() && (index.h("vviinn-cropper", { key: '3d8ad1b4910726dab2fcfb3b99fd2fdbb55cb452', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.aiSuggestionsShow && (index.h("vviinn-suggestions", { key: '602a7b7b33f7870d56a71db219a842356a96215b', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), index.h("vviinn-selected-filters", { key: '405c7ad7db8298c8a121fa3e179a446f158f6551', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: index$3.filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: 'a8d07b7e4488582f1e95280739977e24905a56f6', class: {
+            } }, this.isResultSlide() && (index.h("div", { key: 'd7fd64837aaf301dbec923453a95d1a89dfc47c5', class: "source-wrapper" }, this.isTextSearch() && (index.h("vviinn-text-search", { key: 'f8da979f59b4aa126ec7447e005b2d3c43e1b76b', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" })), !this.isTextSearch() && (index.h("vviinn-cropper", { key: '74c3251d43d45730c24f28f3eeb8b2be5c31c861', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.aiSuggestionsShow && (index.h("vviinn-suggestions", { key: '50c6c28a8988e1e4a3a39bc72224203c6edcd270', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), index.h("vviinn-selected-filters", { key: 'cd79ca997a28007c59f30e3c3c753417cfda26d8', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: index$3.filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: '021445e2aab30c06251c2c509c8dd8246f485d05', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, index.h("vviinn-filters", { key: '72476b247839fa96f9acf3a55b4b7bb71e74e0ee', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters", { key: '41073b5100c1f61d52007ec8a7436bef72dad6ce', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters-button", { key: '6102bce8361631f6dcf7c258877e4435ff90f983', class: {
+            } }, index.h("vviinn-filters", { key: 'a002afc40d2ff92b50f1dab978434ef114f59662', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters", { key: '326738a368b0ee71c5d0471fd84ca6d0c6797eaa', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters-button", { key: '97e1a5204f1591c78cdb3e1ac6d13ac4480fd305', class: {
                 "extended-filters-button": true,
                 "has-primary-filters": this.state.dynamicFilters.filter((f) => f.isPrimary)
                     .length > 0,
-            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (index.h(index.Fragment, { key: 'a396bb357d6b6ca8814a36dfc0451b929e0b71ce' }, index.h("vviinn-results", { key: '866664591a434279e71e3fa32e8b79c87d2f5a50', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, 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: 'db62d116701fea23921fbf6ff4df34b4f3845892', class: "modal-extended-filters", mode: "modal", exportparts: index$3.extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
+            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (index.h(index.Fragment, { key: 'f25e461be1468f4b640a9301084029e8041d1e4e' }, index.h("vviinn-results", { key: '6603961604ce8b66ce69c07ecf90e699c6fae86a', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, 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: '36402edabc899202c470afdfbe400908d2921082', class: "modal-extended-filters", mode: "modal", exportparts: index$3.extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-BU8FMTXn.js');
-var search_store = require('./search.store-BlajOvjX.js');
+var search_store = require('./search.store-DW1LaBD8.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
 var store = require('./store-jPZ4ROqV.js');
-var index$1 = require('./index-Bsm63qr3.js');
+var index$1 = require('./index-BwWhbPzs.js');
 var constants = require('./constants-BlwqMvns.js');
 var index$2 = require('./index-CP1QUrJT.js');
 var index$3 = require('./index-BF9aENF8.js');

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

@@ -4,7 +4,7 @@ var index = require('./index-BU8FMTXn.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
 var cropperUtils = require('./cropperUtils-s4RL8x1I.js');
 var swiperElement = require('./swiper-element-DjtzojCR.js');
-var search_store = require('./search.store-BlajOvjX.js');
+var search_store = require('./search.store-DW1LaBD8.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-CuNEBTWD.js');
 var index$1 = require('./index-BF9aENF8.js');
 var store = require('./store-jPZ4ROqV.js');

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BU8FMTXn.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-BlajOvjX.js');
+var search_store = require('./search.store-DW1LaBD8.js');
 var index$2 = require('./index-CP1QUrJT.js');
 var store = require('./store-jPZ4ROqV.js');
 var index$1 = require('./index-BF9aENF8.js');

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BU8FMTXn.js');
 var index$2 = require('./index-CP1QUrJT.js');
-var constants$1 = require('./constants-DHaugTOE.js');
+var exampleImage = require('./exampleImage-DHaugTOE.js');
 var constants = require('./constants-BlwqMvns.js');
 var index$1 = require('./index-BF9aENF8.js');
 var cssUrlHelper = require('./cssUrlHelper-B5A2BBm7.js');
@@ -65,7 +65,7 @@ const VviinnVpsButton = class {
         /** Accept image files dropped from the OS onto the upload button (desktop only) */
         this.useDragAndDrop = false;
         /** Example image source */
-        this.exampleImageSource = constants$1.DEFAULT_EXAMPLE_IMAGE;
+        this.exampleImageSource = exampleImage.DEFAULT_EXAMPLE_IMAGE;
         /** Show the text search */
         this.textSearchShow = false;
         /** Show auto-suggest dropdown with search completions */
@@ -166,7 +166,7 @@ const VviinnVpsButton = class {
     }
     render() {
         const { ariaLabel, buttonIcon } = this.getButtonConfig();
-        return (index.h(index.Host, { key: 'a20fb63887e59406caef7f4cbc46ef2917c25aa9', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel, exportparts: `vviinn-button, ${index$1.searchModalFirstScreenParts}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("vviinn-button", { key: '9eaf24f2036a236cdfa6f45b1923e3ab7baf7039', 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("span", { key: '4410cd5da111bfc79084988e78bdb1f929df62b3', style: { display: this.hasCustomTrigger ? "contents" : "none" } }, index.h("slot", { key: '4609e3adfef807efffb9819aff506d8794278f10', onSlotchange: () => (this.hasCustomTrigger = index$2.hasDefaultSlotContent(this.el)) })), !this.hasCustomTrigger && buttonIcon), index$2.SlotSkeleton("search"), index.h("vviinn-vps-widget", { key: '0d24ee9564fc1b44f2d77dd27e0c4ab8bd442238', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, numberLocale: this.numberLocale, 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: '2a466056b4da2d437d4c5f54f825d3da8a73bd20', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel, exportparts: `vviinn-button, ${index$1.searchModalFirstScreenParts}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("vviinn-button", { key: 'b97d5c9e5f248234a3241435db2df851d4ffcfd6', 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("span", { key: '4bb132b2dbd831978d1cbde3df3707c19795bccc', style: { display: this.hasCustomTrigger ? "contents" : "none" } }, index.h("slot", { key: '2fd54456f699476252a669c957fb6227e39beadf', onSlotchange: () => (this.hasCustomTrigger = index$2.hasDefaultSlotContent(this.el)) })), !this.hasCustomTrigger && buttonIcon), index$2.SlotSkeleton("search"), index.h("vviinn-vps-widget", { key: 'b70f8319dad29f6ed021e6298472008c3aab3a9f', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, numberLocale: this.numberLocale, 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, showMultipleImages: this.showMultipleImages, useDragAndDrop: this.useDragAndDrop, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow, autoSuggestShow: this.autoSuggestShow, aiSuggestionsShow: this.aiSuggestionsShow, addToBasketShow: this.addToBasketShow, addPriceContainer: this.addPriceContainer, showIntervalInputs: this.showIntervalInputs, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this), oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, favoriteShow: this.favoriteShow, showResultsInModal: this.showResultsInModal, resultsPageUrl: this.resultsPageUrl, resultsPageParams: this.resultsPageParams, parentSlots: [...this.parentSlots, ...this.slots], cssUrl: this.cssUrl })));
     }
     get el() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 import { Host, h, } from "@stencil/core";
 import { SearchModalCameraIcon, SearchModalFullSearchIcon, SearchModalImageSearchIcon, } from "../vviinn-icons";
 import { SlotSkeleton } from "../customized-slots";
-import { DEFAULT_EXAMPLE_IMAGE } from "../../assets/constants";
+import { DEFAULT_EXAMPLE_IMAGE } from "../../constants/exampleImage";
 import { findSlotElements, hasDefaultSlotContent } from "../../dom";
 import { SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH } from "../../widget/constants";
 import { searchModalFirstScreenParts } from "../../cssParts";
@@ -220,7 +220,7 @@ export class VviinnVpsButton {
     }
     render() {
         const { ariaLabel, buttonIcon } = this.getButtonConfig();
-        return (h(Host, { key: 'a20fb63887e59406caef7f4cbc46ef2917c25aa9', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel, exportparts: `vviinn-button, ${searchModalFirstScreenParts}` }, renderExternalCSS(this.cssUrl), h("vviinn-button", { key: '9eaf24f2036a236cdfa6f45b1923e3ab7baf7039', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, h("span", { key: '4410cd5da111bfc79084988e78bdb1f929df62b3', style: { display: this.hasCustomTrigger ? "contents" : "none" } }, h("slot", { key: '4609e3adfef807efffb9819aff506d8794278f10', onSlotchange: () => (this.hasCustomTrigger = hasDefaultSlotContent(this.el)) })), !this.hasCustomTrigger && buttonIcon), SlotSkeleton("search"), h("vviinn-vps-widget", { key: '0d24ee9564fc1b44f2d77dd27e0c4ab8bd442238', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, numberLocale: this.numberLocale, 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: '2a466056b4da2d437d4c5f54f825d3da8a73bd20', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel, exportparts: `vviinn-button, ${searchModalFirstScreenParts}` }, renderExternalCSS(this.cssUrl), h("vviinn-button", { key: 'b97d5c9e5f248234a3241435db2df851d4ffcfd6', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, h("span", { key: '4bb132b2dbd831978d1cbde3df3707c19795bccc', style: { display: this.hasCustomTrigger ? "contents" : "none" } }, h("slot", { key: '2fd54456f699476252a669c957fb6227e39beadf', onSlotchange: () => (this.hasCustomTrigger = hasDefaultSlotContent(this.el)) })), !this.hasCustomTrigger && buttonIcon), SlotSkeleton("search"), h("vviinn-vps-widget", { key: 'b70f8319dad29f6ed021e6298472008c3aab3a9f', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, numberLocale: this.numberLocale, 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, showMultipleImages: this.showMultipleImages, useDragAndDrop: this.useDragAndDrop, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow, autoSuggestShow: this.autoSuggestShow, aiSuggestionsShow: this.aiSuggestionsShow, addToBasketShow: this.addToBasketShow, addPriceContainer: this.addPriceContainer, showIntervalInputs: this.showIntervalInputs, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this), oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, favoriteShow: this.favoriteShow, showResultsInModal: this.showResultsInModal, resultsPageUrl: this.resultsPageUrl, resultsPageParams: this.resultsPageParams, parentSlots: [...this.parentSlots, ...this.slots], cssUrl: this.cssUrl })));
     }
     static get is() { return "vviinn-vps-button"; }

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

@@ -23,7 +23,7 @@ import { campaignTypeNames } from "../../campaign/Campaign";
 import { addIfNotEmpty, parseStringToExcluded, } from "../../utils/collections/collectionsUtils";
 import { initializeLocale } from "../../locale";
 import { CameraActionIcon, UploadActionIcon, DragDropImageIcon, } from "../vviinn-icons";
-import { DEFAULT_EXAMPLE_IMAGE } from "../../assets/constants";
+import { DEFAULT_EXAMPLE_IMAGE } from "../../constants/exampleImage";
 import { videoStreamSettings } from "../../video/settings";
 import { checkDeviceType } from "../../helpers/device/checkDeviceType";
 import { extendedFiltersParts, filtersParts, modalParts, productCardParts, productCardsGridPart, searchBarParts, searchWidgetButtonParts, searchWidgetFilterParts, suggestionsParts, } from "../../cssParts";
@@ -505,31 +505,31 @@ export class VviinnVpsWidget {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'a20b5c3bafd48c3cb15d59bfa8aa9ac78570c2c3', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, renderExternalCSS(this.cssUrl), !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { key: 'd6c38cd08756a072d86a756d6e2b179f50728d4d', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (h(Host, { key: '06b57999ec710cb710a4981231b6673ad493757f', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, renderExternalCSS(this.cssUrl), !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { key: '0334cae11228959d8dae0c32b5a4caa1e0356691', 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: version, hideBackButton: this.mode === "upload" ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()) }, h("vviinn-slider", { key: 'aeba1708d972f735906a469504e323a4800c7192', position: this.slidePosition }, h("vviinn-slide", { key: 'ad47ee289846af02e1fee52a0973a7945b27f7d5', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()) }, h("vviinn-slider", { key: '6c342633d4e2731c002bd4bef05c1af64430ea95', position: this.slidePosition }, h("vviinn-slide", { key: '573684f4f255d41a7c588adb163ab9f6125247aa', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, h("vviinn-camera", { key: 'b8884012d903036e965af26d29a69f2c0d1e68b8', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
+            } }, h("vviinn-camera", { key: '6f0d6e4362993baafd7a54f16f199b8d7ae85d9a', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
                 this.handleVviinnImageUpload("startCamera");
-            }, apiPath: this.apiPath, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), h("div", { key: '1a1540e3baaad55690aa05185b4ec7e760c409e7', class: {
+            }, apiPath: this.apiPath, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), h("div", { key: '59c86cdb70a55feeb6e3108889bb477f681147bd', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, h("div", { key: '1d42f05c8d7b0071877561a7c1d90c2a2ffd71a2', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (h("div", { key: '31f8f1621041f783b21a89d9cd173e3b144e93c9', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: 'e1be0b27bc3052a1d14726382de1f1c2c2f40319', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: '7b54a798c217c9852053a21f8763aa3ec4fd6dcb' }, h("vviinn-teaser", { key: '4a1398553243924c4f3962c2bd5432d0f1a9db63' }), h("div", { key: 'c82c8c54707464054d86a190ff112071672ef54b', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (h("vviinn-text-search", { key: '54f62429c8790ecff02a6adf22c2ae66fb1a820e', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: '4f0b5d53f722b1fc780c5def6879f6479679db45', privacyBadgeText: i18next.t("privacyBadgeText", {
+            }, id: "start-page_block" }, h("div", { key: '35b2329c382140fb9cfdf4b337eb06083022fecb', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (h("div", { key: '590a24d3480545a3035c5df1989729fe05646d04', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: '900e484a14caa1ea6954197c8661f07a9c8cfb5a', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: 'ec43c0209366d38c728a8c7e0acfca5eee70ab89' }, h("vviinn-teaser", { key: 'c2af161e36dda98f3ec914f166d99c26ba88d907' }), h("div", { key: 'be61872dbf2618d9cfc66ff17fa9b08d66f4f4bf', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (h("vviinn-text-search", { key: '0cf1628ad4e3f3c5b8c29efab9f87cd5dd3b824e', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: 'b2020b9c791f99f15a6c87409f4048679b53ec89', privacyBadgeText: i18next.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: '17800b22f72e559f339fb939287e28585d13c49f', class: {
+            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: '2c9a77ab63d5d0594d2d40a1c7ded546803e284b', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (h("div", { key: 'cd8b8b635846d27bfc5b5a88b03e730242dfb6f0', class: "source-wrapper" }, this.isTextSearch() && (h("vviinn-text-search", { key: '48f8e5eb4cf10e4d3cfc6708bcbd446d6b1f7d54', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" })), !this.isTextSearch() && (h("vviinn-cropper", { key: '3d8ad1b4910726dab2fcfb3b99fd2fdbb55cb452', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.aiSuggestionsShow && (h("vviinn-suggestions", { key: '602a7b7b33f7870d56a71db219a842356a96215b', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), h("vviinn-selected-filters", { key: '405c7ad7db8298c8a121fa3e179a446f158f6551', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("div", { key: 'a8d07b7e4488582f1e95280739977e24905a56f6', class: {
+            } }, this.isResultSlide() && (h("div", { key: 'd7fd64837aaf301dbec923453a95d1a89dfc47c5', class: "source-wrapper" }, this.isTextSearch() && (h("vviinn-text-search", { key: 'f8da979f59b4aa126ec7447e005b2d3c43e1b76b', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" })), !this.isTextSearch() && (h("vviinn-cropper", { key: '74c3251d43d45730c24f28f3eeb8b2be5c31c861', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.aiSuggestionsShow && (h("vviinn-suggestions", { key: '50c6c28a8988e1e4a3a39bc72224203c6edcd270', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), h("vviinn-selected-filters", { key: 'cd79ca997a28007c59f30e3c3c753417cfda26d8', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("div", { key: '021445e2aab30c06251c2c509c8dd8246f485d05', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, h("vviinn-filters", { key: '72476b247839fa96f9acf3a55b4b7bb71e74e0ee', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters", { key: '41073b5100c1f61d52007ec8a7436bef72dad6ce', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters-button", { key: '6102bce8361631f6dcf7c258877e4435ff90f983', class: {
+            } }, h("vviinn-filters", { key: 'a002afc40d2ff92b50f1dab978434ef114f59662', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters", { key: '326738a368b0ee71c5d0471fd84ca6d0c6797eaa', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters-button", { key: '97e1a5204f1591c78cdb3e1ac6d13ac4480fd305', class: {
                 "extended-filters-button": true,
                 "has-primary-filters": this.state.dynamicFilters.filter((f) => f.isPrimary)
                     .length > 0,
-            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (h(Fragment, { key: 'a396bb357d6b6ca8814a36dfc0451b929e0b71ce' }, h("vviinn-results", { key: '866664591a434279e71e3fa32e8b79c87d2f5a50', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, 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 }))))), h("vviinn-extended-filters", { key: 'db62d116701fea23921fbf6ff4df34b4f3845892', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
+            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (h(Fragment, { key: 'f25e461be1468f4b640a9301084029e8041d1e4e' }, h("vviinn-results", { key: '6603961604ce8b66ce69c07ecf90e699c6fae86a', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, 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 }))))), h("vviinn-extended-filters", { key: '36402edabc899202c470afdfbe400908d2921082', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
     }
     static get is() { return "vviinn-vps-widget"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/{index-DUm1ptSR.js → index-BNJ2Erm5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-B89nCb_F.js';
-import { h as addIfNotEmpty, p as parseStringToExcluded, n as isValueMatch, o as isIntervalMatch, q as valueToString, r as extractFilterValue } from './search.store-D6Kb4qb_.js';
+import { h as addIfNotEmpty, p as parseStringToExcluded, n as isValueMatch, o as isIntervalMatch, q as valueToString, r as extractFilterValue } from './search.store-nyxN4oNv.js';
 import { i as instance } from './store-BJxQCbNV.js';
 
 const PlusIcon = () => (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" },

package/dist/esm/{search.store-D6Kb4qb_.js → search.store-nyxN4oNv.js}

@@ -8628,7 +8628,7 @@ const startSearch = (store) => {
     return () => latestSearch.get(store) !== sequence;
 };
 
-const version = "2.224.7";
+const version = "2.224.8";
 
 const appStateGlobalDefaults = {
     excluded: null,

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, H as Host, c as createEvent, g as getElement, F as Fragment } from './index-B89nCb_F.js';
 import { i as instance } from './store-BJxQCbNV.js';
-import { k as getAcceptableFileFormatsForDisplay, f as campaignTypeNames, h as addIfNotEmpty, l as searchState, u as useSearchStore, v as version } from './search.store-D6Kb4qb_.js';
+import { k as getAcceptableFileFormatsForDisplay, f as campaignTypeNames, h as addIfNotEmpty, l as searchState, u as useSearchStore, v as version } from './search.store-nyxN4oNv.js';
 import { s as slotChangeListener, a as addEventListenersWithSignal } from './index-C1-PYhS4.js';
 import { S as SecondaryActionIcon } from './SecondaryActionIcon-D4f3aMUD.js';
 import { m as modalParts, c as carouselParts, p as productCardParts, r as recommendationsParts, i as initializeLocale } from './index-BCrstDkj.js';

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-B89nCb_F.js';
 import { _ as _functionExports, E as EitherExports, f as fold, b as fromImage, a as divideOnSized, e as isLeft, m as match, O as OptionExports } from './Rectangle-dmgo4KMB.js';
-import { t as toFile, c as makeUploadFileRequest, w as extractSelectedFilters, x as resetResultEvents, y as getImageSizes, v as version, f as campaignTypeNames, h as addIfNotEmpty, m as makeVisualSearchRequest, u as useSearchStore, z as checkImageType, g as getAcceptableFileFormats, d as setTextSearchQuery, A as resetStore, j as makeTextSearchRequest, B as makeProductListingPageRequest, C as checkDeviceType, p as parseStringToExcluded } from './search.store-D6Kb4qb_.js';
+import { t as toFile, c as makeUploadFileRequest, w as extractSelectedFilters, x as resetResultEvents, y as getImageSizes, v as version, f as campaignTypeNames, h as addIfNotEmpty, m as makeVisualSearchRequest, u as useSearchStore, z as checkImageType, g as getAcceptableFileFormats, d as setTextSearchQuery, A as resetStore, j as makeTextSearchRequest, B as makeProductListingPageRequest, C as checkDeviceType, p as parseStringToExcluded } from './search.store-nyxN4oNv.js';
 import { s as slotChangeListener, a as addEventListenersWithSignal, p as productCardSlotNames, v as vprIconSlotName, f as findSlotElements, g as getSlotNames, b as setElementInteractivity, S as SlotSkeleton } from './index-C1-PYhS4.js';
-import { g as getRemoveFilterAriaLabel, F as FilterIconClose, P as PlusIcon, v as v4, c as createImageSearchEvent, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, a as createWidgetEvent, b as createFilterEvent, d as createAddToBasketEvent, e as createAddToWishlistEvent, f as createResultEventByType, h as createProductEventByType, i as getCustomLabels, t as triggerFilter, j as triggerRemoveIntervalFilter, k as announceToScreenReader, s as syncRequestFilters, l as isSubFilterActive, m as RenderFilterButton, n as getSelectedInterval, o as getIntervalLabel } from './index-DUm1ptSR.js';
+import { g as getRemoveFilterAriaLabel, F as FilterIconClose, P as PlusIcon, v as v4, c as createImageSearchEvent, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, a as createWidgetEvent, b as createFilterEvent, d as createAddToBasketEvent, e as createAddToWishlistEvent, f as createResultEventByType, h as createProductEventByType, i as getCustomLabels, t as triggerFilter, j as triggerRemoveIntervalFilter, k as announceToScreenReader, s as syncRequestFilters, l as isSubFilterActive, m as RenderFilterButton, n as getSelectedInterval, o as getIntervalLabel } from './index-BNJ2Erm5.js';
 import { i as instance, t as trackEvent, a as isTrackingEnabled, d as defaultConfig } from './store-BJxQCbNV.js';
 import { M as MIN_SEARCH_AREA_SIZE, a as CROP_THUMBNAIL_FILL_COLOR, b as CROP_THUMBNAIL_SIZE, d as CROP_THUMBNAIL_QUALITY, S as SUPPORTED_ASPECT_RATIO, e as MIN_IMAGE_SIDE_FOR_CROPPER, C as Cropper, c as cropperOptions, g as getCropBoxData, i as isCropBoxChangeMinimal, D as DEFAULT_IMAGE_SIZE } from './cropperUtils-D0UEAAHl.js';
 import { r as renderExternalCSS } from './cssUrlHelper-Byz4s-MD.js';
@@ -10,7 +10,7 @@ import { i as initializeLocale, d as productCardsGridPart, p as productCardParts
 import { i as isOnResultsPage, a as parseResultsPageParams, p as parseResultsPageParamNames, c as buildImageSearchRedirectUrl } from './resultsPageUrl-DbOxfJSz.js';
 import { R as RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH, b as SCROLL_TO_DISCOVERY_DELAY, S as SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-rqiiCPBX.js';
 import { o as openProductLink } from './openProductLink-C7_qzUNW.js';
-import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-DOMXsA9W.js';
+import { D as DEFAULT_EXAMPLE_IMAGE } from './exampleImage-DOMXsA9W.js';
 
 const CameraActionIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
     h("path", { d: "M12 17.5C13.25 17.5 14.3125 17.0625 15.1875 16.1875C16.0625 15.3125 16.5 14.25 16.5 13C16.5 11.75 16.0625 10.6875 15.1875 9.8125C14.3125 8.9375 13.25 8.5 12 8.5C10.75 8.5 9.6875 8.9375 8.8125 9.8125C7.9375 10.6875 7.5 11.75 7.5 13C7.5 14.25 7.9375 15.3125 8.8125 16.1875C9.6875 17.0625 10.75 17.5 12 17.5ZM12 15.5C11.3 15.5 10.7083 15.2583 10.225 14.775C9.74167 14.2917 9.5 13.7 9.5 13C9.5 12.3 9.74167 11.7083 10.225 11.225C10.7083 10.7417 11.3 10.5 12 10.5C12.7 10.5 13.2917 10.7417 13.775 11.225C14.2583 11.7083 14.5 12.3 14.5 13C14.5 13.7 14.2583 14.2917 13.775 14.775C13.2917 15.2583 12.7 15.5 12 15.5ZM4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V7C2 6.45 2.19583 5.97917 2.5875 5.5875C2.97917 5.19583 3.45 5 4 5H7.15L8.4 3.65C8.58333 3.45 8.80417 3.29167 9.0625 3.175C9.32083 3.05833 9.59167 3 9.875 3H14.125C14.4083 3 14.6792 3.05833 14.9375 3.175C15.1958 3.29167 15.4167 3.45 15.6 3.65L16.85 5H20C20.55 5 21.0208 5.19583 21.4125 5.5875C21.8042 5.97917 22 6.45 22 7V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4Z", fill: "currentColor" })));
@@ -2361,31 +2361,31 @@ const VviinnVpsWidget = class {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'a20b5c3bafd48c3cb15d59bfa8aa9ac78570c2c3', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, renderExternalCSS(this.cssUrl), !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { key: 'd6c38cd08756a072d86a756d6e2b179f50728d4d', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (h(Host, { key: '06b57999ec710cb710a4981231b6673ad493757f', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, renderExternalCSS(this.cssUrl), !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { key: '0334cae11228959d8dae0c32b5a4caa1e0356691', 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: version, hideBackButton: this.mode === "upload" ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()) }, h("vviinn-slider", { key: 'aeba1708d972f735906a469504e323a4800c7192', position: this.slidePosition }, h("vviinn-slide", { key: 'ad47ee289846af02e1fee52a0973a7945b27f7d5', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()) }, h("vviinn-slider", { key: '6c342633d4e2731c002bd4bef05c1af64430ea95', position: this.slidePosition }, h("vviinn-slide", { key: '573684f4f255d41a7c588adb163ab9f6125247aa', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, h("vviinn-camera", { key: 'b8884012d903036e965af26d29a69f2c0d1e68b8', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
+            } }, h("vviinn-camera", { key: '6f0d6e4362993baafd7a54f16f199b8d7ae85d9a', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
                 this.handleVviinnImageUpload("startCamera");
-            }, apiPath: this.apiPath, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), h("div", { key: '1a1540e3baaad55690aa05185b4ec7e760c409e7', class: {
+            }, apiPath: this.apiPath, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), h("div", { key: '59c86cdb70a55feeb6e3108889bb477f681147bd', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, h("div", { key: '1d42f05c8d7b0071877561a7c1d90c2a2ffd71a2', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (h("div", { key: '31f8f1621041f783b21a89d9cd173e3b144e93c9', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: 'e1be0b27bc3052a1d14726382de1f1c2c2f40319', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: '7b54a798c217c9852053a21f8763aa3ec4fd6dcb' }, h("vviinn-teaser", { key: '4a1398553243924c4f3962c2bd5432d0f1a9db63' }), h("div", { key: 'c82c8c54707464054d86a190ff112071672ef54b', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (h("vviinn-text-search", { key: '54f62429c8790ecff02a6adf22c2ae66fb1a820e', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: '4f0b5d53f722b1fc780c5def6879f6479679db45', privacyBadgeText: instance.t("privacyBadgeText", {
+            }, id: "start-page_block" }, h("div", { key: '35b2329c382140fb9cfdf4b337eb06083022fecb', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (h("div", { key: '590a24d3480545a3035c5df1989729fe05646d04', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: '900e484a14caa1ea6954197c8661f07a9c8cfb5a', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: 'ec43c0209366d38c728a8c7e0acfca5eee70ab89' }, h("vviinn-teaser", { key: 'c2af161e36dda98f3ec914f166d99c26ba88d907' }), h("div", { key: 'be61872dbf2618d9cfc66ff17fa9b08d66f4f4bf', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (h("vviinn-text-search", { key: '0cf1628ad4e3f3c5b8c29efab9f87cd5dd3b824e', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: 'b2020b9c791f99f15a6c87409f4048679b53ec89', privacyBadgeText: instance.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: '17800b22f72e559f339fb939287e28585d13c49f', class: {
+            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: '2c9a77ab63d5d0594d2d40a1c7ded546803e284b', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (h("div", { key: 'cd8b8b635846d27bfc5b5a88b03e730242dfb6f0', class: "source-wrapper" }, this.isTextSearch() && (h("vviinn-text-search", { key: '48f8e5eb4cf10e4d3cfc6708bcbd446d6b1f7d54', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" })), !this.isTextSearch() && (h("vviinn-cropper", { key: '3d8ad1b4910726dab2fcfb3b99fd2fdbb55cb452', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.aiSuggestionsShow && (h("vviinn-suggestions", { key: '602a7b7b33f7870d56a71db219a842356a96215b', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), h("vviinn-selected-filters", { key: '405c7ad7db8298c8a121fa3e179a446f158f6551', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("div", { key: 'a8d07b7e4488582f1e95280739977e24905a56f6', class: {
+            } }, this.isResultSlide() && (h("div", { key: 'd7fd64837aaf301dbec923453a95d1a89dfc47c5', class: "source-wrapper" }, this.isTextSearch() && (h("vviinn-text-search", { key: 'f8da979f59b4aa126ec7447e005b2d3c43e1b76b', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, autoSuggestShow: this.autoSuggestShow, "save-image-mode": "never" })), !this.isTextSearch() && (h("vviinn-cropper", { key: '74c3251d43d45730c24f28f3eeb8b2be5c31c861', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.aiSuggestionsShow && (h("vviinn-suggestions", { key: '50c6c28a8988e1e4a3a39bc72224203c6edcd270', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), h("vviinn-selected-filters", { key: 'cd79ca997a28007c59f30e3c3c753417cfda26d8', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("div", { key: '021445e2aab30c06251c2c509c8dd8246f485d05', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, h("vviinn-filters", { key: '72476b247839fa96f9acf3a55b4b7bb71e74e0ee', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters", { key: '41073b5100c1f61d52007ec8a7436bef72dad6ce', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters-button", { key: '6102bce8361631f6dcf7c258877e4435ff90f983', class: {
+            } }, h("vviinn-filters", { key: 'a002afc40d2ff92b50f1dab978434ef114f59662', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters", { key: '326738a368b0ee71c5d0471fd84ca6d0c6797eaa', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), h("vviinn-extended-filters-button", { key: '97e1a5204f1591c78cdb3e1ac6d13ac4480fd305', class: {
                 "extended-filters-button": true,
                 "has-primary-filters": this.state.dynamicFilters.filter((f) => f.isPrimary)
                     .length > 0,
-            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (h(Fragment, { key: 'a396bb357d6b6ca8814a36dfc0451b929e0b71ce' }, h("vviinn-results", { key: '866664591a434279e71e3fa32e8b79c87d2f5a50', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, 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 }))))), h("vviinn-extended-filters", { key: 'db62d116701fea23921fbf6ff4df34b4f3845892', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
+            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (h(Fragment, { key: 'f25e461be1468f4b640a9301084029e8041d1e4e' }, h("vviinn-results", { key: '6603961604ce8b66ce69c07ecf90e699c6fae86a', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, 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 }))))), h("vviinn-extended-filters", { key: '36402edabc899202c470afdfbe400908d2921082', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, F as Fragment, H as Host, g as getElement } from './index-B89nCb_F.js';
-import { f as campaignTypeNames, h as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, D as isMobile, E as fromString, F as fold, v as version } from './search.store-D6Kb4qb_.js';
+import { f as campaignTypeNames, h as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, D as isMobile, E as fromString, F as fold, v as version } from './search.store-nyxN4oNv.js';
 import { X as has, Y as tuple, _ as _functionExports, g as requireSemigroup, O as OptionExports, v as pipe$1, N as chainW, Z as makeRequest, L as fromEither, $ as resolveApiPath, a0 as createInitPostRequest, a1 as Apply, a2 as TaskEitherExports, E as EitherExports } from './Rectangle-dmgo4KMB.js';
 import { i as instance, d as defaultConfig, t as trackEvent, a as isTrackingEnabled } from './store-BJxQCbNV.js';
-import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, p as CAROUSEL_IMAGE_WIDTH_CSS_VAR, q as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, r as CAROUSEL_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, i as getCustomLabels, u as SCROLL_POSITION_TOLERANCE, w as triggerResetFilters, t as triggerFilter, k as announceToScreenReader, o as getIntervalLabel, x as isPriceFilter, n as getSelectedInterval, l as isSubFilterActive, m as RenderFilterButton, s as syncRequestFilters, P as PlusIcon, y as CUSTOM_LABELS_DELIMITER, v as v4, a as createWidgetEvent, f as createResultEventByType, d as createAddToBasketEvent, e as createAddToWishlistEvent, h as createProductEventByType, z as getRecommendationsBody } from './index-DUm1ptSR.js';
+import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, p as CAROUSEL_IMAGE_WIDTH_CSS_VAR, q as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, r as CAROUSEL_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, i as getCustomLabels, u as SCROLL_POSITION_TOLERANCE, w as triggerResetFilters, t as triggerFilter, k as announceToScreenReader, o as getIntervalLabel, x as isPriceFilter, n as getSelectedInterval, l as isSubFilterActive, m as RenderFilterButton, s as syncRequestFilters, P as PlusIcon, y as CUSTOM_LABELS_DELIMITER, v as v4, a as createWidgetEvent, f as createResultEventByType, d as createAddToBasketEvent, e as createAddToWishlistEvent, h as createProductEventByType, z as getRecommendationsBody } from './index-BNJ2Erm5.js';
 import { P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH, c as PRODUCT_CARD_IMAGE_RESOLUTION_WIDTH } from './constants-rqiiCPBX.js';
 import { s as slotChangeListener, a as addEventListenersWithSignal, i as isElementInSelector, S as SlotSkeleton } from './index-C1-PYhS4.js';
 import { o as energyLabelParts, i as initializeLocale, j as extendedFiltersParts, h as filtersParts, q as imageParts, e as contentCardParts, l as listCardParts, p as productCardParts, t as priceRangeParts } from './index-BCrstDkj.js';

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

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { a as divideOnSized, E as EitherExports } from './Rectangle-dmgo4KMB.js';
 import { C as Cropper, c as cropperOptions, g as getCropBoxData, i as isCropBoxChangeMinimal } from './cropperUtils-D0UEAAHl.js';
 import { g as getSwiperStyles, c as configureSwiperElement, r as register, e as extractSlideIndex, s as setupIntersectionObserver } from './swiper-element-Er2KrWw1.js';
-import { i as isDesktop$1, s as shopTheLookState, m as makeVisualSearchRequest, a as makeVisualSearchByUrlRequest, b as imageFromFileTask, c as makeUploadFileRequest, g as getAcceptableFileFormats } from './search.store-D6Kb4qb_.js';
+import { i as isDesktop$1, s as shopTheLookState, m as makeVisualSearchRequest, a as makeVisualSearchByUrlRequest, b as imageFromFileTask, c as makeUploadFileRequest, g as getAcceptableFileFormats } from './search.store-nyxN4oNv.js';
 import { S as SecondaryActionIcon } from './SecondaryActionIcon-D4f3aMUD.js';
 import { i as initializeLocale, a as shopTheLookParts } from './index-BCrstDkj.js';
 import { d as defaultConfig } from './store-BJxQCbNV.js';

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-B89nCb_F.js';
 import { _ as _functionExports, f as fold } from './Rectangle-dmgo4KMB.js';
-import { d as setTextSearchQuery, e as makeAutoSuggestRequest, v as version, f as campaignTypeNames, h as addIfNotEmpty, j as makeTextSearchRequest, u as useSearchStore } from './search.store-D6Kb4qb_.js';
+import { d as setTextSearchQuery, e as makeAutoSuggestRequest, v as version, f as campaignTypeNames, h as addIfNotEmpty, j as makeTextSearchRequest, u as useSearchStore } from './search.store-nyxN4oNv.js';
 import { s as slotChangeListener, f as findSlotElements } from './index-C1-PYhS4.js';
 import { i as instance, d as defaultConfig } from './store-BJxQCbNV.js';
 import { i as initializeLocale, b as searchBarParts, s as searchModalFirstScreenParts } from './index-BCrstDkj.js';

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-B89nCb_F.js';
 import { f as findSlotElements, h as hasDefaultSlotContent, S as SlotSkeleton } from './index-C1-PYhS4.js';
-import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-DOMXsA9W.js';
+import { D as DEFAULT_EXAMPLE_IMAGE } from './exampleImage-DOMXsA9W.js';
 import { S as SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-rqiiCPBX.js';
 import { i as initializeLocale, s as searchModalFirstScreenParts } from './index-BCrstDkj.js';
 import { r as renderExternalCSS } from './cssUrlHelper-Byz4s-MD.js';
@@ -164,7 +164,7 @@ const VviinnVpsButton = class {
     }
     render() {
         const { ariaLabel, buttonIcon } = this.getButtonConfig();
-        return (h(Host, { key: 'a20fb63887e59406caef7f4cbc46ef2917c25aa9', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel, exportparts: `vviinn-button, ${searchModalFirstScreenParts}` }, renderExternalCSS(this.cssUrl), h("vviinn-button", { key: '9eaf24f2036a236cdfa6f45b1923e3ab7baf7039', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, h("span", { key: '4410cd5da111bfc79084988e78bdb1f929df62b3', style: { display: this.hasCustomTrigger ? "contents" : "none" } }, h("slot", { key: '4609e3adfef807efffb9819aff506d8794278f10', onSlotchange: () => (this.hasCustomTrigger = hasDefaultSlotContent(this.el)) })), !this.hasCustomTrigger && buttonIcon), SlotSkeleton("search"), h("vviinn-vps-widget", { key: '0d24ee9564fc1b44f2d77dd27e0c4ab8bd442238', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, numberLocale: this.numberLocale, 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: '2a466056b4da2d437d4c5f54f825d3da8a73bd20', role: this.buttonPressed ? undefined : "button", "aria-label": this.buttonPressed ? undefined : ariaLabel, exportparts: `vviinn-button, ${searchModalFirstScreenParts}` }, renderExternalCSS(this.cssUrl), h("vviinn-button", { key: 'b97d5c9e5f248234a3241435db2df851d4ffcfd6', addStyle: this.addStyle, part: "vviinn-button", tabindex: this.buttonPressed ? undefined : "0", onClick: this.buttonPressed ? undefined : this.handleActivation, onKeyDown: this.buttonPressed ? undefined : this.handleKeyDown }, h("span", { key: '4bb132b2dbd831978d1cbde3df3707c19795bccc', style: { display: this.hasCustomTrigger ? "contents" : "none" } }, h("slot", { key: '2fd54456f699476252a669c957fb6227e39beadf', onSlotchange: () => (this.hasCustomTrigger = hasDefaultSlotContent(this.el)) })), !this.hasCustomTrigger && buttonIcon), SlotSkeleton("search"), h("vviinn-vps-widget", { key: 'b70f8319dad29f6ed021e6298472008c3aab3a9f', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, numberLocale: this.numberLocale, 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, showMultipleImages: this.showMultipleImages, useDragAndDrop: this.useDragAndDrop, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow, autoSuggestShow: this.autoSuggestShow, aiSuggestionsShow: this.aiSuggestionsShow, addToBasketShow: this.addToBasketShow, addPriceContainer: this.addPriceContainer, showIntervalInputs: this.showIntervalInputs, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this), oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, favoriteShow: this.favoriteShow, showResultsInModal: this.showResultsInModal, resultsPageUrl: this.resultsPageUrl, resultsPageParams: this.resultsPageParams, parentSlots: [...this.parentSlots, ...this.slots], cssUrl: this.cssUrl })));
     }
     get el() { return getElement(this); }

package/dist/storybook/helpers/industryToken.js

@@ -1,8 +1,8 @@
-var _a;
+var _a, _b;
 export const vviinnIndustry = (_a = localStorage.getItem("vviinn-industries")) !== null && _a !== void 0 ? _a : "home-living";
 const data = {
     "home-living": {
-        token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOjgzLCJqdGkiOiI3ZTg2Y2I1YS00ZTFjLTRhYjctYjU2My1lN2FjMTYzZTYyZDIiLCJzY29wZXMiOlsidnByIiwidnBzIiwidnBjIl19.skAkdwLTQ0sfeqfMCHWRN3QmoNGjb6YEUr3Z5mt9wvXyl447EXTx7nYRIpCVSF6T65bo5BEbDsCyjCII5jpfNWVgmHzNWfm9ZZ1_4vPdl7QsdMfQ7RZ6zEdVwCGVkQr34OLmsrHrSwnVv22Lkf74X_0uEkh1AUZcyTC8lGzdV0rYaipBIg47yKx1MpK3QegaXwCNshuPPDbl9s_Y-tiGkBI2761fElDaEIXUkeWLvkwL3Y2pUO3CpfzDYdS6coS0blBq_yCfuw_u2bkJbakg2JOiGkFnUBA7bZcDaLhx7Yl7ofsVeObaRic77wJR9cIU4RVec26kPTXw2Wxi4sjfmg",
+        token: process.env.STORYBOOK_TOKEN_HOME_LIVING,
         productIdSimilarProducts: "590013-6",
         productIdCrossSelling: "598125",
         textSearchQuery: "Grey office chair with armrests",
@@ -15,7 +15,7 @@ const data = {
         ],
     },
     fashion: {
-        token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOjIwNywianRpIjoiMmU0OTY3OTgtYzk3NC00ODQ3LTkyYWItOTBkMTEyZGY5MTY2Iiwic2NvcGVzIjpbInZwciIsInZwcyIsInZwYyJdfQ.bH8WQkR3jBuDZ92F3WObgcKplh14ODZeiBCf5JDOJfucU75u4XaZOQrmsOaw1ouZbO9cW40sKw9ZICaP4Soi00AHrWPBGjuzZ0Yx17vwGFUtHgK5Zi9DAhd3R3PcRnbo7UIvUtANTGcExd5TQnrA07DtV99KThoQEYB2I8R8HXv46j-Abo2kHovd6fGwYC6FYT1QpXEsVa8QNZtcrB0yU1rK6da8aR5Nh3zYECIUL0ysdhRmOQxR_3zBUVrXJYB15vvOH4TjAG6jSMcvaLwzmmTzH9_A9kVLsP27cFK5YYoAx7_w0eBMhQv3yEaHrVXuMXQe2gFjvCat441_DvZWyg",
+        token: process.env.STORYBOOK_TOKEN_FASHION,
         productIdSimilarProducts: "4078868-1",
         productIdCrossSelling: "4017822-1",
         textSearchQuery: "Pink leather bag with gold hardware",
@@ -28,16 +28,19 @@ const data = {
         ],
     },
     "manufacturer-spare-parts": {
-        token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOjEyNCwianRpIjoiM2FhNmY4M2UtOWFhMC00MjI5LThlMTMtMWJlZGUxMjM5MTJmIiwic2NvcGVzIjpbInZwciIsInZwcyIsInZwYyJdfQ.ewubkDcxd1Griq-w31oPqGv-HjSGsGvw__Hj4DYXm-tIsr1DeqiYWRXQXMxLTc5aKSI_AIDLP8Xxx0UUMJwuUC9kMjO0HGtgczb96eCOy4aAYiCPdN5sRv2iJLxIKI6xUNkhBIJzY_O56Ido9y8senDyoVx01cZq3duHnd14g6OQty3nGtE2scl9cDAUwpQ9xOYhTiTV1nnJBBqNjqn9PQMf-UVBA0I3yOuQ826Ra_sMYRbKLOH5E6vkbvxvDMAZ3lVh_mDfmdtVCz58W-k04eNbiM1jfzEUOwPQMB1nBEMDZjHlWozi6fT-7yAYNls9qv6wvuw_ED1xaURSVeQooA",
+        token: process.env.STORYBOOK_TOKEN_MANUFACTURER_SPARE_PARTS,
         productIdSimilarProducts: "0010030000vr",
         productIdCrossSelling: "0010120001vr",
         textSearchQuery: "Schlitz",
         filterValue: "Essentra-DE-AT > Befestigungen > Stangen und Schrauben > Schrauben",
+        shopTheLookImageUrls: [],
     },
-    shopTheLookImageUrls: [],
 };
 const selectedIndustry = data[vviinnIndustry] || data["home-living"];
-export const vviinnToken = selectedIndustry.token;
+if (!selectedIndustry.token) {
+    console.error(`Missing demo token for industry "${vviinnIndustry}". Copy storybook/.env.local.example to storybook/.env.local and fill in the STORYBOOK_TOKEN_* values.`);
+}
+export const vviinnToken = (_b = selectedIndustry.token) !== null && _b !== void 0 ? _b : "";
 export const productIdSimilarProducts = selectedIndustry.productIdSimilarProducts;
 export const productIdCrossSelling = selectedIndustry.productIdCrossSelling;
 export const textSearchQuery = selectedIndustry.textSearchQuery;