@getlupa/vue 0.15.9 → 0.15.11

package/dist/lupaSearch.js

@@ -20107,7 +20107,10 @@ const _hoisted_2$a = {
   class: "lupa-category-back"
 };
 const _hoisted_3$6 = ["href"];
-const _hoisted_4$3 = { class: "lupa-child-category-list" };
+const _hoisted_4$3 = {
+  key: 1,
+  class: "lupa-child-category-list"
+};
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryTopFilters",
   props: {
@@ -20121,6 +20124,10 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       return Boolean((_b = (_a = props.options.categories) == null ? void 0 : _a.back) == null ? void 0 : _b.title);
     });
+    const hasRelatedCategoryChildren = vue.computed(() => {
+      var _a;
+      return ((_a = relatedCategoryChildren.value) == null ? void 0 : _a.length) > 0;
+    });
     const backTitle = vue.computed(() => {
       var _a, _b;
       return (_b = (_a = props.options.categories) == null ? void 0 : _a.back) == null ? void 0 : _b.title;
@@ -20147,7 +20154,10 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["lupa-category-top-mobile-filters", { "lupa-has-back-button": hasBackButton.value }])
+        class: vue.normalizeClass(["lupa-category-top-mobile-filters", {
+          "lupa-has-back-button": hasBackButton.value,
+          "has-related-category-children": hasRelatedCategoryChildren.value
+        }])
       }, [
         vue.createElementVNode("div", _hoisted_1$d, [
           hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
@@ -20157,7 +20167,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               onClick: handleNavigationBack
             }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$6)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4$3, [
+          hasRelatedCategoryChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(relatedCategoryChildren), (child) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$U, {
                 key: getCategoryKey(child),
@@ -20165,7 +20175,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 options: categoryOptions.value
               }, null, 8, ["item", "options"]);
             }), 128))
-          ]),
+          ])) : vue.createCommentVNode("", true),
           vue.createVNode(_sfc_main$B, {
             class: "lupa-toolbar-mobile",
             "pagination-location": "top",
@@ -20176,6 +20186,74 @@ const _sfc_main$f = /* @__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 _hoisted_1$c = {
   key: 0,
   class: "lupa-container-title-summary-mobile"
@@ -20205,9 +20283,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);
@@ -20513,62 +20594,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: {
@@ -20588,7 +20613,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 });
@@ -20596,7 +20621,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

@@ -20105,7 +20105,10 @@ const _hoisted_2$a = {
   class: "lupa-category-back"
 };
 const _hoisted_3$6 = ["href"];
-const _hoisted_4$3 = { class: "lupa-child-category-list" };
+const _hoisted_4$3 = {
+  key: 1,
+  class: "lupa-child-category-list"
+};
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CategoryTopFilters",
   props: {
@@ -20119,6 +20122,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       var _a, _b;
       return Boolean((_b = (_a = props.options.categories) == null ? void 0 : _a.back) == null ? void 0 : _b.title);
     });
+    const hasRelatedCategoryChildren = computed(() => {
+      var _a;
+      return ((_a = relatedCategoryChildren.value) == null ? void 0 : _a.length) > 0;
+    });
     const backTitle = computed(() => {
       var _a, _b;
       return (_b = (_a = props.options.categories) == null ? void 0 : _a.back) == null ? void 0 : _b.title;
@@ -20145,7 +20152,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lupa-category-top-mobile-filters", { "lupa-has-back-button": hasBackButton.value }])
+        class: normalizeClass(["lupa-category-top-mobile-filters", {
+          "lupa-has-back-button": hasBackButton.value,
+          "has-related-category-children": hasRelatedCategoryChildren.value
+        }])
       }, [
         createElementVNode("div", _hoisted_1$d, [
           hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
@@ -20155,7 +20165,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               onClick: handleNavigationBack
             }, toDisplayString(backTitle.value), 9, _hoisted_3$6)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$3, [
+          hasRelatedCategoryChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
               return openBlock(), createBlock(_sfc_main$U, {
                 key: getCategoryKey(child),
@@ -20163,7 +20173,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 options: categoryOptions.value
               }, null, 8, ["item", "options"]);
             }), 128))
-          ]),
+          ])) : createCommentVNode("", true),
           createVNode(_sfc_main$B, {
             class: "lupa-toolbar-mobile",
             "pagination-location": "top",
@@ -20174,6 +20184,74 @@ const _sfc_main$f = /* @__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 _hoisted_1$c = {
   key: 0,
   class: "lupa-container-title-summary-mobile"
@@ -20203,9 +20281,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);
@@ -20511,62 +20592,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: {
@@ -20586,7 +20611,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 });
@@ -20594,7 +20619,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-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.9",
+  "version": "0.15.11",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",