vviinn-widgets 2.63.0 → 2.64.0

package/dist/cjs/{index-906a587a.js → index-95fbaca6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const search_store = require('./search.store-ce0289aa.js');
+const search_store = require('./search.store-f3a52bff.js');
 
 const consoleLogger = {
   type: 'logger',

package/dist/cjs/{package-00199f27.js → package-4f9945bc.js}

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

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const search_store = require('./search.store-ce0289aa.js');
-const index$1 = require('./index-906a587a.js');
+const search_store = require('./search.store-f3a52bff.js');
+const index$1 = require('./index-95fbaca6.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-00199f27.js');
+const _package = require('./package-4f9945bc.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" })));
@@ -3885,7 +3885,7 @@ const VviinnModal = class {
   }
   resetTopScroll() {
     const element = this.el.shadowRoot.querySelector(".body");
-    element.scroll({ top: 0 });
+    element === null || element === void 0 ? void 0 : element.scroll({ top: 0 });
   }
   close() {
     this.active = false;
@@ -3990,6 +3990,17 @@ const VviinnResults = class {
     this.vviinnProductClick = index.createEvent(this, "vviinnProductClick", 7);
     this.vviinnResultLoad = index.createEvent(this, "vviinnResultLoad", 7);
     this.vviinnResultView = index.createEvent(this, "vviinnResultView", 7);
+    this.searchIdReceivedHandler = ({ detail }) => {
+      const { searchId } = detail;
+      this.getResultsBySearchId(searchId);
+    };
+    this.getResultsBySearchId = async (newSearchId) => {
+      if (!newSearchId)
+        return;
+      search_store.state.apiPath = this.apiPath; //FIXME: #36877
+      const results = await search_store.processSearchIdQuery(newSearchId, this.token);
+      this.recommendations = search_store.getOrElse(() => [])(results);
+    };
     this.setTrackingDeactivated = (result) => {
       if (result.status === "rejected") {
         this.trackingDeactivated = true;
@@ -4021,21 +4032,19 @@ const VviinnResults = class {
     this.resetState = undefined;
     this.recommendations = [];
   }
-  async connectedCallback() {
+  connectedCallback() {
     this.trackingApi = index$1.createTrackingApi(this.apiPath, this.token);
-    if (search_store.searchState.results) {
-      this.recommendations = search_store.searchState.results;
-    }
     if (!this.uiSessionId) {
       this.uiSessionId = index$1.v4();
     }
-    if (this.searchId) {
-      const result = await search_store.processSearchIdQuery(this.searchId, this.token);
-      this.recommendations = search_store.getOrElse(() => [])(result);
-    }
+    document.addEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
+    this.getResultsBySearchId(this.searchId);
+  }
+  disconnectedCallback() {
+    document.removeEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
   }
-  processSearchId(newId) {
-    this.searchId && search_store.processSearchIdQuery(newId, this.token);
+  processSearchId(newSearchIdProp) {
+    this.getResultsBySearchId(newSearchIdProp);
   }
   trackProductLoad({ detail }) {
     const productLoadEvent = this.getProductTrackEvent(detail, "load");
@@ -4122,15 +4131,15 @@ const VviinnResults = class {
     const productEvent = index$1.createProductVpsEventByType(eventType)(eventBody);
     return productEvent;
   }
-  renderResults() {
-    if (this.recommendations.length === 0)
+  renderResults(results) {
+    if (results.length === 0)
       return null;
     if (!search_store.searchState.resultLoaded) {
       this.vviinnResultLoad.emit(this.getBasicEventData());
       this.trackResultEvent("load");
       search_store.searchState.resultLoaded = true;
     }
-    return this.recommendations.map((p, i) => {
+    return results.map((p, i) => {
       var _a;
       return (index.h("vviinn-product-card", { key: p.productId, index: i, productTitle: p.title, productId: p.productId, productType: p.productType, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, responsive: true, imageWidth: this.imageResolutionWidth, image: (_a = p.image.thumbnail) !== null && _a !== void 0 ? _a : p.image.original, part: "product-card", campaignTypeId: "VPS", widgetElementId: this.widgetElementId, buttonElementId: this.buttonElementId, widgetVersion: _package.version, currency: this.currencySign, locale: this.locale }));
     });
@@ -4140,14 +4149,18 @@ const VviinnResults = class {
         "widget-results": this.showingInWidget,
       }, exportparts: "brand, deeplink, currency, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title, product-card" }, index.h("div", { class: {
         "nothing-found": true,
-        hidden: this.recommendations.length > 0 || !this.showingInWidget,
+        hidden: this.recommendations.length > 0 ||
+          search_store.searchState.results.length > 0 ||
+          !this.showingInWidget,
       } }, index.h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetState() })), index.h("div", { class: {
         "nothing-found": true,
         hidden: !this.showAspectRatioError || !this.showingInWidget,
       } }, index.h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetState() })), index.h("div", { class: {
-        hidden: this.recommendations.length === 0 || this.showAspectRatioError,
+        hidden: this.showAspectRatioError ||
+          (this.recommendations.length === 0 &&
+            search_store.searchState.results.length === 0),
         products: true,
-      } }, this.renderResults())));
+      } }, this.renderResults(this.showingInWidget ? search_store.searchState.results : this.recommendations))));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
@@ -4156,6 +4169,8 @@ const VviinnResults = class {
 };
 VviinnResults.style = vviinnResultsCss;
 
+const vviinnServerErrorCss = ":host{display:flex;justify-content:center}";
+
 const VviinnServerError = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -4165,6 +4180,7 @@ const VviinnServerError = class {
     return (index.h(index.Host, null, index.h("vviinn-error", null, index.h(WarningIcon, null), index.h("h4", { slot: "title" }, index$1.instance.t("serverErrorBlock.title")), index.h("button", { slot: "action", onClick: this.handler }, index$1.instance.t("serverErrorBlock.button")))));
   }
 };
+VviinnServerError.style = vviinnServerErrorCss;
 
 const vviinnSlideCss = ":host{display:grid;justify-items:center}";
 

package/dist/cjs/{search.store-ce0289aa.js → search.store-f3a52bff.js}

@@ -17342,9 +17342,7 @@ const uploadText = (query, dynamicFilters) => {
   }));
 };
 const processSelectedText = async (query, dynamicFilters) => await uploadText(query, dynamicFilters)();
-const processSearchIdQuery = async (searchId, token) => await pipe(makeAuthorizedRequest(token), fromEither, chainW(linkRequest(createLinkfromSearchId(searchId))), map((response) => {
-  return response.value;
-}))();
+const processSearchIdQuery = async (searchId, token) => await pipe(makeAuthorizedRequest(token), fromEither, chainW(linkRequest(createLinkfromSearchId(searchId))), map((response) => response.value))();
 onChange("activeIonLink", async (newLink) => {
   const link = newLink ? newLink : state.resetCategoryLink;
   if (!link)

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const search_store = require('./search.store-ce0289aa.js');
+const search_store = require('./search.store-f3a52bff.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
-const index$1 = require('./index-906a587a.js');
+const index$1 = require('./index-95fbaca6.js');
 const resources = require('./resources-c5fbe419.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-00199f27.js');
+const _package = require('./package-4f9945bc.js');
 
 const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));
@@ -516,12 +516,12 @@ const VviinnExtendedFilters = class {
     });
     customizedSlots.slotChangeListener(this, this.el);
   }
-  emitTequestFiltersMore(requestFilters) {
+  emitRequestFiltersMore(requestFilters) {
     this.vviinnFiltersChanged.emit({ filters: requestFilters, el: this.el });
   }
   handleSubFilterSelection(filterValue, seletedFilter) {
     this.requestFilters = subFilterSelection(this.requestFilters, seletedFilter, filterValue);
-    this.emitTequestFiltersMore([...this.requestFilters]);
+    this.emitRequestFiltersMore([...this.requestFilters]);
   }
   showActiveOnModalSubButton(requestFilters, filterValue) {
     let className = "";
@@ -560,7 +560,7 @@ const VviinnExtendedFilters = class {
     document.addEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
   }
   resetModal() {
-    this.emitTequestFiltersMore([]);
+    this.emitRequestFiltersMore([]);
     this.requestFilters = [];
     this.showMore = false;
   }
@@ -618,12 +618,12 @@ const VviinnFilters = class {
   handleMainFilterSelection(filter) {
     this.selectedFilter = filter;
   }
-  emitTequestFiltersMore(requestFilters) {
+  emitRequestFiltersMore(requestFilters) {
     this.vviinnFiltersChanged.emit({ filters: requestFilters, el: this.el });
   }
   handleSubFilterSelection(filterValue, seletedFilter) {
     this.requestFilters = subFilterSelection(this.requestFilters, seletedFilter, filterValue);
-    this.emitTequestFiltersMore([...this.requestFilters]);
+    this.emitRequestFiltersMore([...this.requestFilters]);
   }
   showActiveOnMainButton({ column }) {
     if (!this.selectedFilter)

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const search_store = require('./search.store-ce0289aa.js');
+const search_store = require('./search.store-f3a52bff.js');
 
 const vviinnPreloaderCss = ":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;animation:rotate 3s linear infinite;border:var(--preloader-width) solid currentColor;border-radius:50%;border-top-color:transparent;display:none;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}:host(.active){display:flex}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";
 

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-00199f27.js');
+const _package = require('./package-4f9945bc.js');
 const VisualSearchIcon = require('./VisualSearchIcon-f435f5b0.js');
 
 const vviinnVprButtonCss = ":host{display:block}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-00199f27.js');
+const _package = require('./package-4f9945bc.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const constants = require('./constants-7684cbfc.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const search_store = require('./search.store-ce0289aa.js');
-const index$1 = require('./index-906a587a.js');
-const _package = require('./package-00199f27.js');
+const search_store = require('./search.store-f3a52bff.js');
+const index$1 = require('./index-95fbaca6.js');
+const _package = require('./package-4f9945bc.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const resources = require('./resources-c5fbe419.js');
 const constants = require('./constants-7684cbfc.js');
@@ -379,7 +379,7 @@ const VviinnVpsWidget = class {
   }
   resetScroll(elementId, behavior = "auto") {
     const element = this.el.shadowRoot.getElementById(elementId);
-    element.scroll({ top: 0, left: 0, behavior });
+    element === null || element === void 0 ? void 0 : element.scroll({ top: 0, left: 0, behavior });
   }
   handleModalClose() {
     this.active = false;

package/dist/collection/components/vviinn-error/vviinn-server-error/vviinn-server-error.css

@@ -0,0 +1,4 @@
+:host {
+  display: flex;
+  justify-content: center;
+}

package/dist/collection/components/vviinn-error/vviinn-server-error/vviinn-server-error.js

@@ -10,6 +10,16 @@ export class VviinnServerError {
   }
   static get is() { return "vviinn-server-error"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-server-error.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-server-error.css"]
+    };
+  }
   static get properties() {
     return {
       "handler": {

package/dist/collection/components/vviinn-filters/vviinn-extended-filters.js

@@ -43,12 +43,12 @@ export class VviinnExtendedFilters {
     });
     slotChangeListener(this, this.el);
   }
-  emitTequestFiltersMore(requestFilters) {
+  emitRequestFiltersMore(requestFilters) {
     this.vviinnFiltersChanged.emit({ filters: requestFilters, el: this.el });
   }
   handleSubFilterSelection(filterValue, seletedFilter) {
     this.requestFilters = subFilterSelection(this.requestFilters, seletedFilter, filterValue);
-    this.emitTequestFiltersMore([...this.requestFilters]);
+    this.emitRequestFiltersMore([...this.requestFilters]);
   }
   showActiveOnModalSubButton(requestFilters, filterValue) {
     let className = "";
@@ -87,7 +87,7 @@ export class VviinnExtendedFilters {
     document.addEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
   }
   resetModal() {
-    this.emitTequestFiltersMore([]);
+    this.emitRequestFiltersMore([]);
     this.requestFilters = [];
     this.showMore = false;
   }

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

@@ -25,12 +25,12 @@ export class VviinnFilters {
   handleMainFilterSelection(filter) {
     this.selectedFilter = filter;
   }
-  emitTequestFiltersMore(requestFilters) {
+  emitRequestFiltersMore(requestFilters) {
     this.vviinnFiltersChanged.emit({ filters: requestFilters, el: this.el });
   }
   handleSubFilterSelection(filterValue, seletedFilter) {
     this.requestFilters = subFilterSelection(this.requestFilters, seletedFilter, filterValue);
-    this.emitTequestFiltersMore([...this.requestFilters]);
+    this.emitRequestFiltersMore([...this.requestFilters]);
   }
   showActiveOnMainButton({ column }) {
     if (!this.selectedFilter)

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

@@ -23,7 +23,7 @@ export class VviinnModal {
   }
   resetTopScroll() {
     const element = this.el.shadowRoot.querySelector(".body");
-    element.scroll({ top: 0 });
+    element === null || element === void 0 ? void 0 : element.scroll({ top: 0 });
   }
   close() {
     this.active = false;

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

@@ -11,13 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
   return t;
 };
 import { Host, h, } from "@stencil/core";
-import { version } from "../../../package.json";
 import * as E from "fp-ts/Either";
 import { v4 as uuidv4 } from "uuid";
+import { version } from "../../../package.json";
 import { processSearchIdQuery, searchState } from "../../store/search.store";
+import { state } from "../../store/store";
+import { createTrackingApi } from "../../openApi";
 import { campaignTypeNames } from "../../campaign/Campaign";
 import { createProductVpsEventByType, createResultVpsEventByType, } from "../../tracking";
-import { createTrackingApi } from "../../openApi";
 /**
  * @part product-card - Product Card itself.
  * @part brand - Brand inside Product Card.
@@ -37,6 +38,17 @@ import { createTrackingApi } from "../../openApi";
  */
 export class VviinnResults {
   constructor() {
+    this.searchIdReceivedHandler = ({ detail }) => {
+      const { searchId } = detail;
+      this.getResultsBySearchId(searchId);
+    };
+    this.getResultsBySearchId = async (newSearchId) => {
+      if (!newSearchId)
+        return;
+      state.apiPath = this.apiPath; //FIXME: #36877
+      const results = await processSearchIdQuery(newSearchId, this.token);
+      this.recommendations = E.getOrElse(() => [])(results);
+    };
     this.setTrackingDeactivated = (result) => {
       if (result.status === "rejected") {
         this.trackingDeactivated = true;
@@ -68,21 +80,19 @@ export class VviinnResults {
     this.resetState = undefined;
     this.recommendations = [];
   }
-  async connectedCallback() {
+  connectedCallback() {
     this.trackingApi = createTrackingApi(this.apiPath, this.token);
-    if (searchState.results) {
-      this.recommendations = searchState.results;
-    }
     if (!this.uiSessionId) {
       this.uiSessionId = uuidv4();
     }
-    if (this.searchId) {
-      const result = await processSearchIdQuery(this.searchId, this.token);
-      this.recommendations = E.getOrElse(() => [])(result);
-    }
+    document.addEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
+    this.getResultsBySearchId(this.searchId);
+  }
+  disconnectedCallback() {
+    document.removeEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
   }
-  processSearchId(newId) {
-    this.searchId && processSearchIdQuery(newId, this.token);
+  processSearchId(newSearchIdProp) {
+    this.getResultsBySearchId(newSearchIdProp);
   }
   trackProductLoad({ detail }) {
     const productLoadEvent = this.getProductTrackEvent(detail, "load");
@@ -169,15 +179,15 @@ export class VviinnResults {
     const productEvent = createProductVpsEventByType(eventType)(eventBody);
     return productEvent;
   }
-  renderResults() {
-    if (this.recommendations.length === 0)
+  renderResults(results) {
+    if (results.length === 0)
       return null;
     if (!searchState.resultLoaded) {
       this.vviinnResultLoad.emit(this.getBasicEventData());
       this.trackResultEvent("load");
       searchState.resultLoaded = true;
     }
-    return this.recommendations.map((p, i) => {
+    return results.map((p, i) => {
       var _a;
       return (h("vviinn-product-card", { key: p.productId, index: i, productTitle: p.title, productId: p.productId, productType: p.productType, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, responsive: true, imageWidth: this.imageResolutionWidth, image: (_a = p.image.thumbnail) !== null && _a !== void 0 ? _a : p.image.original, part: "product-card", campaignTypeId: "VPS", widgetElementId: this.widgetElementId, buttonElementId: this.buttonElementId, widgetVersion: version, currency: this.currencySign, locale: this.locale }));
     });
@@ -187,14 +197,18 @@ export class VviinnResults {
         "widget-results": this.showingInWidget,
       }, exportparts: "brand, deeplink, currency, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title, product-card" }, h("div", { class: {
         "nothing-found": true,
-        hidden: this.recommendations.length > 0 || !this.showingInWidget,
+        hidden: this.recommendations.length > 0 ||
+          searchState.results.length > 0 ||
+          !this.showingInWidget,
       } }, h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetState() })), h("div", { class: {
         "nothing-found": true,
         hidden: !this.showAspectRatioError || !this.showingInWidget,
       } }, h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetState() })), h("div", { class: {
-        hidden: this.recommendations.length === 0 || this.showAspectRatioError,
+        hidden: this.showAspectRatioError ||
+          (this.recommendations.length === 0 &&
+            searchState.results.length === 0),
         products: true,
-      } }, this.renderResults())));
+      } }, this.renderResults(this.showingInWidget ? searchState.results : this.recommendations))));
   }
   static get is() { return "vviinn-results"; }
   static get encapsulation() { return "shadow"; }
@@ -236,10 +250,10 @@ export class VviinnResults {
           "references": {}
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
-          "text": "Search ID for results request (required)"
+          "text": "Search ID for results request"
         },
         "attribute": "search-id",
         "reflect": false

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

@@ -384,7 +384,7 @@ export class VviinnVpsWidget {
   }
   resetScroll(elementId, behavior = "auto") {
     const element = this.el.shadowRoot.getElementById(elementId);
-    element.scroll({ top: 0, left: 0, behavior });
+    element === null || element === void 0 ? void 0 : element.scroll({ top: 0, left: 0, behavior });
   }
   handleModalClose() {
     this.active = false;

package/dist/collection/store/search.store.js

@@ -135,9 +135,7 @@ const uploadText = (query, dynamicFilters) => {
   }));
 };
 export const processSelectedText = async (query, dynamicFilters) => await uploadText(query, dynamicFilters)();
-export const processSearchIdQuery = async (searchId, token) => await pipe(makeAuthorizedRequest(token), TE.fromEither, TE.chainW(linkRequest(createLinkfromSearchId(searchId))), TE.map((response) => {
-  return response.value;
-}))();
+export const processSearchIdQuery = async (searchId, token) => await pipe(makeAuthorizedRequest(token), TE.fromEither, TE.chainW(linkRequest(createLinkfromSearchId(searchId))), TE.map((response) => response.value))();
 onChange("activeIonLink", async (newLink) => {
   const link = newLink ? newLink : state.resetCategoryLink;
   if (!link)

package/dist/esm/{index-f183e646.js → index-d6a3778d.js}

@@ -1,4 +1,4 @@
-import { e as commonjsGlobal, i as createCommonjsModule } from './search.store-5dda7985.js';
+import { e as commonjsGlobal, i as createCommonjsModule } from './search.store-1687b6ed.js';
 
 const consoleLogger = {
   type: 'logger',

package/dist/esm/{package-ab3fee7e.js → package-cb459229.js}

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

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

@@ -1,9 +1,9 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-abf408d8.js';
-import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldValueObject, o as scaleWithSized, q as center, r as makeRectangularSearchRequest, u as detectedObjectEq, v as toFile, w as processSelectedFile, E as Either, x as match, i as createCommonjsModule, e as commonjsGlobal, y as sequenceToOption, z as fromImage, B as dimensionsFromImage, C as scaleByLargestSide, D as processSearchIdQuery, F as getOrElse, N as NonEmptyArray } from './search.store-5dda7985.js';
-import { i as instance, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType } from './index-f183e646.js';
+import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldValueObject, o as scaleWithSized, q as center, r as makeRectangularSearchRequest, u as detectedObjectEq, v as toFile, w as processSelectedFile, E as Either, x as match, i as createCommonjsModule, e as commonjsGlobal, y as sequenceToOption, z as fromImage, B as dimensionsFromImage, C as scaleByLargestSide, d as state, D as processSearchIdQuery, F as getOrElse, N as NonEmptyArray } from './search.store-1687b6ed.js';
+import { i as instance, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType } from './index-d6a3778d.js';
 import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-299054d1.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-ab3fee7e.js';
+import { v as version } from './package-cb459229.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" })));
@@ -3881,7 +3881,7 @@ const VviinnModal = class {
   }
   resetTopScroll() {
     const element = this.el.shadowRoot.querySelector(".body");
-    element.scroll({ top: 0 });
+    element === null || element === void 0 ? void 0 : element.scroll({ top: 0 });
   }
   close() {
     this.active = false;
@@ -3986,6 +3986,17 @@ const VviinnResults = class {
     this.vviinnProductClick = createEvent(this, "vviinnProductClick", 7);
     this.vviinnResultLoad = createEvent(this, "vviinnResultLoad", 7);
     this.vviinnResultView = createEvent(this, "vviinnResultView", 7);
+    this.searchIdReceivedHandler = ({ detail }) => {
+      const { searchId } = detail;
+      this.getResultsBySearchId(searchId);
+    };
+    this.getResultsBySearchId = async (newSearchId) => {
+      if (!newSearchId)
+        return;
+      state.apiPath = this.apiPath; //FIXME: #36877
+      const results = await processSearchIdQuery(newSearchId, this.token);
+      this.recommendations = getOrElse(() => [])(results);
+    };
     this.setTrackingDeactivated = (result) => {
       if (result.status === "rejected") {
         this.trackingDeactivated = true;
@@ -4017,21 +4028,19 @@ const VviinnResults = class {
     this.resetState = undefined;
     this.recommendations = [];
   }
-  async connectedCallback() {
+  connectedCallback() {
     this.trackingApi = createTrackingApi(this.apiPath, this.token);
-    if (searchState.results) {
-      this.recommendations = searchState.results;
-    }
     if (!this.uiSessionId) {
       this.uiSessionId = v4();
     }
-    if (this.searchId) {
-      const result = await processSearchIdQuery(this.searchId, this.token);
-      this.recommendations = getOrElse(() => [])(result);
-    }
+    document.addEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
+    this.getResultsBySearchId(this.searchId);
+  }
+  disconnectedCallback() {
+    document.removeEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
   }
-  processSearchId(newId) {
-    this.searchId && processSearchIdQuery(newId, this.token);
+  processSearchId(newSearchIdProp) {
+    this.getResultsBySearchId(newSearchIdProp);
   }
   trackProductLoad({ detail }) {
     const productLoadEvent = this.getProductTrackEvent(detail, "load");
@@ -4118,15 +4127,15 @@ const VviinnResults = class {
     const productEvent = createProductVpsEventByType(eventType)(eventBody);
     return productEvent;
   }
-  renderResults() {
-    if (this.recommendations.length === 0)
+  renderResults(results) {
+    if (results.length === 0)
       return null;
     if (!searchState.resultLoaded) {
       this.vviinnResultLoad.emit(this.getBasicEventData());
       this.trackResultEvent("load");
       searchState.resultLoaded = true;
     }
-    return this.recommendations.map((p, i) => {
+    return results.map((p, i) => {
       var _a;
       return (h("vviinn-product-card", { key: p.productId, index: i, productTitle: p.title, productId: p.productId, productType: p.productType, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, responsive: true, imageWidth: this.imageResolutionWidth, image: (_a = p.image.thumbnail) !== null && _a !== void 0 ? _a : p.image.original, part: "product-card", campaignTypeId: "VPS", widgetElementId: this.widgetElementId, buttonElementId: this.buttonElementId, widgetVersion: version, currency: this.currencySign, locale: this.locale }));
     });
@@ -4136,14 +4145,18 @@ const VviinnResults = class {
         "widget-results": this.showingInWidget,
       }, exportparts: "brand, deeplink, currency, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title, product-card" }, h("div", { class: {
         "nothing-found": true,
-        hidden: this.recommendations.length > 0 || !this.showingInWidget,
+        hidden: this.recommendations.length > 0 ||
+          searchState.results.length > 0 ||
+          !this.showingInWidget,
       } }, h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetState() })), h("div", { class: {
         "nothing-found": true,
         hidden: !this.showAspectRatioError || !this.showingInWidget,
       } }, h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetState() })), h("div", { class: {
-        hidden: this.recommendations.length === 0 || this.showAspectRatioError,
+        hidden: this.showAspectRatioError ||
+          (this.recommendations.length === 0 &&
+            searchState.results.length === 0),
         products: true,
-      } }, this.renderResults())));
+      } }, this.renderResults(this.showingInWidget ? searchState.results : this.recommendations))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -4152,6 +4165,8 @@ const VviinnResults = class {
 };
 VviinnResults.style = vviinnResultsCss;
 
+const vviinnServerErrorCss = ":host{display:flex;justify-content:center}";
+
 const VviinnServerError = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -4161,6 +4176,7 @@ const VviinnServerError = class {
     return (h(Host, null, h("vviinn-error", null, h(WarningIcon, null), h("h4", { slot: "title" }, instance.t("serverErrorBlock.title")), h("button", { slot: "action", onClick: this.handler }, instance.t("serverErrorBlock.button")))));
   }
 };
+VviinnServerError.style = vviinnServerErrorCss;
 
 const vviinnSlideCss = ":host{display:grid;justify-items:center}";
 

package/dist/esm/{search.store-5dda7985.js → search.store-1687b6ed.js}

@@ -17340,9 +17340,7 @@ const uploadText = (query, dynamicFilters) => {
   }));
 };
 const processSelectedText = async (query, dynamicFilters) => await uploadText(query, dynamicFilters)();
-const processSearchIdQuery = async (searchId, token) => await pipe(makeAuthorizedRequest(token), fromEither, chainW(linkRequest(createLinkfromSearchId(searchId))), map((response) => {
-  return response.value;
-}))();
+const processSearchIdQuery = async (searchId, token) => await pipe(makeAuthorizedRequest(token), fromEither, chainW(linkRequest(createLinkfromSearchId(searchId))), map((response) => response.value))();
 onChange("activeIonLink", async (newLink) => {
   const link = newLink ? newLink : state.resetCategoryLink;
   if (!link)