@getlupa/client 1.14.7 → 1.14.9

package/dist/lupaSearch.mjs

@@ -7649,12 +7649,11 @@ var SearchBoxPanelType = /* @__PURE__ */ ((SearchBoxPanelType2) => {
   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 = () => {
@@ -8607,7 +8606,7 @@ const _hoisted_8$3 = {
   key: 0,
   class: "lupa-close-label"
 };
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -8737,7 +8736,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -8771,7 +8770,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 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: {},
@@ -8806,7 +8805,7 @@ const _hoisted_1$1e = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryPanel",
   props: {
     options: {}
@@ -8849,7 +8848,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     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,
@@ -8866,7 +8865,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   }
 });
 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: {}
@@ -8924,7 +8923,7 @@ const _hoisted_5$i = {
   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: {},
@@ -8973,7 +8972,7 @@ const _hoisted_1$1b = {
   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: {},
@@ -9035,7 +9034,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     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,
@@ -9063,7 +9062,7 @@ const debounce$1 = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -9105,7 +9104,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     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,
@@ -18104,9 +18103,13 @@ const renderHtmlTemplate = (template, document2 = {}) => {
 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;
@@ -18181,7 +18184,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
 };
 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: {},
@@ -18336,7 +18339,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -18344,7 +18347,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   },
   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",
@@ -18358,7 +18361,7 @@ const _hoisted_2$Q = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductTitle",
   props: {
     item: {},
@@ -18392,7 +18395,7 @@ const _hoisted_2$P = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductDescription",
   props: {
     item: {},
@@ -18420,7 +18423,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 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: {},
@@ -18444,7 +18447,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
     item: {},
@@ -18476,7 +18479,7 @@ const _hoisted_2$O = { key: 0 };
 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: {},
@@ -18515,7 +18518,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$15 = ["innerHTML"];
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
     item: {},
@@ -18777,7 +18780,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
 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: {},
@@ -18830,17 +18833,17 @@ const _hoisted_1$13 = {
 };
 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: {},
@@ -18924,7 +18927,7 @@ const _hoisted_4$q = {
   key: 0,
   class: "lupa-badge-full-text"
 };
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "SearchResultGeneratedBadge",
   props: {
     options: {},
@@ -18970,7 +18973,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$11 = { class: "lupa-generated-badges" };
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -18998,7 +19001,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     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
@@ -19009,7 +19012,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$10 = ["innerHTML"];
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -19035,7 +19038,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$$ = { class: "lupa-text-badges" };
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -19043,8 +19046,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   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);
@@ -19063,7 +19065,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 });
 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: {}
@@ -19071,7 +19073,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   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);
@@ -19098,12 +19100,71 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+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), {
@@ -19162,6 +19223,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
           return "ImageBadge";
         case BadgeType.CUSTOM_HTML:
           return "CustomBadge";
+        case BadgeType.DISCOUNT:
+          return "DiscountBadge";
         default:
           return "CustomBadge";
       }
@@ -19178,7 +19241,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
               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)
@@ -19279,7 +19342,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           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,
@@ -19292,7 +19355,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
         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,
@@ -19314,7 +19377,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           }), 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,
@@ -19714,7 +19777,7 @@ const _hoisted_5$g = {
 };
 const __default__$2 = {
   components: {
-    SearchBoxSuggestionsWrapper: _sfc_main$1k,
+    SearchBoxSuggestionsWrapper: _sfc_main$1l,
     SearchBoxProductsWrapper: _sfc_main$10,
     SearchBoxRelatedSourceWrapper: _sfc_main$$
   }
@@ -19923,18 +19986,18 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
               ], 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,
@@ -20223,7 +20286,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       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,
@@ -23417,7 +23480,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   },
   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",
@@ -23566,7 +23629,13 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       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;
@@ -23668,7 +23737,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 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: {
@@ -23689,11 +23758,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     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);
@@ -23705,10 +23779,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       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)
         ])
       ]);
@@ -24545,7 +24620,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       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",
@@ -32378,7 +32453,7 @@ const _hoisted_4 = {
   key: 0,
   class: "lupasearch-chat-content"
 };
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "ChatContainer",
   props: {
     options: {}
@@ -38923,7 +38998,7 @@ const chat = (options, mountOptions) => {
   const instance = createVue(
     options.displayOptions.containerSelector,
     mountOptions == null ? void 0 : mountOptions.mountingBehavior,
-    _sfc_main$1s,
+    _sfc_main$1t,
     {
       options
     }