vviinn-widgets 2.55.3 → 2.55.7

package/dist/cjs/{package-03f79082.js → package-5a367e60.js}

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

package/dist/cjs/{resources-ad941ad8.js → resources-1a173128.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const search_store = require('./search.store-3ea66a77.js');
+const search_store = require('./search.store-d6fff13b.js');
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number

package/dist/cjs/search-filters_17.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-3ea66a77.js');
+const search_store = require('./search.store-d6fff13b.js');
 const i18next = require('./i18next-74ff3413.js');
 const customizedSlots = require('./customized-slots-8e27cac8.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');

package/dist/cjs/{search.store-3ea66a77.js → search.store-d6fff13b.js}

@@ -17321,12 +17321,12 @@ const uploadFile = (file) => {
     return error;
   }));
 };
-const uploadText = (query, filters) => {
+const uploadText = (query, dynamicFilters) => {
   state.searchType = "text";
   state.loading = true;
-  const body = Object.assign(Object.assign({ query }, (filters
+  const body = Object.assign(Object.assign({ query }, (dynamicFilters
     ? {
-      filters,
+      dynamicFilters,
     }
     : {})), (state.campaignId.length ? { campaign: state.campaignId } : {}));
   const tokenWithBody = sequenceToEither(processBearerToken(state.token), right(JSON.stringify(body)));
@@ -17340,7 +17340,7 @@ const uploadText = (query, filters) => {
     var _a, _b, _c, _d;
     state.results = (_a = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data.products) !== null && _a !== void 0 ? _a : [];
     state.textSearchFilters =
-      (_d = (_c = (_b = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data) === null || _b === void 0 ? void 0 : _b.interactions) === null || _c === void 0 ? void 0 : _c.filters) !== null && _d !== void 0 ? _d : [];
+      (_d = (_c = (_b = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data) === null || _b === void 0 ? void 0 : _b.interactions) === null || _c === void 0 ? void 0 : _c.dynamicFilters) !== null && _d !== void 0 ? _d : [];
     state.loading = false;
     return sessionResponse;
   }), mapLeft((error) => {
@@ -17349,7 +17349,7 @@ const uploadText = (query, filters) => {
     return error;
   }));
 };
-const processSelectedText = async (query, filters) => await uploadText(query, filters)();
+const processSelectedText = async (query, dynamicFilters) => await uploadText(query, dynamicFilters)();
 onChange("activeIonLink", async (newLink) => {
   const link = newLink ? newLink : state.resetCategoryLink;
   if (!link)

package/dist/cjs/vviinn-carousel_4.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-3ea66a77.js');
+const search_store = require('./search.store-d6fff13b.js');
 const customizedSlots = require('./customized-slots-8e27cac8.js');
 const i18next = require('./i18next-74ff3413.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-03f79082.js');
-const resources = require('./resources-ad941ad8.js');
+const _package = require('./package-5a367e60.js');
+const resources = require('./resources-1a173128.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" })));
@@ -1376,8 +1376,9 @@ const parseCampaigns = (campaigns) => campaigns.split(",").map((value) => {
     ? parseInt(trimmedValue)
     : trimmedValue;
 });
-const getRecommendationsBody = ({ productId, color = "", excluded = "", campaigns = "", }) => {
-  return Object.assign(Object.assign(Object.assign({ "product-id": productId }, (color.length ? { color } : {})), (excluded.length ? { excluded: parseExcluded(excluded) } : {})), (campaigns.length ? { campaigns: parseCampaigns(campaigns) } : {}));
+const getRecommendationsBody = ({ productId, campaigns, color, excluded, }) => {
+  const staticFilters = Object.assign(Object.assign({}, (color.length ? { color } : {})), (excluded.length ? { excluded: parseExcluded(excluded) } : {}));
+  return Object.assign(Object.assign({ productId }, (campaigns.length ? { campaigns: parseCampaigns(campaigns) } : {})), (Object.keys(staticFilters).length ? { staticFilters } : {}));
 };
 
 const vviinnVprWidgetCss = ":host{display:grid;grid-gap:1rem;width:100%}:host(:not(.loaded)){position:absolute;visibility:hidden}:host(.grid) vviinn-product-card::part(image){border:1px solid #dddddd;width:100%}:host(.set) vviinn-carousel{overflow-x:auto}:host(.set) vviinn-carousel{scrollbar-width:thin}.widget-header{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.widget-header h3{margin-top:8px;margin-bottom:0;font-size:14px;font-weight:400;line-height:20px}.update-button{display:flex;align-items:center;justify-content:center;color:#525252;gap:8px;padding:8px 10px;background:rgb(244, 244, 244);border:none;cursor:pointer}.update-button:hover{background:rgb(234, 234, 234)}.update-button svg{color:#6f6f6f;width:24px;height:24px}h2{margin:0}vviinn-product-card::part(price-container){align-self:flex-start;text-align:left;display:flex}.results{display:grid;grid-gap:1rem}.no-result-text{font-size:20px}.visually-hidden{position:absolute;top:0;left:0;z-index:-1;height:0;width:0}h2{margin:0}:host(.grid) h2{justify-content:center}:host(.grid) vviinn-product-card::part(image){min-width:100%}:host(.grid) vviinn-product-card::part(image-link){width:100%}:host(.grid) vviinn-product-card::part(title),:host(.grid) vviinn-product-card::part(brand),:host(.grid) vviinn-product-card::part(type){text-align:center}:host(.grid) vviinn-product-card::part(price-container){align-self:center}:host(.continuity) vviinn-product-card::part(title),:host(.continuity) vviinn-product-card::part(brand),:host(.continuity) vviinn-product-card::part(type),:host(.continuity) vviinn-product-card::part(deeplink){text-align:left;max-width:unset;align-self:start}";
@@ -1653,6 +1654,7 @@ const VviinnVprWidget = class {
   async getRecommendations() {
     if (this.productId === undefined || this.token === undefined)
       return;
+    search_store.searchState.loading = true;
     const campaignType = this.campaignType.length > 0 ? this.campaignType : "VPR";
     const headers = createBearAuthedHeader(this.token);
     const body = getRecommendationsBody({
@@ -1667,7 +1669,11 @@ const VviinnVprWidget = class {
       this.handleError(error);
       this.vviinnNoResult.emit(this.getBasicEventData());
       this.vviinnRecommendationsLoaded.emit();
-    }, (data) => this.handleRecommendationsSuccess(data)));
+      search_store.searchState.loading = false;
+    }, (data) => {
+      this.handleRecommendationsSuccess(data);
+      search_store.searchState.loading = false;
+    }));
   }
   handleError(_) {
     this.hasErrorOnLoad = true;
@@ -1704,7 +1710,8 @@ const VviinnVprWidget = class {
       }, "aria-hidden": "false" }, index.h(index.Fragment, null, this.renderExternalCSS(), customizedSlots.SlotSkeleton("vpr"), index.h("style", null, search_store.state.fallbackStyles), index.h("div", { class: "widget-header" }, index.h("div", null, index.h("h2", { part: "recommendations-title" }, index.h("slot", { name: "vviinn-recommendations-title" }, this.isSetMode
       ? i18next.instance.t("setMode.widgetTitle")
       : this.blockTitle)), this.isSetMode && (index.h("h3", { part: "recommendations-subtitle" }, index.h("slot", { name: "vviinn-recommendations-subtitle" }, i18next.instance.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (index.h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, index.h("slot", { name: "vviinn-update-button-icon" }, index.h(UpdateIcon, null)), index.h("slot", { name: "vviinn-update-button-text" }, index.h("span", null, i18next.instance.t("setMode.updateButtonText"))))) : null), this.recommendations.length > 0 &&
-      (this.useCarousel ? this.renderCarousel() : this.renderResults()), (this.recommendations.length === 0 || this.hasErrorOnLoad) && (index.h("p", { class: "no-result-text" }, this.noResultText.length
+      (this.useCarousel ? this.renderCarousel() : this.renderResults()), (this.recommendations.length === 0 || this.hasErrorOnLoad) &&
+      !search_store.searchState.loading && (index.h("p", { class: "no-result-text" }, this.noResultText.length
       ? this.noResultText
       : i18next.instance.t("noResultText"))))));
   }

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-3ea66a77.js');
+const search_store = require('./search.store-d6fff13b.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-03f79082.js');
+const _package = require('./package-5a367e60.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-03f79082.js');
+const _package = require('./package-5a367e60.js');
 const customizedSlots = require('./customized-slots-8e27cac8.js');
 const constants = require('./constants-7684cbfc.js');
 

package/dist/cjs/vviinn-vps-widget.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-3ea66a77.js');
+const search_store = require('./search.store-d6fff13b.js');
 const i18next = require('./i18next-74ff3413.js');
-const _package = require('./package-03f79082.js');
+const _package = require('./package-5a367e60.js');
 const customizedSlots = require('./customized-slots-8e27cac8.js');
-const resources = require('./resources-ad941ad8.js');
+const resources = require('./resources-1a173128.js');
 const constants = require('./constants-7684cbfc.js');
 
 const CameraActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },

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

@@ -310,6 +310,7 @@ export class VviinnVprWidget {
   async getRecommendations() {
     if (this.productId === undefined || this.token === undefined)
       return;
+    searchState.loading = true;
     const campaignType = this.campaignType.length > 0 ? this.campaignType : "VPR";
     const headers = createBearAuthedHeader(this.token);
     const body = getRecommendationsBody({
@@ -324,7 +325,11 @@ export class VviinnVprWidget {
       this.handleError(error);
       this.vviinnNoResult.emit(this.getBasicEventData());
       this.vviinnRecommendationsLoaded.emit();
-    }, (data) => this.handleRecommendationsSuccess(data)));
+      searchState.loading = false;
+    }, (data) => {
+      this.handleRecommendationsSuccess(data);
+      searchState.loading = false;
+    }));
   }
   handleError(_) {
     this.hasErrorOnLoad = true;
@@ -361,7 +366,8 @@ export class VviinnVprWidget {
       }, "aria-hidden": "false" }, h(Fragment, null, this.renderExternalCSS(), SlotSkeleton("vpr"), h("style", null, state.fallbackStyles), h("div", { class: "widget-header" }, h("div", null, h("h2", { part: "recommendations-title" }, h("slot", { name: "vviinn-recommendations-title" }, this.isSetMode
       ? i18next.t("setMode.widgetTitle")
       : this.blockTitle)), this.isSetMode && (h("h3", { part: "recommendations-subtitle" }, h("slot", { name: "vviinn-recommendations-subtitle" }, i18next.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, h("slot", { name: "vviinn-update-button-icon" }, h(UpdateIcon, null)), h("slot", { name: "vviinn-update-button-text" }, h("span", null, i18next.t("setMode.updateButtonText"))))) : null), this.recommendations.length > 0 &&
-      (this.useCarousel ? this.renderCarousel() : this.renderResults()), (this.recommendations.length === 0 || this.hasErrorOnLoad) && (h("p", { class: "no-result-text" }, this.noResultText.length
+      (this.useCarousel ? this.renderCarousel() : this.renderResults()), (this.recommendations.length === 0 || this.hasErrorOnLoad) &&
+      !searchState.loading && (h("p", { class: "no-result-text" }, this.noResultText.length
       ? this.noResultText
       : i18next.t("noResultText"))))));
   }

package/dist/collection/recommendation/index.js

@@ -11,6 +11,7 @@ const parseCampaigns = (campaigns) => campaigns.split(",").map((value) => {
     ? parseInt(trimmedValue)
     : trimmedValue;
 });
-export const getRecommendationsBody = ({ productId, color = "", excluded = "", campaigns = "", }) => {
-  return Object.assign(Object.assign(Object.assign({ "product-id": productId }, (color.length ? { color } : {})), (excluded.length ? { excluded: parseExcluded(excluded) } : {})), (campaigns.length ? { campaigns: parseCampaigns(campaigns) } : {}));
+export const getRecommendationsBody = ({ productId, campaigns, color, excluded, }) => {
+  const staticFilters = Object.assign(Object.assign({}, (color.length ? { color } : {})), (excluded.length ? { excluded: parseExcluded(excluded) } : {}));
+  return Object.assign(Object.assign({ productId }, (campaigns.length ? { campaigns: parseCampaigns(campaigns) } : {})), (Object.keys(staticFilters).length ? { staticFilters } : {}));
 };

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

@@ -105,12 +105,12 @@ export const uploadFile = (file) => {
     return error;
   }));
 };
-const uploadText = (query, filters) => {
+const uploadText = (query, dynamicFilters) => {
   state.searchType = "text";
   state.loading = true;
-  const body = Object.assign(Object.assign({ query }, (filters
+  const body = Object.assign(Object.assign({ query }, (dynamicFilters
     ? {
-      filters,
+      dynamicFilters,
     }
     : {})), (state.campaignId.length ? { campaign: state.campaignId } : {}));
   const tokenWithBody = sequenceToEither(processBearerToken(state.token), E.right(JSON.stringify(body)));
@@ -124,7 +124,7 @@ const uploadText = (query, filters) => {
     var _a, _b, _c, _d;
     state.results = (_a = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data.products) !== null && _a !== void 0 ? _a : [];
     state.textSearchFilters =
-      (_d = (_c = (_b = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data) === null || _b === void 0 ? void 0 : _b.interactions) === null || _c === void 0 ? void 0 : _c.filters) !== null && _d !== void 0 ? _d : [];
+      (_d = (_c = (_b = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data) === null || _b === void 0 ? void 0 : _b.interactions) === null || _c === void 0 ? void 0 : _c.dynamicFilters) !== null && _d !== void 0 ? _d : [];
     state.loading = false;
     return sessionResponse;
   }), TE.mapLeft((error) => {
@@ -133,7 +133,7 @@ const uploadText = (query, filters) => {
     return error;
   }));
 };
-export const processSelectedText = async (query, filters) => await uploadText(query, filters)();
+export const processSelectedText = async (query, dynamicFilters) => await uploadText(query, dynamicFilters)();
 onChange("activeIonLink", async (newLink) => {
   const link = newLink ? newLink : state.resetCategoryLink;
   if (!link)

package/dist/esm/{package-997f527d.js → package-4f93de66.js}

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

package/dist/esm/{resources-da0af18a.js → resources-64fb3e8d.js}

@@ -1,4 +1,4 @@
-import { e as commonjsGlobal, i as createCommonjsModule } from './search.store-5c685b20.js';
+import { e as commonjsGlobal, i as createCommonjsModule } from './search.store-4d95a8f8.js';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number

package/dist/esm/search-filters_17.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 { 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, N as NonEmptyArray } from './search.store-5c685b20.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, N as NonEmptyArray } from './search.store-4d95a8f8.js';
 import { i as instance } from './i18next-387f2b0a.js';
 import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-f69bec7d.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';

package/dist/esm/{search.store-5c685b20.js → search.store-4d95a8f8.js}

@@ -17319,12 +17319,12 @@ const uploadFile = (file) => {
     return error;
   }));
 };
-const uploadText = (query, filters) => {
+const uploadText = (query, dynamicFilters) => {
   state.searchType = "text";
   state.loading = true;
-  const body = Object.assign(Object.assign({ query }, (filters
+  const body = Object.assign(Object.assign({ query }, (dynamicFilters
     ? {
-      filters,
+      dynamicFilters,
     }
     : {})), (state.campaignId.length ? { campaign: state.campaignId } : {}));
   const tokenWithBody = sequenceToEither(processBearerToken(state.token), right(JSON.stringify(body)));
@@ -17338,7 +17338,7 @@ const uploadText = (query, filters) => {
     var _a, _b, _c, _d;
     state.results = (_a = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data.products) !== null && _a !== void 0 ? _a : [];
     state.textSearchFilters =
-      (_d = (_c = (_b = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data) === null || _b === void 0 ? void 0 : _b.interactions) === null || _c === void 0 ? void 0 : _c.filters) !== null && _d !== void 0 ? _d : [];
+      (_d = (_c = (_b = sessionResponse === null || sessionResponse === void 0 ? void 0 : sessionResponse.data) === null || _b === void 0 ? void 0 : _b.interactions) === null || _c === void 0 ? void 0 : _c.dynamicFilters) !== null && _d !== void 0 ? _d : [];
     state.loading = false;
     return sessionResponse;
   }), mapLeft((error) => {
@@ -17347,7 +17347,7 @@ const uploadText = (query, filters) => {
     return error;
   }));
 };
-const processSelectedText = async (query, filters) => await uploadText(query, filters)();
+const processSelectedText = async (query, dynamicFilters) => await uploadText(query, dynamicFilters)();
 onChange("activeIonLink", async (newLink) => {
   const link = newLink ? newLink : state.resetCategoryLink;
   if (!link)

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

@@ -1,10 +1,10 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-abf408d8.js';
-import { h as has, t as tuple, s as searchState, _ as _function, a as _Array, O as Option, S as Semigroup, E as Either, p as pipe, c as chainW, m as makeRequest, f as fromEither, g as getApiPath, b as createInitPostRequest, A as Apply, d as state, T as TaskEither } from './search.store-5c685b20.js';
+import { h as has, t as tuple, s as searchState, _ as _function, a as _Array, O as Option, S as Semigroup, E as Either, p as pipe, c as chainW, m as makeRequest, f as fromEither, g as getApiPath, b as createInitPostRequest, A as Apply, d as state, T as TaskEither } from './search.store-4d95a8f8.js';
 import { c as campaignTypeNames, s as slotChangeListener, f as fromString, a as fold, S as SlotSkeleton } from './customized-slots-f69bec7d.js';
 import { i as instance } from './i18next-387f2b0a.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-997f527d.js';
-import { v as v4, c as createTrackingApi, r as resources, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, i as createProductVprEventByType } from './resources-da0af18a.js';
+import { v as version } from './package-4f93de66.js';
+import { v as v4, c as createTrackingApi, r as resources, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, i as createProductVprEventByType } from './resources-64fb3e8d.js';
 
 const BasketIcon = () => (h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   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" })));
@@ -1372,8 +1372,9 @@ const parseCampaigns = (campaigns) => campaigns.split(",").map((value) => {
     ? parseInt(trimmedValue)
     : trimmedValue;
 });
-const getRecommendationsBody = ({ productId, color = "", excluded = "", campaigns = "", }) => {
-  return Object.assign(Object.assign(Object.assign({ "product-id": productId }, (color.length ? { color } : {})), (excluded.length ? { excluded: parseExcluded(excluded) } : {})), (campaigns.length ? { campaigns: parseCampaigns(campaigns) } : {}));
+const getRecommendationsBody = ({ productId, campaigns, color, excluded, }) => {
+  const staticFilters = Object.assign(Object.assign({}, (color.length ? { color } : {})), (excluded.length ? { excluded: parseExcluded(excluded) } : {}));
+  return Object.assign(Object.assign({ productId }, (campaigns.length ? { campaigns: parseCampaigns(campaigns) } : {})), (Object.keys(staticFilters).length ? { staticFilters } : {}));
 };
 
 const vviinnVprWidgetCss = ":host{display:grid;grid-gap:1rem;width:100%}:host(:not(.loaded)){position:absolute;visibility:hidden}:host(.grid) vviinn-product-card::part(image){border:1px solid #dddddd;width:100%}:host(.set) vviinn-carousel{overflow-x:auto}:host(.set) vviinn-carousel{scrollbar-width:thin}.widget-header{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.widget-header h3{margin-top:8px;margin-bottom:0;font-size:14px;font-weight:400;line-height:20px}.update-button{display:flex;align-items:center;justify-content:center;color:#525252;gap:8px;padding:8px 10px;background:rgb(244, 244, 244);border:none;cursor:pointer}.update-button:hover{background:rgb(234, 234, 234)}.update-button svg{color:#6f6f6f;width:24px;height:24px}h2{margin:0}vviinn-product-card::part(price-container){align-self:flex-start;text-align:left;display:flex}.results{display:grid;grid-gap:1rem}.no-result-text{font-size:20px}.visually-hidden{position:absolute;top:0;left:0;z-index:-1;height:0;width:0}h2{margin:0}:host(.grid) h2{justify-content:center}:host(.grid) vviinn-product-card::part(image){min-width:100%}:host(.grid) vviinn-product-card::part(image-link){width:100%}:host(.grid) vviinn-product-card::part(title),:host(.grid) vviinn-product-card::part(brand),:host(.grid) vviinn-product-card::part(type){text-align:center}:host(.grid) vviinn-product-card::part(price-container){align-self:center}:host(.continuity) vviinn-product-card::part(title),:host(.continuity) vviinn-product-card::part(brand),:host(.continuity) vviinn-product-card::part(type),:host(.continuity) vviinn-product-card::part(deeplink){text-align:left;max-width:unset;align-self:start}";
@@ -1649,6 +1650,7 @@ const VviinnVprWidget = class {
   async getRecommendations() {
     if (this.productId === undefined || this.token === undefined)
       return;
+    searchState.loading = true;
     const campaignType = this.campaignType.length > 0 ? this.campaignType : "VPR";
     const headers = createBearAuthedHeader(this.token);
     const body = getRecommendationsBody({
@@ -1663,7 +1665,11 @@ const VviinnVprWidget = class {
       this.handleError(error);
       this.vviinnNoResult.emit(this.getBasicEventData());
       this.vviinnRecommendationsLoaded.emit();
-    }, (data) => this.handleRecommendationsSuccess(data)));
+      searchState.loading = false;
+    }, (data) => {
+      this.handleRecommendationsSuccess(data);
+      searchState.loading = false;
+    }));
   }
   handleError(_) {
     this.hasErrorOnLoad = true;
@@ -1700,7 +1706,8 @@ const VviinnVprWidget = class {
       }, "aria-hidden": "false" }, h(Fragment, null, this.renderExternalCSS(), SlotSkeleton("vpr"), h("style", null, state.fallbackStyles), h("div", { class: "widget-header" }, h("div", null, h("h2", { part: "recommendations-title" }, h("slot", { name: "vviinn-recommendations-title" }, this.isSetMode
       ? instance.t("setMode.widgetTitle")
       : this.blockTitle)), this.isSetMode && (h("h3", { part: "recommendations-subtitle" }, h("slot", { name: "vviinn-recommendations-subtitle" }, instance.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, h("slot", { name: "vviinn-update-button-icon" }, h(UpdateIcon, null)), h("slot", { name: "vviinn-update-button-text" }, h("span", null, instance.t("setMode.updateButtonText"))))) : null), this.recommendations.length > 0 &&
-      (this.useCarousel ? this.renderCarousel() : this.renderResults()), (this.recommendations.length === 0 || this.hasErrorOnLoad) && (h("p", { class: "no-result-text" }, this.noResultText.length
+      (this.useCarousel ? this.renderCarousel() : this.renderResults()), (this.recommendations.length === 0 || this.hasErrorOnLoad) &&
+      !searchState.loading && (h("p", { class: "no-result-text" }, this.noResultText.length
       ? this.noResultText
       : instance.t("noResultText"))))));
   }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-abf408d8.js';
-import { s as searchState } from './search.store-5c685b20.js';
+import { s as searchState } from './search.store-4d95a8f8.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/esm/vviinn-vpr-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-997f527d.js';
+import { v as version } from './package-4f93de66.js';
 import { V as VisualSearchIcon } from './VisualSearchIcon-b301a1d4.js';
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/esm/vviinn-vps-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-997f527d.js';
+import { v as version } from './package-4f93de66.js';
 import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-f69bec7d.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 

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

@@ -1,9 +1,9 @@
 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, j as processSelectedText, d as state, k as parseExcludedToParams, O as Option } from './search.store-5c685b20.js';
+import { s as searchState, j as processSelectedText, d as state, k as parseExcludedToParams, O as Option } from './search.store-4d95a8f8.js';
 import { i as instance } from './i18next-387f2b0a.js';
-import { v as version } from './package-997f527d.js';
+import { v as version } from './package-4f93de66.js';
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-f69bec7d.js';
-import { r as resources, j as createSearchEvent, k as createFilterEvent, v as v4, c as createTrackingApi, l as createWidgetVpsEvent, m as createProductVpsEventByType, n as createResultVpsEventByType } from './resources-da0af18a.js';
+import { r as resources, j as createSearchEvent, k as createFilterEvent, v as v4, c as createTrackingApi, l as createWidgetVpsEvent, m as createProductVpsEventByType, n as createResultVpsEventByType } from './resources-64fb3e8d.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 
 const CameraActionIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },

package/dist/types/campaign/CampaignService.d.ts

@@ -1,18 +1,20 @@
 import * as C from "./Campaign";
 export declare const getRecommendationsService: (campaignType: C.CampaignName) => ((body: {
-  "product-id": string;
-  "results-count"?: number;
+  productId: string;
+  resultsCount?: number;
   campaigns?: (string | number)[];
-  color?: string;
-  excluded?: {
-    column?: string;
-    values?: string[];
-  }[];
   substitutions?: {
     category?: string[];
     price?: number;
   };
-  filters?: {
+  staticFilters?: {
+    color?: string;
+    excluded?: {
+      column?: string;
+      values?: string[];
+    }[];
+  };
+  dynamicFilters?: {
     column: string;
     values: string[] | {
       start?: number;
@@ -55,7 +57,7 @@ export declare const getRecommendationsService: (campaignType: C.CampaignName) =
     }[];
   };
   interactions?: {
-    filters: ({
+    dynamicFilters: ({
       column: string;
       label: string;
       values: ({
@@ -98,15 +100,17 @@ export declare const getRecommendationsService: (campaignType: C.CampaignName) =
     }[];
   }[];
 }>) | ((body: {
-  "product-id": string;
-  "results-count"?: number;
+  productId: string;
+  resultsCount?: number;
   campaigns?: (string | number)[];
-  color?: string;
-  excluded?: {
-    column?: string;
-    values?: string[];
-  }[];
-  filters?: {
+  staticFilters?: {
+    color?: string;
+    excluded?: {
+      column?: string;
+      values?: string[];
+    }[];
+  };
+  dynamicFilters?: {
     column: string;
     values: string[] | {
       start?: number;
@@ -149,7 +153,7 @@ export declare const getRecommendationsService: (campaignType: C.CampaignName) =
     }[];
   };
   interactions?: {
-    filters: ({
+    dynamicFilters: ({
       column: string;
       label: string;
       values: ({

package/dist/types/campaign/VCSCampaignService.d.ts

@@ -37,7 +37,7 @@ export declare const getVCSRecommendations: (body: CrossSellingRequest) => (opti
     }[];
   };
   interactions?: {
-    filters: ({
+    dynamicFilters: ({
       column: string;
       label: string;
       values: ({

package/dist/types/campaign/VPRCampaignService.d.ts

@@ -37,7 +37,7 @@ export declare const getVPRRecommendations: (body: SimilarProductsRequest) => (o
     }[];
   };
   interactions?: {
-    filters: ({
+    dynamicFilters: ({
       column: string;
       label: string;
       values: ({

package/dist/types/interfaces/generated.d.ts

@@ -91,7 +91,7 @@ export interface components {
      * @description returns less than or equal to the campaign's defined results
      * @example 8
      */
-    "results-count": number;
+    resultsCount: number;
     /** @example 2 */
     "image-code": string;
     /** @example 12ff21 */
@@ -361,13 +361,12 @@ export interface components {
       detectedObjects?: components["schemas"]["ion-detected-object"][];
     };
     "similar-products-request": {
-      "product-id": components["schemas"]["product-id"];
-      "results-count"?: components["schemas"]["results-count"];
+      productId: components["schemas"]["product-id"];
+      resultsCount?: components["schemas"]["resultsCount"];
       campaigns?: components["schemas"]["campaigns"];
-      color?: components["schemas"]["color"];
-      excluded?: components["schemas"]["excluded"];
       substitutions?: components["schemas"]["request-substitutions"];
-      filters?: components["schemas"]["request-filters"];
+      staticFilters?: components["schemas"]["request-static-filters"];
+      dynamicFilters?: components["schemas"]["request-dynamic-filters"];
     };
     "similar-products-response": {
       data: {
@@ -378,12 +377,11 @@ export interface components {
       substitutions?: components["schemas"]["response-substitutions"];
     };
     "cross-selling-request": {
-      "product-id": components["schemas"]["product-id"];
-      "results-count"?: components["schemas"]["results-count"];
+      productId: components["schemas"]["product-id"];
+      resultsCount?: components["schemas"]["resultsCount"];
       campaigns?: components["schemas"]["campaigns"];
-      color?: components["schemas"]["color"];
-      excluded?: components["schemas"]["excluded"];
-      filters?: components["schemas"]["request-filters"];
+      staticFilters?: components["schemas"]["request-static-filters"];
+      dynamicFilters?: components["schemas"]["request-dynamic-filters"];
     };
     "cross-selling-response": {
       data: {
@@ -395,11 +393,11 @@ export interface components {
     "text-search-request": {
       /** @example flowers */
       query: string;
-      "results-count"?: components["schemas"]["results-count"];
+      resultsCount?: components["schemas"]["resultsCount"];
       /** @description overrides the default campaign */
       campaign?: components["schemas"]["campaign-id"];
-      excluded?: components["schemas"]["excluded"];
-      filters?: components["schemas"]["request-filters"];
+      staticFilters?: components["schemas"]["request-static-filters"];
+      dynamicFilters?: components["schemas"]["request-dynamic-filters"];
     };
     "text-search-response": {
       data?: {
@@ -439,15 +437,29 @@ export interface components {
       full: components["schemas"]["interval"];
       suggestions: components["schemas"]["interval-filter-value-item"][];
     };
-    "request-filter-item": {
+    "request-dynamic-filter-item": {
       /** @example product_type */
       column: string;
       values: components["schemas"]["category"] | components["schemas"]["string-list"] | components["schemas"]["interval-list"];
     };
-    "response-filters": (components["schemas"]["response-categorical-filter-item"] | components["schemas"]["response-interval-filter-item"])[];
-    "request-filters": components["schemas"]["request-filter-item"][];
+    "response-dynamic-filters": (components["schemas"]["response-categorical-filter-item"] | components["schemas"]["response-interval-filter-item"])[];
+    /**
+     * @description The dynamic filters are parameters that refine the already narrowed down dataset from the `staticFilters`` based on real-time request criteria.
+     * These filters are flexible and can be adjusted dynamically to specific user queries or requirements, allowing for further granular filtering.
+     * They providing a more precise result based on the user’s immediate needs.
+     */
+    "request-dynamic-filters": components["schemas"]["request-dynamic-filter-item"][];
+    /**
+     * @description The static filters are predefined parameters that set the initial scope for the data retrieval process.
+     * These filters are configured to extract a broad, meaningful set of results based on your criteria.
+     * Once applied, they help in reducing the dataset to a manageable and relevant subset before any further, more granular filtering occurs via `dynamicFilters`.
+     */
+    "request-static-filters": {
+      color?: components["schemas"]["color"];
+      excluded?: components["schemas"]["excluded"];
+    };
     interactions: {
-      filters: components["schemas"]["response-filters"];
+      dynamicFilters: components["schemas"]["response-dynamic-filters"];
     };
     "request-substitutions": {
       category?: components["schemas"]["category"];
@@ -650,7 +662,7 @@ export interface operations {
         "product-id": components["parameters"]["product-id"];
       };
       query: {
-        "similar-products-count"?: components["schemas"]["results-count"];
+        "similar-products-count"?: components["schemas"]["resultsCount"];
         campaigns?: components["parameters"]["campaigns"];
         "image-code"?: components["parameters"]["image-code"];
         color?: components["parameters"]["color"];
@@ -675,7 +687,7 @@ export interface operations {
         "product-id": components["parameters"]["product-id"];
       };
       query: {
-        "cross-selling-products-count"?: components["schemas"]["results-count"];
+        "cross-selling-products-count"?: components["schemas"]["resultsCount"];
         campaigns?: components["parameters"]["campaigns"];
         "image-code"?: components["parameters"]["image-code"];
         color?: components["parameters"]["color"];