@getlupa/client 1.14.7 → 1.14.13

package/dist/lupaSearch.umd.js

@@ -7653,12 +7653,11 @@ var __async = (__this, __arguments, generator) => {
     return SearchBoxPanelType2;
   })(SearchBoxPanelType || {});
   var BadgeType = /* @__PURE__ */ ((BadgeType2) => {
-    BadgeType2["DISCOUNTPERCENTAGE"] = "discountPercentage";
-    BadgeType2["DISCOUNTAMOUNT"] = "discountAmount";
     BadgeType2["NEWITEM"] = "newItem";
     BadgeType2["TEXT"] = "text";
     BadgeType2["IMAGE"] = "image";
     BadgeType2["CUSTOM_HTML"] = "customHtml";
+    BadgeType2["DISCOUNT"] = "discount";
     return BadgeType2;
   })(BadgeType || {});
   const retrieveHistory = () => {
@@ -8611,7 +8610,7 @@ var __async = (__this, __arguments, generator) => {
     key: 0,
     class: "lupa-close-label"
   };
-  const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
       options: {},
@@ -8741,7 +8740,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxMoreResults",
     props: {
       labels: {},
@@ -8775,7 +8774,7 @@ var __async = (__this, __arguments, generator) => {
   });
   const _hoisted_1$1f = { class: "lupa-search-box-history-item" };
   const _hoisted_2$T = { class: "lupa-search-box-history-item-content" };
-  const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
       item: {},
@@ -8810,7 +8809,7 @@ var __async = (__this, __arguments, generator) => {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
-  const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryPanel",
     props: {
       options: {}
@@ -8853,7 +8852,7 @@ var __async = (__this, __arguments, generator) => {
       return (_ctx, _cache) => {
         return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1p, {
+            return openBlock(), createBlock(_sfc_main$1q, {
               key: item,
               item,
               highlighted: index === highlightIndex.value,
@@ -8870,7 +8869,7 @@ var __async = (__this, __arguments, generator) => {
     }
   });
   const _hoisted_1$1d = { class: "lupa-search-box-no-results" };
-  const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxNoResults",
     props: {
       labels: {}
@@ -8928,7 +8927,7 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-suggestion-facet-value",
     "data-cy": "lupa-suggestion-facet-value"
   };
-  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestion",
     props: {
       suggestion: {},
@@ -8977,7 +8976,7 @@ var __async = (__this, __arguments, generator) => {
     id: "lupa-search-box-suggestions",
     "data-cy": "lupa-search-box-suggestions"
   };
-  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestions",
     props: {
       items: {},
@@ -9039,7 +9038,7 @@ var __async = (__this, __arguments, generator) => {
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1m, {
+            return openBlock(), createBlock(_sfc_main$1n, {
               key: getSuggestionKey(item),
               class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
               suggestion: item,
@@ -9067,7 +9066,7 @@ var __async = (__this, __arguments, generator) => {
       }, timeout);
     };
   };
-  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestionsWrapper",
     props: {
       panel: {},
@@ -9109,7 +9108,7 @@ var __async = (__this, __arguments, generator) => {
       const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
       watch(() => props.panel.limit, getSuggestionsDebounced);
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1l, {
+        return openBlock(), createBlock(_sfc_main$1m, {
           items: searchResult.value,
           highlight: _ctx.panel.highlight,
           queryKey: _ctx.panel.queryKey,
@@ -18108,9 +18107,13 @@ and ensure you are accounting for this risk.
   const getFieldValue = (doc2, field = "") => {
     var _a;
     if (typeof field === "number") {
-      return field;
+      return +field;
+    }
+    const value = (_a = field == null ? void 0 : field.split(".")) == null ? void 0 : _a.reduce((obj, key) => obj ? obj[key] : void 0, doc2);
+    if (+value) {
+      return +value;
     }
-    return (_a = field == null ? void 0 : field.split(".")) == null ? void 0 : _a.reduce((obj, key) => obj ? obj[key] : void 0, doc2);
+    return value;
   };
   const processDisplayCondition = (displayCondition, doc2 = {}) => {
     const { condition, fields } = displayCondition;
@@ -18185,7 +18188,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_1$1a = ["src"];
   const _hoisted_2$R = ["src"];
-  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
       item: {},
@@ -18340,7 +18343,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductImage",
     props: {
       item: {},
@@ -18348,7 +18351,7 @@ and ensure you are accounting for this risk.
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1j, {
+        return openBlock(), createBlock(_sfc_main$1k, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-box-image-wrapper",
@@ -18362,7 +18365,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-search-box-product-title"
   };
-  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductTitle",
     props: {
       item: {},
@@ -18396,7 +18399,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-search-box-product-description"
   };
-  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductDescription",
     props: {
       item: {},
@@ -18424,7 +18427,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$17 = { class: "lupa-search-box-product-price" };
-  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
       item: {},
@@ -18448,7 +18451,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
       item: {},
@@ -18480,7 +18483,7 @@ and ensure you are accounting for this risk.
   const _hoisted_3$B = { key: 1 };
   const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
-  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
       item: {},
@@ -18519,7 +18522,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$15 = ["innerHTML"];
-  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
       item: {},
@@ -18781,7 +18784,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$14 = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$N = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$A = ["onClick", "disabled"];
-  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
     props: {
       item: {},
@@ -18834,17 +18837,17 @@ and ensure you are accounting for this risk.
   };
   const __default__$4 = {
     components: {
-      SearchBoxProductImage: _sfc_main$1i,
-      SearchBoxProductTitle: _sfc_main$1h,
-      SearchBoxProductDescription: _sfc_main$1g,
-      SearchBoxProductPrice: _sfc_main$1f,
-      SearchBoxProductRegularPrice: _sfc_main$1e,
-      SearchBoxProductCustom: _sfc_main$1d,
-      SearchBoxProductCustomHtml: _sfc_main$1c,
-      SearchBoxProductAddToCart: _sfc_main$1b
+      SearchBoxProductImage: _sfc_main$1j,
+      SearchBoxProductTitle: _sfc_main$1i,
+      SearchBoxProductDescription: _sfc_main$1h,
+      SearchBoxProductPrice: _sfc_main$1g,
+      SearchBoxProductRegularPrice: _sfc_main$1f,
+      SearchBoxProductCustom: _sfc_main$1e,
+      SearchBoxProductCustomHtml: _sfc_main$1d,
+      SearchBoxProductAddToCart: _sfc_main$1c
     }
   };
-  const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
+  const _sfc_main$1b = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
     __name: "SearchBoxProductElement",
     props: {
       item: {},
@@ -18928,7 +18931,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-badge-full-text"
   };
-  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadge",
     props: {
       options: {},
@@ -18974,7 +18977,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$11 = { class: "lupa-generated-badges" };
-  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadges",
     props: {
       options: {}
@@ -19002,7 +19005,7 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$11, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-            return openBlock(), createBlock(_sfc_main$19, {
+            return openBlock(), createBlock(_sfc_main$1a, {
               key: badge.id,
               badge,
               options: _ctx.options
@@ -19013,7 +19016,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$10 = ["innerHTML"];
-  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "CustomBadge",
     props: {
       badge: {}
@@ -19039,7 +19042,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$$ = { class: "lupa-text-badges" };
-  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     __name: "TextBadge",
     props: {
       badge: {}
@@ -19047,8 +19050,7 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const badges = computed(() => {
-        var _a, _b;
-        return (_b = (_a = props.badge) == null ? void 0 : _a.value) != null ? _b : [];
+        return Array.isArray(props.badge.value) ? props.badge.value : [props.badge.value];
       });
       const displayBadges = computed(() => {
         return badges.value.slice(0, props.badge.maxItems);
@@ -19067,7 +19069,7 @@ and ensure you are accounting for this risk.
   });
   const _hoisted_1$_ = { class: "lupa-image-badges" };
   const _hoisted_2$L = ["src"];
-  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "ImageBadge",
     props: {
       badge: {}
@@ -19075,7 +19077,7 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const badges = computed(() => {
-        return props.badge.value;
+        return Array.isArray(props.badge.value) ? props.badge.value : [props.badge.value];
       });
       const displayBadges = computed(() => {
         return badges.value.slice(0, props.badge.maxItems);
@@ -19102,12 +19104,71 @@ and ensure you are accounting for this risk.
       };
     }
   });
+  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+    __name: "DiscountBadge",
+    props: {
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const optionStore = useOptionsStore();
+      const { searchResultOptions } = storeToRefs(optionStore);
+      const className = computed(() => {
+        var _a;
+        return (_a = props.badge.className) != null ? _a : "";
+      });
+      const discountValue = computed(() => {
+        var _a, _b, _c, _d;
+        if (props.badge.discountKey) {
+          return (_b = (_a = props.badge.product) == null ? void 0 : _a[props.badge.discountKey]) != null ? _b : 0;
+        }
+        if (props.badge.regularPriceKey && props.badge.finalPriceKey) {
+          const regularPrice = +((_c = props.badge.product) == null ? void 0 : _c[props.badge.regularPriceKey]);
+          const finalPrice = +((_d = props.badge.product) == null ? void 0 : _d[props.badge.finalPriceKey]);
+          if (!regularPrice || !finalPrice) {
+            return 0;
+          }
+          if (props.badge.discountType === "percentage") {
+            return (regularPrice - finalPrice) / regularPrice * 100;
+          } else {
+            return regularPrice - finalPrice;
+          }
+        }
+        return 0;
+      });
+      const discountStringValue = computed(() => {
+        var _a, _b, _c, _d;
+        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
+        );
+      });
+      const hasDiscount = computed(() => {
+        return Boolean(discountValue.value) && discountValue.value > 0;
+      });
+      const discount = computed(() => {
+        var _a, _b, _c, _d;
+        const defaultPostfix = props.badge.discountType === "percentage" ? " %" : "";
+        const prefix = (_b = (_a = props.badge.labels) == null ? void 0 : _a.prefix) != null ? _b : "- ";
+        const postfix = (_d = (_c = props.badge.labels) == null ? void 0 : _c.postfix) != null ? _d : defaultPostfix;
+        return `${prefix}${discountStringValue.value}${postfix}`;
+      });
+      return (_ctx, _cache) => {
+        return hasDiscount.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([className.value, "lupa-discount-badge"])
+        }, toDisplayString(discount.value), 3)) : createCommentVNode("", true);
+      };
+    }
+  });
   const _hoisted_1$Z = { id: "lupa-search-results-badges" };
   const __default__$3 = {
     components: {
-      CustomBadge: _sfc_main$17,
-      TextBadge: _sfc_main$16,
-      ImageBadge: _sfc_main$15
+      CustomBadge: _sfc_main$18,
+      TextBadge: _sfc_main$17,
+      ImageBadge: _sfc_main$16,
+      DiscountBadge: _sfc_main$15
     }
   };
   const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
@@ -19166,6 +19227,8 @@ and ensure you are accounting for this risk.
             return "ImageBadge";
           case BadgeType.CUSTOM_HTML:
             return "CustomBadge";
+          case BadgeType.DISCOUNT:
+            return "DiscountBadge";
           default:
             return "CustomBadge";
         }
@@ -19182,7 +19245,7 @@ and ensure you are accounting for this risk.
                 badge
               }, null, 8, ["badge"]);
             }), 128)),
-            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$18, {
+            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$19, {
               key: 0,
               options: _ctx.options
             }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -19283,7 +19346,7 @@ and ensure you are accounting for this risk.
             style: normalizeStyle(imageStyleOverride.value)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$1a, {
+              return openBlock(), createBlock(_sfc_main$1b, {
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
@@ -19296,7 +19359,7 @@ and ensure you are accounting for this risk.
           createBaseVNode("div", _hoisted_2$K, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
               var _a;
-              return openBlock(), createBlock(_sfc_main$1a, {
+              return openBlock(), createBlock(_sfc_main$1b, {
                 key: element.key,
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
@@ -19318,7 +19381,7 @@ and ensure you are accounting for this risk.
             }), 128))
           ]),
           addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
-            createVNode(_sfc_main$1a, {
+            createVNode(_sfc_main$1b, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element: addToCartElement.value,
@@ -19718,7 +19781,7 @@ and ensure you are accounting for this risk.
   };
   const __default__$2 = {
     components: {
-      SearchBoxSuggestionsWrapper: _sfc_main$1k,
+      SearchBoxSuggestionsWrapper: _sfc_main$1l,
       SearchBoxProductsWrapper: _sfc_main$10,
       SearchBoxRelatedSourceWrapper: _sfc_main$$
     }
@@ -19927,18 +19990,18 @@ and ensure you are accounting for this risk.
                 ], 14, _hoisted_2$I);
               }), 128))
             ], 4),
-            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1n, {
+            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1o, {
               key: 1,
               labels: labels.value
             }, null, 8, ["labels"])) : createCommentVNode("", true),
-            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1q, {
+            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1r, {
               key: 2,
               labels: labels.value,
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
           ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
-            createVNode(_sfc_main$1o, {
+            createVNode(_sfc_main$1p, {
               options: _ctx.options.history,
               history: history.value,
               onGoToResults: handleGoToResults,
@@ -20227,7 +20290,7 @@ and ensure you are accounting for this risk.
         var _a2;
         return openBlock(), createElementBlock("div", _hoisted_1$U, [
           createBaseVNode("div", _hoisted_2$H, [
-            createVNode(_sfc_main$1r, {
+            createVNode(_sfc_main$1s, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
               "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -23421,7 +23484,7 @@ and ensure you are accounting for this risk.
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1j, {
+        return openBlock(), createBlock(_sfc_main$1k, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-results-image-wrapper",
@@ -23570,7 +23633,13 @@ and ensure you are accounting for this risk.
         return new Array(STAR_COUNT).fill(RATING_STAR_HTML);
       });
       const ratingPercentage = computed(() => {
-        return props.options.getRatingPercentage ? props.options.getRatingPercentage(props.item) : currentRating.value;
+        if (props.options.getRatingPercentage) {
+          return props.options.getRatingPercentage(props.item);
+        }
+        if (props.options.maxRating) {
+          return currentRating.value / props.options.maxRating * 100;
+        }
+        return currentRating.value;
       });
       const ratingLink = computed(() => {
         var _a;
@@ -23672,7 +23741,7 @@ and ensure you are accounting for this risk.
   });
   const _hoisted_1$q = { class: "lupa-search-results-add-to-cart-wrapper" };
   const _hoisted_2$l = { class: "lupa-search-results-product-addtocart" };
-  const _hoisted_3$f = ["onClick", "disabled"];
+  const _hoisted_3$f = ["id", "disabled", "onClick"];
   const _sfc_main$t = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductAddToCart",
     props: {
@@ -23693,11 +23762,16 @@ and ensure you are accounting for this risk.
       const label = computed(() => {
         return props.options.labels.addToCart;
       });
+      const id = computed(() => {
+        var _a;
+        const id2 = (_a = props.item.id) != null ? _a : "";
+        return `lupa-add-to-cart-${id2}`;
+      });
       const handleClick = () => __async2(this, null, function* () {
         loading.value = true;
         if (props.options.emitEvent) {
           const event = new CustomEvent(props.options.emitEvent, { detail: { item: props.item } });
-          window.dispatchEvent(event);
+          document.dispatchEvent(event);
         }
         if (props.options.action) {
           yield props.options.action(props.item, addToCartAmount.value);
@@ -23709,10 +23783,11 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", _hoisted_1$q, [
           createBaseVNode("div", _hoisted_2$l, [
             createBaseVNode("button", {
-              onClick: withModifiers(handleClick, ["stop"]),
+              id: id.value,
               class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
               "data-cy": "lupa-add-to-cart",
-              disabled: !inStockValue.value || loading.value
+              disabled: !inStockValue.value || loading.value,
+              onClick: withModifiers(handleClick, ["stop"])
             }, toDisplayString(label.value), 11, _hoisted_3$f)
           ])
         ]);
@@ -24549,7 +24624,7 @@ and ensure you are accounting for this risk.
         var _a;
         return openBlock(), createElementBlock("div", _hoisted_1$g, [
           createBaseVNode("div", _hoisted_2$d, [
-            firstResultItem.value && image.value ? (openBlock(), createBlock(_sfc_main$1j, {
+            firstResultItem.value && image.value ? (openBlock(), createBlock(_sfc_main$1k, {
               key: 0,
               "wrapper-class": "lupa-related-query-image-wrapper",
               "image-class": "lupa-related-query-image",
@@ -32382,7 +32457,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupasearch-chat-content"
   };
-  const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     __name: "ChatContainer",
     props: {
       options: {}
@@ -38749,6 +38824,13 @@ and ensure you are accounting for this risk.
     }
     return { mountedApp, mountedComponent, props, app: app2, mountElement };
   };
+  const canMount = (allowedMountUrls) => {
+    if (allowedMountUrls && Array.isArray(allowedMountUrls) && allowedMountUrls.length) {
+      const currentUrl = window.location.href;
+      return allowedMountUrls == null ? void 0 : allowedMountUrls.some((url) => currentUrl.includes(url));
+    }
+    return true;
+  };
   const app = {
     box: {},
     results: {},
@@ -38783,12 +38865,18 @@ and ensure you are accounting for this risk.
   };
   const searchBox = (options, mountOptions) => {
     var _a;
+    if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
+      return;
+    }
     const inputs = (_a = options.inputSelector) == null ? void 0 : _a.split(",");
     for (const input2 of inputs) {
       applySearchBox(__spreadProps(__spreadValues({}, options), { inputSelector: input2.trim() }), mountOptions);
     }
   };
   const searchResults = (options, mountOptions) => {
+    if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
+      return;
+    }
     const existingInstance = app.results[options.containerSelector];
     if (existingInstance) {
       existingInstance.props.searchResultsOptions = options;
@@ -38814,6 +38902,9 @@ and ensure you are accounting for this risk.
     app.results[options.containerSelector] = instance;
   };
   const productList = (options, mountOptions) => {
+    if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
+      return;
+    }
     const existingInstance = app.productList[options.containerSelector];
     if (existingInstance) {
       existingInstance.props.productListOptions = options;
@@ -38840,6 +38931,9 @@ and ensure you are accounting for this risk.
   };
   const searchContainer = (options, mountOptions) => {
     var _a, _b, _c, _d, _e, _f;
+    if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
+      return;
+    }
     const existingInstance = app.searchContainer[options.trigger];
     if (existingInstance) {
       existingInstance.props.searchContainerOptions = options;
@@ -38871,6 +38965,9 @@ and ensure you are accounting for this risk.
     app.searchContainer[options.trigger] = instance;
   };
   const preconfiguredSearchContainer = (preconfiguredSearchContainerOptions, mountOptions) => {
+    if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
+      return;
+    }
     const searchBox2 = SearchContainerConfigurationService.getSearchBoxComponent(
       preconfiguredSearchContainerOptions
     );
@@ -38888,6 +38985,9 @@ and ensure you are accounting for this risk.
     );
   };
   const recommendations = (options, mountOptions) => {
+    if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
+      return;
+    }
     const existingInstance = app.recommendations[options.containerSelector];
     if (existingInstance) {
       existingInstance.props.recommendationOptions = options;
@@ -38913,6 +39013,9 @@ and ensure you are accounting for this risk.
     app.recommendations[options.containerSelector] = instance;
   };
   const chat = (options, mountOptions) => {
+    if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
+      return;
+    }
     const existingInstance = app.chat[options.displayOptions.containerSelector];
     if (existingInstance) {
       existingInstance.props.options = options;
@@ -38927,7 +39030,7 @@ and ensure you are accounting for this risk.
     const instance = createVue(
       options.displayOptions.containerSelector,
       mountOptions == null ? void 0 : mountOptions.mountingBehavior,
-      _sfc_main$1s,
+      _sfc_main$1t,
       {
         options
       }
@@ -39177,6 +39280,7 @@ and ensure you are accounting for this risk.
       return;
     }
     const resolvedConfiguration = JSON.parse(configuration.searchBox);
+    const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.inputSelector,
       0,
@@ -39188,13 +39292,14 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    searchBox(__spreadProps(__spreadValues({}, resolvedConfiguration), { options }), { fetch: fetch2 });
+    searchBox(__spreadProps(__spreadValues({}, resolvedConfiguration), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountSearchResults = (configuration, options, fetch2 = true, remount = false) => __async(this, null, function* () {
     if (!configuration.searchResults) {
       return;
     }
     const resolvedConfiguration = JSON.parse(configuration.searchResults);
+    const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -39206,7 +39311,7 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    searchResults(__spreadProps(__spreadValues({}, resolvedConfiguration), { options }), { fetch: fetch2 });
+    searchResults(__spreadProps(__spreadValues({}, resolvedConfiguration), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountProductList = (configuration, options, fetch2 = true, remount = false) => __async(this, null, function* () {
     if (!configuration.productList) {
@@ -39216,6 +39321,7 @@ and ensure you are accounting for this risk.
       configuration.searchResults
     );
     const resolvedConfiguration = JSON.parse(configuration.productList);
+    const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -39229,7 +39335,7 @@ and ensure you are accounting for this risk.
     }
     productList(
       __spreadProps(__spreadValues(__spreadValues({}, resolvedSearchResultsConfiguration), resolvedConfiguration), { options }),
-      { fetch: fetch2 }
+      { fetch: fetch2, allowedMountUrls }
     );
   });
   const mountRecommendations = (configuration, options, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39242,6 +39348,7 @@ and ensure you are accounting for this risk.
     const resolvedConfiguration = JSON.parse(
       configuration.recommendations
     );
+    const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -39255,7 +39362,7 @@ and ensure you are accounting for this risk.
     }
     recommendations(
       __spreadProps(__spreadValues(__spreadValues({}, resolvedSearchResultsConfiguration), resolvedConfiguration), { options }),
-      { fetch: fetch2 }
+      { fetch: fetch2, allowedMountUrls }
     );
   });
   const mountChat = (configuration, options, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39266,6 +39373,7 @@ and ensure you are accounting for this risk.
       configuration.searchResults
     );
     const resolvedConfiguration = JSON.parse(configuration.genAiChat);
+    const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -39277,7 +39385,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    chat(__spreadProps(__spreadValues(__spreadValues({}, resolvedSearchResultsConfiguration), resolvedConfiguration), { options }), { fetch: fetch2 });
+    chat(
+      __spreadProps(__spreadValues(__spreadValues({}, resolvedSearchResultsConfiguration), resolvedConfiguration), { options }),
+      { fetch: fetch2, allowedMountUrls }
+    );
   });
   const mount = (configuration, options, fetch2 = true, remount = false) => __async(this, null, function* () {
     yield applyStyles(configuration);