vviinn-widgets 2.195.0 → 2.196.0

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

@@ -8870,10 +8870,12 @@ const basicErrorFromResponse = (error) => {
 const invalidTokenError = {
     kind: "client",
     inner: "Token not exist or empty",
+    code: "invalid-token",
 };
 const emptyApiPathError = {
     kind: "client",
     inner: "Api path empty or missing",
+    code: "empty-api-path",
 };
 
 const stringMonoid = getMonoid(Monoid);

package/dist/cjs/{checkDeviceType-iUhpuLlH.js → cropperUtils-Bam-BTEk.js}

@@ -3327,34 +3327,11 @@ const getCropBoxData = (cropper) => {
     return { left, top, width, height };
 };
 
-// Responsive breakpoints - can be customized per component needs
-const DEFAULT_BREAKPOINTS = {
-    DESKTOP: 768};
-// User agent based device detection
-const checkDeviceType = () => {
-    const ua = navigator.userAgent;
-    if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
-        return "tablet";
-    }
-    else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua)) {
-        return "mobile";
-    }
-    return "desktop";
-};
-// Screen size based responsive detection
-const isDesktop = (breakpoint = DEFAULT_BREAKPOINTS.DESKTOP) => {
-    if (typeof window === "undefined")
-        return false;
-    return window.innerWidth >= breakpoint;
-};
-
 exports.Cropper = Cropper;
 exports.DEFAULT_IMAGE_SIZE = DEFAULT_IMAGE_SIZE;
 exports.MIN_IMAGE_SIDE_FOR_CROPPER = MIN_IMAGE_SIDE_FOR_CROPPER;
 exports.MIN_SEARCH_AREA_SIZE = MIN_SEARCH_AREA_SIZE;
 exports.SUPPORTED_ASPECT_RATIO = SUPPORTED_ASPECT_RATIO;
-exports.checkDeviceType = checkDeviceType;
 exports.cropperOptions = cropperOptions;
 exports.getCropBoxData = getCropBoxData;
 exports.isCropBoxChangeMinimal = isCropBoxChangeMinimal;
-exports.isDesktop = isDesktop;

package/dist/cjs/{index-DDfB2zej.js → index-B-eF0nQu.js}

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

package/dist/cjs/{package-BPYUOfCB.js → package-Dp3CQTMp.js}

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

package/dist/cjs/{resources-DKz1qCqs.js → resources-CuHgJnvC.js}

@@ -42,7 +42,7 @@ const resources = {
             },
             emptyResultsBlock: {
                 title: "Leider nichts gefunden",
-                button: "Neues Bild hochladen",
+                button: "Erneut versuchen",
             },
             serverErrorBlock: {
                 title: "Keine Verbindung",
@@ -50,12 +50,17 @@ const resources = {
             },
             wrongFormatBlock: {
                 title: "Dateityp wird nicht unterstützt",
-                text: "Bitte laden Sie eine .jpg, .png, .webp oder .avif Bilddatei hoch.",
-                button: "Neues Bild hochladen",
+                text: "Bitte laden Sie ein Bild im {{formats}} Format hoch.",
+                button: "Erneut versuchen",
+            },
+            heicNotSupportedBlock: {
+                title: "HEIC wird nicht unterstützt",
+                text: "HEIC-Dateien werden nur in Safari und iOS-Browsern unterstützt. Bitte verwenden Sie ein anderes Format.",
+                button: "Erneut versuchen",
             },
             wrongAspectRatioBlock: {
                 title: "Das Bild ist zu schmal",
-                button: "Neues Bild hochladen",
+                button: "Erneut versuchen",
             },
             filters: {
                 modal: {
@@ -168,7 +173,7 @@ const resources = {
             },
             emptyResultsBlock: {
                 title: "Sorry, nothing found",
-                button: "Upload another image",
+                button: "Try again",
             },
             serverErrorBlock: {
                 title: "Something went wrong",
@@ -176,12 +181,17 @@ const resources = {
             },
             wrongFormatBlock: {
                 title: "Wrong file format",
-                text: "Please upload a .jpg, .png, .webp or .avif image file.",
-                button: "Upload another file",
+                text: "Please upload an image in {{formats}} format.",
+                button: "Try again",
+            },
+            heicNotSupportedBlock: {
+                title: "HEIC not supported",
+                text: "HEIC files are only supported in Safari and iOS browsers. Please use a different format.",
+                button: "Try again",
             },
             wrongAspectRatioBlock: {
                 title: "The image is too narrow",
-                button: "Upload another image",
+                button: "Try again",
             },
             filters: {
                 modal: {

package/dist/cjs/{search.store-DzzR8sHn.js → search.store-B_KXvC4d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var store = require('./store-CrCuJC55.js');
-var Rectangle = require('./Rectangle-DVEulpFu.js');
+var Rectangle = require('./Rectangle-DfUOGfXS.js');
 
 var _Array = {};
 
@@ -7702,14 +7702,87 @@ var findFirstMap$1 = function (f) {
  */
 var findFirstMap = findFirstMap$1;
 
-const SUPPORTED_FILE_TYPES = ["jpg", "jpeg", "png", "webp", "avif"];
-const acceptableFileFormats = SUPPORTED_FILE_TYPES.map((type) => `.${type}`).join(", ");
+// Responsive breakpoints - can be customized per component needs
+const DEFAULT_BREAKPOINTS = {
+    DESKTOP: 768};
+// User agent based device detection
+const checkDeviceType = () => {
+    const ua = navigator.userAgent;
+    if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
+        return "tablet";
+    }
+    else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua)) {
+        return "mobile";
+    }
+    return "desktop";
+};
+const isWebKitEngine = () => {
+    if (typeof navigator === "undefined")
+        return false;
+    const ua = navigator.userAgent;
+    // On iOS, all browsers use WebKit under the hood (Apple requirement)
+    if (/iPhone|iPad|iPod/.test(ua))
+        return true;
+    // On desktop, check for WebKit but exclude Chrome, Edge, and Opera
+    return /WebKit/.test(ua) && !/Chrome|Edg|OPR/.test(ua);
+};
+// Screen size based responsive detection
+const isDesktop = (breakpoint = DEFAULT_BREAKPOINTS.DESKTOP) => {
+    if (typeof window === "undefined")
+        return false;
+    return window.innerWidth >= breakpoint;
+};
+
+// Browsers may report the same file as either "image/heic" or "image/heif"
+const SUPPORTED_FILE_TYPES = [
+    "jpg",
+    "jpeg",
+    "png",
+    "webp",
+    "avif",
+    "heic",
+    "heif",
+];
+const BASE_FILE_FORMATS = ["jpg", "jpeg", "png", "webp", "avif"];
+const getFormatToMime = (format) => {
+    // jpg and jpeg both map to image/jpeg
+    return format === "jpg" ? "image/jpeg" : `image/${format}`;
+};
+const FORMAT_TO_MIME = Object.fromEntries(SUPPORTED_FILE_TYPES.map((format) => [format, getFormatToMime(format)]));
+const getAcceptableFileFormats = () => {
+    const formats = isWebKitEngine()
+        ? [...BASE_FILE_FORMATS, "heic"]
+        : BASE_FILE_FORMATS;
+    // Include both MIME types and file extensions for better browser compatibility
+    const mimeTypes = formats.map((type) => FORMAT_TO_MIME[type]);
+    const extensions = formats.map((type) => `.${type}`);
+    return [...mimeTypes, ...extensions].join(",");
+};
+const getAcceptableFileFormatsForDisplay = () => {
+    const formats = isWebKitEngine()
+        ? [...BASE_FILE_FORMATS, "heic"]
+        : BASE_FILE_FORMATS;
+    const formattedTypes = formats
+        .filter((type) => type !== "jpeg")
+        .map((type) => `.${type}`);
+    const lastFormat = formattedTypes.pop();
+    return `${formattedTypes.join(", ")}, or ${lastFormat}`;
+};
 const unsupportedFileTypeError = {
     kind: "client",
     inner: "File format not supported",
+    code: "unsupported-file-type",
+};
+const heicNotSupportedError = {
+    kind: "client",
+    inner: "HEIC format is only supported in Safari and iOS browsers",
+    code: "heic-not-supported",
 };
 const checkImageType = (file) => {
     const fileType = file.type.split("/")[1];
+    if ((fileType === "heic" || fileType === "heif") && !isWebKitEngine()) {
+        return Rectangle.EitherExports.left(heicNotSupportedError);
+    }
     const supportedFileType = findFirstMap((supportedType) => supportedType === fileType ? Rectangle.OptionExports.some(file) : Rectangle.OptionExports.none)(SUPPORTED_FILE_TYPES);
     return Rectangle._functionExports.pipe(supportedFileType, Rectangle.EitherExports.fromOption(() => unsupportedFileTypeError));
 };
@@ -7726,13 +7799,21 @@ const fileToB64 = async (f) => new Promise((resolve) => {
     reader.readAsDataURL(f);
 });
 
-const imageFromFileTask = (f) => () => new Promise((resolve, _) => {
+const imageFromFileTask = (f) => () => new Promise((resolve, reject) => {
     const reader = new FileReader();
     const image = new Image();
     reader.onload = (e) => {
         image.src = e.target.result;
     };
-    image.onload = () => resolve(image);
+    reader.onerror = () => {
+        reject(new Error("Failed to read file"));
+    };
+    image.onload = () => {
+        resolve(image);
+    };
+    image.onerror = () => {
+        reject(new Error("Failed to load image"));
+    };
     reader.readAsDataURL(f);
 });
 
@@ -8476,11 +8557,14 @@ const useSearchStore = (showInWidget) => showInWidget
     };
 
 exports._ArrayExports = _ArrayExports;
-exports.acceptableFileFormats = acceptableFileFormats;
 exports.addIfNotEmpty = addIfNotEmpty;
+exports.checkDeviceType = checkDeviceType;
 exports.checkImageType = checkImageType;
+exports.getAcceptableFileFormats = getAcceptableFileFormats;
+exports.getAcceptableFileFormatsForDisplay = getAcceptableFileFormatsForDisplay;
 exports.getImageSizes = getImageSizes;
 exports.imageFromFileTask = imageFromFileTask;
+exports.isDesktop = isDesktop;
 exports.makeProductListingPageRequest = makeProductListingPageRequest;
 exports.makeTextSearchRequest = makeTextSearchRequest;
 exports.makeUploadFileRequest = makeUploadFileRequest;

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

@@ -2,13 +2,13 @@
 
 var index = require('./index-OrE9ITel.js');
 var i18next = require('./i18next-DkN_8H9H.js');
+var search_store = require('./search.store-B_KXvC4d.js');
 var customizedSlots = require('./customized-slots-BzqsGchC.js');
-var _package = require('./package-BPYUOfCB.js');
+var _package = require('./package-Dp3CQTMp.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-BZg-ADIW.js');
 var index$1 = require('./index-CpJcNhVM.js');
-var search_store = require('./search.store-DzzR8sHn.js');
 var constants = require('./constants-BlwqMvns.js');
-var Rectangle = require('./Rectangle-DVEulpFu.js');
+var Rectangle = require('./Rectangle-DfUOGfXS.js');
 var index$2 = require('./index-tXcMfW9y.js');
 require('./store-CrCuJC55.js');
 
@@ -65,9 +65,15 @@ const errorTypeConfig = {
         hasText: true,
         hasButton: true,
     },
+    "heic-not-supported": {
+        i18nKey: "heicNotSupportedBlock",
+        hasTopMargin: false,
+        hasText: true,
+        hasButton: true,
+    },
 };
 
-const vviinnErrorCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration:0.5s;}:host{display:block;font-family:var(--font-family, var(--font-family-base))}:host(.add-background){background:var(--surface-bg-color-01)}:host(.add-top-margin){margin-top:var(--spacing-400)}.error-content{display:grid;grid-gap:var(--spacing-150);text-align:center;justify-items:center;width:356px;padding:var(--spacing-200);max-width:calc(100vw - 2 * var(--spacing-300));border-radius:var(--border-radius-200);box-sizing:border-box;margin:0 auto}.error-content.add-background{background:var(--surface-bg-color-01)}svg,::slotted(svg){display:grid;align-self:center}h4,::slotted(h4){margin:unset;font-weight:var(--font-weight-600);font-size:var(--font-size-headline);line-height:var(--line-height-headline)}span,::slotted(span){font-size:14px;line-height:20px}button,::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-size:var(--font-size-label);font-weight:var(--font-weight-500);background:var(--color-primary, var(--button-bg-color-primary));border-radius:var(--border-radius-100);padding:var(--spacing-100);font-size:var(--font-size-body);color:var(--color-text-inverse);font-family:var(--font-family, var(--font-family-base))}button:hover,::slotted(button:hover){background:var(--button-bg-color-primary-hover)}";
+const vviinnErrorCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration:0.5s;}:host{display:block;font-family:var(--font-family, var(--font-family-base))}:host(.add-background){background:var(--surface-bg-color-01)}:host(.add-top-margin){margin-top:var(--spacing-400)}.error-content{display:grid;grid-gap:var(--spacing-150);text-align:center;justify-items:center;max-width:356px;padding:var(--spacing-200);border-radius:var(--border-radius-200);box-sizing:border-box;margin:0 auto}.error-content.add-background{background:var(--surface-bg-color-01)}svg,::slotted(svg){display:grid;align-self:center}h4,::slotted(h4){margin:unset;font-weight:var(--font-weight-600);font-size:var(--font-size-headline);line-height:var(--line-height-headline)}span,::slotted(span){font-size:14px;line-height:20px}button,::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-size:var(--font-size-label);font-weight:var(--font-weight-500);background:var(--color-primary, var(--button-bg-color-primary));border-radius:var(--border-radius-100);padding:var(--spacing-100);font-size:var(--font-size-body);color:var(--color-text-inverse);font-family:var(--font-family, var(--font-family-base))}button:hover,::slotted(button:hover){background:var(--button-bg-color-primary-hover)}";
 
 const VviinnError = class {
     constructor(hostRef) {
@@ -79,9 +85,14 @@ const VviinnError = class {
         if (!this.errorType)
             return null;
         const config = errorTypeConfig[this.errorType];
+        const translationOptions = this.errorType === "wrong-format"
+            ? { formats: search_store.getAcceptableFileFormatsForDisplay() }
+            : undefined;
         return {
             title: i18next.instance.t(`${config.i18nKey}.title`),
-            text: config.hasText ? i18next.instance.t(`${config.i18nKey}.text`) : null,
+            text: config.hasText
+                ? i18next.instance.t(`${config.i18nKey}.text`, translationOptions)
+                : null,
             buttonText: this.hasButton()
                 ? i18next.instance.t(`${config.i18nKey}.button`)
                 : null,
@@ -118,7 +129,7 @@ const VviinnError = class {
                 index.h("slot", { name: "text" }),
                 index.h("slot", { name: "action" }),
             ];
-        return (index.h(index.Host, { key: 'bbb411a22626197b25a8630b67aa618099330bff', class: hostClasses }, index.h("div", { key: 'ae22222ddd6ff1a146c39c6d8742f7e5e8de43ae', class: contentClasses }, errorContent)));
+        return (index.h(index.Host, { key: '114a7b3790c7dc137b7bdd0032f3459296dab45b', class: hostClasses }, index.h("div", { key: '1d6bb34d1483a3d1ef972e01d25312e1784cd304', class: contentClasses }, errorContent)));
     }
 };
 VviinnError.style = vviinnErrorCss;
@@ -415,7 +426,7 @@ const VviinnVprButton = class {
         this.showFilters = false;
         /** Wrap the Product Card's price values in the container. */
         this.addPriceContainer = false;
-        /** One click Discovery mode*/
+        /** One-Click Discovery mode*/
         this.oneClickDiscoveryMode = "modal";
         /** List of discounts for Set mode. Example: "5, 10, 15, 20" (could be less than 4 numbers) */
         this.setModeDiscounts = this.mode === "set" ? "5, 10, 15" : "";

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

@@ -1,17 +1,17 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var Rectangle = require('./Rectangle-DVEulpFu.js');
-var search_store = require('./search.store-DzzR8sHn.js');
+var Rectangle = require('./Rectangle-DfUOGfXS.js');
+var search_store = require('./search.store-B_KXvC4d.js');
 var customizedSlots = require('./customized-slots-BzqsGchC.js');
-var index$2 = require('./index-DDfB2zej.js');
+var index$2 = require('./index-B-eF0nQu.js');
 var index$1 = require('./index-C3G9W48a.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var checkDeviceType = require('./checkDeviceType-iUhpuLlH.js');
+var cropperUtils = require('./cropperUtils-Bam-BTEk.js');
 var store = require('./store-CrCuJC55.js');
 var index$3 = require('./index-tXcMfW9y.js');
-var _package = require('./package-BPYUOfCB.js');
-var resources = require('./resources-DKz1qCqs.js');
+var _package = require('./package-Dp3CQTMp.js');
+var resources = require('./resources-CuHgJnvC.js');
 var index$4 = require('./index-CpJcNhVM.js');
 var constants = require('./constants-BlwqMvns.js');
 var triggerFilter = require('./triggerFilter-DFGg92Xh.js');
@@ -184,7 +184,7 @@ const vviinnCropperCss = ".cropper-container{direction:ltr;font-size:0;line-heig
 
 const ValidateCropBoxData = (cropBoxData) => {
     const { width, height, left, top } = cropBoxData;
-    const minSize = checkDeviceType.MIN_SEARCH_AREA_SIZE;
+    const minSize = cropperUtils.MIN_SEARCH_AREA_SIZE;
     let result = {
         width,
         height,
@@ -224,7 +224,7 @@ const VviinnCropper = class {
         this.initPreloadedImage = () => {
             var _a;
             if (this.showInWidget) {
-                const [width, height] = search_store.getImageSizes(this.state.image, checkDeviceType.DEFAULT_IMAGE_SIZE);
+                const [width, height] = search_store.getImageSizes(this.state.image, cropperUtils.DEFAULT_IMAGE_SIZE);
                 this.width = width;
                 this.height = height;
             }
@@ -291,24 +291,24 @@ const VviinnCropper = class {
                     imageBounds,
                 });
                 this.state.imageBounds = imageBounds;
-                if (width / height < checkDeviceType.SUPPORTED_ASPECT_RATIO ||
-                    height / width < checkDeviceType.SUPPORTED_ASPECT_RATIO) {
+                if (width / height < cropperUtils.SUPPORTED_ASPECT_RATIO ||
+                    height / width < cropperUtils.SUPPORTED_ASPECT_RATIO) {
                     this.vviinnCropperAspectRatioError.emit(true);
                     return;
                 }
-                if (width < checkDeviceType.MIN_IMAGE_SIDE_FOR_CROPPER ||
-                    height < checkDeviceType.MIN_IMAGE_SIDE_FOR_CROPPER) {
+                if (width < cropperUtils.MIN_IMAGE_SIDE_FOR_CROPPER ||
+                    height < cropperUtils.MIN_IMAGE_SIDE_FOR_CROPPER) {
                     return;
                 }
-                this.cropper = new checkDeviceType.Cropper(renderedImageElement, Object.assign(Object.assign({}, checkDeviceType.cropperOptions), { cropstart: this.cropStart, cropend: this.cropEnd, ready: () => this.cropper.reset(), data }));
+                this.cropper = new cropperUtils.Cropper(renderedImageElement, Object.assign(Object.assign({}, cropperUtils.cropperOptions), { cropstart: this.cropStart, cropend: this.cropEnd, ready: () => this.cropper.reset(), data }));
             }
         };
         this.cropStart = () => {
-            this.startEndCropBoxData = checkDeviceType.getCropBoxData(this.cropper);
+            this.startEndCropBoxData = cropperUtils.getCropBoxData(this.cropper);
         };
         this.cropEnd = () => {
-            const cropboxData = checkDeviceType.getCropBoxData(this.cropper);
-            if (checkDeviceType.isCropBoxChangeMinimal(this.startEndCropBoxData, cropboxData))
+            const cropboxData = cropperUtils.getCropBoxData(this.cropper);
+            if (cropperUtils.isCropBoxChangeMinimal(this.startEndCropBoxData, cropboxData))
                 return;
             this.vviinnCropperCropEnd.emit(cropboxData);
             this.state.searchArea = cropboxData;
@@ -405,7 +405,7 @@ const VviinnImageSelector = class {
             return;
         const validationResult = search_store.checkImageType(file);
         if (Rectangle.isLeft(validationResult)) {
-            this.vviinnNoResult.emit(Object.assign(Object.assign({}, this.basicEventData), { reason: validationResult.left.kind }));
+            this.vviinnNoResult.emit(Object.assign(Object.assign({}, this.basicEventData), { reason: validationResult.left.kind, errorMessage: validationResult.left.inner, errorCode: validationResult.left.code }));
             input.value = "";
             return;
         }
@@ -431,13 +431,13 @@ const VviinnImageSelector = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eeb20543974f863300028f7faaacb6b7786662f0', exportparts: "button" }, this.loading ? (index.h("vviinn-preloader", null)) : (index.h("label", { htmlFor: "fileInput", part: "button", tabindex: "0", onKeyDown: (e) => {
+        return (index.h(index.Host, { key: 'd0124580081d2f3bf70d1e37511cb6c98d7090b4', exportparts: "button" }, this.loading ? (index.h("vviinn-preloader", null)) : (index.h("label", { htmlFor: "fileInput", part: "button", tabindex: "0", onKeyDown: (e) => {
                 var _a;
                 if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.click();
                 }
-            } }, index.h("slot", { name: "upload-button-text" }, "Upload image"))), index.h("input", { key: '1f113939572e0e268aa4e21b188a33ea3a8104cd', id: "fileInput", class: "visually-hidden", type: "file", tabindex: "-1", accept: search_store.acceptableFileFormats, onChange: (event) => this.handleInputChange(event), ref: (el) => (this.fileInput = el) })));
+            } }, index.h("slot", { name: "upload-button-text" }, "Upload image"))), index.h("input", { key: '7e23c76be62e2ca38cb772c293162effe0fb2598', id: "fileInput", class: "visually-hidden", type: "file", tabindex: "-1", accept: search_store.getAcceptableFileFormats(), onChange: (event) => this.handleInputChange(event), ref: (el) => (this.fileInput = el) })));
     }
     static get watchers() { return {
         "startUpload": ["startUploadWatcher"]
@@ -543,7 +543,7 @@ const VviinnResults = class {
         this.filterColumn = "product_type";
         /** Wrap the Product Card's price values in the container. */
         this.addPriceContainer = false;
-        /** One-click Discovery Mode */
+        /** One-Click Discovery Mode */
         this.oneClickDiscoveryMode = "append-grid";
         /** Comma-separated list of campaign IDs */
         this.oneClickDiscoveryCampaigns = "";
@@ -1400,7 +1400,7 @@ const VviinnVpsWidget = class {
         this.addToBasketShow = false;
         /** Show or hide Favorite button */
         this.favoriteShow = false;
-        /** One click Discovery mode, restricted to append only (no modal supported for this component)*/
+        /** One-Click Discovery mode, restricted to append only (no modal supported for this component)*/
         this.oneClickDiscoveryMode = "append-grid";
         /** Comma-separated list of campaign IDs */
         this.oneClickDiscoveryCampaigns = "";
@@ -1444,7 +1444,12 @@ const VviinnVpsWidget = class {
         };
         this.handleVviinnNoResult = (detail) => {
             if (detail.reason === "client") {
-                this.wrongImageFormat = true;
+                if (detail.errorCode === "heic-not-supported") {
+                    this.wrongImageFormat = "heic-not-supported";
+                }
+                else {
+                    this.wrongImageFormat = "wrong-format";
+                }
             }
         };
         this.adjustCameraSettings = async () => {
@@ -1648,7 +1653,7 @@ const VviinnVpsWidget = class {
     }
     connectedCallback() {
         store.updateGlobalState(this);
-        this.isDesktop = checkDeviceType.checkDeviceType() === "desktop";
+        this.isDesktop = search_store.checkDeviceType() === "desktop";
         const { state, storeName } = search_store.useSearchStore(this.showInWidget);
         this.storeName = storeName;
         this.state = state;
@@ -1706,11 +1711,11 @@ const VviinnVpsWidget = class {
         return this.isDesktop ? buttons.reverse() : buttons;
     }
     haveErrors() {
-        return this.wrongImageFormat || this.state.searchStatus === "error";
+        return !!this.wrongImageFormat || this.state.searchStatus === "error";
     }
     getCurrentErrorType() {
         if (this.wrongImageFormat)
-            return "wrong-format";
+            return this.wrongImageFormat;
         if (this.state.searchStatus === "error")
             return "server-error";
         return null;
@@ -1728,31 +1733,31 @@ const VviinnVpsWidget = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '152cf0eb3a078a9f70d4348bca33145492e2a910', exportparts: `${index$4.modalParts}, ${index$4.productCardParts}, ${index$4.searchBarParts}, ${index$4.searchWidgetFilterParts}, ${index$4.searchWidgetButtonParts}, ${index$4.productCardsGridPart}, ${index$4.suggestionsParts}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '6f085a9cd82b90de2bdab8acf5582d467a97c4d0', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (index.h(index.Host, { key: '512e84afac136a17d4277d121d7788d365e701c4', exportparts: `${index$4.modalParts}, ${index$4.productCardParts}, ${index$4.searchBarParts}, ${index$4.searchWidgetFilterParts}, ${index$4.searchWidgetButtonParts}, ${index$4.productCardsGridPart}, ${index$4.suggestionsParts}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '0bf7bb64115aaa74310710854c0b63649ee2ab97', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
                 if (detail.campaignTypeId !== "VPR")
                     this.handleModalClose();
             }, buttonElementId: (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.widgetElementId, widgetVersion: _package.version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: index$4.modalParts }, index.h("vviinn-slider", { key: '7a378453adce3fb127ef441397d2d076cb83f670', position: this.slidePosition }, index.h("vviinn-slide", { key: 'a235f63d6e6ad580ab11830e93f17448516aebf7', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: index$4.modalParts }, index.h("vviinn-slider", { key: '1c7263f154d94e9b514adbde5eac726dc7072f49', position: this.slidePosition }, index.h("vviinn-slide", { key: '66c0c5a630306ed49a71635eb9c0b8a9437ea13b', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, index.h("vviinn-camera", { key: '9930467401150d6a3d268dab4b70f2ef128c58d5', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
+            } }, index.h("vviinn-camera", { key: '6ef14a6e264bcb80dc7d55ee975485fc5c508d89', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
                 this.handleVviinnImageUpload("startCamera");
-            }, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: '94edca192eecf6e6b86d9aa887eb40e0eada759c', class: {
+            }, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: '7b8424c741ce780ace289dc5097cd0baaaf3c1c7', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, index.h("div", { key: '9786a4e70b20481b8df764256cccc497ae751aee', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (index.h("div", { key: '36793f03bac1bf95f08502ef8b9c93f7d08bc49d', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '2a8e3c276d5e676929a8ceb9ea72d3ec0ee8fd12', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: this.showInWidget, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: '38e2ca51e336a2af6ec0940c3078c9fd95973ef4' }, index.h("vviinn-teaser", { key: 'c4cb04f7105fdff07f2d6fede283ce14c1570b85' }), index.h("div", { key: '079246053331158053c1efa9f7e080ce9215e42f', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", { key: '5cacf0c79dde67167bd48c467142c4587c3ad3bc', token: store.globalState.token, apiPath: store.globalState.apiPath, locale: store.globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: 'a5faa0e35d6d380cba513a9eca4d603fda657acf', privacyBadgeText: i18next.instance.t("privacyBadgeText", {
+            }, id: "start-page_block" }, index.h("div", { key: 'fb8fb7994ef7cdc85ae9324a3f139edc1a1820e4', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (index.h("div", { key: '453f1f1918cbc5648c1c3e553f479159dc46c678', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '63c33a0744c8f1b65e747846613eeae98337725b', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: 'e051291ac25269ab5479372f4c3c0f5f16eea417' }, index.h("vviinn-teaser", { key: 'b640a81ef046eb60aaa343c1a020fa39ef6bf7ca' }), index.h("div", { key: '210fffcdaf2e27df4ce826faae8c526a598ee67e', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", { key: '796313b87d0c8dbfbceb606d6f5b0d4c6ec8fc4a', token: store.globalState.token, apiPath: store.globalState.apiPath, locale: store.globalState.locale, showInWidget: true, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: '0878f0616c972ee5d0007d886fc5f2fdac65e65b', privacyBadgeText: i18next.instance.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: '8974a51f6d9780f815ba5eba0e036308dc256a34', class: {
+            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: '60d313ef6374f80e3719cfcc8308fd82fcae3c7d', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (index.h("div", { key: '9fcbb518c5d9280b3f9314e7c9c4d7eca0aad134', class: "source-wrapper" }, this.isTextSearch() ? (index.h(index.Fragment, null, index.h("vviinn-text-search", { token: this.token, showInWidget: true, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }), index.h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (index.h("vviinn-cropper", { basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: true, "save-image-mode": "never" })), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: 'a38894fe6c7ce126ea5100c584c6e9b1bd2a541f', class: {
+            } }, this.isResultSlide() && (index.h("div", { key: 'eefe890a59fc3f4f8b1f0a53427c53d99d5f7f06', class: "source-wrapper" }, this.isTextSearch() ? (index.h(index.Fragment, null, index.h("vviinn-text-search", { token: this.token, showInWidget: true, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }), index.h("vviinn-suggestions", { showInWidget: true, token: this.token, apiPath: this.apiPath, locale: this.locale }))) : (index.h("vviinn-cropper", { basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: true, "save-image-mode": "never" })), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: '3b366c34c1d55c7509614af04823b3e362173097', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, index.h("vviinn-filters", { key: '10641914efdd0f2c45bee1e3eb5685ce495058e5', class: "preview-filters", showInWidget: true, showIntervalInputs: this.showIntervalInputs, exportparts: index$4.filtersParts }), index.h("vviinn-extended-filters", { key: '499f32d23e53aaa091a59ddb5b10e39e8ae145e9', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: index$4.extendedFiltersParts, showInWidget: true, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters-button", { key: '6ea940a127bc2eb58e7961d117f86f9ad1e22c5f', class: {
+            } }, index.h("vviinn-filters", { key: '37811e1f5e7fc4a71dfcd317ac6cef9cce90c2f9', class: "preview-filters", showInWidget: true, showIntervalInputs: this.showIntervalInputs, exportparts: index$4.filtersParts }), index.h("vviinn-extended-filters", { key: '0d05c58e2955e1329415f3a4df8c78d14a4505eb', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: index$4.extendedFiltersParts, showInWidget: true, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters-button", { key: 'f96b9a14f5318c1f22862ac68ffb3658bdab5da9', class: {
                 "extended-filters-button": true,
                 "has-primary-filters": this.state.dynamicFilters.filter((f) => f.isPrimary)
                     .length > 0,
-            }, exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (index.h("vviinn-results", { key: '49a9fbf5311208b5f963bf95a7ff1e6cb8263437', token: store.globalState.token, locale: store.globalState.locale, pricePrefix: store.globalState.pricePrefix, "currency-sign": store.globalState.currencySign, apiPath: store.globalState.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: true, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody })))), index.h("vviinn-extended-filters", { key: '0e06fb1687958edef866927a77108492bfbbb692', class: "modal-extended-filters", mode: "modal", exportparts: index$4.extendedFiltersParts, showInWidget: true, showIntervalInputs: this.showIntervalInputs }))));
+            }, exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (index.h("vviinn-results", { key: '870f8ccad55c7bb96635bb243bd01db7575dc290', token: store.globalState.token, locale: store.globalState.locale, pricePrefix: store.globalState.pricePrefix, "currency-sign": store.globalState.currencySign, apiPath: store.globalState.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: true, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody })))), index.h("vviinn-extended-filters", { key: '46956fb1d9a549177dcd71662125c1e3dcad4d64', class: "modal-extended-filters", mode: "modal", exportparts: index$4.extendedFiltersParts, showInWidget: true, showIntervalInputs: this.showIntervalInputs }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-DzzR8sHn.js');
-var Rectangle = require('./Rectangle-DVEulpFu.js');
+var search_store = require('./search.store-B_KXvC4d.js');
+var Rectangle = require('./Rectangle-DfUOGfXS.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var _package = require('./package-BPYUOfCB.js');
-var index$1 = require('./index-DDfB2zej.js');
+var _package = require('./package-Dp3CQTMp.js');
+var index$1 = require('./index-B-eF0nQu.js');
 var constants = require('./constants-BlwqMvns.js');
 var customizedSlots = require('./customized-slots-BzqsGchC.js');
 var index$2 = require('./index-CpJcNhVM.js');
 var RenderFilterButton = require('./RenderFilterButton-CSLqPags.js');
-var resources = require('./resources-DKz1qCqs.js');
+var resources = require('./resources-CuHgJnvC.js');
 var triggerFilter = require('./triggerFilter-DFGg92Xh.js');
 var store = require('./store-CrCuJC55.js');
 var index$3 = require('./index-tXcMfW9y.js');

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

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

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

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