@getlupa/client 1.15.13 → 1.15.16

package/dist/lupaSearch.iife.js

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -6406,7 +6418,7 @@ var __async = (__this, __arguments, generator) => {
     return a;
   };
   var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-  var __objRest = (source, exclude) => {
+  var __objRest2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7339,6 +7351,7 @@ var __async = (__this, __arguments, generator) => {
     );
     const trackingOptions = ref({});
     const searchResultInitialFilters = ref({});
+    const productRecommendationOptions = ref({});
     const screenStore = useScreenStore();
     const envOptions = computed(
       () => {
@@ -7399,6 +7412,11 @@ var __async = (__this, __arguments, generator) => {
     const setInitialFilters = ({ initialFilters: initialFilters2 }) => {
       searchResultInitialFilters.value = initialFilters2;
     };
+    const setProductRecommendationOptions = ({
+      options
+    }) => {
+      productRecommendationOptions.value = options;
+    };
     const getQueryParamName = (param) => {
       var _a;
       const nameMap = searchBoxOptions.value.queryParameterNames;
@@ -7415,10 +7433,12 @@ var __async = (__this, __arguments, generator) => {
       searchResultsRoutingBehavior,
       defaultSearchResultPageSize,
       currentResolutionPageSizes,
+      productRecommendationOptions,
       setSearchBoxOptions,
       setTrackingOptions,
       setSearchResultOptions,
       setInitialFilters,
+      setProductRecommendationOptions,
       getQueryParamName
     };
   });
@@ -7506,7 +7526,7 @@ var __async = (__this, __arguments, generator) => {
       return void 0;
     }
   };
-  const initTracking = (options) => {
+  const initTracking$1 = (options) => {
     initBaseTracking(Boolean(options.trackBase));
     if (options.trackSession) {
       initSessionTracking();
@@ -7548,7 +7568,9 @@ var __async = (__this, __arguments, generator) => {
       name: data.type,
       userId: getUserKey(),
       sessionId: getSessionKey(),
-      filters: data.filters
+      filters: data.filters,
+      metadata: data.metadata,
+      sourceItemId: data.sourceItemId
     };
     LupaSearchSdk.track(queryKey, eventData, options);
   };
@@ -14883,7 +14905,7 @@ var __async = (__this, __arguments, generator) => {
   function fromJSON$1(json, inputs) {
     if (Array.isArray(json))
       return json.map((n) => fromJSON$1(n));
-    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
     if (ownInputs) {
       inputs = [];
       for (let input2 of ownInputs) {
@@ -14900,7 +14922,7 @@ var __async = (__this, __arguments, generator) => {
       defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
     }
     if (defaults.source) {
-      let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+      let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
       defaults.source = source;
       if (inputId != null) {
         defaults.source.input = inputs[inputId];
@@ -18978,7 +19000,7 @@ and ensure you are accounting for this risk.
       });
       const displayElement = computed(() => {
         const element = props.element;
-        const item = props.item;
+        const item = enhancedItem.value;
         if (!element.display) {
           return true;
         }
@@ -24261,7 +24283,8 @@ and ensure you are accounting for this risk.
       options: {},
       isAdditionalPanel: { type: Boolean },
       clickTrackingSettings: {},
-      lupaClickTrackingType: {}
+      lupaClickTrackingType: {},
+      sourceItemId: {}
     },
     setup(__props) {
       const props = __props;
@@ -24274,7 +24297,7 @@ and ensure you are accounting for this risk.
       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(() => {
@@ -24371,7 +24394,8 @@ and ensure you are accounting for this risk.
               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()) {
@@ -25035,7 +25059,8 @@ and ensure you are accounting for this risk.
         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;
@@ -32179,6 +32204,9 @@ and ensure you are accounting for this risk.
         optionsStore.setSearchResultOptions({
           options: props.options
         });
+        optionsStore.setProductRecommendationOptions({
+          options: props.options
+        });
         if (props.options.lazyLoad) {
           initIntersectionObserver();
         } else {
@@ -32283,8 +32311,10 @@ and ensure you are accounting for this risk.
                         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);
@@ -32298,8 +32328,9 @@ and ensure you are accounting for this risk.
                     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)
@@ -33037,7 +33068,7 @@ and ensure you are accounting for this risk.
   const setupTracking = (options) => {
     const pinia = initPinia();
     const store = useOptionsStore(pinia);
-    initTracking(options);
+    initTracking$1(options);
     store.setTrackingOptions({ options });
   };
   const displayDiscountedPriceSection = (doc2, options) => {
@@ -39663,6 +39694,49 @@ and ensure you are accounting for this risk.
       return null;
     }
   };
+  const mergeSearchBoxConfiguration = (options, overrides) => {
+    var _a, _b, _c;
+    for (const panel of (_a = options.panels) != null ? _a : []) {
+      if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+        continue;
+      }
+      const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+      if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+        continue;
+      }
+      panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+        var _a2;
+        const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+        if (!overrideElement) {
+          return element;
+        }
+        return __spreadValues(__spreadValues({}, element), overrideElement);
+      });
+    }
+    const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+    return merge(options, overridesWithoutPanels);
+  };
+  const mergeSearchResultsConfiguration = (options, overrides) => {
+    var _a;
+    if (!overrides.elements) {
+      return merge(options, overrides);
+    }
+    const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+    options.elements = elements;
+    const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+    return merge(options, overridesWithoutElements);
+  };
+  const PluginConfigurationMerger = {
+    mergeSearchBoxConfiguration,
+    mergeSearchResultsConfiguration
+  };
   const PREVIEW_PARAMETER = "lupaSearchPreview";
   const MAX_ELEMENT_MOUNT_RETRIES = 25;
   let styleElement = null;
@@ -39758,7 +39832,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+    );
     searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39779,7 +39856,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+    );
     searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39863,6 +39943,16 @@ and ensure you are accounting for this risk.
       { fetch: fetch2, allowedMountUrls }
     );
   });
+  const initTracking = (configuration) => __async(this, null, function* () {
+    let trackingOptions = { trackBase: false };
+    if (configuration.tracking) {
+      const resolvedConfiguration = JSON.parse(configuration.tracking);
+      if (resolvedConfiguration.trackBase) {
+        trackingOptions = resolvedConfiguration;
+      }
+    }
+    setupTracking(trackingOptions);
+  });
   const mount = (_0, ..._1) => __async(this, [_0, ..._1], function* (configuration, options = { environment: "production" }, optionOverrides = {}, fetch2 = true, remount = false) {
     yield applyStyles(configuration);
     const mountPromises = [
@@ -39873,6 +39963,7 @@ and ensure you are accounting for this risk.
       mountChat(configuration, options, fetch2, remount)
     ];
     yield Promise.all(mountPromises);
+    initTracking(configuration);
   });
   const init$1 = (_0, ..._1) => __async(this, [_0, ..._1], function* (configurationKey, options = { environment: "production" }, optionOverrides = {}) {
     var _a;

package/dist/lupaSearch.js

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve2, reject) => {
     var fulfilled = (value) => {
@@ -6406,7 +6418,7 @@ var __spreadValues2 = (a, b) => {
   return a;
 };
 var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-var __objRest = (source, exclude) => {
+var __objRest2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7339,6 +7351,7 @@ const useOptionsStore = defineStore("options", () => {
   );
   const trackingOptions = ref({});
   const searchResultInitialFilters = ref({});
+  const productRecommendationOptions = ref({});
   const screenStore = useScreenStore();
   const envOptions = computed(
     () => {
@@ -7399,6 +7412,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;
@@ -7415,10 +7433,12 @@ const useOptionsStore = defineStore("options", () => {
     searchResultsRoutingBehavior,
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
+    productRecommendationOptions,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
     setInitialFilters,
+    setProductRecommendationOptions,
     getQueryParamName
   };
 });
@@ -7506,7 +7526,7 @@ const getUserKey = () => {
     return void 0;
   }
 };
-const initTracking = (options) => {
+const initTracking$1 = (options) => {
   initBaseTracking(Boolean(options.trackBase));
   if (options.trackSession) {
     initSessionTracking();
@@ -7548,7 +7568,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);
 };
@@ -14883,7 +14905,7 @@ let Rule$2 = rule;
 function fromJSON$1(json, inputs) {
   if (Array.isArray(json))
     return json.map((n) => fromJSON$1(n));
-  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
   if (ownInputs) {
     inputs = [];
     for (let input2 of ownInputs) {
@@ -14900,7 +14922,7 @@ function fromJSON$1(json, inputs) {
     defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
   }
   if (defaults.source) {
-    let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+    let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
     defaults.source = source;
     if (inputId != null) {
       defaults.source.input = inputs[inputId];
@@ -18978,7 +19000,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     });
     const displayElement = computed(() => {
       const element = props.element;
-      const item = props.item;
+      const item = enhancedItem.value;
       if (!element.display) {
         return true;
       }
@@ -24261,7 +24283,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     options: {},
     isAdditionalPanel: { type: Boolean },
     clickTrackingSettings: {},
-    lupaClickTrackingType: {}
+    lupaClickTrackingType: {},
+    sourceItemId: {}
   },
   setup(__props) {
     const props = __props;
@@ -24274,7 +24297,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(() => {
@@ -24371,7 +24394,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()) {
@@ -25035,7 +25059,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;
@@ -32179,6 +32204,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       optionsStore.setSearchResultOptions({
         options: props.options
       });
+      optionsStore.setProductRecommendationOptions({
+        options: props.options
+      });
       if (props.options.lazyLoad) {
         initIntersectionObserver();
       } else {
@@ -32283,8 +32311,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);
@@ -32298,8 +32328,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)
@@ -33037,7 +33068,7 @@ const initPinia = () => {
 const setupTracking = (options) => {
   const pinia = initPinia();
   const store = useOptionsStore(pinia);
-  initTracking(options);
+  initTracking$1(options);
   store.setTrackingOptions({ options });
 };
 const displayDiscountedPriceSection = (doc2, options) => {
@@ -39663,6 +39694,49 @@ const getQueryParam = (name) => {
     return null;
   }
 };
+const mergeSearchBoxConfiguration = (options, overrides) => {
+  var _a, _b, _c;
+  for (const panel of (_a = options.panels) != null ? _a : []) {
+    if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+      continue;
+    }
+    const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+    if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+      continue;
+    }
+    panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+  }
+  const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+  return merge(options, overridesWithoutPanels);
+};
+const mergeSearchResultsConfiguration = (options, overrides) => {
+  var _a;
+  if (!overrides.elements) {
+    return merge(options, overrides);
+  }
+  const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+    var _a2;
+    const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+    if (!overrideElement) {
+      return element;
+    }
+    return __spreadValues(__spreadValues({}, element), overrideElement);
+  });
+  options.elements = elements;
+  const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+  return merge(options, overridesWithoutElements);
+};
+const PluginConfigurationMerger = {
+  mergeSearchBoxConfiguration,
+  mergeSearchResultsConfiguration
+};
 const PREVIEW_PARAMETER = "lupaSearchPreview";
 const MAX_ELEMENT_MOUNT_RETRIES = 25;
 let styleElement = null;
@@ -39758,7 +39832,10 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+  );
   searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(exports, null, function* () {
@@ -39779,7 +39856,10 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+  );
   searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(exports, null, function* () {
@@ -39863,6 +39943,16 @@ const mountChat = (configuration, options, fetch2 = true, remount = false) => __
     { fetch: fetch2, allowedMountUrls }
   );
 });
+const initTracking = (configuration) => __async(exports, null, function* () {
+  let trackingOptions = { trackBase: false };
+  if (configuration.tracking) {
+    const resolvedConfiguration = JSON.parse(configuration.tracking);
+    if (resolvedConfiguration.trackBase) {
+      trackingOptions = resolvedConfiguration;
+    }
+  }
+  setupTracking(trackingOptions);
+});
 const mount = (_0, ..._1) => __async(exports, [_0, ..._1], function* (configuration, options = { environment: "production" }, optionOverrides = {}, fetch2 = true, remount = false) {
   yield applyStyles(configuration);
   const mountPromises = [
@@ -39873,6 +39963,7 @@ const mount = (_0, ..._1) => __async(exports, [_0, ..._1], function* (configurat
     mountChat(configuration, options, fetch2, remount)
   ];
   yield Promise.all(mountPromises);
+  initTracking(configuration);
 });
 const init$1 = (_0, ..._1) => __async(exports, [_0, ..._1], function* (configurationKey, options = { environment: "production" }, optionOverrides = {}) {
   var _a;

package/dist/lupaSearch.mjs

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve2, reject) => {
     var fulfilled = (value) => {
@@ -6404,7 +6416,7 @@ var __spreadValues2 = (a, b) => {
   return a;
 };
 var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-var __objRest = (source, exclude) => {
+var __objRest2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7337,6 +7349,7 @@ const useOptionsStore = defineStore("options", () => {
   );
   const trackingOptions = ref({});
   const searchResultInitialFilters = ref({});
+  const productRecommendationOptions = ref({});
   const screenStore = useScreenStore();
   const envOptions = computed(
     () => {
@@ -7397,6 +7410,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;
@@ -7413,10 +7431,12 @@ const useOptionsStore = defineStore("options", () => {
     searchResultsRoutingBehavior,
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
+    productRecommendationOptions,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
     setInitialFilters,
+    setProductRecommendationOptions,
     getQueryParamName
   };
 });
@@ -7504,7 +7524,7 @@ const getUserKey = () => {
     return void 0;
   }
 };
-const initTracking = (options) => {
+const initTracking$1 = (options) => {
   initBaseTracking(Boolean(options.trackBase));
   if (options.trackSession) {
     initSessionTracking();
@@ -7546,7 +7566,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);
 };
@@ -14881,7 +14903,7 @@ let Rule$2 = rule;
 function fromJSON$1(json, inputs) {
   if (Array.isArray(json))
     return json.map((n) => fromJSON$1(n));
-  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
   if (ownInputs) {
     inputs = [];
     for (let input2 of ownInputs) {
@@ -14898,7 +14920,7 @@ function fromJSON$1(json, inputs) {
     defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
   }
   if (defaults.source) {
-    let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+    let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
     defaults.source = source;
     if (inputId != null) {
       defaults.source.input = inputs[inputId];
@@ -18976,7 +18998,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     });
     const displayElement = computed(() => {
       const element = props.element;
-      const item = props.item;
+      const item = enhancedItem.value;
       if (!element.display) {
         return true;
       }
@@ -24259,7 +24281,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     options: {},
     isAdditionalPanel: { type: Boolean },
     clickTrackingSettings: {},
-    lupaClickTrackingType: {}
+    lupaClickTrackingType: {},
+    sourceItemId: {}
   },
   setup(__props) {
     const props = __props;
@@ -24272,7 +24295,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(() => {
@@ -24369,7 +24392,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()) {
@@ -25033,7 +25057,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;
@@ -32177,6 +32202,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       optionsStore.setSearchResultOptions({
         options: props.options
       });
+      optionsStore.setProductRecommendationOptions({
+        options: props.options
+      });
       if (props.options.lazyLoad) {
         initIntersectionObserver();
       } else {
@@ -32281,8 +32309,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);
@@ -32296,8 +32326,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)
@@ -33035,7 +33066,7 @@ const initPinia = () => {
 const setupTracking = (options) => {
   const pinia = initPinia();
   const store = useOptionsStore(pinia);
-  initTracking(options);
+  initTracking$1(options);
   store.setTrackingOptions({ options });
 };
 const displayDiscountedPriceSection = (doc2, options) => {
@@ -39661,6 +39692,49 @@ const getQueryParam = (name) => {
     return null;
   }
 };
+const mergeSearchBoxConfiguration = (options, overrides) => {
+  var _a, _b, _c;
+  for (const panel of (_a = options.panels) != null ? _a : []) {
+    if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+      continue;
+    }
+    const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+    if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+      continue;
+    }
+    panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+  }
+  const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+  return merge(options, overridesWithoutPanels);
+};
+const mergeSearchResultsConfiguration = (options, overrides) => {
+  var _a;
+  if (!overrides.elements) {
+    return merge(options, overrides);
+  }
+  const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+    var _a2;
+    const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+    if (!overrideElement) {
+      return element;
+    }
+    return __spreadValues(__spreadValues({}, element), overrideElement);
+  });
+  options.elements = elements;
+  const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+  return merge(options, overridesWithoutElements);
+};
+const PluginConfigurationMerger = {
+  mergeSearchBoxConfiguration,
+  mergeSearchResultsConfiguration
+};
 const PREVIEW_PARAMETER = "lupaSearchPreview";
 const MAX_ELEMENT_MOUNT_RETRIES = 25;
 let styleElement = null;
@@ -39756,7 +39830,10 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+  );
   searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(void 0, null, function* () {
@@ -39777,7 +39854,10 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+  );
   searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(void 0, null, function* () {
@@ -39861,6 +39941,16 @@ const mountChat = (configuration, options, fetch2 = true, remount = false) => __
     { fetch: fetch2, allowedMountUrls }
   );
 });
+const initTracking = (configuration) => __async(void 0, null, function* () {
+  let trackingOptions = { trackBase: false };
+  if (configuration.tracking) {
+    const resolvedConfiguration = JSON.parse(configuration.tracking);
+    if (resolvedConfiguration.trackBase) {
+      trackingOptions = resolvedConfiguration;
+    }
+  }
+  setupTracking(trackingOptions);
+});
 const mount = (_0, ..._1) => __async(void 0, [_0, ..._1], function* (configuration, options = { environment: "production" }, optionOverrides = {}, fetch2 = true, remount = false) {
   yield applyStyles(configuration);
   const mountPromises = [
@@ -39871,6 +39961,7 @@ const mount = (_0, ..._1) => __async(void 0, [_0, ..._1], function* (configurati
     mountChat(configuration, options, fetch2, remount)
   ];
   yield Promise.all(mountPromises);
+  initTracking(configuration);
 });
 const init$1 = (_0, ..._1) => __async(void 0, [_0, ..._1], function* (configurationKey, options = { environment: "production" }, optionOverrides = {}) {
   var _a;

package/dist/lupaSearch.umd.js

@@ -20,6 +20,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -6408,7 +6420,7 @@ var __async = (__this, __arguments, generator) => {
     return a;
   };
   var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-  var __objRest = (source, exclude) => {
+  var __objRest2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7341,6 +7353,7 @@ var __async = (__this, __arguments, generator) => {
     );
     const trackingOptions = ref({});
     const searchResultInitialFilters = ref({});
+    const productRecommendationOptions = ref({});
     const screenStore = useScreenStore();
     const envOptions = computed(
       () => {
@@ -7401,6 +7414,11 @@ var __async = (__this, __arguments, generator) => {
     const setInitialFilters = ({ initialFilters: initialFilters2 }) => {
       searchResultInitialFilters.value = initialFilters2;
     };
+    const setProductRecommendationOptions = ({
+      options
+    }) => {
+      productRecommendationOptions.value = options;
+    };
     const getQueryParamName = (param) => {
       var _a;
       const nameMap = searchBoxOptions.value.queryParameterNames;
@@ -7417,10 +7435,12 @@ var __async = (__this, __arguments, generator) => {
       searchResultsRoutingBehavior,
       defaultSearchResultPageSize,
       currentResolutionPageSizes,
+      productRecommendationOptions,
       setSearchBoxOptions,
       setTrackingOptions,
       setSearchResultOptions,
       setInitialFilters,
+      setProductRecommendationOptions,
       getQueryParamName
     };
   });
@@ -7508,7 +7528,7 @@ var __async = (__this, __arguments, generator) => {
       return void 0;
     }
   };
-  const initTracking = (options) => {
+  const initTracking$1 = (options) => {
     initBaseTracking(Boolean(options.trackBase));
     if (options.trackSession) {
       initSessionTracking();
@@ -7550,7 +7570,9 @@ var __async = (__this, __arguments, generator) => {
       name: data.type,
       userId: getUserKey(),
       sessionId: getSessionKey(),
-      filters: data.filters
+      filters: data.filters,
+      metadata: data.metadata,
+      sourceItemId: data.sourceItemId
     };
     LupaSearchSdk.track(queryKey, eventData, options);
   };
@@ -14885,7 +14907,7 @@ var __async = (__this, __arguments, generator) => {
   function fromJSON$1(json, inputs) {
     if (Array.isArray(json))
       return json.map((n) => fromJSON$1(n));
-    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
     if (ownInputs) {
       inputs = [];
       for (let input2 of ownInputs) {
@@ -14902,7 +14924,7 @@ var __async = (__this, __arguments, generator) => {
       defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
     }
     if (defaults.source) {
-      let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+      let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
       defaults.source = source;
       if (inputId != null) {
         defaults.source.input = inputs[inputId];
@@ -18980,7 +19002,7 @@ and ensure you are accounting for this risk.
       });
       const displayElement = computed(() => {
         const element = props.element;
-        const item = props.item;
+        const item = enhancedItem.value;
         if (!element.display) {
           return true;
         }
@@ -24263,7 +24285,8 @@ and ensure you are accounting for this risk.
       options: {},
       isAdditionalPanel: { type: Boolean },
       clickTrackingSettings: {},
-      lupaClickTrackingType: {}
+      lupaClickTrackingType: {},
+      sourceItemId: {}
     },
     setup(__props) {
       const props = __props;
@@ -24276,7 +24299,7 @@ and ensure you are accounting for this risk.
       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(() => {
@@ -24373,7 +24396,8 @@ and ensure you are accounting for this risk.
               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()) {
@@ -25037,7 +25061,8 @@ and ensure you are accounting for this risk.
         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;
@@ -32181,6 +32206,9 @@ and ensure you are accounting for this risk.
         optionsStore.setSearchResultOptions({
           options: props.options
         });
+        optionsStore.setProductRecommendationOptions({
+          options: props.options
+        });
         if (props.options.lazyLoad) {
           initIntersectionObserver();
         } else {
@@ -32285,8 +32313,10 @@ and ensure you are accounting for this risk.
                         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);
@@ -32300,8 +32330,9 @@ and ensure you are accounting for this risk.
                     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)
@@ -33039,7 +33070,7 @@ and ensure you are accounting for this risk.
   const setupTracking = (options) => {
     const pinia = initPinia();
     const store = useOptionsStore(pinia);
-    initTracking(options);
+    initTracking$1(options);
     store.setTrackingOptions({ options });
   };
   const displayDiscountedPriceSection = (doc2, options) => {
@@ -39665,6 +39696,49 @@ and ensure you are accounting for this risk.
       return null;
     }
   };
+  const mergeSearchBoxConfiguration = (options, overrides) => {
+    var _a, _b, _c;
+    for (const panel of (_a = options.panels) != null ? _a : []) {
+      if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+        continue;
+      }
+      const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+      if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+        continue;
+      }
+      panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+        var _a2;
+        const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+        if (!overrideElement) {
+          return element;
+        }
+        return __spreadValues(__spreadValues({}, element), overrideElement);
+      });
+    }
+    const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+    return merge(options, overridesWithoutPanels);
+  };
+  const mergeSearchResultsConfiguration = (options, overrides) => {
+    var _a;
+    if (!overrides.elements) {
+      return merge(options, overrides);
+    }
+    const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+    options.elements = elements;
+    const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+    return merge(options, overridesWithoutElements);
+  };
+  const PluginConfigurationMerger = {
+    mergeSearchBoxConfiguration,
+    mergeSearchResultsConfiguration
+  };
   const PREVIEW_PARAMETER = "lupaSearchPreview";
   const MAX_ELEMENT_MOUNT_RETRIES = 25;
   let styleElement = null;
@@ -39760,7 +39834,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+    );
     searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39781,7 +39858,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+    );
     searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39865,6 +39945,16 @@ and ensure you are accounting for this risk.
       { fetch: fetch2, allowedMountUrls }
     );
   });
+  const initTracking = (configuration) => __async(this, null, function* () {
+    let trackingOptions = { trackBase: false };
+    if (configuration.tracking) {
+      const resolvedConfiguration = JSON.parse(configuration.tracking);
+      if (resolvedConfiguration.trackBase) {
+        trackingOptions = resolvedConfiguration;
+      }
+    }
+    setupTracking(trackingOptions);
+  });
   const mount = (_0, ..._1) => __async(this, [_0, ..._1], function* (configuration, options = { environment: "production" }, optionOverrides = {}, fetch2 = true, remount = false) {
     yield applyStyles(configuration);
     const mountPromises = [
@@ -39875,6 +39965,7 @@ and ensure you are accounting for this risk.
       mountChat(configuration, options, fetch2, remount)
     ];
     yield Promise.all(mountPromises);
+    initTracking(configuration);
   });
   const init$1 = (_0, ..._1) => __async(this, [_0, ..._1], function* (configurationKey, options = { environment: "production" }, optionOverrides = {}) {
     var _a;

package/dist/src/modules/pluginManager/PluginConfigurationMerger.d.ts

@@ -0,0 +1,85 @@
+import { ResolvedSearchBoxOptions, ResolvedSearchResultOptions } from '../../types/ResolvedOptions';
+import { SearchBoxOptions, SearchResultsOptions } from '@getlupa/vue';
+declare const _default: {
+    mergeSearchBoxConfiguration: (options: ResolvedSearchBoxOptions, overrides: Partial<SearchBoxOptions>) => import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxInputOptions & {
+        history: import("@getlupa/vue/dist/src/types/search-box/SearchBoxHistory").SearchBoxHistory;
+        panels: import("@getlupa/vue/dist/src/types/search-box/SearchBoxPanel").SearchBoxPanel[];
+        options: import("@getlupa/vue").SdkOptions;
+        debounce?: number;
+        showTotalCount?: boolean;
+        showNoResultsPanel?: boolean;
+        hideMoreResultsButtonOnNoResults?: boolean;
+        showMoreResultsButton?: boolean;
+        expandOnSinglePanel?: boolean;
+        forceFullReloadOnParams?: string[];
+        initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
+    } & {
+        inputSelector: string;
+        searchTriggers?: string[];
+        routingBehavior?: import("@getlupa/vue").RoutingBehavior;
+        dynamicData?: import("@getlupa/vue").DynamicData;
+        callbacks?: import("@getlupa/vue").SearchBoxEventCallbacks;
+        redirections?: import("@getlupa/vue").RedirectionOptions;
+        queryParameterNames?: Record<import("@getlupa/vue/dist/src/types/General").LupaQueryParamValue, string>;
+        keepOpen?: boolean;
+    } & {
+        allowedMountUrls?: string[];
+    } & {
+        minInputLength?: number;
+        labels?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxOptionLabels;
+        links?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxOptionLinks;
+        inputAttributes?: Record<string, string>;
+        showSubmitButton?: boolean;
+        history?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxHistory").SearchBoxHistory;
+        options?: import("@getlupa/vue").SdkOptions;
+        debounce?: number;
+        showTotalCount?: boolean;
+        showNoResultsPanel?: boolean;
+        hideMoreResultsButtonOnNoResults?: boolean;
+        showMoreResultsButton?: boolean;
+        expandOnSinglePanel?: boolean;
+        forceFullReloadOnParams?: string[];
+        initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
+        inputSelector?: string;
+        searchTriggers?: string[];
+        routingBehavior?: import("@getlupa/vue").RoutingBehavior;
+        dynamicData?: import("@getlupa/vue").DynamicData;
+        callbacks?: import("@getlupa/vue").SearchBoxEventCallbacks;
+        redirections?: import("@getlupa/vue").RedirectionOptions;
+        queryParameterNames?: Record<import("@getlupa/vue/dist/src/types/General").LupaQueryParamValue, string>;
+        keepOpen?: boolean;
+    };
+    mergeSearchResultsConfiguration: (options: ResolvedSearchResultOptions, overrides: Partial<SearchResultsOptions>) => import("@getlupa/vue/dist/src/types/search-results/SearchResultsProductCardOptions").SearchResultsProductCardOptions & import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").SearchResultsAdditionalPanels & {
+        grid: import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").ProductGrid;
+        options: import("@getlupa/vue").SdkOptions;
+        queryKey: string;
+        pagination: import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").SearchResultsPagination;
+        sort: import("@getlupa/vue").SearchResultsSortOptions[];
+        filters?: import("@getlupa/vue").SearchResultsFilterOptions;
+        searchTitlePosition?: string;
+        hideResultsOnReload?: boolean;
+        relatedQueries?: import("@getlupa/vue/dist/src/types/search-results/RelatedQueryOptions").RelatedQueryOptions;
+        redirectionSuggestions?: import("@getlupa/vue/dist/src/types/search-results/RedirectionSuggestionOptionts").RedirectionSuggestionOptions[];
+        toolbar?: {
+            layoutSelector?: boolean;
+            itemSummary?: boolean;
+            clearFilters?: boolean;
+            totalCount?: boolean;
+        };
+    } & {
+        containerSelector: string;
+        breadcrumbs: import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").SearchResultsBreadcrumb[];
+        classMap?: Record<string, string>;
+        disallowEmptyQuery?: boolean;
+        callbacks?: import("@getlupa/vue").SearchResultEventCallbacks;
+        categories?: import("@getlupa/vue").CategoryFilterOptions;
+        dynamicData?: import("@getlupa/vue").DynamicData;
+        ssr?: import("@getlupa/vue").SsrOptions;
+        redirections?: import("@getlupa/vue").RedirectionOptions;
+        scrollToResults?: import("@getlupa/vue").ScrollToResultsOptions;
+        initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
+    } & {
+        allowedMountUrls?: string[];
+    } & Partial<SearchResultsOptions>;
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.15.13",
+  "version": "1.15.16",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.15.13",
+    "@getlupa/vue": "0.15.16",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",