vviinn-widgets 2.108.0 → 2.109.0

package/dist/cjs/{index-bd074b94.js → index-b4650215.js}

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

package/dist/cjs/{package-5972659f.js → package-c08d906a.js}

@@ -120,7 +120,7 @@ const slotChangeListener = (component, element) => {
   component.connectedCallback.call(component);
 };
 
-const version = "2.108.0";
+const version = "2.109.0";
 
 exports.SlotSkeleton = SlotSkeleton;
 exports.campaignTypeNames = campaignTypeNames;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const search_store = require('./search.store-4593a19d.js');
-const index$1 = require('./index-bd074b94.js');
-const _package = require('./package-5972659f.js');
-const triggerFilter = require('./triggerFilter-01c9621d.js');
+const search_store = require('./search.store-87b01958.js');
+const index$1 = require('./index-b4650215.js');
+const _package = require('./package-c08d906a.js');
+const triggerFilter = require('./triggerFilter-945a23fc.js');
 const SearchModalUploadIcon = require('./SearchModalUploadIcon-b6db8026.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -3974,7 +3974,12 @@ const VviinnResults = class {
     };
     this.filtersChangedHandler = ({ detail }) => {
       var _a;
-      this.getResultsByTextQuery((_a = this.textSearchQuery) !== null && _a !== void 0 ? _a : this.innerTextSearchQuery, detail.filters);
+      if (this.filterColumn && this.filterValue) {
+        this.getResultsByCategory(detail.filters);
+      }
+      else {
+        this.getResultsByTextQuery((_a = this.textSearchQuery) !== null && _a !== void 0 ? _a : this.innerTextSearchQuery, detail.filters);
+      }
     };
     this.filtersTriggeredHandler = ({ detail, }) => {
       const { action, kind, category } = detail;
@@ -4065,13 +4070,14 @@ const VviinnResults = class {
       });
     }
   }
-  async getResultsByCategory() {
+  async getResultsByCategory(dynamicFilters) {
     if (!this.filterColumn || !this.filterValue || this.showInWidget)
       return;
     search_store.state.apiPath = this.apiPath; //FIXME: #36877
-    search_store._function.pipe(await search_store.makeProductListingPageRequest(this.token, this.filterColumn, this.filterValue, this.resultsCount), search_store.getOrElse(() => null), (response) => {
+    search_store._function.pipe(await search_store.makeProductListingPageRequest(this.token, this.filterColumn, this.filterValue, this.resultsCount, dynamicFilters), search_store.getOrElse(() => null), (response) => {
       var _a, _b;
       this.recommendations = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.products) !== null && _b !== void 0 ? _b : [];
+      this.vviinnFilters.emit(response === null || response === void 0 ? void 0 : response.interactions.dynamicFilters);
     });
   }
   connectedCallback() {

package/dist/cjs/{search.store-4593a19d.js → search.store-87b01958.js}

@@ -17378,18 +17378,22 @@ const makeSearchQueryRequest = async (token, query, dynamicFilters, resultsCount
   return pipe(getTokenWithBody(token, body), setBodyAndHeaders, fromEither, chain(textSearchSessionClient))();
 };
 const makeSearchIdRequest = async (token, searchId) => await pipe(makeAuthorizedRequest(token), fromEither, chainW(linkRequest(createLinkfromHref(searchId))), map((response) => response.value))();
-const makeProductListingPageRequest = async (token, column, value, resultsCount) => {
+const makeProductListingPageRequest = async (token, column, value, resultsCount, dynamicFilters) => {
   const requestValue = column === "product_type" || column === "google_product_category"
     ? pipe(value, (string) => string.split(" > ").join(">"), encodeToBase64UTF8, (base64String) => base64String.split("=")[0])
     : value;
-  const body = Object.assign(Object.assign({}, (resultsCount ? { resultsCount } : {})), { staticFilters: {
+  const body = Object.assign(Object.assign(Object.assign({}, (resultsCount ? { resultsCount } : {})), { staticFilters: {
       included: [
         {
           column,
           values: [requestValue],
         },
       ],
-    } });
+    } }), (dynamicFilters
+    ? {
+      dynamicFilters,
+    }
+    : {}));
   return pipe(getTokenWithBody(token, body), setBodyAndHeaders, fromEither, chain(productListingPageSessionClient))();
 };
 onChange("activeIonLink", async (newLink) => {

package/dist/cjs/{triggerFilter-01c9621d.js → triggerFilter-945a23fc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const search_store = require('./search.store-4593a19d.js');
+const search_store = require('./search.store-87b01958.js');
 const index = require('./index-4474431a.js');
 
 const PlusIcon = () => (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "plus-icon" },

package/dist/cjs/vviinn-button_2.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-4593a19d.js');
+const search_store = require('./search.store-87b01958.js');
 
 const CrossIcon = () => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "#161616" })));

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const search_store = require('./search.store-4593a19d.js');
-const _package = require('./package-5972659f.js');
-const triggerFilter = require('./triggerFilter-01c9621d.js');
-const index$1 = require('./index-bd074b94.js');
+const search_store = require('./search.store-87b01958.js');
+const _package = require('./package-c08d906a.js');
+const triggerFilter = require('./triggerFilter-945a23fc.js');
+const index$1 = require('./index-b4650215.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-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-4593a19d.js');
+const search_store = require('./search.store-87b01958.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-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-5972659f.js');
+const _package = require('./package-c08d906a.js');
 const SearchModalUploadIcon = require('./SearchModalUploadIcon-b6db8026.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-4593a19d.js');
-const index$1 = require('./index-bd074b94.js');
-const _package = require('./package-5972659f.js');
+const search_store = require('./search.store-87b01958.js');
+const index$1 = require('./index-b4650215.js');
+const _package = require('./package-c08d906a.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-results/stories/ResultsTemplate.js

@@ -6,7 +6,18 @@ export const ResultsTemplate = (args) => {
   const searchQueryAttribute = textSearchQuery
     ? `text-search-query="${textSearchQuery}"`
     : "";
-  return `<vviinn-results
+  return `
+  <div class="search-page-wrapper">
+  <div class="search-page-wrapper-filters">
+    <vviinn-extended-filters locale="${args.locale}" mode="preview"></vviinn-extended-filters>
+  </div>
+  <div class="search-page-wrapper-result">
+    <div class="search-page-wrapper-result-filters">
+      <vviinn-extended-filters locale="${args.locale}"></vviinn-extended-filters>
+      <vviinn-selected-filters></vviinn-selected-filters>
+    </div>
+
+    <vviinn-results
     token="${token}"
     api-path="${apiPath}"
     search-id="${searchId}"
@@ -22,5 +33,7 @@ export const ResultsTemplate = (args) => {
     results-count="${resultsCount}"
     add-to-basket-show="${addToBasketShow}"
     show-one-click-discovery="${showOneClickDiscovery}"
-  ></vviinn-results>`;
+  ></vviinn-results>
+  </div>
+</div>`;
 };

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

@@ -81,7 +81,12 @@ export class VviinnResults {
     };
     this.filtersChangedHandler = ({ detail }) => {
       var _a;
-      this.getResultsByTextQuery((_a = this.textSearchQuery) !== null && _a !== void 0 ? _a : this.innerTextSearchQuery, detail.filters);
+      if (this.filterColumn && this.filterValue) {
+        this.getResultsByCategory(detail.filters);
+      }
+      else {
+        this.getResultsByTextQuery((_a = this.textSearchQuery) !== null && _a !== void 0 ? _a : this.innerTextSearchQuery, detail.filters);
+      }
     };
     this.filtersTriggeredHandler = ({ detail, }) => {
       const { action, kind, category } = detail;
@@ -172,13 +177,14 @@ export class VviinnResults {
       });
     }
   }
-  async getResultsByCategory() {
+  async getResultsByCategory(dynamicFilters) {
     if (!this.filterColumn || !this.filterValue || this.showInWidget)
       return;
     state.apiPath = this.apiPath; //FIXME: #36877
-    pipe(await makeProductListingPageRequest(this.token, this.filterColumn, this.filterValue, this.resultsCount), E.getOrElse(() => null), (response) => {
+    pipe(await makeProductListingPageRequest(this.token, this.filterColumn, this.filterValue, this.resultsCount, dynamicFilters), E.getOrElse(() => null), (response) => {
       var _a, _b;
       this.recommendations = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.products) !== null && _b !== void 0 ? _b : [];
+      this.vviinnFilters.emit(response === null || response === void 0 ? void 0 : response.interactions.dynamicFilters);
     });
   }
   connectedCallback() {

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

@@ -144,18 +144,22 @@ export const makeSearchQueryRequest = async (token, query, dynamicFilters, resul
   return pipe(getTokenWithBody(token, body), setBodyAndHeaders, TE.fromEither, TE.chain(textSearchSessionClient))();
 };
 export const makeSearchIdRequest = async (token, searchId) => await pipe(makeAuthorizedRequest(token), TE.fromEither, TE.chainW(linkRequest(createLinkfromHref(searchId))), TE.map((response) => response.value))();
-export const makeProductListingPageRequest = async (token, column, value, resultsCount) => {
+export const makeProductListingPageRequest = async (token, column, value, resultsCount, dynamicFilters) => {
   const requestValue = column === "product_type" || column === "google_product_category"
     ? pipe(value, (string) => string.split(" > ").join(">"), encodeToBase64UTF8, (base64String) => base64String.split("=")[0])
     : value;
-  const body = Object.assign(Object.assign({}, (resultsCount ? { resultsCount } : {})), { staticFilters: {
+  const body = Object.assign(Object.assign(Object.assign({}, (resultsCount ? { resultsCount } : {})), { staticFilters: {
       included: [
         {
           column,
           values: [requestValue],
         },
       ],
-    } });
+    } }), (dynamicFilters
+    ? {
+      dynamicFilters,
+    }
+    : {}));
   return pipe(getTokenWithBody(token, body), setBodyAndHeaders, TE.fromEither, TE.chain(productListingPageSessionClient))();
 };
 onChange("activeIonLink", async (newLink) => {

package/dist/esm/{index-9b5df8ac.js → index-92cfa63b.js}

@@ -1,4 +1,4 @@
-import { e as commonjsGlobal, j as createCommonjsModule } from './search.store-d8d95ae7.js';
+import { e as commonjsGlobal, j as createCommonjsModule } from './search.store-1040347b.js';
 
 const consoleLogger = {
   type: 'logger',

package/dist/esm/{package-67bea50b.js → package-5b684a22.js}

@@ -118,6 +118,6 @@ const slotChangeListener = (component, element) => {
   component.connectedCallback.call(component);
 };
 
-const version = "2.108.0";
+const version = "2.109.0";
 
 export { SlotSkeleton as S, fold as a, campaignTypeNames as c, fromString as f, slotChangeListener as s, version as v };

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

@@ -1,8 +1,8 @@
 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, j as createCommonjsModule, e as commonjsGlobal, y as sequenceToOption, z as fromImage, B as dimensionsFromImage, C as scaleByLargestSide, d as state, D as makeSearchIdRequest, F as getOrElse, G as makeTextSearchRequest, H as makeSearchQueryRequest, I as makeProductListingPageRequest, N as NonEmptyArray } from './search.store-d8d95ae7.js';
-import { i as instance, l as createFilterEvent, r as resources, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType } from './index-9b5df8ac.js';
-import { s as slotChangeListener, c as campaignTypeNames, v as version } from './package-67bea50b.js';
-import { b as PlusIcon, c as calculatePriceLabel, t as triggerFilter, s as showActiveOnSubButton, R as RenderButton } from './triggerFilter-6611482d.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, j as createCommonjsModule, e as commonjsGlobal, y as sequenceToOption, z as fromImage, B as dimensionsFromImage, C as scaleByLargestSide, d as state, D as makeSearchIdRequest, F as getOrElse, G as makeTextSearchRequest, H as makeSearchQueryRequest, I as makeProductListingPageRequest, N as NonEmptyArray } from './search.store-1040347b.js';
+import { i as instance, l as createFilterEvent, r as resources, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType } from './index-92cfa63b.js';
+import { s as slotChangeListener, c as campaignTypeNames, v as version } from './package-5b684a22.js';
+import { b as PlusIcon, c as calculatePriceLabel, t as triggerFilter, s as showActiveOnSubButton, R as RenderButton } from './triggerFilter-20c625ca.js';
 import { S as SearchModalUploadIcon } from './SearchModalUploadIcon-ef6e9c6c.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -3970,7 +3970,12 @@ const VviinnResults = class {
     };
     this.filtersChangedHandler = ({ detail }) => {
       var _a;
-      this.getResultsByTextQuery((_a = this.textSearchQuery) !== null && _a !== void 0 ? _a : this.innerTextSearchQuery, detail.filters);
+      if (this.filterColumn && this.filterValue) {
+        this.getResultsByCategory(detail.filters);
+      }
+      else {
+        this.getResultsByTextQuery((_a = this.textSearchQuery) !== null && _a !== void 0 ? _a : this.innerTextSearchQuery, detail.filters);
+      }
     };
     this.filtersTriggeredHandler = ({ detail, }) => {
       const { action, kind, category } = detail;
@@ -4061,13 +4066,14 @@ const VviinnResults = class {
       });
     }
   }
-  async getResultsByCategory() {
+  async getResultsByCategory(dynamicFilters) {
     if (!this.filterColumn || !this.filterValue || this.showInWidget)
       return;
     state.apiPath = this.apiPath; //FIXME: #36877
-    _function.pipe(await makeProductListingPageRequest(this.token, this.filterColumn, this.filterValue, this.resultsCount), getOrElse(() => null), (response) => {
+    _function.pipe(await makeProductListingPageRequest(this.token, this.filterColumn, this.filterValue, this.resultsCount, dynamicFilters), getOrElse(() => null), (response) => {
       var _a, _b;
       this.recommendations = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.products) !== null && _b !== void 0 ? _b : [];
+      this.vviinnFilters.emit(response === null || response === void 0 ? void 0 : response.interactions.dynamicFilters);
     });
   }
   connectedCallback() {

package/dist/esm/{search.store-d8d95ae7.js → search.store-1040347b.js}

@@ -17376,18 +17376,22 @@ const makeSearchQueryRequest = async (token, query, dynamicFilters, resultsCount
   return pipe(getTokenWithBody(token, body), setBodyAndHeaders, fromEither, chain(textSearchSessionClient))();
 };
 const makeSearchIdRequest = async (token, searchId) => await pipe(makeAuthorizedRequest(token), fromEither, chainW(linkRequest(createLinkfromHref(searchId))), map((response) => response.value))();
-const makeProductListingPageRequest = async (token, column, value, resultsCount) => {
+const makeProductListingPageRequest = async (token, column, value, resultsCount, dynamicFilters) => {
   const requestValue = column === "product_type" || column === "google_product_category"
     ? pipe(value, (string) => string.split(" > ").join(">"), encodeToBase64UTF8, (base64String) => base64String.split("=")[0])
     : value;
-  const body = Object.assign(Object.assign({}, (resultsCount ? { resultsCount } : {})), { staticFilters: {
+  const body = Object.assign(Object.assign(Object.assign({}, (resultsCount ? { resultsCount } : {})), { staticFilters: {
       included: [
         {
           column,
           values: [requestValue],
         },
       ],
-    } });
+    } }), (dynamicFilters
+    ? {
+      dynamicFilters,
+    }
+    : {}));
   return pipe(getTokenWithBody(token, body), setBodyAndHeaders, fromEither, chain(productListingPageSessionClient))();
 };
 onChange("activeIonLink", async (newLink) => {

package/dist/esm/{triggerFilter-6611482d.js → triggerFilter-20c625ca.js}

@@ -1,4 +1,4 @@
-import { _ as _function, E as Either } from './search.store-d8d95ae7.js';
+import { _ as _function, E as Either } from './search.store-1040347b.js';
 import { h, F as Fragment } from './index-abf408d8.js';
 
 const PlusIcon = () => (h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "plus-icon" },

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, H as Host, c as createEvent, g as getElement } from './index-abf408d8.js';
-import { s as searchState, i as isClickedInRectBound } from './search.store-d8d95ae7.js';
+import { s as searchState, i as isClickedInRectBound } from './search.store-1040347b.js';
 
 const CrossIcon = () => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "#161616" })));

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

@@ -1,8 +1,8 @@
 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, i as isClickedInRectBound, O as Option, S as Semigroup, 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, E as Either } from './search.store-d8d95ae7.js';
-import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton, f as fromString, a as fold, v as version } from './package-67bea50b.js';
-import { c as calculatePriceLabel, t as triggerFilter, e as emitRequestFiltersMore, C as CheckFilterIcon, S as SquareFilterIcon, s as showActiveOnSubButton, R as RenderButton, a as ResponsiveImage, I as Image, L as Linked, P as Price, p as parseBasePrice } from './triggerFilter-6611482d.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-9b5df8ac.js';
+import { h as has, t as tuple, s as searchState, _ as _function, a as _Array, i as isClickedInRectBound, O as Option, S as Semigroup, 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, E as Either } from './search.store-1040347b.js';
+import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton, f as fromString, a as fold, v as version } from './package-5b684a22.js';
+import { c as calculatePriceLabel, t as triggerFilter, e as emitRequestFiltersMore, C as CheckFilterIcon, S as SquareFilterIcon, s as showActiveOnSubButton, R as RenderButton, a as ResponsiveImage, I as Image, L as Linked, P as Price, p as parseBasePrice } from './triggerFilter-20c625ca.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-92cfa63b.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-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-d8d95ae7.js';
+import { s as searchState } from './search.store-1040347b.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-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 { c as campaignTypeNames, v as version, S as SlotSkeleton } from './package-67bea50b.js';
+import { c as campaignTypeNames, v as version, S as SlotSkeleton } from './package-5b684a22.js';
 import { S as SearchModalUploadIcon } from './SearchModalUploadIcon-ef6e9c6c.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 

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, k as parseExcludedToParams, O as Option } from './search.store-d8d95ae7.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-9b5df8ac.js';
-import { c as campaignTypeNames, v as version, s as slotChangeListener, S as SlotSkeleton } from './package-67bea50b.js';
+import { s as searchState, d as state, k as parseExcludedToParams, O as Option } from './search.store-1040347b.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-92cfa63b.js';
+import { c as campaignTypeNames, v as version, s as slotChangeListener, S as SlotSkeleton } from './package-5b684a22.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/store/search.store.d.ts

@@ -306,7 +306,13 @@ export declare const makeSearchQueryRequest: (token: string, query: string, dyna
   };
 }>>;
 export declare const makeSearchIdRequest: (token: string, searchId: string) => Promise<E.Either<BasicError<Response> | BasicError<string>, SearchIdResponse>>;
-export declare const makeProductListingPageRequest: (token: string, column: string, value: string, resultsCount?: number) => Promise<E.Either<BasicError<string | Response>, {
+export declare const makeProductListingPageRequest: (token: string, column: string, value: string, resultsCount?: number, dynamicFilters?: {
+  column: string;
+  values: string[] | {
+    start?: number;
+    end?: number;
+  }[];
+}[]) => Promise<E.Either<BasicError<string | Response>, {
   data?: {
     products: {
       groupId?: string;