vviinn-widgets 2.188.0 → 2.189.0

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

@@ -129,6 +129,7 @@ export class VviinnVpsWidget {
         /** @internal */
         this.showInWidget = true;
         this.slidePosition = 0;
+        this.uploadSource = null;
         this.stream = null;
         this.products = [];
         this.isCameraInitializing = false;
@@ -243,20 +244,19 @@ export class VviinnVpsWidget {
             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) {
-                resetStore(this.storeName, "appStateAndReceivedData");
-            }
+            this.showInWidget && resetStore(this.storeName, "appStateAndReceivedData");
         };
     }
     initResultEvents() {
@@ -312,7 +312,7 @@ export class VviinnVpsWidget {
         }
         else {
             document.body.style.overflow = this.overflow;
-            this.initResultEvents();
+            this.showInWidget && this.initResultEvents();
         }
     }
     slidePositionWatcher() {
@@ -439,31 +439,31 @@ export class VviinnVpsWidget {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '6befdfddd06e53f011e3f6a87bf5200bbfdafef1', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { key: '38380b522ca1ac1ae86e33f6060c7dc040632728', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (h(Host, { key: 'e4b3eb07adaedcc346dc23ebb4074d6b568f34a2', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, !this.showingInButton && SlotSkeleton("search"), 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: version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: modalParts }, h("vviinn-slider", { key: 'be3a5bbebfa1396ff2568ce23f7e5573249d3e20', position: this.slidePosition }, h("vviinn-slide", { key: 'b5fe1748627e08700a3a67931eb835f3e22000bc', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: modalParts }, h("vviinn-slider", { key: 'a8d336c59f73a6d68f6551363224b0b533958a51', position: this.slidePosition }, h("vviinn-slide", { key: '926a5a90953d80086442acc521a3d5577a444747', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, h("vviinn-camera", { key: '2ff5659977ee56238b02611b4f7e1f1e8f2a3228', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
+            } }, 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 }), 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 }), h("div", { key: '720b321bb57d3aad2bffd7ea1846f15dbb0ce53a', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, h("div", { key: '72c99dcc3ba6f5f7969120ea1d453f034b4ec991', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (h("div", { key: '655f4202af65eb118124e2401fe118ca0fc15631', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: '4c00d5fb45283e51ed94f18af266a62c80d46671', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: this.showInWidget, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: 'f423acd6924394400fe6e6f4fa8e902a217dfffa' }, h("vviinn-teaser", { key: 'e7fb21f20050be0067d9286f6d3fa51ee6d4d2c6' }), h("div", { key: 'bf1f46945924a4df4e4c7f26bf6f6ee439f4ceb2', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (h("vviinn-text-search", { key: 'e4b5618848ede58e1d440390e64f25515d97b1b4', token: globalState.token, apiPath: globalState.apiPath, locale: globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: 'c38a4b2832ee506d0090ba5a2fbf65a75e4baa58', privacyBadgeText: i18next.t("privacyBadgeText", {
+            }, id: "start-page_block" }, h("div", { key: 'c32f285eb2a09128da261ab6760ffecfe2c8d29c', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (h("div", { key: 'bf1e3792a180449a856e43e06f98fadb2b20f2b1', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: '475c56ce4cea82ca41630c7f33d80cc101be38c6', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: this.showInWidget, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: '4df2847cfbb83dbda1cc6a79a441d66012644eec' }, h("vviinn-teaser", { key: 'da876e72cfd3883155f7852b4850d7d4ed8ffd06' }), h("div", { key: '804553414e50659d9394909e7db7e4ce999a2c16', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (h("vviinn-text-search", { key: '331a1f31d82487c4f50862793f88597e5e338929', token: globalState.token, apiPath: globalState.apiPath, locale: globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: '3da1dec800cd91585502ad7eca9f309cf6f31f48', privacyBadgeText: i18next.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: '83eb0fb3af107fc3d54639c64367a5ebfc966f56', class: {
+            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: 'a344e5987bdc38735860430750c10e01d2c0eb8e', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (h("div", { key: 'cdfd64427728e91f5f0faf0c61b5e10a2a4ca0a3', class: "source-wrapper" }, this.isTextSearch() ? (h(Fragment, null, 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" }), h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (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 && (h("div", { key: '04a27202fe48f245394b946726b4b3cd89916dad', class: {
+            } }, this.isResultSlide() && (h("div", { key: 'eadd2ddfcaa8277953e379742ede5f7afd22dffe', class: "source-wrapper" }, this.isTextSearch() ? (h(Fragment, null, 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" }), h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (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 && (h("div", { key: 'b2cb3daae83d7ef7a50cfc8bcc04b300be5382c7', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, h("vviinn-filters", { key: '6b84c144742bf0ef62090292f09cef66b793fcd9', class: "preview-filters", showInWidget: true, exportparts: filtersParts }), h("vviinn-extended-filters", { key: '9517b380405ffb2d5f01180ae0277dd09257dc15', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: extendedFiltersParts, showInWidget: true }), h("vviinn-extended-filters-button", { key: '7f2e322e44edb3b8cfbd1ba94809bd1245147d64', class: {
+            } }, h("vviinn-filters", { key: 'a028c222574d4e60ddcfd5ec289ff0c208bcfabc', class: "preview-filters", showInWidget: true, exportparts: filtersParts }), h("vviinn-extended-filters", { key: '88c438a41b5b44c918e5eeb9bc8590cba874b9c6', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: extendedFiltersParts, showInWidget: true }), 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() && (h("vviinn-results", { key: 'ffc28d5ac4cefa0fc6573140aa0923fd45e44062', token: globalState.token, locale: globalState.locale, pricePrefix: globalState.pricePrefix, "currency-sign": globalState.currencySign, apiPath: 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 })))), h("vviinn-extended-filters", { key: '6e4ed4c898e3f11984efc8fd51bfebf0ea3b9e8c', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: true }))));
+            }, exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (h("vviinn-results", { key: 'fc9e349d99f23df55fb546c2115ce705827b3114', token: globalState.token, locale: globalState.locale, pricePrefix: globalState.pricePrefix, "currency-sign": globalState.currencySign, apiPath: 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 })))), h("vviinn-extended-filters", { key: 'af6545ad7c1e002f297566a4c1590e8e043263d2', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: true }))));
     }
     static get is() { return "vviinn-vps-widget"; }
     static get encapsulation() { return "shadow"; }
@@ -1267,7 +1267,7 @@ export class VviinnVpsWidget {
                 "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",

package/dist/collection/locale/resources.js

@@ -47,7 +47,7 @@ export 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: {
@@ -170,7 +170,7 @@ export 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/esm/{Rectangle-CWwG37eK.js → Rectangle-DGBESJrE.js}

@@ -8993,4 +8993,4 @@ const isClickedInRectBound = (event, rect) => {
     return inLeftBound && inRightBound && inTopBound && inBottomBound;
 };
 
-export { Apply as $, invalidTokenError as A, requireTask as B, isSome as C, none$1 as D, EitherExports as E, fromTask as F, mapLeft as G, map as H, chain as I, textSearchSessionClient as J, fromEither as K, setBodyAndHeaders as L, chainW as M, productListingPageSessionClient as N, OptionExports as O, tryCatch as P, chainTaskK as Q, getOrElse as R, of as S, visualSearchSessionClient as T, getOrElseW as U, has as V, tuple as W, makeRequest as X, getApiPath as Y, createInitPostRequest as Z, _functionExports as _, divideOnSized as a, TaskEitherExports as a0, requireSemigroup as b, center as c, detectedObjectEq as d, require_function as e, fromImage as f, getOrElse$3 as g, requireFunctor as h, isClickedInRectBound as i, requireApply as j, requireChain as k, requireOrd as l, match as m, requireEq as n, requireZero as o, requireWitherable as p, requireFromEither as q, requireInternal as r, scaleWithSized as s, requireSeparated as t, pipe as u, chain$1 as v, left as w, right as x, fromNullable$1 as y, sequenceToEither as z };
+export { createInitPostRequest as $, sequenceToEither as A, invalidTokenError as B, requireTask as C, isSome as D, EitherExports as E, none$1 as F, fromTask as G, mapLeft as H, map as I, chain as J, textSearchSessionClient as K, fromEither as L, setBodyAndHeaders as M, chainW as N, OptionExports as O, productListingPageSessionClient as P, tryCatch as Q, chainTaskK as R, getOrElse as S, of as T, visualSearchSessionClient as U, getOrElseW as V, has as W, tuple as X, makeRequest as Y, getApiPath as Z, _functionExports as _, divideOnSized as a, Apply as a0, TaskEitherExports as a1, isLeft as b, center as c, detectedObjectEq as d, requireSemigroup as e, fromImage as f, getOrElse$3 as g, require_function as h, isClickedInRectBound as i, requireFunctor as j, requireApply as k, requireChain as l, match as m, requireOrd as n, requireEq as o, requireZero as p, requireWitherable as q, requireInternal as r, scaleWithSized as s, requireFromEither as t, requireSeparated as u, pipe as v, chain$1 as w, left as x, right as y, fromNullable$1 as z };

package/dist/esm/{index-CdSE2oQq.js → index-BIViS3eV.js}

@@ -1,5 +1,5 @@
 import { h } from './index-C5qrIvmr.js';
-import { a as addIfNotEmpty, p as parseStringToExcluded } from './search.store-HXwFfRvm.js';
+import { a as addIfNotEmpty, p as parseStringToExcluded } from './search.store-DLJr8QhM.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" },
     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/esm/{package-C1SlDb4h.js → package-B82dIeWY.js}

@@ -12,6 +12,6 @@ function fromString(s) {
     return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.188.0";
+const version = "2.189.0";
 
 export { fold as a, campaignTypeNames as c, fromString as f, version as v };

package/dist/esm/{resources-Bv3dEgL8.js → resources-CHDT594L.js}

@@ -47,7 +47,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: {
@@ -170,7 +170,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/esm/{search.store-HXwFfRvm.js → search.store-DLJr8QhM.js}

@@ -1,5 +1,5 @@
 import { c as createStore, g as globalState } from './store-CMhsm-nf.js';
-import { r as requireInternal, b as requireSemigroup, e as require_function, h as requireFunctor, j as requireApply, k as requireChain, l as requireOrd, n as requireEq, o as requireZero, p as requireWitherable, q as requireFromEither, t as requireSeparated, u as pipe, v as chain, w as left, x as right, y as fromNullable, z as sequenceToEither, E as EitherExports, A as invalidTokenError, B as requireTask, C as isSome, D as none, _ as _functionExports, O as OptionExports, F as fromTask, G as mapLeft, H as map, I as chain$1, J as textSearchSessionClient, K as fromEither, L as setBodyAndHeaders, M as chainW, N as productListingPageSessionClient, P as tryCatch, Q as chainTaskK, R as getOrElse, S as of, T as visualSearchSessionClient, U as getOrElseW, a as divideOnSized } from './Rectangle-CWwG37eK.js';
+import { r as requireInternal, e as requireSemigroup, h as require_function, j as requireFunctor, k as requireApply, l as requireChain, n as requireOrd, o as requireEq, p as requireZero, q as requireWitherable, t as requireFromEither, u as requireSeparated, v as pipe, w as chain, x as left, y as right, z as fromNullable, A as sequenceToEither, E as EitherExports, B as invalidTokenError, C as requireTask, D as isSome, F as none, _ as _functionExports, O as OptionExports, G as fromTask, H as mapLeft, I as map, J as chain$1, K as textSearchSessionClient, L as fromEither, M as setBodyAndHeaders, N as chainW, P as productListingPageSessionClient, Q as tryCatch, R as chainTaskK, S as getOrElse, T as of, U as visualSearchSessionClient, V as getOrElseW, a as divideOnSized } from './Rectangle-DGBESJrE.js';
 
 var _Array = {};
 
@@ -7700,7 +7700,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",
@@ -8467,4 +8468,4 @@ const useSearchStore = (showInWidget) => showInWidget
         storeName: "components",
     };
 
-export { _ArrayExports as _, addIfNotEmpty as a, searchState as b, shopTheLookState as c, makeVisualSearchRequest as d, makeUploadFileRequest as e, makeProductListingPageRequest as f, getImageSizes as g, makeTextSearchRequest as m, parseStringToExcluded as p, resetStore as r, setTextSearchQuery as s, toFile as t, useSearchStore as u };
+export { _ArrayExports as _, addIfNotEmpty as a, searchState as b, shopTheLookState as c, makeVisualSearchRequest as d, makeUploadFileRequest as e, checkImageType as f, getImageSizes as g, acceptableFileFormats as h, makeProductListingPageRequest as i, makeTextSearchRequest as m, parseStringToExcluded as p, resetStore as r, setTextSearchQuery as s, toFile as t, useSearchStore as u };

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

@@ -1,12 +1,12 @@
 import { h, r as registerInstance, H as Host, c as createEvent, g as getElement, F as Fragment } from './index-C5qrIvmr.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
 import { s as slotChangeListener } from './customized-slots-Dy-qVYWj.js';
-import { c as campaignTypeNames, v as version } from './package-C1SlDb4h.js';
+import { c as campaignTypeNames, v as version } from './package-B82dIeWY.js';
 import { S as SecondaryActionIcon } from './SecondaryActionIcon-Co8n0aty.js';
 import { m as modalParts, c as carouselParts, p as productCardParts } from './index-B6wlG8FA.js';
-import { a as addIfNotEmpty, b as searchState, u as useSearchStore } from './search.store-HXwFfRvm.js';
+import { a as addIfNotEmpty, b as searchState, u as useSearchStore } from './search.store-DLJr8QhM.js';
 import { a as SIDEBAR_ANIMATION_DURATION, P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH, L as LOADING_CLASS_DELAY } from './constants-rqiiCPBX.js';
-import { i as isClickedInRectBound } from './Rectangle-CWwG37eK.js';
+import { i as isClickedInRectBound } from './Rectangle-DGBESJrE.js';
 import { a as addEventListenersWithSignal } from './index-CckoTlaC.js';
 import './store-CMhsm-nf.js';
 

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

@@ -1,15 +1,15 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-C5qrIvmr.js';
-import { _ as _functionExports, E as EitherExports, f as fromImage, m as match, g as getOrElse, O as OptionExports } from './Rectangle-CWwG37eK.js';
-import { t as toFile, e as makeUploadFileRequest, g as getImageSizes, d as makeVisualSearchRequest, u as useSearchStore, s as setTextSearchQuery, r as resetStore, a as addIfNotEmpty, m as makeTextSearchRequest, f as makeProductListingPageRequest, p as parseStringToExcluded } from './search.store-HXwFfRvm.js';
+import { _ as _functionExports, E as EitherExports, f as fromImage, b as isLeft, m as match, g as getOrElse, O as OptionExports } from './Rectangle-DGBESJrE.js';
+import { t as toFile, e as makeUploadFileRequest, g as getImageSizes, d as makeVisualSearchRequest, u as useSearchStore, f as checkImageType, h as acceptableFileFormats, s as setTextSearchQuery, r as resetStore, a as addIfNotEmpty, m as makeTextSearchRequest, i as makeProductListingPageRequest, p as parseStringToExcluded } from './search.store-DLJr8QhM.js';
 import { s as slotChangeListener, p as productCardSlotNames, v as vprIconSlotName, S as SlotSkeleton } from './customized-slots-Dy-qVYWj.js';
-import { P as PlusIcon, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, c as createWidgetEvent, a as createFilterEvent, v as v4, b as createAddToBasketEvent, d as createAddToWishlistEvent, e as createResultEventByType, f as createProductEventByType, g as getCustomLabels, h as createImageSearchEvent } from './index-CdSE2oQq.js';
+import { P as PlusIcon, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, c as createWidgetEvent, a as createFilterEvent, v as v4, b as createAddToBasketEvent, d as createAddToWishlistEvent, e as createResultEventByType, f as createProductEventByType, g as getCustomLabels, h as createImageSearchEvent } from './index-BIViS3eV.js';
 import { s as setLocalStorageItems, g as getLocalStorageItems, c as cleanLocalStorage } from './index-C5MrXMjM.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
 import { M as MIN_SEARCH_AREA_SIZE, S as SUPPORTED_ASPECT_RATIO, b as MIN_IMAGE_SIDE_FOR_CROPPER, C as Cropper, c as cropperOptions, g as getCropBoxData, i as isCropBoxChangeMinimal, D as DEFAULT_IMAGE_SIZE, d as checkDeviceType } from './checkDeviceType-BFZcnzQf.js';
 import { u as updateGlobalState, t as trackEvent, g as globalState } from './store-CMhsm-nf.js';
 import { a as addEventListenersWithSignal, f as findSlotElements, g as getSlotNames, s as setElementInteractivity } from './index-CckoTlaC.js';
-import { v as version, c as campaignTypeNames } from './package-C1SlDb4h.js';
-import { r as resources } from './resources-Bv3dEgL8.js';
+import { v as version, c as campaignTypeNames } from './package-B82dIeWY.js';
+import { r as resources } from './resources-CHDT594L.js';
 import { a as productCardsGridPart, p as productCardParts, b as suggestionsParts, m as modalParts, e as extendedFiltersParts, f as filtersParts, s as searchBarParts, d as searchWidgetFilterParts, g as searchWidgetButtonParts } from './index-B6wlG8FA.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 { t as triggerFilter } from './triggerFilter-B4e4JwCJ.js';
@@ -394,12 +394,21 @@ const VviinnImageSelector = class {
         this.vviinnNoResult = createEvent(this, "vviinnNoResult");
         this.vviinnImageUploadFinished = 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 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 (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);
         _functionExports.pipe(processingResult, match(({ kind }) => {
             this.vviinnNoResult.emit(Object.assign(Object.assign({}, this.basicEventData), { reason: kind }));
         }, (response) => {
@@ -411,7 +420,7 @@ const VviinnImageSelector = class {
                 isTriggeredByVpsWidget: this.storeName === "widget",
             });
         }));
-        input.value = null;
+        input.value = "";
     }
     startUploadWatcher(upload) {
         if (upload) {
@@ -420,13 +429,13 @@ const VviinnImageSelector = class {
         }
     }
     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 watchers() { return {
         "startUpload": ["startUploadWatcher"]
@@ -1387,6 +1396,7 @@ const VviinnVpsWidget = class {
         /** @internal */
         this.showInWidget = true;
         this.slidePosition = 0;
+        this.uploadSource = null;
         this.stream = null;
         this.products = [];
         this.isCameraInitializing = false;
@@ -1501,20 +1511,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) {
-                resetStore(this.storeName, "appStateAndReceivedData");
-            }
+            this.showInWidget && resetStore(this.storeName, "appStateAndReceivedData");
         };
     }
     initResultEvents() {
@@ -1570,7 +1579,7 @@ const VviinnVpsWidget = class {
         }
         else {
             document.body.style.overflow = this.overflow;
-            this.initResultEvents();
+            this.showInWidget && this.initResultEvents();
         }
     }
     slidePositionWatcher() {
@@ -1697,31 +1706,31 @@ const VviinnVpsWidget = class {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '6befdfddd06e53f011e3f6a87bf5200bbfdafef1', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { key: '38380b522ca1ac1ae86e33f6060c7dc040632728', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (h(Host, { key: 'e4b3eb07adaedcc346dc23ebb4074d6b568f34a2', exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}, ${suggestionsParts}` }, !this.showingInButton && SlotSkeleton("search"), 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: version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: modalParts }, h("vviinn-slider", { key: 'be3a5bbebfa1396ff2568ce23f7e5573249d3e20', position: this.slidePosition }, h("vviinn-slide", { key: 'b5fe1748627e08700a3a67931eb835f3e22000bc', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: modalParts }, h("vviinn-slider", { key: 'a8d336c59f73a6d68f6551363224b0b533958a51', position: this.slidePosition }, h("vviinn-slide", { key: '926a5a90953d80086442acc521a3d5577a444747', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, h("vviinn-camera", { key: '2ff5659977ee56238b02611b4f7e1f1e8f2a3228', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
+            } }, 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 }), 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 }), h("div", { key: '720b321bb57d3aad2bffd7ea1846f15dbb0ce53a', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, h("div", { key: '72c99dcc3ba6f5f7969120ea1d453f034b4ec991', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (h("div", { key: '655f4202af65eb118124e2401fe118ca0fc15631', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: '4c00d5fb45283e51ed94f18af266a62c80d46671', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: this.showInWidget, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: 'f423acd6924394400fe6e6f4fa8e902a217dfffa' }, h("vviinn-teaser", { key: 'e7fb21f20050be0067d9286f6d3fa51ee6d4d2c6' }), h("div", { key: 'bf1f46945924a4df4e4c7f26bf6f6ee439f4ceb2', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (h("vviinn-text-search", { key: 'e4b5618848ede58e1d440390e64f25515d97b1b4', token: globalState.token, apiPath: globalState.apiPath, locale: globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: 'c38a4b2832ee506d0090ba5a2fbf65a75e4baa58', privacyBadgeText: instance.t("privacyBadgeText", {
+            }, id: "start-page_block" }, h("div", { key: 'c32f285eb2a09128da261ab6760ffecfe2c8d29c', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (h("div", { key: 'bf1e3792a180449a856e43e06f98fadb2b20f2b1', class: "start-page_errors-block" }, this.getCurrentErrorType() && (h("vviinn-error", { key: '475c56ce4cea82ca41630c7f33d80cc101be38c6', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: this.showInWidget, searchType: this.state.searchType })))), !this.haveErrors() && (h(Fragment, { key: '4df2847cfbb83dbda1cc6a79a441d66012644eec' }, h("vviinn-teaser", { key: 'da876e72cfd3883155f7852b4850d7d4ed8ffd06' }), h("div", { key: '804553414e50659d9394909e7db7e4ce999a2c16', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (h("vviinn-text-search", { key: '331a1f31d82487c4f50862793f88597e5e338929', token: globalState.token, apiPath: globalState.apiPath, locale: globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), h("vviinn-privacy-badge", { key: '3da1dec800cd91585502ad7eca9f309cf6f31f48', privacyBadgeText: instance.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: '83eb0fb3af107fc3d54639c64367a5ebfc966f56', class: {
+            }), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { key: 'a344e5987bdc38735860430750c10e01d2c0eb8e', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (h("div", { key: 'cdfd64427728e91f5f0faf0c61b5e10a2a4ca0a3', class: "source-wrapper" }, this.isTextSearch() ? (h(Fragment, null, 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" }), h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (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 && (h("div", { key: '04a27202fe48f245394b946726b4b3cd89916dad', class: {
+            } }, this.isResultSlide() && (h("div", { key: 'eadd2ddfcaa8277953e379742ede5f7afd22dffe', class: "source-wrapper" }, this.isTextSearch() ? (h(Fragment, null, 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" }), h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (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 && (h("div", { key: 'b2cb3daae83d7ef7a50cfc8bcc04b300be5382c7', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, h("vviinn-filters", { key: '6b84c144742bf0ef62090292f09cef66b793fcd9', class: "preview-filters", showInWidget: true, exportparts: filtersParts }), h("vviinn-extended-filters", { key: '9517b380405ffb2d5f01180ae0277dd09257dc15', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: extendedFiltersParts, showInWidget: true }), h("vviinn-extended-filters-button", { key: '7f2e322e44edb3b8cfbd1ba94809bd1245147d64', class: {
+            } }, h("vviinn-filters", { key: 'a028c222574d4e60ddcfd5ec289ff0c208bcfabc', class: "preview-filters", showInWidget: true, exportparts: filtersParts }), h("vviinn-extended-filters", { key: '88c438a41b5b44c918e5eeb9bc8590cba874b9c6', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: extendedFiltersParts, showInWidget: true }), 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() && (h("vviinn-results", { key: 'ffc28d5ac4cefa0fc6573140aa0923fd45e44062', token: globalState.token, locale: globalState.locale, pricePrefix: globalState.pricePrefix, "currency-sign": globalState.currencySign, apiPath: 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 })))), h("vviinn-extended-filters", { key: '6e4ed4c898e3f11984efc8fd51bfebf0ea3b9e8c', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: true }))));
+            }, exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (h("vviinn-results", { key: 'fc9e349d99f23df55fb546c2115ce705827b3114', token: globalState.token, locale: globalState.locale, pricePrefix: globalState.pricePrefix, "currency-sign": globalState.currencySign, apiPath: 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 })))), h("vviinn-extended-filters", { key: 'af6545ad7c1e002f297566a4c1590e8e043263d2', class: "modal-extended-filters", mode: "modal", exportparts: extendedFiltersParts, showInWidget: true }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,14 +1,14 @@
 import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-C5qrIvmr.js';
-import { a as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, b as searchState } from './search.store-HXwFfRvm.js';
-import { V as has, W as tuple, _ as _functionExports, b as requireSemigroup, O as OptionExports, u as pipe$1, M as chainW, X as makeRequest, K as fromEither, Y as getApiPath, Z as createInitPostRequest, $ as Apply, a0 as TaskEitherExports, E as EitherExports } from './Rectangle-CWwG37eK.js';
+import { a as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, b as searchState } from './search.store-DLJr8QhM.js';
+import { W as has, X as tuple, _ as _functionExports, e as requireSemigroup, O as OptionExports, v as pipe$1, N as chainW, Y as makeRequest, L as fromEither, Z as getApiPath, $ as createInitPostRequest, a0 as Apply, a1 as TaskEitherExports, E as EitherExports } from './Rectangle-DGBESJrE.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
-import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-C1SlDb4h.js';
-import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, i as CAROUSEL_IMAGE_WIDTH_CSS_VAR, j as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, g as getCustomLabels, k as SCROLL_POSITION_TOLERANCE, P as PlusIcon, v as v4, c as createWidgetEvent, e as createResultEventByType, b as createAddToBasketEvent, d as createAddToWishlistEvent, f as createProductEventByType, l as getRecommendationsBody } from './index-CdSE2oQq.js';
+import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-B82dIeWY.js';
+import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, i as CAROUSEL_IMAGE_WIDTH_CSS_VAR, j as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, g as getCustomLabels, k as SCROLL_POSITION_TOLERANCE, P as PlusIcon, v as v4, c as createWidgetEvent, e as createResultEventByType, b as createAddToBasketEvent, d as createAddToWishlistEvent, f as createProductEventByType, l as getRecommendationsBody } from './index-BIViS3eV.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, S as SlotSkeleton } from './customized-slots-Dy-qVYWj.js';
 import { h as energyLabelParts, i as imageParts, j as contentCardParts, p as productCardParts, k as priceRangeParts } from './index-B6wlG8FA.js';
 import { b as announceToScreenReader, a as getIntervalLabel, c as isPriceFilter, i as isSubFilterActive, R as RenderFilterButton } from './RenderFilterButton-DbAF7O7r.js';
-import { r as resources } from './resources-Bv3dEgL8.js';
+import { r as resources } from './resources-CHDT594L.js';
 import { b as triggerResetFilters, t as triggerFilter } from './triggerFilter-B4e4JwCJ.js';
 import { g as globalState, t as trackEvent, u as updateGlobalState } from './store-CMhsm-nf.js';
 import { a as addEventListenersWithSignal, i as isElementInSelector } from './index-CckoTlaC.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-C5qrIvmr.js';
-import { _ as _functionExports, O as OptionExports, s as scaleWithSized, c as center, d as detectedObjectEq } from './Rectangle-CWwG37eK.js';
+import { _ as _functionExports, O as OptionExports, s as scaleWithSized, c as center, d as detectedObjectEq } from './Rectangle-DGBESJrE.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
 import './store-CMhsm-nf.js';
 

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

@@ -1,13 +1,13 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-C5qrIvmr.js';
 import { g as getRemoveFilterAriaLabel, F as FilterIconClose, a as getIntervalLabel, b as announceToScreenReader, i as isSubFilterActive, R as RenderFilterButton } from './RenderFilterButton-DbAF7O7r.js';
 import { t as triggerFilter, a as triggerRemoveIntervalFilter } from './triggerFilter-B4e4JwCJ.js';
-import { u as useSearchStore } from './search.store-HXwFfRvm.js';
+import { u as useSearchStore } from './search.store-DLJr8QhM.js';
 import { g as globalState } from './store-CMhsm-nf.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
-import { r as resources } from './resources-Bv3dEgL8.js';
+import { r as resources } from './resources-CHDT594L.js';
 import { g as getLocalStorageItems } from './index-C5MrXMjM.js';
 import { a as addEventListenersWithSignal } from './index-CckoTlaC.js';
-import './Rectangle-CWwG37eK.js';
+import './Rectangle-DGBESJrE.js';
 
 const TextIcon = () => (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
     h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-C5qrIvmr.js';
-import { a as divideOnSized, E as EitherExports } from './Rectangle-CWwG37eK.js';
+import { a as divideOnSized, E as EitherExports } from './Rectangle-DGBESJrE.js';
 import { C as Cropper, c as cropperOptions, g as getCropBoxData, i as isCropBoxChangeMinimal, a as isDesktop$1 } from './checkDeviceType-BFZcnzQf.js';
 import { u as updateGlobalState } from './store-CMhsm-nf.js';
-import { c as shopTheLookState, d as makeVisualSearchRequest, e as makeUploadFileRequest } from './search.store-HXwFfRvm.js';
+import { c as shopTheLookState, d as makeVisualSearchRequest, e as makeUploadFileRequest } from './search.store-DLJr8QhM.js';
 import { S as SecondaryActionIcon } from './SecondaryActionIcon-Co8n0aty.js';
 import { s as setupIntersectionObserver } from './intersectionObserver-DHxfjh-K.js';
 

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

@@ -1,9 +1,9 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-C5qrIvmr.js';
-import { s as setTextSearchQuery, m as makeTextSearchRequest, u as useSearchStore } from './search.store-HXwFfRvm.js';
+import { s as setTextSearchQuery, m as makeTextSearchRequest, u as useSearchStore } from './search.store-DLJr8QhM.js';
 import { s as slotChangeListener } from './customized-slots-Dy-qVYWj.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
-import { r as resources } from './resources-Bv3dEgL8.js';
-import { _ as _functionExports, g as getOrElse } from './Rectangle-CWwG37eK.js';
+import { r as resources } from './resources-CHDT594L.js';
+import { _ as _functionExports, g as getOrElse } from './Rectangle-DGBESJrE.js';
 import { s as searchBarParts } from './index-B6wlG8FA.js';
 import { u as updateGlobalState, g as globalState } from './store-CMhsm-nf.js';
 

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

@@ -4,7 +4,7 @@ import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-DOMXsA9W.js';
 import { f as findSlotElements } from './index-CckoTlaC.js';
 import { S as SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-rqiiCPBX.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
-import { r as resources } from './resources-Bv3dEgL8.js';
+import { r as resources } from './resources-CHDT594L.js';
 import { u as updateGlobalState, g as globalState } from './store-CMhsm-nf.js';
 
 const SearchModalCameraIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
@@ -150,7 +150,7 @@ const VviinnVpsButton = class {
     }
     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 })));
     }
     get el() { return getElement(this); }

package/dist/types/Image/error.d.ts

@@ -1,3 +1,4 @@
 import { Either } from "fp-ts/lib/Either";
 import { BasicError } from "../error";
+export declare const acceptableFileFormats: string;
 export declare const checkImageType: (file: File) => Either<BasicError<string>, File>;

package/dist/types/components/vviinn-image-selector/vviinn-image-selector.d.ts

@@ -6,13 +6,13 @@ import { BasicEventData, ImageUploadEventData, NoResultEventData, SearchIdEventD
  */
 export declare class VviinnImageSelector {
     vviinnImageUploadStarted: EventEmitter<ImageUploadEventData>;
-    /** Wrong image format, that isn't .jpg, .jpeg, png */
+    /** Wrong image format, that isn't .jpg, .jpeg, .png, .webp, or .avif */
     vviinnNoResult: EventEmitter<NoResultEventData>;
     vviinnImageUploadFinished: EventEmitter<SearchIdEventData>;
     basicEventData: BasicEventData;
     startUpload: boolean;
     loading: boolean;
-    accept: "image" | "application-octet-stream";
+    accept: string;
     resetVpsButton: () => void;
     token?: string;
     apiPath?: string;

package/dist/types/components/vviinn-suggestions/render-helpers.d.ts

@@ -17,10 +17,8 @@ export declare const extractDataItems: (annotation: ContextAnnotation) => {
     deeplink?: string | null;
     brand?: string | null;
     productType?: string | null;
-    image?: {
-        original?: string;
-        thumbnail?: string | null;
-    };
+    image?: import("../../interfaces/generated").components["schemas"]["image"];
+    images?: import("../../interfaces/generated").components["schemas"]["image"][];
     price?: {
         actual?: import("../../interfaces/generated").components["schemas"]["price"] | null;
         sale?: import("../../interfaces/generated").components["schemas"]["price"] | null;

package/dist/types/components/vviinn-vps-button/vviinn-vps-button.d.ts

@@ -136,7 +136,7 @@ export declare class VviinnVpsButton {
     vviinnResultLoad: EventEmitter<BasicEventData>;
     /** The search result appears in the viewport */
     vviinnResultView: EventEmitter<BasicEventData>;
-    /** Wrong image format, that isn't .jpg, .jpeg, png, or the request failed */
+    /** Wrong image format, that isn't .jpg, .jpeg, .png, .webp, or .avif, or the request failed */
     vviinnNoResult: EventEmitter<BasicEventData>;
     /** Crop area changes */
     vviinnImageCrop: EventEmitter<BasicEventData>;

package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts

@@ -122,7 +122,7 @@ export declare class VviinnVpsWidget {
     /** @internal */
     showInWidget?: boolean;
     slidePosition: number;
-    uploadSource: UploadSource;
+    uploadSource: UploadSource | null;
     stream: MediaStream | null;
     products: Recommendation[];
     modalBody?: HTMLElement;
@@ -147,7 +147,7 @@ export declare class VviinnVpsWidget {
     vviinnSelectFilter: EventEmitter<SelectFilterEventData>;
     /** The image upload has started */
     vviinnImageUploadStarted: EventEmitter<ImageUploadEventData>;
-    /** Wrong image format, that isn't .jpg, .jpeg, png, or the request failed */
+    /** Wrong image format, that isn't .jpg, .jpeg, .png, .webp, or .avif, or the request failed */
     vviinnNoResult: EventEmitter<BasicEventData>;
     private overflow;
     private uiSessionId;