vviinn-widgets 2.89.0 → 2.90.0

package/dist/cjs/{package-6117f4e4.js → package-a7e58f04.js}

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

package/dist/cjs/search-filters_19.cjs.entry.js

@@ -7,12 +7,14 @@ const search_store = require('./search.store-d2b420fd.js');
 const index$1 = require('./index-105aee62.js');
 const customizedSlots = require('./customized-slots-ee9418c1.js');
 const emitRequestFiltersMore = require('./emitRequestFiltersMore-dd0b6262.js');
-const _package = require('./package-6117f4e4.js');
-const CameraIcon = require('./CameraIcon-5b8efacb.js');
+const _package = require('./package-a7e58f04.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));
 
+const CameraIcon = () => (index.h("svg", { width: "22", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+  index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.567 3H19A3.01 3.01 0 0 1 22 6v7.69h-2V6c0-.55-.451-1-1.001-1h-3.502l-2.03-3H8.543L6.603 5H3.001c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h5.933v2H3.001A3.01 3.01 0 0 1 0 17V6c0-1.65 1.35-3 3.001-3h2.522l1.94-3h7.074l2.03 3Zm-5.562 3c1.28 0 2.561.48 3.542 1.46h-.01a4.992 4.992 0 0 1 .64 6.29l3.051 3.05-1.41 1.41-3.052-3.05c-.84.55-1.8.83-2.76.83-1.282 0-2.562-.48-3.543-1.46a5.002 5.002 0 0 1 0-7.07A5.026 5.026 0 0 1 11.005 6Zm-2.771 5a2.763 2.763 0 0 0 2.771 2.77A2.763 2.763 0 0 0 13.776 11a2.763 2.763 0 0 0-2.771-2.77A2.763 2.763 0 0 0 8.234 11Z", fill: "#161616" })));
+
 const MinusIcon = () => (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M8.00001 17.3333C7.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.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.3333H8.00001Z", fill: "currentColor" })));
 
@@ -4127,7 +4129,7 @@ const VviinnResults = class {
     this.trackingApi.trackEvent(resultEvent).then(this.setTrackingDeactivated);
   }
   findProductById(id) {
-    return this.recommendations.find((r) => r.productId === id);
+    return (this.recommendations.length ? this.recommendations : search_store.searchState.results).find((r) => r.productId === id);
   }
   handleOpenLink(deeplink, event) {
     if (!this.productDetailsRedirect)
@@ -4464,7 +4466,7 @@ const VviinnTextSearch = class {
         "text-search-input--with-icon": this.mode === "textAndImage",
       }, part: "text-search-input", type: "text", placeholder: index$1.instance.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), index.h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: search_store.searchState.loading }, search_store.searchState.loading &&
       search_store.searchState.searchType === "text" &&
-      this.showInWidget ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null)))), this.mode === "textAndImage" && (index.h("vviinn-image-selector", { token: this.token, apiPath: this.apiPath, showInTextSearch: true }, index.h("span", { slot: "upload-button-text" }, index.h(CameraIcon.CameraIcon, null))))));
+      this.showInWidget ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null)))), this.mode === "textAndImage" && (index.h("vviinn-image-selector", { token: this.token, apiPath: this.apiPath, showInTextSearch: true }, index.h("span", { slot: "upload-button-text" }, index.h(CameraIcon, null))))));
   }
   get el() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const search_store = require('./search.store-d2b420fd.js');
 const customizedSlots = require('./customized-slots-ee9418c1.js');
 const emitRequestFiltersMore = require('./emitRequestFiltersMore-dd0b6262.js');
 const index$1 = require('./index-105aee62.js');
-const _package = require('./package-6117f4e4.js');
+const _package = require('./package-a7e58f04.js');
 
 const BasketIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("g", { id: "shopping-bag" },

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-6117f4e4.js');
+const _package = require('./package-a7e58f04.js');
 
 const SimilarProductsIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M20.8 2H11.2C10.54 2 10 2.54 10 3.2C10 3.86 10.54 4.4 11.2 4.4H19.6V12.8C19.6 13.46 20.14 14 20.8 14C21.46 14 22 13.46 22 12.8V3.2C22 2.54 21.46 2 20.8 2Z", fill: "#161616" }),

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

@@ -3,11 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-6117f4e4.js');
-const CameraIcon = require('./CameraIcon-5b8efacb.js');
+const _package = require('./package-a7e58f04.js');
 const customizedSlots = require('./customized-slots-ee9418c1.js');
 const constants = require('./constants-7684cbfc.js');
 
+const SearchModalCameraIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z", fill: "#161616" })));
+
+const SearchModalUploadIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  index.h("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H13C13.2833 3 13.5208 3.09583 13.7125 3.2875C13.9042 3.47917 14 3.71667 14 4C14 4.28333 13.9042 4.52083 13.7125 4.7125C13.5208 4.90417 13.2833 5 13 5H5V19H19V11C19 10.7167 19.0958 10.4792 19.2875 10.2875C19.4792 10.0958 19.7167 10 20 10C20.2833 10 20.5208 10.0958 20.7125 10.2875C20.9042 10.4792 21 10.7167 21 11V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM17 7H16C15.7167 7 15.4792 6.90417 15.2875 6.7125C15.0958 6.52083 15 6.28333 15 6C15 5.71667 15.0958 5.47917 15.2875 5.2875C15.4792 5.09583 15.7167 5 16 5H17V4C17 3.71667 17.0958 3.47917 17.2875 3.2875C17.4792 3.09583 17.7167 3 18 3C18.2833 3 18.5208 3.09583 18.7125 3.2875C18.9042 3.47917 19 3.71667 19 4V5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H19V8C19 8.28333 18.9042 8.52083 18.7125 8.7125C18.5208 8.90417 18.2833 9 18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V7ZM11.25 16L9.4 13.525C9.3 13.3917 9.16667 13.325 9 13.325C8.83333 13.325 8.7 13.3917 8.6 13.525L6.6 16.2C6.46667 16.3667 6.45 16.5417 6.55 16.725C6.65 16.9083 6.8 17 7 17H17C17.2 17 17.35 16.9083 17.45 16.725C17.55 16.5417 17.5333 16.3667 17.4 16.2L14.65 12.525C14.55 12.3917 14.4167 12.325 14.25 12.325C14.0833 12.325 13.95 12.3917 13.85 12.525L11.25 16Z", fill: "#161616" })));
+
+const SearchModalFullSearchIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  index.h("path", { d: "M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z", fill: "#161616" }),
+  index.h("path", { d: "M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z", fill: "#161616" }),
+  index.h("path", { d: "M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z", fill: "#161616" }),
+  index.h("path", { d: "M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C13.02 17 13.96 16.69 14.75 16.17L19.29 20.71L20.7 19.3L16.16 14.76C16.68 13.97 16.99 13.02 16.99 12.01L17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z", fill: "#161616" })));
+
+const SearchModalImageSearchIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  index.h("path", { d: "M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z", fill: "#161616" }),
+  index.h("path", { d: "M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z", fill: "#161616" }),
+  index.h("path", { d: "M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z", fill: "#161616" }),
+  index.h("path", { d: "M16 2H15V4H16C18.21 4 20 5.79 20 8V9H22V8C22 4.69 19.31 2 16 2Z", fill: "#161616" }),
+  index.h("path", { d: "M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z", fill: "#161616" })));
+
 const vviinnVpsButtonCss = ":host{display:block;line-height:0}";
 
 const VviinnVpsButton = class {
@@ -73,7 +91,7 @@ const VviinnVpsButton = class {
   render() {
     return (index.h(index.Host, { tabindex: "0", role: "button" }, index.h("vviinn-button", { onClick: () => {
         this.handleClick();
-      }, addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", null, index.h(CameraIcon.CameraIcon, null))), customizedSlots.SlotSkeleton("vps"), index.h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), buttonElementId: this.el.id, active: this.buttonPressed &&
+      }, addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", null, this.mode === "camera" ? (index.h(SearchModalCameraIcon, null)) : this.mode === "upload" ? (index.h(SearchModalUploadIcon, null)) : this.textSearchShow ? (index.h(SearchModalFullSearchIcon, null)) : (index.h(SearchModalImageSearchIcon, null)))), customizedSlots.SlotSkeleton("vps"), index.h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), 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, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this) })));
   }
   get el() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4474431a.js');
 const search_store = require('./search.store-d2b420fd.js');
 const index$1 = require('./index-105aee62.js');
-const _package = require('./package-6117f4e4.js');
+const _package = require('./package-a7e58f04.js');
 const customizedSlots = require('./customized-slots-ee9418c1.js');
 const constants = require('./constants-7684cbfc.js');
 

package/dist/collection/components/vviinn-icons/icons/SearchModalCameraIcon.js

@@ -0,0 +1,2 @@
+import { h } from "@stencil/core";
+export const SearchModalCameraIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z", fill: "#161616" })));

package/dist/collection/components/vviinn-icons/icons/SearchModalFullSearchIcon.js

@@ -0,0 +1,2 @@
+import { h } from "@stencil/core";
+export const SearchModalFullSearchIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z", fill: "#161616" }), h("path", { d: "M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z", fill: "#161616" }), h("path", { d: "M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z", fill: "#161616" }), h("path", { d: "M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C13.02 17 13.96 16.69 14.75 16.17L19.29 20.71L20.7 19.3L16.16 14.76C16.68 13.97 16.99 13.02 16.99 12.01L17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z", fill: "#161616" })));

package/dist/collection/components/vviinn-icons/icons/SearchModalImageSearchIcon.js

@@ -0,0 +1,2 @@
+import { h } from "@stencil/core";
+export const SearchModalImageSearchIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z", fill: "#161616" }), h("path", { d: "M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z", fill: "#161616" }), h("path", { d: "M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z", fill: "#161616" }), h("path", { d: "M16 2H15V4H16C18.21 4 20 5.79 20 8V9H22V8C22 4.69 19.31 2 16 2Z", fill: "#161616" }), h("path", { d: "M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z", fill: "#161616" })));

package/dist/collection/components/vviinn-icons/icons/SearchModalUploadIcon.js

@@ -0,0 +1,2 @@
+import { h } from "@stencil/core";
+export const SearchModalUploadIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H13C13.2833 3 13.5208 3.09583 13.7125 3.2875C13.9042 3.47917 14 3.71667 14 4C14 4.28333 13.9042 4.52083 13.7125 4.7125C13.5208 4.90417 13.2833 5 13 5H5V19H19V11C19 10.7167 19.0958 10.4792 19.2875 10.2875C19.4792 10.0958 19.7167 10 20 10C20.2833 10 20.5208 10.0958 20.7125 10.2875C20.9042 10.4792 21 10.7167 21 11V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM17 7H16C15.7167 7 15.4792 6.90417 15.2875 6.7125C15.0958 6.52083 15 6.28333 15 6C15 5.71667 15.0958 5.47917 15.2875 5.2875C15.4792 5.09583 15.7167 5 16 5H17V4C17 3.71667 17.0958 3.47917 17.2875 3.2875C17.4792 3.09583 17.7167 3 18 3C18.2833 3 18.5208 3.09583 18.7125 3.2875C18.9042 3.47917 19 3.71667 19 4V5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H19V8C19 8.28333 18.9042 8.52083 18.7125 8.7125C18.5208 8.90417 18.2833 9 18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V7ZM11.25 16L9.4 13.525C9.3 13.3917 9.16667 13.325 9 13.325C8.83333 13.325 8.7 13.3917 8.6 13.525L6.6 16.2C6.46667 16.3667 6.45 16.5417 6.55 16.725C6.65 16.9083 6.8 17 7 17H17C17.2 17 17.35 16.9083 17.45 16.725C17.55 16.5417 17.5333 16.3667 17.4 16.2L14.65 12.525C14.55 12.3917 14.4167 12.325 14.25 12.325C14.0833 12.325 13.95 12.3917 13.85 12.525L11.25 16Z", fill: "#161616" })));

package/dist/collection/components/vviinn-icons/index.js

@@ -4,10 +4,7 @@ export { CameraActionIcon } from "./icons/CameraActionIcon";
 export { CameraIcon } from "./icons/CameraIcon";
 export { CheckCircleIcon } from "./icons/CheckCircleIcon";
 export { ChevronIcon } from "./icons/ChevronIcon";
-export { CloseIcon } from "./icons/CloseIcon";
 export { CrossIcon } from "./icons/CrossIcon";
-export { GalleryActionIcon } from "./icons/GalleryActionIcon";
-export { LoaderIcon } from "./icons/LoaderIcon";
 export { MinusIcon } from "./icons/MinusIcon";
 export { PlusIcon } from "./icons/PlusIcon";
 export { RoundCameraIcon } from "./icons/RoundCameraIcon";
@@ -20,9 +17,12 @@ export { WarningIcon } from "./icons/WarningIcon";
 export { PhotoFrameCorner } from "./icons/PhotoFrameCorner";
 export { FiltersIcon } from "./icons/FiltersIcon";
 export { NewCloseIcon } from "./icons/NewCloseIcon";
-export { StarsIcon } from "./icons/StarsIcon";
 export { CheckFilterIcon } from "./icons/CheckFilterIcon";
 export { CloseFilterIcon } from "./icons/CloseFilterIcon";
 export { SquareFilterIcon } from "./icons/SquareFilterIcon";
 export { SimilarProductsIcon } from "./icons/SimilarProductsIcon";
 export { CrossSellingIcon } from "./icons/CrossSellingIcon";
+export { SearchModalCameraIcon } from "./icons/SearchModalCameraIcon";
+export { SearchModalUploadIcon } from "./icons/SearchModalUploadIcon";
+export { SearchModalFullSearchIcon } from "./icons/SearchModalFullSearchIcon";
+export { SearchModalImageSearchIcon } from "./icons/SearchModalImageSearchIcon";

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

@@ -234,7 +234,7 @@ export class VviinnResults {
     this.trackingApi.trackEvent(resultEvent).then(this.setTrackingDeactivated);
   }
   findProductById(id) {
-    return this.recommendations.find((r) => r.productId === id);
+    return (this.recommendations.length ? this.recommendations : searchState.results).find((r) => r.productId === id);
   }
   handleOpenLink(deeplink, event) {
     if (!this.productDetailsRedirect)

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

@@ -1,6 +1,6 @@
 import { Host, h, } from "@stencil/core";
 import { version } from "../../../package.json";
-import { CameraIcon } from "../vviinn-icons";
+import { SearchModalCameraIcon, SearchModalUploadIcon, SearchModalFullSearchIcon, SearchModalImageSearchIcon, } from "../vviinn-icons";
 import { SlotSkeleton } from "../customized-slots";
 import { campaignTypeNames } from "../../campaign/Campaign";
 import { DEFAULT_EXAMPLE_IMAGE } from "../../assets/constants";
@@ -89,7 +89,7 @@ export class VviinnVpsButton {
   render() {
     return (h(Host, { tabindex: "0", role: "button" }, h("vviinn-button", { onClick: () => {
         this.handleClick();
-      }, addStyle: this.addStyle, part: "vviinn-button" }, h("slot", null, h(CameraIcon, null))), SlotSkeleton("vps"), h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), buttonElementId: this.el.id, active: this.buttonPressed &&
+      }, addStyle: this.addStyle, part: "vviinn-button" }, h("slot", null, this.mode === "camera" ? (h(SearchModalCameraIcon, null)) : this.mode === "upload" ? (h(SearchModalUploadIcon, null)) : this.textSearchShow ? (h(SearchModalFullSearchIcon, null)) : (h(SearchModalImageSearchIcon, null)))), SlotSkeleton("vps"), h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), 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, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this) })));
   }
   static get is() { return "vviinn-vps-button"; }

package/dist/esm/{package-921509ab.js → package-dd1b718d.js}

@@ -1,3 +1,3 @@
-const version = "2.89.0";
+const version = "2.90.0";
 
 export { version as v };

package/dist/esm/search-filters_19.entry.js

@@ -3,12 +3,14 @@ import { s as searchState, _ as _function, O as Option, k as fromAlt, l as foldV
 import { i as instance, r as resources, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType } from './index-279b5fe1.js';
 import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-7fa3856f.js';
 import { d as PlusIcon, c as calculatePriceLabel, s as subFilterSelection, e as emitRequestFiltersMore, a as showActiveOnSubButton, R as RenderButton } from './emitRequestFiltersMore-35557c91.js';
-import { v as version } from './package-921509ab.js';
-import { C as CameraIcon } from './CameraIcon-785208d2.js';
+import { v as version } from './package-dd1b718d.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));
 
+const CameraIcon = () => (h("svg", { width: "22", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+  h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.567 3H19A3.01 3.01 0 0 1 22 6v7.69h-2V6c0-.55-.451-1-1.001-1h-3.502l-2.03-3H8.543L6.603 5H3.001c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h5.933v2H3.001A3.01 3.01 0 0 1 0 17V6c0-1.65 1.35-3 3.001-3h2.522l1.94-3h7.074l2.03 3Zm-5.562 3c1.28 0 2.561.48 3.542 1.46h-.01a4.992 4.992 0 0 1 .64 6.29l3.051 3.05-1.41 1.41-3.052-3.05c-.84.55-1.8.83-2.76.83-1.282 0-2.562-.48-3.543-1.46a5.002 5.002 0 0 1 0-7.07A5.026 5.026 0 0 1 11.005 6Zm-2.771 5a2.763 2.763 0 0 0 2.771 2.77A2.763 2.763 0 0 0 13.776 11a2.763 2.763 0 0 0-2.771-2.77A2.763 2.763 0 0 0 8.234 11Z", fill: "#161616" })));
+
 const MinusIcon = () => (h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M8.00001 17.3333C7.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.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.3333H8.00001Z", fill: "currentColor" })));
 
@@ -4123,7 +4125,7 @@ const VviinnResults = class {
     this.trackingApi.trackEvent(resultEvent).then(this.setTrackingDeactivated);
   }
   findProductById(id) {
-    return this.recommendations.find((r) => r.productId === id);
+    return (this.recommendations.length ? this.recommendations : searchState.results).find((r) => r.productId === id);
   }
   handleOpenLink(deeplink, event) {
     if (!this.productDetailsRedirect)

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

@@ -3,7 +3,7 @@ import { h as has, t as tuple, s as searchState, _ as _function, a as _Array, O
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton, f as fromString, a as fold } from './customized-slots-7fa3856f.js';
 import { c as calculatePriceLabel, s as subFilterSelection, e as emitRequestFiltersMore, C as CheckFilterIcon, S as SquareFilterIcon, a as showActiveOnSubButton, R as RenderButton, b as ResponsiveImage, I as Image, L as Linked, P as Price } from './emitRequestFiltersMore-35557c91.js';
 import { i as instance, r as resources, v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, j as createProductVprEventByType } from './index-279b5fe1.js';
-import { v as version } from './package-921509ab.js';
+import { v as version } from './package-dd1b718d.js';
 
 const BasketIcon = () => (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("g", { id: "shopping-bag" },

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-921509ab.js';
+import { v as version } from './package-dd1b718d.js';
 
 const SimilarProductsIcon = () => (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M20.8 2H11.2C10.54 2 10 2.54 10 3.2C10 3.86 10.54 4.4 11.2 4.4H19.6V12.8C19.6 13.46 20.14 14 20.8 14C21.46 14 22 13.46 22 12.8V3.2C22 2.54 21.46 2 20.8 2Z", fill: "#161616" }),

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

@@ -1,9 +1,27 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-921509ab.js';
-import { C as CameraIcon } from './CameraIcon-785208d2.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-abf408d8.js';
+import { v as version } from './package-dd1b718d.js';
 import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-7fa3856f.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 
+const SearchModalCameraIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z", fill: "#161616" })));
+
+const SearchModalUploadIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  h("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H13C13.2833 3 13.5208 3.09583 13.7125 3.2875C13.9042 3.47917 14 3.71667 14 4C14 4.28333 13.9042 4.52083 13.7125 4.7125C13.5208 4.90417 13.2833 5 13 5H5V19H19V11C19 10.7167 19.0958 10.4792 19.2875 10.2875C19.4792 10.0958 19.7167 10 20 10C20.2833 10 20.5208 10.0958 20.7125 10.2875C20.9042 10.4792 21 10.7167 21 11V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM17 7H16C15.7167 7 15.4792 6.90417 15.2875 6.7125C15.0958 6.52083 15 6.28333 15 6C15 5.71667 15.0958 5.47917 15.2875 5.2875C15.4792 5.09583 15.7167 5 16 5H17V4C17 3.71667 17.0958 3.47917 17.2875 3.2875C17.4792 3.09583 17.7167 3 18 3C18.2833 3 18.5208 3.09583 18.7125 3.2875C18.9042 3.47917 19 3.71667 19 4V5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H19V8C19 8.28333 18.9042 8.52083 18.7125 8.7125C18.5208 8.90417 18.2833 9 18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V7ZM11.25 16L9.4 13.525C9.3 13.3917 9.16667 13.325 9 13.325C8.83333 13.325 8.7 13.3917 8.6 13.525L6.6 16.2C6.46667 16.3667 6.45 16.5417 6.55 16.725C6.65 16.9083 6.8 17 7 17H17C17.2 17 17.35 16.9083 17.45 16.725C17.55 16.5417 17.5333 16.3667 17.4 16.2L14.65 12.525C14.55 12.3917 14.4167 12.325 14.25 12.325C14.0833 12.325 13.95 12.3917 13.85 12.525L11.25 16Z", fill: "#161616" })));
+
+const SearchModalFullSearchIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  h("path", { d: "M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z", fill: "#161616" }),
+  h("path", { d: "M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z", fill: "#161616" }),
+  h("path", { d: "M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z", fill: "#161616" }),
+  h("path", { d: "M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C13.02 17 13.96 16.69 14.75 16.17L19.29 20.71L20.7 19.3L16.16 14.76C16.68 13.97 16.99 13.02 16.99 12.01L17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z", fill: "#161616" })));
+
+const SearchModalImageSearchIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+  h("path", { d: "M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z", fill: "#161616" }),
+  h("path", { d: "M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z", fill: "#161616" }),
+  h("path", { d: "M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z", fill: "#161616" }),
+  h("path", { d: "M16 2H15V4H16C18.21 4 20 5.79 20 8V9H22V8C22 4.69 19.31 2 16 2Z", fill: "#161616" }),
+  h("path", { d: "M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z", fill: "#161616" })));
+
 const vviinnVpsButtonCss = ":host{display:block;line-height:0}";
 
 const VviinnVpsButton = class {
@@ -69,7 +87,7 @@ const VviinnVpsButton = class {
   render() {
     return (h(Host, { tabindex: "0", role: "button" }, h("vviinn-button", { onClick: () => {
         this.handleClick();
-      }, addStyle: this.addStyle, part: "vviinn-button" }, h("slot", null, h(CameraIcon, null))), SlotSkeleton("vps"), h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), buttonElementId: this.el.id, active: this.buttonPressed &&
+      }, addStyle: this.addStyle, part: "vviinn-button" }, h("slot", null, this.mode === "camera" ? (h(SearchModalCameraIcon, null)) : this.mode === "upload" ? (h(SearchModalUploadIcon, null)) : this.textSearchShow ? (h(SearchModalFullSearchIcon, null)) : (h(SearchModalImageSearchIcon, null)))), SlotSkeleton("vps"), h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), 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, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this) })));
   }
   get el() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-abf408d8.js';
 import { s as searchState, d as state, j as parseExcludedToParams, O as Option } from './search.store-24896fcf.js';
 import { i as instance, r as resources, k as createSearchEvent, l as createFilterEvent, v as v4, c as createTrackingApi, m as createWidgetVpsEvent } from './index-279b5fe1.js';
-import { v as version } from './package-921509ab.js';
+import { v as version } from './package-dd1b718d.js';
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-7fa3856f.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 

package/dist/types/components/vviinn-icons/icons/SearchModalCameraIcon.d.ts

@@ -0,0 +1 @@
+export declare const SearchModalCameraIcon: () => any;

package/dist/types/components/vviinn-icons/icons/SearchModalFullSearchIcon.d.ts

@@ -0,0 +1 @@
+export declare const SearchModalFullSearchIcon: () => any;

package/dist/types/components/vviinn-icons/icons/SearchModalImageSearchIcon.d.ts

@@ -0,0 +1 @@
+export declare const SearchModalImageSearchIcon: () => any;

package/dist/types/components/vviinn-icons/icons/SearchModalUploadIcon.d.ts

@@ -0,0 +1 @@
+export declare const SearchModalUploadIcon: () => any;

package/dist/types/components/vviinn-icons/index.d.ts

@@ -4,10 +4,7 @@ export { CameraActionIcon } from "./icons/CameraActionIcon";
 export { CameraIcon } from "./icons/CameraIcon";
 export { CheckCircleIcon } from "./icons/CheckCircleIcon";
 export { ChevronIcon } from "./icons/ChevronIcon";
-export { CloseIcon } from "./icons/CloseIcon";
 export { CrossIcon } from "./icons/CrossIcon";
-export { GalleryActionIcon } from "./icons/GalleryActionIcon";
-export { LoaderIcon } from "./icons/LoaderIcon";
 export { MinusIcon } from "./icons/MinusIcon";
 export { PlusIcon } from "./icons/PlusIcon";
 export { RoundCameraIcon } from "./icons/RoundCameraIcon";
@@ -20,9 +17,12 @@ export { WarningIcon } from "./icons/WarningIcon";
 export { PhotoFrameCorner } from "./icons/PhotoFrameCorner";
 export { FiltersIcon } from "./icons/FiltersIcon";
 export { NewCloseIcon } from "./icons/NewCloseIcon";
-export { StarsIcon } from "./icons/StarsIcon";
 export { CheckFilterIcon } from "./icons/CheckFilterIcon";
 export { CloseFilterIcon } from "./icons/CloseFilterIcon";
 export { SquareFilterIcon } from "./icons/SquareFilterIcon";
 export { SimilarProductsIcon } from "./icons/SimilarProductsIcon";
 export { CrossSellingIcon } from "./icons/CrossSellingIcon";
+export { SearchModalCameraIcon } from "./icons/SearchModalCameraIcon";
+export { SearchModalUploadIcon } from "./icons/SearchModalUploadIcon";
+export { SearchModalFullSearchIcon } from "./icons/SearchModalFullSearchIcon";
+export { SearchModalImageSearchIcon } from "./icons/SearchModalImageSearchIcon";