@getlupa/vue 0.23.0 → 0.23.2

package/dist/constants/queryParams.const.d.ts

@@ -9,12 +9,15 @@ export declare const QUERY_PARAMS_PARSED: {
 export declare const FACET_PARAMS_TYPE: {
     TERMS: string;
     RANGE: string;
+    PARTIAL_RANGE: string;
     HIERARCHY: string;
 };
 export declare const FACET_FILTER_MAP: {
     terms: string;
     range: string;
+    stats: string;
     hierarchy: string;
+    partialRange: string;
 };
 export declare const FACET_KEY_SEPARATOR = ".";
 export declare const FACET_RANGE_SEPARATOR = ":";

package/dist/lupaSearch.js

@@ -12258,12 +12258,15 @@ const QUERY_PARAMS_PARSED = {
 const FACET_PARAMS_TYPE = {
   TERMS: "f.",
   RANGE: "fr.",
+  PARTIAL_RANGE: "fpr.",
   HIERARCHY: "fh."
 };
 const FACET_FILTER_MAP = {
   terms: FACET_PARAMS_TYPE.TERMS,
   range: FACET_PARAMS_TYPE.RANGE,
-  hierarchy: FACET_PARAMS_TYPE.HIERARCHY
+  stats: FACET_PARAMS_TYPE.RANGE,
+  hierarchy: FACET_PARAMS_TYPE.HIERARCHY,
+  partialRange: FACET_PARAMS_TYPE.PARTIAL_RANGE
 };
 const FACET_KEY_SEPARATOR = ".";
 const FACET_RANGE_SEPARATOR = ":";
@@ -12417,7 +12420,7 @@ const getLabeledFilters = (filters, facets2, translations) => {
     });
   });
 };
-const isFacetKey = (key) => key.startsWith(FACET_PARAMS_TYPE.RANGE) || key.startsWith(FACET_PARAMS_TYPE.TERMS) || key.startsWith(FACET_PARAMS_TYPE.HIERARCHY);
+const isFacetKey = (key) => key.startsWith(FACET_PARAMS_TYPE.RANGE) || key.startsWith(FACET_PARAMS_TYPE.TERMS) || key.startsWith(FACET_PARAMS_TYPE.HIERARCHY) || key.startsWith(FACET_PARAMS_TYPE.PARTIAL_RANGE);
 const getMostSpecificHierarchyTerms = (terms) => {
   const specificTerms = [];
   for (const term of terms) {
@@ -12505,8 +12508,7 @@ const parseFacetKey = (key, searchParams) => {
   if (key.startsWith(FACET_PARAMS_TYPE.TERMS)) {
     return (_b25 = (_a25 = searchParams.getAll(key)) == null ? void 0 : _a25.map((v) => decodeURIComponent(v))) != null ? _b25 : [];
   }
-  if (key.startsWith(FACET_PARAMS_TYPE.RANGE)) {
-    const isPrice = key == null ? void 0 : key.includes(CURRENCY_KEY_INDICATOR);
+  if (key.startsWith(FACET_PARAMS_TYPE.RANGE) || key.startsWith(FACET_PARAMS_TYPE.PARTIAL_RANGE)) {
     const range2 = searchParams.get(key);
     if (!range2) {
       return {};
@@ -12514,7 +12516,7 @@ const parseFacetKey = (key, searchParams) => {
     const [min, max] = range2.split(FACET_RANGE_SEPARATOR);
     return {
       gte: min || void 0,
-      [isPrice ? "lte" : "lt"]: max || void 0
+      [key.startsWith(FACET_PARAMS_TYPE.PARTIAL_RANGE) ? "lt" : "lte"]: max || void 0
     };
   }
   if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
@@ -12716,6 +12718,7 @@ const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, cur
 };
 const toggleRangeFilter = (appendParams, removeParameters, facetAction, getQueryParamName, currentFilters) => {
   var _a25, _b25;
+  const baseFacetQueryParamName = facetAction.type === "partialRange" ? FACET_PARAMS_TYPE.PARTIAL_RANGE : FACET_PARAMS_TYPE.RANGE;
   const currentFilter = rangeFilterToString(
     currentFilters == null ? void 0 : currentFilters[facetAction.key],
     FACET_RANGE_SEPARATOR
@@ -12726,14 +12729,14 @@ const toggleRangeFilter = (appendParams, removeParameters, facetAction, getQuery
   if (!facetValue) {
     removeParameters({
       paramsToRemove: [
-        getFacetParam(facetAction.key, "", FACET_PARAMS_TYPE.RANGE).name,
+        getFacetParam(facetAction.key, "", baseFacetQueryParamName).name,
         ...paramsToRemove
       ]
     });
     return;
   }
   appendParams({
-    params: [getFacetParam(facetAction.key, facetValue, FACET_PARAMS_TYPE.RANGE)],
+    params: [getFacetParam(facetAction.key, facetValue, baseFacetQueryParamName)],
     paramsToRemove,
     encode: false
   });
@@ -26500,12 +26503,10 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const optionsStore = useOptionsStore();
     const { searchResultOptions } = storeToRefs(optionsStore);
-    const units = vue.computed(
-      () => {
-        var _a25, _b25, _c, _d, _e;
-        return (_e = (_d = (_c = (_b25 = (_a25 = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _a25.filters) == null ? void 0 : _b25.facets) == null ? void 0 : _c.stats) == null ? void 0 : _d.units) != null ? _e : {};
-      }
-    );
+    const units = vue.computed(() => {
+      var _a25, _b25, _c, _d, _e;
+      return (_e = (_d = (_c = (_b25 = (_a25 = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _a25.filters) == null ? void 0 : _b25.facets) == null ? void 0 : _c.stats) == null ? void 0 : _d.units) != null ? _e : {};
+    });
     const isOpen = vue.ref(false);
     const paramsStore = useParamsStore();
     const optionStore = useOptionsStore();
@@ -26555,7 +26556,8 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
           paramsStore.removeParameters({
             paramsToRemove: [
               optionStore.getQueryParamName(QUERY_PARAMS.PAGE),
-              `${FACET_PARAMS_TYPE.RANGE}${filter.key}`
+              `${FACET_PARAMS_TYPE.RANGE}${filter.key}`,
+              `${FACET_PARAMS_TYPE.PARTIAL_RANGE}${filter.key}`
             ]
           });
           break;
@@ -26854,7 +26856,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
       emit("select", {
         key: facet.value.key,
         value,
-        type: facet.value.type
+        type: facet.value.type === "range" ? "partialRange" : facet.value.type
       });
     };
     const toggleShowAll = () => {
@@ -28842,6 +28844,15 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             filters.value
           );
           break;
+        case "partialRange":
+          toggleRangeFilter(
+            paramStore.appendParams,
+            paramStore.removeParameters,
+            facetAction,
+            optionsStore.getQueryParamName,
+            filters.value
+          );
+          break;
         case "hierarchy":
           toggleHierarchyFilter(
             paramStore.appendParams,
@@ -28859,8 +28870,14 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const clear = (facet) => {
-      const param = getFacetKey(facet.key, facet.type);
-      paramStore.removeParameters({ paramsToRemove: [param] });
+      if (facet.type === "range") {
+        paramStore.removeParameters({
+          paramsToRemove: [getFacetKey(facet.key, "range"), getFacetKey(facet.key, "partialRange")]
+        });
+      } else {
+        const param = getFacetKey(facet.key, facet.type);
+        paramStore.removeParameters({ paramsToRemove: [param] });
+      }
     };
     const clearAll = () => {
       paramStore.removeAllFilters();
@@ -30517,6 +30534,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           itemId: id.value,
           searchQuery: query.value,
           type: item.type,
+          options: props.lupaClickTrackingType === "recommendedItemClick" ? { allowEmptySearchQuery: true } : void 0,
           analytics: item.type === "addToCart" ? {
             type: "search_add_to_cart",
             label: title.value || id.value || link.value

package/dist/lupaSearch.mjs

@@ -12256,12 +12256,15 @@ const QUERY_PARAMS_PARSED = {
 const FACET_PARAMS_TYPE = {
   TERMS: "f.",
   RANGE: "fr.",
+  PARTIAL_RANGE: "fpr.",
   HIERARCHY: "fh."
 };
 const FACET_FILTER_MAP = {
   terms: FACET_PARAMS_TYPE.TERMS,
   range: FACET_PARAMS_TYPE.RANGE,
-  hierarchy: FACET_PARAMS_TYPE.HIERARCHY
+  stats: FACET_PARAMS_TYPE.RANGE,
+  hierarchy: FACET_PARAMS_TYPE.HIERARCHY,
+  partialRange: FACET_PARAMS_TYPE.PARTIAL_RANGE
 };
 const FACET_KEY_SEPARATOR = ".";
 const FACET_RANGE_SEPARATOR = ":";
@@ -12415,7 +12418,7 @@ const getLabeledFilters = (filters, facets2, translations) => {
     });
   });
 };
-const isFacetKey = (key) => key.startsWith(FACET_PARAMS_TYPE.RANGE) || key.startsWith(FACET_PARAMS_TYPE.TERMS) || key.startsWith(FACET_PARAMS_TYPE.HIERARCHY);
+const isFacetKey = (key) => key.startsWith(FACET_PARAMS_TYPE.RANGE) || key.startsWith(FACET_PARAMS_TYPE.TERMS) || key.startsWith(FACET_PARAMS_TYPE.HIERARCHY) || key.startsWith(FACET_PARAMS_TYPE.PARTIAL_RANGE);
 const getMostSpecificHierarchyTerms = (terms) => {
   const specificTerms = [];
   for (const term of terms) {
@@ -12503,8 +12506,7 @@ const parseFacetKey = (key, searchParams) => {
   if (key.startsWith(FACET_PARAMS_TYPE.TERMS)) {
     return (_b25 = (_a25 = searchParams.getAll(key)) == null ? void 0 : _a25.map((v) => decodeURIComponent(v))) != null ? _b25 : [];
   }
-  if (key.startsWith(FACET_PARAMS_TYPE.RANGE)) {
-    const isPrice = key == null ? void 0 : key.includes(CURRENCY_KEY_INDICATOR);
+  if (key.startsWith(FACET_PARAMS_TYPE.RANGE) || key.startsWith(FACET_PARAMS_TYPE.PARTIAL_RANGE)) {
     const range2 = searchParams.get(key);
     if (!range2) {
       return {};
@@ -12512,7 +12514,7 @@ const parseFacetKey = (key, searchParams) => {
     const [min, max] = range2.split(FACET_RANGE_SEPARATOR);
     return {
       gte: min || void 0,
-      [isPrice ? "lte" : "lt"]: max || void 0
+      [key.startsWith(FACET_PARAMS_TYPE.PARTIAL_RANGE) ? "lt" : "lte"]: max || void 0
     };
   }
   if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
@@ -12714,6 +12716,7 @@ const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, cur
 };
 const toggleRangeFilter = (appendParams, removeParameters, facetAction, getQueryParamName, currentFilters) => {
   var _a25, _b25;
+  const baseFacetQueryParamName = facetAction.type === "partialRange" ? FACET_PARAMS_TYPE.PARTIAL_RANGE : FACET_PARAMS_TYPE.RANGE;
   const currentFilter = rangeFilterToString(
     currentFilters == null ? void 0 : currentFilters[facetAction.key],
     FACET_RANGE_SEPARATOR
@@ -12724,14 +12727,14 @@ const toggleRangeFilter = (appendParams, removeParameters, facetAction, getQuery
   if (!facetValue) {
     removeParameters({
       paramsToRemove: [
-        getFacetParam(facetAction.key, "", FACET_PARAMS_TYPE.RANGE).name,
+        getFacetParam(facetAction.key, "", baseFacetQueryParamName).name,
         ...paramsToRemove
       ]
     });
     return;
   }
   appendParams({
-    params: [getFacetParam(facetAction.key, facetValue, FACET_PARAMS_TYPE.RANGE)],
+    params: [getFacetParam(facetAction.key, facetValue, baseFacetQueryParamName)],
     paramsToRemove,
     encode: false
   });
@@ -26498,12 +26501,10 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const optionsStore = useOptionsStore();
     const { searchResultOptions } = storeToRefs(optionsStore);
-    const units = computed(
-      () => {
-        var _a25, _b25, _c, _d, _e;
-        return (_e = (_d = (_c = (_b25 = (_a25 = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _a25.filters) == null ? void 0 : _b25.facets) == null ? void 0 : _c.stats) == null ? void 0 : _d.units) != null ? _e : {};
-      }
-    );
+    const units = computed(() => {
+      var _a25, _b25, _c, _d, _e;
+      return (_e = (_d = (_c = (_b25 = (_a25 = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _a25.filters) == null ? void 0 : _b25.facets) == null ? void 0 : _c.stats) == null ? void 0 : _d.units) != null ? _e : {};
+    });
     const isOpen = ref(false);
     const paramsStore = useParamsStore();
     const optionStore = useOptionsStore();
@@ -26553,7 +26554,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           paramsStore.removeParameters({
             paramsToRemove: [
               optionStore.getQueryParamName(QUERY_PARAMS.PAGE),
-              `${FACET_PARAMS_TYPE.RANGE}${filter.key}`
+              `${FACET_PARAMS_TYPE.RANGE}${filter.key}`,
+              `${FACET_PARAMS_TYPE.PARTIAL_RANGE}${filter.key}`
             ]
           });
           break;
@@ -26852,7 +26854,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       emit("select", {
         key: facet.value.key,
         value,
-        type: facet.value.type
+        type: facet.value.type === "range" ? "partialRange" : facet.value.type
       });
     };
     const toggleShowAll = () => {
@@ -28840,6 +28842,15 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             filters.value
           );
           break;
+        case "partialRange":
+          toggleRangeFilter(
+            paramStore.appendParams,
+            paramStore.removeParameters,
+            facetAction,
+            optionsStore.getQueryParamName,
+            filters.value
+          );
+          break;
         case "hierarchy":
           toggleHierarchyFilter(
             paramStore.appendParams,
@@ -28857,8 +28868,14 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
     };
     const clear = (facet) => {
-      const param = getFacetKey(facet.key, facet.type);
-      paramStore.removeParameters({ paramsToRemove: [param] });
+      if (facet.type === "range") {
+        paramStore.removeParameters({
+          paramsToRemove: [getFacetKey(facet.key, "range"), getFacetKey(facet.key, "partialRange")]
+        });
+      } else {
+        const param = getFacetKey(facet.key, facet.type);
+        paramStore.removeParameters({ paramsToRemove: [param] });
+      }
     };
     const clearAll = () => {
       paramStore.removeAllFilters();
@@ -30515,6 +30532,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           itemId: id.value,
           searchQuery: query.value,
           type: item.type,
+          options: props.lupaClickTrackingType === "recommendedItemClick" ? { allowEmptySearchQuery: true } : void 0,
           analytics: item.type === "addToCart" ? {
             type: "search_add_to_cart",
             label: title.value || id.value || link.value

package/dist/types/search-results/FacetAction.d.ts

@@ -14,4 +14,9 @@ export type RangeFacetAction = {
     value: string[];
     key: string;
 };
-export type FacetAction = TermFacetAction | RangeFacetAction | HierarchyFacetAction;
+export type PartialRangeFacetAction = {
+    type: 'partialRange';
+    value: string[];
+    key: string;
+};
+export type FacetAction = TermFacetAction | RangeFacetAction | HierarchyFacetAction | PartialRangeFacetAction;

package/dist/utils/filter.toggle.utils.d.ts

@@ -1,5 +1,4 @@
-import { HierarchyFacetAction, RangeFacetAction, TermFacetAction } from '../types/search-results/FacetAction';
-import { FilterType } from '../types/search-results/Filters';
+import { HierarchyFacetAction, RangeFacetAction, PartialRangeFacetAction, TermFacetAction } from '../types/search-results/FacetAction';
 import { FilterGroup } from '@getlupa/client-sdk/Types';
 import { LupaQueryParamValue } from '../types/General';
 type AppendParams = ({ params, paramsToRemove, encode }: {
@@ -10,14 +9,14 @@ type AppendParams = ({ params, paramsToRemove, encode }: {
     paramsToRemove?: string[];
     encode?: boolean;
 }) => unknown;
-export declare const getFacetKey: (key: string, type: FilterType) => string;
+export declare const getFacetKey: (key: string, type: string) => string;
 export declare const getFacetParam: (key: string, value: string[] | string, type?: string) => {
     name: string;
     value: string[] | string;
 };
 export declare const toggleTermFilter: (appendParams: AppendParams, facetAction: TermFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup, paramsToRemove?: string[]) => void;
 export declare const toggleHierarchyFilter: (appendParams: AppendParams, facetAction: HierarchyFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup, removeAllLevels?: boolean) => void;
-export declare const toggleRangeFilter: (appendParams: AppendParams, removeParameters: AppendParams, facetAction: RangeFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup) => void;
+export declare const toggleRangeFilter: (appendParams: AppendParams, removeParameters: AppendParams, facetAction: RangeFacetAction | PartialRangeFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup) => void;
 export declare const toggleTermParam: (params?: string[], param?: string) => string[];
 export declare const toggleLastPram: (params?: string[], param?: string) => string[];
 export declare const toggleHierarchyParam: (params?: string[], param?: string, removeAllLevels?: boolean) => string[];

package/package.json

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