@getlupa/vue 0.15.10 → 0.15.12

package/dist/lupaSearch.js

@@ -14470,6 +14470,74 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const extractValue = (options) => {
+  switch (options.extractFrom) {
+    case "url":
+      return extractFromUrl(options);
+    case "localStorage":
+    case "sessionStorage":
+      return extractFromStorage(options);
+    case "htmlElementText":
+      return extractFromHtmlElementText(options);
+    case "cookie":
+      return extractFromCookie(options);
+    default:
+      return options.default;
+  }
+};
+const extractFromCookie = (options) => {
+  var _a, _b;
+  try {
+    const cookieValue = (_b = (_a = document.cookie) == null ? void 0 : _a.split("; ")) == null ? void 0 : _b.find((row) => row == null ? void 0 : row.startsWith(`${options.cookieName}=`));
+    return cookieValue ? cookieValue.split("=")[1] : options.default;
+  } catch (e2) {
+    return options.default;
+  }
+};
+const extractFromUrl = (options) => {
+  const regex = new RegExp(options.regex);
+  const match = window.location.href.match(regex);
+  return match ? match[1] : options.default;
+};
+const extractFromStorage = (options) => {
+  const storage = options.extractFrom === "localStorage" ? localStorage : sessionStorage;
+  let rawValue2 = "";
+  try {
+    rawValue2 = storage.getItem(options.key);
+  } catch (e2) {
+    return options.default;
+  }
+  if (rawValue2) {
+    try {
+      const parsedValue = JSON.parse(rawValue2);
+      return options.path ? getValueFromPath(parsedValue, options.path) : parsedValue;
+    } catch (e2) {
+      return rawValue2;
+    }
+  }
+  return options.default;
+};
+const extractFromHtmlElementText = (options) => {
+  var _a;
+  const element = document.querySelector(options.querySelector);
+  return element ? ((_a = element.textContent) == null ? void 0 : _a.trim()) || options.default : options.default;
+};
+const getValueFromPath = (obj, path) => {
+  return path.split(".").reduce((value, key) => value && value[key] || null, obj);
+};
+const processExtractionObject = (value = {}) => {
+  var _a;
+  const parsedObject = {};
+  for (const key in value) {
+    if (isObject$1(value[key]) && ((_a = value[key]) == null ? void 0 : _a.extractFrom)) {
+      const extractedValue = extractValue(value[key]);
+      parsedObject[key] = Array.isArray(extractedValue) ? extractedValue : [extractedValue];
+    } else {
+      parsedObject[key] = value[key];
+    }
+  }
+  return parsedObject;
+};
 const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
@@ -14493,6 +14561,9 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     const showGoToResultsButton = vue.computed(() => {
       return props.panel.showGoToResults;
     });
+    const extractedInitialFilters = vue.computed(() => {
+      return __spreadValues({}, processExtractionObject(props.searchBoxOptions.initialFilters));
+    });
     const inputValueProp = vue.computed(() => props.inputValue);
     vue.onMounted(() => {
       getItemsDebounced();
@@ -14510,7 +14581,11 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     const getItems = () => {
       searchBoxStore.queryDocuments({
         queryKey: props.panel.queryKey,
-        publicQuery: { searchText: props.inputValue, limit: props.panel.limit },
+        publicQuery: {
+          searchText: props.inputValue,
+          limit: props.panel.limit,
+          filters: extractedInitialFilters.value
+        },
         options: props.options
       }).then(({ result: result2 }) => {
         if (!(result2 == null ? void 0 : result2.items.length)) {
@@ -14939,6 +15014,9 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     const focused = vue.ref(false);
     const searchBoxInput = vue.ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
+    vue.computed(() => {
+      return __spreadValues({}, processExtractionObject(props.options.initialFilters));
+    });
     const searchValue = vue.computed(() => {
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
@@ -14964,7 +15042,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         "hideMoreResultsButtonOnNoResults",
         "showNoResultsPanel",
         "expandOnSinglePanel",
-        "showMoreResultsButton"
+        "showMoreResultsButton",
+        "initialFilters"
       ])
     );
     const searchTriggers = vue.computed(() => {
@@ -20215,9 +20294,12 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const dynamicDataStore = useDynamicDataStore();
     const screenStore = useScreenStore();
     const redirectionStore = useRedirectionStore();
+    const extractedInitialFilters = vue.computed(() => {
+      return __spreadValues({}, processExtractionObject(props.options.initialFilters));
+    });
     const initialFilters = vue.computed(() => {
-      var _a;
-      return (_a = props.initialFilters) != null ? _a : {};
+      var _a, _b;
+      return (_b = (_a = props.initialFilters) != null ? _a : extractedInitialFilters.value) != null ? _b : {};
     });
     const { currentQueryText, hasResults, currentFilterCount } = storeToRefs(searchResultStore);
     const { searchString, sortParams } = storeToRefs(paramStore);
@@ -20523,62 +20605,6 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const extractValue = (options) => {
-  switch (options.extractFrom) {
-    case "url":
-      return extractFromUrl(options);
-    case "localStorage":
-    case "sessionStorage":
-      return extractFromStorage(options);
-    case "htmlElementText":
-      return extractFromHtmlElementText(options);
-    default:
-      return options.default;
-  }
-};
-const extractFromUrl = (options) => {
-  const regex = new RegExp(options.regex);
-  const match = window.location.href.match(regex);
-  return match ? match[1] : options.default;
-};
-const extractFromStorage = (options) => {
-  const storage = options.extractFrom === "localStorage" ? localStorage : sessionStorage;
-  let rawValue2 = "";
-  try {
-    rawValue2 = storage.getItem(options.key);
-  } catch (e2) {
-    return options.default;
-  }
-  if (rawValue2) {
-    try {
-      const parsedValue = JSON.parse(rawValue2);
-      return options.path ? getValueFromPath(parsedValue, options.path) : parsedValue;
-    } catch (e2) {
-      return rawValue2;
-    }
-  }
-  return options.default;
-};
-const extractFromHtmlElementText = (options) => {
-  var _a;
-  const element = document.querySelector(options.querySelector);
-  return element ? ((_a = element.textContent) == null ? void 0 : _a.trim()) || options.default : options.default;
-};
-const getValueFromPath = (obj, path) => {
-  return path.split(".").reduce((value, key) => value && value[key] || null, obj);
-};
-const processExtractionObject = (value = {}) => {
-  var _a;
-  const parsedObject = {};
-  for (const key in value) {
-    if (isObject$1(value[key]) && ((_a = value[key]) == null ? void 0 : _a.extractFrom)) {
-      parsedObject[key] = extractValue(value[key]);
-    } else {
-      parsedObject[key] = value[key];
-    }
-  }
-  return parsedObject;
-};
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductList",
   props: {
@@ -20598,7 +20624,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       var _a;
       (_a = searchResults.value) == null ? void 0 : _a.handleMounted();
     };
-    vue.computed(() => {
+    const initialFilters = vue.computed(() => {
       return __spreadValues({}, processExtractionObject(props.options.initialFilters));
     });
     __expose({ fetch: fetch2 });
@@ -20606,7 +20632,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createVNode(_sfc_main$e, {
           options: componentOptions.value,
-          "initial-filters": _ctx.options.initialFilters,
+          "initial-filters": initialFilters.value,
           "is-product-list": true,
           ref_key: "searchResults",
           ref: searchResults

package/dist/lupaSearch.mjs

@@ -14468,6 +14468,74 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const extractValue = (options) => {
+  switch (options.extractFrom) {
+    case "url":
+      return extractFromUrl(options);
+    case "localStorage":
+    case "sessionStorage":
+      return extractFromStorage(options);
+    case "htmlElementText":
+      return extractFromHtmlElementText(options);
+    case "cookie":
+      return extractFromCookie(options);
+    default:
+      return options.default;
+  }
+};
+const extractFromCookie = (options) => {
+  var _a, _b;
+  try {
+    const cookieValue = (_b = (_a = document.cookie) == null ? void 0 : _a.split("; ")) == null ? void 0 : _b.find((row) => row == null ? void 0 : row.startsWith(`${options.cookieName}=`));
+    return cookieValue ? cookieValue.split("=")[1] : options.default;
+  } catch (e2) {
+    return options.default;
+  }
+};
+const extractFromUrl = (options) => {
+  const regex = new RegExp(options.regex);
+  const match = window.location.href.match(regex);
+  return match ? match[1] : options.default;
+};
+const extractFromStorage = (options) => {
+  const storage = options.extractFrom === "localStorage" ? localStorage : sessionStorage;
+  let rawValue2 = "";
+  try {
+    rawValue2 = storage.getItem(options.key);
+  } catch (e2) {
+    return options.default;
+  }
+  if (rawValue2) {
+    try {
+      const parsedValue = JSON.parse(rawValue2);
+      return options.path ? getValueFromPath(parsedValue, options.path) : parsedValue;
+    } catch (e2) {
+      return rawValue2;
+    }
+  }
+  return options.default;
+};
+const extractFromHtmlElementText = (options) => {
+  var _a;
+  const element = document.querySelector(options.querySelector);
+  return element ? ((_a = element.textContent) == null ? void 0 : _a.trim()) || options.default : options.default;
+};
+const getValueFromPath = (obj, path) => {
+  return path.split(".").reduce((value, key) => value && value[key] || null, obj);
+};
+const processExtractionObject = (value = {}) => {
+  var _a;
+  const parsedObject = {};
+  for (const key in value) {
+    if (isObject$1(value[key]) && ((_a = value[key]) == null ? void 0 : _a.extractFrom)) {
+      const extractedValue = extractValue(value[key]);
+      parsedObject[key] = Array.isArray(extractedValue) ? extractedValue : [extractedValue];
+    } else {
+      parsedObject[key] = value[key];
+    }
+  }
+  return parsedObject;
+};
 const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
@@ -14491,6 +14559,9 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const showGoToResultsButton = computed(() => {
       return props.panel.showGoToResults;
     });
+    const extractedInitialFilters = computed(() => {
+      return __spreadValues({}, processExtractionObject(props.searchBoxOptions.initialFilters));
+    });
     const inputValueProp = computed(() => props.inputValue);
     onMounted(() => {
       getItemsDebounced();
@@ -14508,7 +14579,11 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const getItems = () => {
       searchBoxStore.queryDocuments({
         queryKey: props.panel.queryKey,
-        publicQuery: { searchText: props.inputValue, limit: props.panel.limit },
+        publicQuery: {
+          searchText: props.inputValue,
+          limit: props.panel.limit,
+          filters: extractedInitialFilters.value
+        },
         options: props.options
       }).then(({ result: result2 }) => {
         if (!(result2 == null ? void 0 : result2.items.length)) {
@@ -14937,6 +15012,9 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const searchBoxInput = ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
+    computed(() => {
+      return __spreadValues({}, processExtractionObject(props.options.initialFilters));
+    });
     const searchValue = computed(() => {
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
@@ -14962,7 +15040,8 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         "hideMoreResultsButtonOnNoResults",
         "showNoResultsPanel",
         "expandOnSinglePanel",
-        "showMoreResultsButton"
+        "showMoreResultsButton",
+        "initialFilters"
       ])
     );
     const searchTriggers = computed(() => {
@@ -20213,9 +20292,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const dynamicDataStore = useDynamicDataStore();
     const screenStore = useScreenStore();
     const redirectionStore = useRedirectionStore();
+    const extractedInitialFilters = computed(() => {
+      return __spreadValues({}, processExtractionObject(props.options.initialFilters));
+    });
     const initialFilters = computed(() => {
-      var _a;
-      return (_a = props.initialFilters) != null ? _a : {};
+      var _a, _b;
+      return (_b = (_a = props.initialFilters) != null ? _a : extractedInitialFilters.value) != null ? _b : {};
     });
     const { currentQueryText, hasResults, currentFilterCount } = storeToRefs(searchResultStore);
     const { searchString, sortParams } = storeToRefs(paramStore);
@@ -20521,62 +20603,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const extractValue = (options) => {
-  switch (options.extractFrom) {
-    case "url":
-      return extractFromUrl(options);
-    case "localStorage":
-    case "sessionStorage":
-      return extractFromStorage(options);
-    case "htmlElementText":
-      return extractFromHtmlElementText(options);
-    default:
-      return options.default;
-  }
-};
-const extractFromUrl = (options) => {
-  const regex = new RegExp(options.regex);
-  const match = window.location.href.match(regex);
-  return match ? match[1] : options.default;
-};
-const extractFromStorage = (options) => {
-  const storage = options.extractFrom === "localStorage" ? localStorage : sessionStorage;
-  let rawValue2 = "";
-  try {
-    rawValue2 = storage.getItem(options.key);
-  } catch (e2) {
-    return options.default;
-  }
-  if (rawValue2) {
-    try {
-      const parsedValue = JSON.parse(rawValue2);
-      return options.path ? getValueFromPath(parsedValue, options.path) : parsedValue;
-    } catch (e2) {
-      return rawValue2;
-    }
-  }
-  return options.default;
-};
-const extractFromHtmlElementText = (options) => {
-  var _a;
-  const element = document.querySelector(options.querySelector);
-  return element ? ((_a = element.textContent) == null ? void 0 : _a.trim()) || options.default : options.default;
-};
-const getValueFromPath = (obj, path) => {
-  return path.split(".").reduce((value, key) => value && value[key] || null, obj);
-};
-const processExtractionObject = (value = {}) => {
-  var _a;
-  const parsedObject = {};
-  for (const key in value) {
-    if (isObject$1(value[key]) && ((_a = value[key]) == null ? void 0 : _a.extractFrom)) {
-      parsedObject[key] = extractValue(value[key]);
-    } else {
-      parsedObject[key] = value[key];
-    }
-  }
-  return parsedObject;
-};
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ProductList",
   props: {
@@ -20596,7 +20622,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       var _a;
       (_a = searchResults.value) == null ? void 0 : _a.handleMounted();
     };
-    computed(() => {
+    const initialFilters = computed(() => {
       return __spreadValues({}, processExtractionObject(props.options.initialFilters));
     });
     __expose({ fetch: fetch2 });
@@ -20604,7 +20630,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", null, [
         createVNode(_sfc_main$e, {
           options: componentOptions.value,
-          "initial-filters": _ctx.options.initialFilters,
+          "initial-filters": initialFilters.value,
           "is-product-list": true,
           ref_key: "searchResults",
           ref: searchResults

package/dist/src/types/DataExtraction.d.ts

@@ -1,4 +1,4 @@
-export type ExtractFrom = 'url' | 'localStorage' | 'sessionStorage' | 'htmlElementText';
+export type ExtractFrom = 'url' | 'localStorage' | 'sessionStorage' | 'htmlElementText' | 'cookie';
 export type BaseExtractFrom = {
     extractFrom: ExtractFrom;
     default: string | number | Record<string, unknown>;
@@ -16,4 +16,8 @@ export type ExtractFromHtmlElementText = BaseExtractFrom & {
     extractFrom: 'htmlElementText';
     querySelector: string;
 };
-export type DataExtraction = ExtractFromUrl | ExtractFromStorage | ExtractFromHtmlElementText;
+export type ExtractFromCookie = BaseExtractFrom & {
+    extractFrom: 'cookie';
+    cookieName: string;
+};
+export type DataExtraction = ExtractFromUrl | ExtractFromStorage | ExtractFromHtmlElementText | ExtractFromCookie;

package/dist/src/types/search-box/SearchBoxOptions.d.ts

@@ -1,4 +1,4 @@
-import { SearchQueryResult } from '@getlupa/client-sdk/Types';
+import { FilterGroup, SearchQueryResult } from '@getlupa/client-sdk/Types';
 import type { LupaQueryParamValue, SdkOptions } from '../General';
 import type { RoutingBehavior } from '../search-results/RoutingBehavior';
 import type { DynamicData } from '../search-results/SearchResultsOptions';
@@ -7,6 +7,7 @@ import type { SearchBoxPanel } from './SearchBoxPanel';
 import { DisplaySuggestion } from './Common';
 import { QueryParams } from '../search-results/QueryParams';
 import { RedirectionOptions } from '../redirections/RedirectionOptions';
+import { DataExtraction } from '../DataExtraction';
 export type SearchBoxOptions = SearchBoxPanelOptions & {
     inputSelector: string;
     searchTriggers?: string[];
@@ -69,4 +70,5 @@ export type SearchBoxPanelOptions = SearchBoxInputOptions & {
     showMoreResultsButton?: boolean;
     expandOnSinglePanel?: boolean;
     forceFullReloadOnParams?: string[];
+    initialFilters?: FilterGroup | Record<string, DataExtraction>;
 };

package/dist/src/types/search-results/SearchResultsOptions.d.ts

@@ -6,6 +6,8 @@ import type { SearchResultsSortOptions } from './SearchResultsSort';
 import { RedirectionOptions } from '../redirections/RedirectionOptions';
 import { RelatedQueryOptions } from './RelatedQueryOptions';
 import { RedirectionSuggestionOptions } from './RedirectionSuggestionOptionts';
+import { FilterGroup } from '@getlupa/client-sdk/Types';
+import { DataExtraction } from '../DataExtraction';
 export type SearchResultsOptions = SearchResultsProductOptions & SearchResultsAdditionalPanels & {
     containerSelector: string;
     breadcrumbs: SearchResultsBreadcrumb[];
@@ -17,6 +19,7 @@ export type SearchResultsOptions = SearchResultsProductOptions & SearchResultsAd
     ssr?: SsrOptions;
     redirections?: RedirectionOptions;
     scrollToResults?: ScrollToResultsOptions;
+    initialFilters?: FilterGroup | Record<string, DataExtraction>;
 };
 export type ScrollToResultsOptions = {
     enabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.15.10",
+  "version": "0.15.12",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",