@getlupa/vue 0.14.0 → 0.14.1

package/dist/lupaSearch.js

@@ -2589,6 +2589,9 @@ const reverseKeyValue = (obj) => {
 const getPageCount = (total, limit) => {
   return Math.ceil(total / limit) || 0;
 };
+const isObject$1 = (value) => {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+};
 const parseParam = (key, params) => {
   const value = params.get(key);
   if (!value) {
@@ -19724,6 +19727,62 @@ const _sfc_main$b = /* @__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$a = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductList",
   props: {
@@ -19743,6 +19802,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       var _a;
       (_a = searchResults.value) == null ? void 0 : _a.handleMounted();
     };
+    vue.computed(() => {
+      return __spreadValues({}, processExtractionObject(props.options.initialFilters));
+    });
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
@@ -26120,13 +26182,16 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         loading.value = false;
       }
     });
+    const itemId = vue.computed(() => {
+      return typeof props.options.itemId === "string" || Array.isArray(props.options.itemId) ? props.options.itemId : extractValue(props.options.itemId);
+    });
     const loadLupaRecommendations = () => __async(this, null, function* () {
       recommendationsType.value = "recommendations_lupasearch";
       try {
         loading.value = true;
         const result2 = yield LupaSearchSdk.recommend(
           props.options.queryKey,
-          props.options.itemId,
+          itemId.value,
           props.options.recommendationFilters,
           props.options.options
         );

package/dist/lupaSearch.mjs

@@ -2587,6 +2587,9 @@ const reverseKeyValue = (obj) => {
 const getPageCount = (total, limit) => {
   return Math.ceil(total / limit) || 0;
 };
+const isObject$1 = (value) => {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+};
 const parseParam = (key, params) => {
   const value = params.get(key);
   if (!value) {
@@ -19722,6 +19725,62 @@ const _sfc_main$b = /* @__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$a = /* @__PURE__ */ defineComponent({
   __name: "ProductList",
   props: {
@@ -19741,6 +19800,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       var _a;
       (_a = searchResults.value) == null ? void 0 : _a.handleMounted();
     };
+    computed(() => {
+      return __spreadValues({}, processExtractionObject(props.options.initialFilters));
+    });
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
@@ -26118,13 +26180,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         loading.value = false;
       }
     });
+    const itemId = computed(() => {
+      return typeof props.options.itemId === "string" || Array.isArray(props.options.itemId) ? props.options.itemId : extractValue(props.options.itemId);
+    });
     const loadLupaRecommendations = () => __async(this, null, function* () {
       recommendationsType.value = "recommendations_lupasearch";
       try {
         loading.value = true;
         const result2 = yield LupaSearchSdk.recommend(
           props.options.queryKey,
-          props.options.itemId,
+          itemId.value,
           props.options.recommendationFilters,
           props.options.options
         );

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

@@ -0,0 +1,19 @@
+export type ExtractFrom = 'url' | 'localStorage' | 'sessionStorage' | 'htmlElementText';
+export type BaseExtractFrom = {
+    extractFrom: ExtractFrom;
+    default: string | number | Record<string, unknown>;
+};
+export type ExtractFromUrl = BaseExtractFrom & {
+    extractFrom: 'url';
+    regex: string;
+};
+export type ExtractFromStorage = BaseExtractFrom & {
+    extractFrom: 'localStorage' | 'sessionStorage';
+    key: string;
+    path?: string;
+};
+export type ExtractFromHtmlElementText = BaseExtractFrom & {
+    extractFrom: 'htmlElementText';
+    querySelector: string;
+};
+export type DataExtraction = ExtractFromUrl | ExtractFromStorage | ExtractFromHtmlElementText;

package/dist/src/types/product-list/ProductListOptions.d.ts

@@ -1,6 +1,7 @@
 import type { FilterGroup } from '@getlupa/client-sdk/Types';
 import type { RoutingBehavior } from '../search-results/RoutingBehavior';
 import type { SearchResultsOptions } from '../search-results/SearchResultsOptions';
+import { DataExtraction } from '../DataExtraction';
 export type CategoryFilterOptions = {
     queryKey?: string;
     routingBehavior?: RoutingBehavior;
@@ -24,6 +25,6 @@ export type CategoryFilterOptions = {
     };
 };
 export type ProductListOptions = SearchResultsOptions & {
-    initialFilters?: FilterGroup;
+    initialFilters?: FilterGroup | Record<string, DataExtraction>;
     categories?: CategoryFilterOptions;
 };

package/dist/src/types/recommendations/RecommendationsOptions.d.ts

@@ -1,6 +1,7 @@
 import { FilterGroup } from '@getlupa/client-sdk/Types';
 import type { SdkOptions } from '../General';
 import { SearchResultsProductOptions } from '../search-results/SearchResultsOptions';
+import { DataExtraction } from '../DataExtraction';
 export type RecommenderCarouselOptions = {
     itemsToShow?: number;
     snapAlign?: string;
@@ -12,7 +13,7 @@ export type ProductRecommendationOptions = SearchResultsProductOptions & {
 } & {
     containerSelector: string;
     queryKey: string;
-    itemId: string[] | string;
+    itemId: DataExtraction | (string[] | string);
     abTesting?: RecommendationABTestingOptions;
     carousel?: RecommenderCarouselOptions;
     recommendationFilters?: FilterGroup;

package/dist/src/utils/extraction.utils.d.ts

@@ -0,0 +1,3 @@
+import { DataExtraction } from '../types/DataExtraction';
+export declare const extractValue: <T>(options: DataExtraction) => T;
+export declare const processExtractionObject: (value?: Record<string, unknown>) => Record<string, unknown>;

package/dist/src/utils/picker.utils.d.ts

@@ -3,3 +3,4 @@ export declare const getHint: (suggestion: string, inputValue: string) => string
 export declare const reverseKeyValue: (obj: Record<string, string>) => Record<string, string>;
 export declare const pickClosestNumber: (numbers: number[], closestTo: number) => number;
 export declare const getPageCount: (total: number, limit: number) => number;
+export declare const isObject: (value: unknown) => boolean;

package/package.json

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