@getlupa/vue 0.15.13 → 0.15.15

package/dist/lupaSearch.js

@@ -2057,6 +2057,7 @@ const useOptionsStore = defineStore("options", () => {
   );
   const trackingOptions = vue.ref({});
   const searchResultInitialFilters = vue.ref({});
+  const productRecommendationOptions = vue.ref({});
   const screenStore = useScreenStore();
   const envOptions = vue.computed(
     () => {
@@ -2117,6 +2118,11 @@ const useOptionsStore = defineStore("options", () => {
   const setInitialFilters = ({ initialFilters: initialFilters2 }) => {
     searchResultInitialFilters.value = initialFilters2;
   };
+  const setProductRecommendationOptions = ({
+    options
+  }) => {
+    productRecommendationOptions.value = options;
+  };
   const getQueryParamName = (param) => {
     var _a;
     const nameMap = searchBoxOptions.value.queryParameterNames;
@@ -2133,10 +2139,12 @@ const useOptionsStore = defineStore("options", () => {
     searchResultsRoutingBehavior,
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
+    productRecommendationOptions,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
     setInitialFilters,
+    setProductRecommendationOptions,
     getQueryParamName
   };
 });
@@ -2266,7 +2274,9 @@ const trackLupaEvent = (queryKey, data = {}, options) => {
     name: data.type,
     userId: getUserKey(),
     sessionId: getSessionKey(),
-    filters: data.filters
+    filters: data.filters,
+    metadata: data.metadata,
+    sourceItemId: data.sourceItemId
   };
   LupaSearchSdk.track(queryKey, eventData, options);
 };
@@ -13746,7 +13756,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     });
     const displayElement = vue.computed(() => {
       const element = props.element;
-      const item = props.item;
+      const item = enhancedItem.value;
       if (!element.display) {
         return true;
       }
@@ -19045,7 +19055,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     options: {},
     isAdditionalPanel: { type: Boolean },
     clickTrackingSettings: {},
-    lupaClickTrackingType: {}
+    lupaClickTrackingType: {},
+    sourceItemId: {}
   },
   setup(__props) {
     const props = __props;
@@ -19058,7 +19069,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     const paramsStore = useParamsStore();
     const trackingStore = useTrackingStore();
     const { layout } = storeToRefs(searchResultStore);
-    const { searchResultsRoutingBehavior, searchResultOptions, trackingOptions } = storeToRefs(optionsStore);
+    const { searchResultsRoutingBehavior, searchResultOptions, productRecommendationOptions } = storeToRefs(optionsStore);
     const { query } = storeToRefs(paramsStore);
     const isInStock = vue.ref(true);
     const listLayoutClass = vue.computed(() => {
@@ -19155,7 +19166,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             itemId: id.value
           },
           options: { allowEmptySearchQuery: true },
-          filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0
+          filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0,
+          sourceItemId: props.lupaClickTrackingType === "recommendedItemClick" ? props.sourceItemId : void 0
         }
       };
       if (isDelayedClickTracking()) {
@@ -19819,7 +19831,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       relatedQueries.value = queries;
     }));
     const hasEnoughRelatedQueries = vue.computed(() => {
-      return relatedQueries.value.length > 1;
+      var _a;
+      return ((_a = relatedQueries.value) == null ? void 0 : _a.length) > 1;
     });
     const handleRelatedQueryClick = (query) => {
       var _a;
@@ -26963,6 +26976,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       optionsStore.setSearchResultOptions({
         options: props.options
       });
+      optionsStore.setProductRecommendationOptions({
+        options: props.options
+      });
       if (props.options.lazyLoad) {
         initIntersectionObserver();
       } else {
@@ -27067,8 +27083,10 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(_sfc_main$p, {
                         product,
                         options: _ctx.options,
-                        "click-tracking-settings": clickTrackingSettings.value
-                      }, null, 8, ["product", "options", "click-tracking-settings"])
+                        "click-tracking-settings": clickTrackingSettings.value,
+                        "lupa-click-tracking-type": `recommendedItemClick`,
+                        "source-item-id": itemId.value
+                      }, null, 8, ["product", "options", "click-tracking-settings", "source-item-id"])
                     ]),
                     _: 2
                   }, 1024);
@@ -27082,8 +27100,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   key: getProductKeyAction(index, product),
                   product,
                   options: _ctx.options,
-                  "lupa-click-tracking-type": `recommendedItemClick`
-                }, null, 8, ["style", "product", "options"]);
+                  "lupa-click-tracking-type": `recommendedItemClick`,
+                  "source-item-id": itemId.value
+                }, null, 8, ["style", "product", "options", "source-item-id"]);
               }), 128))
             ]))
           ])) : vue.createCommentVNode("", true)

package/dist/lupaSearch.mjs

@@ -2055,6 +2055,7 @@ const useOptionsStore = defineStore("options", () => {
   );
   const trackingOptions = ref({});
   const searchResultInitialFilters = ref({});
+  const productRecommendationOptions = ref({});
   const screenStore = useScreenStore();
   const envOptions = computed(
     () => {
@@ -2115,6 +2116,11 @@ const useOptionsStore = defineStore("options", () => {
   const setInitialFilters = ({ initialFilters: initialFilters2 }) => {
     searchResultInitialFilters.value = initialFilters2;
   };
+  const setProductRecommendationOptions = ({
+    options
+  }) => {
+    productRecommendationOptions.value = options;
+  };
   const getQueryParamName = (param) => {
     var _a;
     const nameMap = searchBoxOptions.value.queryParameterNames;
@@ -2131,10 +2137,12 @@ const useOptionsStore = defineStore("options", () => {
     searchResultsRoutingBehavior,
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
+    productRecommendationOptions,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
     setInitialFilters,
+    setProductRecommendationOptions,
     getQueryParamName
   };
 });
@@ -2264,7 +2272,9 @@ const trackLupaEvent = (queryKey, data = {}, options) => {
     name: data.type,
     userId: getUserKey(),
     sessionId: getSessionKey(),
-    filters: data.filters
+    filters: data.filters,
+    metadata: data.metadata,
+    sourceItemId: data.sourceItemId
   };
   LupaSearchSdk.track(queryKey, eventData, options);
 };
@@ -13744,7 +13754,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
     });
     const displayElement = computed(() => {
       const element = props.element;
-      const item = props.item;
+      const item = enhancedItem.value;
       if (!element.display) {
         return true;
       }
@@ -19043,7 +19053,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     options: {},
     isAdditionalPanel: { type: Boolean },
     clickTrackingSettings: {},
-    lupaClickTrackingType: {}
+    lupaClickTrackingType: {},
+    sourceItemId: {}
   },
   setup(__props) {
     const props = __props;
@@ -19056,7 +19067,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const paramsStore = useParamsStore();
     const trackingStore = useTrackingStore();
     const { layout } = storeToRefs(searchResultStore);
-    const { searchResultsRoutingBehavior, searchResultOptions, trackingOptions } = storeToRefs(optionsStore);
+    const { searchResultsRoutingBehavior, searchResultOptions, productRecommendationOptions } = storeToRefs(optionsStore);
     const { query } = storeToRefs(paramsStore);
     const isInStock = ref(true);
     const listLayoutClass = computed(() => {
@@ -19153,7 +19164,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             itemId: id.value
           },
           options: { allowEmptySearchQuery: true },
-          filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0
+          filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0,
+          sourceItemId: props.lupaClickTrackingType === "recommendedItemClick" ? props.sourceItemId : void 0
         }
       };
       if (isDelayedClickTracking()) {
@@ -19817,7 +19829,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       relatedQueries.value = queries;
     }));
     const hasEnoughRelatedQueries = computed(() => {
-      return relatedQueries.value.length > 1;
+      var _a;
+      return ((_a = relatedQueries.value) == null ? void 0 : _a.length) > 1;
     });
     const handleRelatedQueryClick = (query) => {
       var _a;
@@ -26961,6 +26974,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       optionsStore.setSearchResultOptions({
         options: props.options
       });
+      optionsStore.setProductRecommendationOptions({
+        options: props.options
+      });
       if (props.options.lazyLoad) {
         initIntersectionObserver();
       } else {
@@ -27065,8 +27081,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       createVNode(_sfc_main$p, {
                         product,
                         options: _ctx.options,
-                        "click-tracking-settings": clickTrackingSettings.value
-                      }, null, 8, ["product", "options", "click-tracking-settings"])
+                        "click-tracking-settings": clickTrackingSettings.value,
+                        "lupa-click-tracking-type": `recommendedItemClick`,
+                        "source-item-id": itemId.value
+                      }, null, 8, ["product", "options", "click-tracking-settings", "source-item-id"])
                     ]),
                     _: 2
                   }, 1024);
@@ -27080,8 +27098,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   key: getProductKeyAction(index, product),
                   product,
                   options: _ctx.options,
-                  "lupa-click-tracking-type": `recommendedItemClick`
-                }, null, 8, ["style", "product", "options"]);
+                  "lupa-click-tracking-type": `recommendedItemClick`,
+                  "source-item-id": itemId.value
+                }, null, 8, ["style", "product", "options", "source-item-id"]);
               }), 128))
             ]))
           ])) : createCommentVNode("", true)

package/dist/src/components/chat/ChatPhraseProductsCardList.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType as __PropType } from 'vue';
 import { SearchResultsProductOptions } from '../../types/search-results/SearchResultsOptions';
-import { Document } from '@getlupa/client-sdk/Types';
+import type { Document } from '@getlupa/client-sdk/Types';
 declare const _sfc_main: import("vue").DefineComponent<{
     options: {
         type: __PropType<SearchResultsProductOptions>;

package/dist/src/components/chat/ChatPhraseProductsList.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType as __PropType } from 'vue';
-import { Document } from '@getlupa/client-sdk/Types';
+import type { Document } from '@getlupa/client-sdk/Types';
 import { SearchResultsProductOptions } from '../../types/search-results/SearchResultsOptions';
 declare const _sfc_main: import("vue").DefineComponent<{
     options: {

package/dist/src/components/search-results/products/product-card/SearchResultsProductCard.vue.d.ts

@@ -23,6 +23,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<"itemClick" | "recommendedItemClick">;
         required: false;
     };
+    sourceItemId: {
+        type: __PropType<string | string[]>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     product: {
         type: __PropType<Document>;
@@ -44,5 +48,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<"itemClick" | "recommendedItemClick">;
         required: false;
     };
+    sourceItemId: {
+        type: __PropType<string | string[]>;
+        required: false;
+    };
 }>>, {}, {}>;
 export default _sfc_main;

package/dist/src/components/search-results/related-queries/RelatedQueryPanel.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType as __PropType } from 'vue';
 import { RelatedQueryOptions } from '../../../types/search-results/RelatedQueryOptions';
-import { Document } from '@getlupa/client-sdk/Types';
+import type { Document } from '@getlupa/client-sdk/Types';
 declare const _sfc_main: import("vue").DefineComponent<{
     query: {
         type: __PropType<string>;

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

@@ -31,6 +31,7 @@ export type TrackableEventData = {
     type?: ReportableEventType;
     searchQuery?: string;
     itemId?: string;
+    sourceItemId?: string | string[];
     analytics?: {
         type: AnalyticsEventType;
         label: string;
@@ -43,6 +44,7 @@ export type TrackableEventData = {
         allowEmptySearchQuery: boolean;
     };
     filters?: FilterGroup;
+    metadata?: Record<string, unknown>;
 };
 export type HighlightedDocInfo = {
     doc?: Document;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.15.13",
+  "version": "0.15.15",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",
@@ -23,7 +23,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@getlupa/client-sdk": "^1.5.4",
+    "@getlupa/client-sdk": "^1.6.1",
     "@pinia/testing": "^0.1.2",
     "@rollup/plugin-babel": "5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",