@getlupa/client 1.17.0 → 1.17.4

package/dist/lupaSearch.umd.js

@@ -7838,7 +7838,7 @@ var __async = (__this, __arguments, generator) => {
     }
     return (_b = value.toFixed(2)) == null ? void 0 : _b.replace(".", separator);
   };
-  const formatPrice = (price, currency = "€", separator = ",") => {
+  const formatPrice = (price, currency = "€", separator = ",", currencyTemplate = "") => {
     if (price !== 0 && !price) {
       return "";
     }
@@ -7846,16 +7846,24 @@ var __async = (__this, __arguments, generator) => {
     if (!amount) {
       return "";
     }
+    if (currencyTemplate) {
+      return addParamsToLabel(currencyTemplate, amount);
+    }
     return `${amount} ${currency}`;
   };
-  const formatPriceSummary = ([min, max], currency, separator = ",") => {
+  const formatPriceSummary = ([min, max], currency, separator = ",", currencyTemplate = "") => {
     if (min !== void 0 && max !== void 0) {
-      return `${formatPrice(min, currency, separator)} - ${formatPrice(max, currency, separator)}`;
+      return `${formatPrice(min, currency, separator, currencyTemplate)} - ${formatPrice(
+        max,
+        currency,
+        separator,
+        currencyTemplate
+      )}`;
     }
     if (min !== void 0) {
-      return `> ${formatPrice(min, currency, separator)}`;
+      return `> ${formatPrice(min, currency, separator, currencyTemplate)}`;
     }
-    return `< ${formatPrice(max, currency, separator)}`;
+    return `< ${formatPrice(max, currency, separator, currencyTemplate)}`;
   };
   const formatRange = (filter2) => {
     var _a, _b;
@@ -7885,7 +7893,12 @@ var __async = (__this, __arguments, generator) => {
       return [
         {
           key,
-          value: formatPriceSummary([gt, lt], price.currency, price.separator),
+          value: formatPriceSummary(
+            [gt, lt],
+            price.currency,
+            price.separator,
+            price.currencyTemplate
+          ),
           type: "range"
         }
       ];
@@ -14491,6 +14504,7 @@ var __async = (__this, __arguments, generator) => {
     },
     emits: ["go-to-results"],
     setup(__props, { emit: emit2 }) {
+      const props = __props;
       const historyStore = useHistoryStore();
       const searchBoxStore = useSearchBoxStore();
       const { highlightedIndex } = storeToRefs(searchBoxStore);
@@ -14506,6 +14520,14 @@ var __async = (__this, __arguments, generator) => {
       onBeforeMount(() => {
         window.removeEventListener("keydown", handleKeyDown);
       });
+      const historyLimit = computed(() => {
+        var _a;
+        return (_a = props.options.historyLimit) != null ? _a : 5;
+      });
+      const limitedHistory = computed(() => {
+        var _a;
+        return ((_a = history.value) != null ? _a : []).slice(0, historyLimit.value);
+      });
       const remove2 = ({ item }) => {
         historyStore.remove({ item });
       };
@@ -14526,7 +14548,7 @@ var __async = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1g, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(limitedHistory.value, (item, index) => {
             return openBlock(), createBlock(_sfc_main$1t, {
               key: item,
               item,
@@ -24083,11 +24105,12 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -24110,11 +24133,12 @@ and ensure you are accounting for this risk.
         return props.options.className;
       });
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -24278,12 +24302,17 @@ and ensure you are accounting for this risk.
       var _a, _b, _c;
       return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.priceSeparator) != null ? _c : "";
     });
+    const currencyTemplate = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currencyTemplate) != null ? _c : "";
+    });
     const labeledFilters = computed(
       () => getLabeledFilters(
         unfoldFilters(filters.value, {
           keys: priceKeys.value,
           currency: currency.value,
-          separator: priceSeparator.value
+          separator: priceSeparator.value,
+          currencyTemplate: currencyTemplate.value
         }),
         facets2.value
       )
@@ -24831,11 +24860,12 @@ and ensure you are accounting for this risk.
         return 0;
       });
       const discountStringValue = computed(() => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         return props.badge.discountType === "percentage" ? discountValue.value.toFixed(0) : formatPrice(
           discountValue.value,
           (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency,
-          (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator
+          (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator,
+          (_f = (_e = searchResultOptions.value) == null ? void 0 : _e.labels) == null ? void 0 : _f.currencyTemplate
         );
       });
       const hasDiscount = computed(() => {
@@ -25223,6 +25253,9 @@ and ensure you are accounting for this risk.
         }
         emit2("product-click");
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+        if (props.panelOptions.programmaticNavigation) {
+          window.location.assign(link);
+        }
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$Z, [
@@ -25843,6 +25876,7 @@ and ensure you are accounting for this risk.
       const suggestedValue = ref(defaultSuggestedValue);
       const opened = ref(props.isSearchContainer);
       const focused = ref(false);
+      const openedAt = ref(null);
       const searchBoxInput = ref(null);
       const { highlightedDocument } = storeToRefs(searchBoxStore);
       const searchValue = computed(() => {
@@ -25879,7 +25913,7 @@ and ensure you are accounting for this risk.
       });
       const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
       onMounted(() => {
-        var _a2;
+        var _a2, _b, _c;
         window.addEventListener("keydown", handleKeyDown);
         window.addEventListener("click", handleMouseClick);
         paramsStore.setSearchResultsLink(props.options.links.searchResults);
@@ -25890,6 +25924,9 @@ and ensure you are accounting for this risk.
         if (props.isSearchContainer && searchBoxInput.value) {
           (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
         }
+        if ((_b = props.options.callbacks) == null ? void 0 : _b.onMounted) {
+          (_c = props.options.callbacks) == null ? void 0 : _c.onMounted();
+        }
       });
       onBeforeUnmount(() => {
         window.removeEventListener("keydown", handleKeyDown);
@@ -25897,11 +25934,14 @@ and ensure you are accounting for this risk.
         unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
       });
       const handleMouseClick = (e2) => {
-        var _a2, _b;
+        var _a2, _b, _c, _d;
         const el = document.getElementById("lupa-search-box");
         const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
         const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
         const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+        if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
+          return;
+        }
         if (isOutsideElement && props.options.keepOpen) {
           focused.value = false;
         }
@@ -25910,11 +25950,18 @@ and ensure you are accounting for this risk.
         }
         opened.value = false;
         suggestedValue.value = defaultSuggestedValue;
+        if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
+          (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+        }
       };
       const close = () => {
+        var _a2, _b;
         opened.value = false;
         focused.value = false;
         suggestedValue.value = defaultSuggestedValue;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onClosed) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onClosed();
+        }
       };
       const handleKeyDown = (e2) => {
         var _a2, _b;
@@ -25933,15 +25980,22 @@ and ensure you are accounting for this risk.
             handleSearch();
             resetValues();
             break;
+          case "Escape":
+            opened.value = false;
+            focused.value = false;
+            break;
         }
       };
       const handleInput = (value) => {
-        var _a2;
+        var _a2, _b;
         opened.value = true;
         focused.value = true;
         inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
         suggestedValue.value = defaultSuggestedValue;
         searchBoxStore.resetHighlightIndex();
+        if ((_b = props.options.callbacks) == null ? void 0 : _b.onSearchBoxInput) {
+          props.options.callbacks.onSearchBoxInput(value);
+        }
         trackSearchQuery(value);
         if (props.isSearchContainer) {
           goToResultsDebounced({
@@ -26074,6 +26128,13 @@ and ensure you are accounting for this risk.
         });
       };
       watch(() => props.options.debounce, handleCurrentValueSearch);
+      watch(opened, () => {
+        if (opened.value) {
+          openedAt.value = Date.now();
+        } else {
+          openedAt.value = null;
+        }
+      });
       const resetValues = () => {
         inputValue.value = "";
         suggestedValue.value = defaultSuggestedValue;
@@ -26085,6 +26146,20 @@ and ensure you are accounting for this risk.
       const slotProps = (props2) => {
         return __spreadValues2({}, props2);
       };
+      const onFocus = () => {
+        var _a2, _b;
+        opened.value = true;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onFocused) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onFocused();
+        }
+      };
+      const onBlur = () => {
+        var _a2, _b;
+        focused.value = false;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onBlurred) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onBlurred();
+        }
+      };
       return (_ctx, _cache) => {
         var _a2;
         return openBlock(), createElementBlock("div", _hoisted_1$W, [
@@ -26097,10 +26172,10 @@ and ensure you are accounting for this risk.
               ref_key: "searchBoxInput",
               ref: searchBoxInput,
               onInput: handleInput,
-              onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false),
-              onFocus: _cache[1] || (_cache[1] = ($event) => opened.value = true),
+              onBlur,
+              onFocus,
               onSearch: handleSearch,
-              onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
+              onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
             opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$11, {
               key: 0,
@@ -27856,6 +27931,10 @@ and ensure you are accounting for this risk.
         var _a;
         return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
       });
+      const currencyTemplate = computed(() => {
+        var _a;
+        return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currencyTemplate;
+      });
       const priceKeys = computed(() => {
         var _a, _b;
         return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
@@ -27938,7 +28017,7 @@ and ensure you are accounting for this risk.
       });
       const statsSummary = computed(() => {
         const [min, max] = sliderRange.value;
-        return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value) : formatRange({ gte: min, lte: max });
+        return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value, currencyTemplate.value) : formatRange({ gte: min, lte: max });
       });
       const separator = computed(() => {
         var _a, _b, _c;
@@ -29591,11 +29670,12 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -29616,11 +29696,12 @@ and ensure you are accounting for this risk.
         return props.options.className;
       });
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -39563,6 +39644,33 @@ and ensure you are accounting for this risk.
       shadow.appendChild(style);
     }
   };
+  const createDomPing = () => {
+    let intervalId = null;
+    let remaining = 0;
+    return (intervalMs = 100, count = 50) => {
+      if (intervalId !== null) {
+        clearInterval(intervalId);
+      }
+      remaining = count;
+      const flush = () => {
+        if (remaining-- <= 0) {
+          if (intervalId !== null) {
+            clearInterval(intervalId);
+            intervalId = null;
+          }
+          return;
+        }
+        const el = document.createElement("div");
+        el.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;";
+        el.setAttribute("data-nudge", Date.now().toString());
+        document.body.appendChild(el);
+        document.body.removeChild(el);
+      };
+      flush();
+      intervalId = window.setInterval(flush, intervalMs);
+    };
+  };
+  const startDomPing = createDomPing();
   const getMountElement = (element, mountingBehavior = "replace", mountToParent) => {
     const parent = element == null ? void 0 : element.parentElement;
     if (mountingBehavior === "replace") {
@@ -39618,6 +39726,58 @@ and ensure you are accounting for this risk.
     recommendations: {},
     chat: {}
   };
+  const addSearchBoxDomPingIfConfigured = (options, mountOptions) => {
+    var _a;
+    if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+      return options;
+    }
+    const newOptions = __spreadProps(__spreadValues({}, options), {
+      callbacks: {
+        onMounted: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onBlurred: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onBlurred) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onFocused: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onFocused) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onSearchBoxInput: (...args) => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onSearchBoxInput) == null ? void 0 : _b.call(_a2, ...args);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        }
+      }
+    });
+    return newOptions;
+  };
+  const addSearchResultsDomPingIfConfigured = (options, mountOptions) => {
+    var _a;
+    if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+      return options;
+    }
+    const newOptions = __spreadProps(__spreadValues({}, options), {
+      callbacks: {
+        onMounted: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onUrlQueryChange: (...args) => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onUrlQueryChange) == null ? void 0 : _b.call(_a2, ...args);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        }
+      }
+    });
+    return newOptions;
+  };
   const applySearchBox = (options, mountOptions) => {
     const existingInstance = app.box[options.inputSelector];
     if (existingInstance) {
@@ -39647,9 +39807,10 @@ and ensure you are accounting for this risk.
     if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
       return;
     }
+    const transformedOptions = addSearchBoxDomPingIfConfigured(options, mountOptions);
     const inputs = (_a = options.inputSelector) == null ? void 0 : _a.split(",");
     for (const input2 of inputs) {
-      applySearchBox(__spreadProps(__spreadValues({}, options), { inputSelector: input2.trim() }), mountOptions);
+      applySearchBox(__spreadProps(__spreadValues({}, transformedOptions), { inputSelector: input2.trim() }), mountOptions);
     }
   };
   const searchResults = (options, mountOptions) => {
@@ -39667,12 +39828,13 @@ and ensure you are accounting for this risk.
       }
       return;
     }
+    const transformedOptions = addSearchResultsDomPingIfConfigured(options, mountOptions);
     const instance = createVue(
       options.containerSelector,
       mountOptions == null ? void 0 : mountOptions.mountingBehavior,
       _sfc_main$3,
       {
-        searchResultsOptions: options
+        searchResultsOptions: transformedOptions
       }
     );
     if (!instance) {
@@ -40112,6 +40274,7 @@ and ensure you are accounting for this risk.
     }
     const resolvedConfiguration = JSON.parse(configuration.searchBox);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const domPing = resolvedConfiguration.domPing;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.inputSelector,
       0,
@@ -40127,7 +40290,7 @@ and ensure you are accounting for this risk.
       resolvedConfiguration,
       (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
     );
-    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
     var _a;
@@ -40136,6 +40299,7 @@ and ensure you are accounting for this risk.
     }
     const resolvedConfiguration = JSON.parse(configuration.searchResults);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const domPing = resolvedConfiguration.domPing;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -40151,7 +40315,7 @@ and ensure you are accounting for this risk.
       resolvedConfiguration,
       (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
     );
-    searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
     var _a;

package/dist/src/index.d.ts

@@ -12,27 +12,47 @@ declare const lupaSearch: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     searchResults: (options: SearchResultsOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     tracking: (options: TrackingOptions) => void;
     productList: (options: ProductListOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     searchContainer: (options: SearchContainerOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     recommendations: (options: ProductRecommendationOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     clearSearchBox: (selector?: string) => void;
     clearSearchResults: (selector?: string) => void;
@@ -43,12 +63,20 @@ declare const lupaSearch: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     clearChat: (selector?: string) => void;
     preconfiguredSearchContainer: (preconfiguredSearchContainerOptions: PreconfiguredSearchContainerOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     getSearchBoxComponent: ({ searchBoxOptions, labels, panelOptions, redirections, placeholderImage }: PreconfiguredSearchContainerOptions) => SearchBoxOptions;
     getSearchResultsComponent: ({ searchResultOptions, labels, redirections, placeholderImage, configuratorOverrides, callbacks, additionalFields }: PreconfiguredSearchContainerOptions) => SearchResultsOptions;

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

@@ -24,6 +24,10 @@ declare const _default: {
         keepOpen?: boolean;
     } & {
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     } & {
         minInputLength?: number;
         labels?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxOptionLabels;
@@ -82,6 +86,10 @@ declare const _default: {
         initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
     } & {
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     } & Partial<SearchResultsOptions>;
 };
 export default _default;

package/dist/src/mounting.d.ts

@@ -5,6 +5,10 @@ type MountOptions = {
     fetch?: boolean;
     mountingBehavior?: 'replace' | 'append' | 'prepend';
     allowedMountUrls?: string[];
+    domPing?: {
+        intervalMs?: number;
+        count?: number;
+    };
 };
 export declare const applySearchBox: (options: SearchBoxOptions, mountOptions?: MountOptions) => void;
 export declare const searchBox: (options: SearchBoxOptions, mountOptions?: MountOptions) => void;

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

@@ -1,9 +1,17 @@
 import { ProductListOptions, ProductRecommendationOptions, SearchBoxOptions, SearchResultsOptions } from '@getlupa/vue';
 export type ResolvedSearchBoxOptions = SearchBoxOptions & {
     allowedMountUrls?: string[];
+    domPing?: {
+        intervalMs?: number;
+        count?: number;
+    };
 };
 export type ResolvedSearchResultOptions = SearchResultsOptions & {
     allowedMountUrls?: string[];
+    domPing?: {
+        intervalMs?: number;
+        count?: number;
+    };
 };
 export type ResolvedProductListOptions = ProductListOptions & {
     allowedMountUrls?: string[];

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

@@ -1,4 +1,6 @@
 import { type Component } from 'vue';
+export declare const createDomPing: () => (intervalMs?: number, count?: number) => void;
+export declare const startDomPing: (intervalMs?: number, count?: number) => void;
 export declare const createVue: (selector: string | Element, mountingBehavior: string, rootComponent: Component, options: Record<string, unknown>, mountToParent?: boolean) => {
     mountedApp: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
     mountedComponent: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.17.0",
+  "version": "1.17.4",
   "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.17.0",
+    "@getlupa/vue": "0.17.4",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",