@getlupa/client 1.8.6 → 1.8.8

package/dist/lupaSearch.umd.js

@@ -6403,6 +6403,37 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const normalizedInput = getNormalizedString(input);
     return possibleValues.some((v) => getNormalizedString(v) === normalizedInput);
   };
+  const levenshteinDistance = (s = "", t = "") => {
+    if (!(s == null ? void 0 : s.length)) {
+      return t.length;
+    }
+    if (!(t == null ? void 0 : t.length)) {
+      return s.length;
+    }
+    const arr = [];
+    for (let i = 0; i <= t.length; i++) {
+      arr[i] = [i];
+      for (let j = 1; j <= s.length; j++) {
+        arr[i][j] = i === 0 ? j : Math.min(
+          arr[i - 1][j] + 1,
+          arr[i][j - 1] + 1,
+          arr[i - 1][j - 1] + (s[j - 1] === t[i - 1] ? 0 : 1)
+        );
+      }
+    }
+    return arr[t.length][s.length];
+  };
+  const findClosestStringValue = (input, possibleValues, key) => {
+    var _a;
+    const directMatch = possibleValues.find((v) => v[key] === input);
+    if (directMatch) {
+      return directMatch;
+    }
+    const distances = possibleValues.map((v) => levenshteinDistance(`${v[key]}`, input));
+    const minDistance = Math.min(...distances);
+    const closestValue = (_a = possibleValues.filter((_, i) => distances[i] === minDistance)) == null ? void 0 : _a[0];
+    return closestValue;
+  };
   const initAnalyticsTracking = (analyticsOptions) => {
     try {
       if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
@@ -7812,7 +7843,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
   const _hoisted_2$P = { class: "lupa-input-clear" };
-  const _hoisted_3$B = { id: "lupa-search-box-input" };
+  const _hoisted_3$A = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
   const _hoisted_5$g = ["aria-label", "placeholder"];
   const _hoisted_6$9 = {
@@ -7907,7 +7938,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onClick: clear2
             }, null, 2)
           ]),
-          createBaseVNode("div", _hoisted_3$B, [
+          createBaseVNode("div", _hoisted_3$A, [
             createBaseVNode("input", {
               class: "lupa-hint",
               "aria-hidden": "true",
@@ -8088,7 +8119,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-suggestion-value",
     class: "lupa-suggestion-value"
   };
-  const _hoisted_3$A = {
+  const _hoisted_3$z = {
     key: 2,
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
@@ -8138,7 +8169,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
-          _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
+          _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
             createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$f, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
@@ -8552,7 +8583,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$11 = ["innerHTML"];
   const _hoisted_2$K = { key: 0 };
-  const _hoisted_3$z = { key: 1 };
+  const _hoisted_3$y = { key: 1 };
   const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$e = { class: "lupa-search-box-custom-text" };
   const _sfc_main$16 = /* @__PURE__ */ defineComponent({
@@ -8585,7 +8616,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
             createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$e, toDisplayString(text.value), 1)
           ]))
@@ -8810,7 +8841,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$$ = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$J = { class: "lupa-search-box-product-addtocart" };
-  const _hoisted_3$y = ["onClick", "disabled"];
+  const _hoisted_3$x = ["onClick", "disabled"];
   const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
     props: {
@@ -8846,7 +8877,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               "data-cy": "lupa-add-to-cart",
               type: "button",
               disabled: !inStockValue.value || loading.value
-            }, toDisplayString(label.value), 11, _hoisted_3$y)
+            }, toDisplayString(label.value), 11, _hoisted_3$x)
           ])
         ]);
       };
@@ -8925,7 +8956,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   }));
   const _hoisted_1$_ = ["href"];
   const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
-  const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
+  const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
   const _hoisted_4$p = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
@@ -8998,7 +9029,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          createBaseVNode("div", _hoisted_3$x, [
+          createBaseVNode("div", _hoisted_3$w, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
               return openBlock(), createBlock(_sfc_main$13, {
                 class: "lupa-search-box-product-element",
@@ -9242,7 +9273,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     id: "lupa-search-box-panel"
   };
   const _hoisted_2$H = ["data-cy"];
-  const _hoisted_3$w = {
+  const _hoisted_3$v = {
     key: 0,
     class: "lupa-panel-title"
   };
@@ -9394,7 +9425,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   ]),
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
-                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
+                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
                   panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                     key: 1,
                     panel,
@@ -9537,13 +9568,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         suggestedValue.value = defaultSuggestedValue;
       };
       const handleKeyDown = (e) => {
+        var _a2, _b;
         if (!opened.value) {
           return;
         }
         switch (e.key) {
           case "Tab":
-            e.preventDefault();
-            selectSuggestion(__spreadProps2(__spreadValues2({}, suggestedValue.value), { override: true }));
+            if ((_b = (_a2 = suggestedValue == null ? void 0 : suggestedValue.value) == null ? void 0 : _a2.item) == null ? void 0 : _b.suggestion) {
+              e.preventDefault();
+              selectSuggestion(__spreadProps2(__spreadValues2({}, suggestedValue.value), { override: true }));
+            }
             break;
           case "Enter":
             e.preventDefault();
@@ -9801,7 +9835,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     "data-cy": "suggested-search-text-label"
   };
-  const _hoisted_3$v = {
+  const _hoisted_3$u = {
     key: 1,
     "data-cy": "did-you-mean-label"
   };
@@ -9848,7 +9882,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ]);
             }), 128))
           ])) : createCommentVNode("", true),
-          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
+          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 label.includes("{1}") ? (openBlock(), createElementBlock("span", {
@@ -9902,7 +9936,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-result-page-title"
   };
   const _hoisted_2$D = { key: 0 };
-  const _hoisted_3$u = {
+  const _hoisted_3$t = {
     key: 1,
     class: "lupa-results-total-count"
   };
@@ -9945,7 +9979,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$U, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
             queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$D, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$u, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
+            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$Y, {
             key: 1,
@@ -9965,7 +9999,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-current-filter-label",
     "data-cy": "lupa-current-filter-label"
   };
-  const _hoisted_3$t = {
+  const _hoisted_3$s = {
     class: "lupa-current-filter-value",
     "data-cy": "lupa-current-filter-value"
   };
@@ -9987,7 +10021,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             onClick: handleClick
           }, "⨉"),
           createBaseVNode("div", _hoisted_2$C, toDisplayString(_ctx.filter.label) + ": ", 1),
-          createBaseVNode("div", _hoisted_3$t, toDisplayString(_ctx.filter.value), 1)
+          createBaseVNode("div", _hoisted_3$s, toDisplayString(_ctx.filter.value), 1)
         ]);
       };
     }
@@ -9997,7 +10031,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-filter-count"
   };
-  const _hoisted_3$s = {
+  const _hoisted_3$r = {
     key: 0,
     class: "filter-values"
   };
@@ -10066,7 +10100,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
             }, null, 2)) : createCommentVNode("", true)
           ]),
-          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
+          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
             createBaseVNode("div", _hoisted_4$l, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
                 return openBlock(), createBlock(_sfc_main$W, {
@@ -10134,7 +10168,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-category-filter"
   };
   const _hoisted_2$A = { class: "lupa-category-back" };
-  const _hoisted_3$r = ["href"];
+  const _hoisted_3$q = ["href"];
   const _hoisted_4$k = ["href"];
   const _hoisted_5$d = { class: "lupa-child-category-list" };
   const _sfc_main$T = /* @__PURE__ */ defineComponent({
@@ -10230,7 +10264,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               "data-cy": "lupa-category-back",
               href: backUrlLink.value,
               onClick: handleNavigationBack
-            }, toDisplayString(backTitle.value), 9, _hoisted_3$r)) : createCommentVNode("", true)
+            }, toDisplayString(backTitle.value), 9, _hoisted_3$q)) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -10260,7 +10294,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-search-result-facet-term-values"
   };
   const _hoisted_2$z = ["placeholder"];
-  const _hoisted_3$q = { class: "lupa-terms-list" };
+  const _hoisted_3$p = { class: "lupa-terms-list" };
   const _hoisted_4$j = ["onClick"];
   const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
@@ -10350,7 +10384,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, _hoisted_2$z)), [
             [vModelText, termFilter.value]
           ]) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_3$q, [
+          createBaseVNode("div", _hoisted_3$p, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -11363,7 +11397,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-stats-facet-summary"
   };
-  const _hoisted_3$p = {
+  const _hoisted_3$o = {
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
@@ -11549,7 +11583,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$O, [
-          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$p, [
+          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
             createBaseVNode("div", null, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               createBaseVNode("div", _hoisted_5$b, [
@@ -11617,7 +11651,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$N = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_2$x = { class: "lupa-term-checkbox-label" };
-  const _hoisted_3$o = { class: "lupa-term-label" };
+  const _hoisted_3$n = { class: "lupa-term-label" };
   const _hoisted_4$h = {
     key: 0,
     class: "lupa-term-count"
@@ -11678,7 +11712,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 2)
             ]),
             createBaseVNode("div", _hoisted_2$x, [
-              createBaseVNode("span", _hoisted_3$o, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
+              createBaseVNode("span", _hoisted_3$n, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
               _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
@@ -11703,7 +11737,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-search-result-facet-term-values"
   };
   const _hoisted_2$w = { key: 0 };
-  const _hoisted_3$n = ["placeholder"];
+  const _hoisted_3$m = ["placeholder"];
   const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacet",
     props: {
@@ -11761,7 +11795,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               "data-cy": "lupa-term-filter",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
               placeholder: _ctx.options.labels.facetFilter
-            }, null, 8, _hoisted_3$n), [
+            }, null, 8, _hoisted_3$m), [
               [vModelText, termFilter.value]
             ])
           ])) : createCommentVNode("", true),
@@ -12129,7 +12163,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-mobile-filter-sidebar"
   };
   const _hoisted_2$t = ["onClick"];
-  const _hoisted_3$m = { class: "lupa-mobile-sidebar-content" };
+  const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
   const _hoisted_4$g = { class: "lupa-sidebar-top" };
   const _hoisted_5$9 = { class: "lupa-sidebar-title" };
   const _hoisted_6$6 = {
@@ -12168,7 +12202,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-sidebar-close",
             onClick: withModifiers(handleMobileToggle, ["stop"])
           }, null, 8, _hoisted_2$t),
-          createBaseVNode("div", _hoisted_3$m, [
+          createBaseVNode("div", _hoisted_3$l, [
             createBaseVNode("div", _hoisted_4$g, [
               createBaseVNode("div", _hoisted_5$9, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
@@ -12192,7 +12226,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$G = { id: "lupa-search-results-breadcrumbs" };
   const _hoisted_2$s = ["href", "onClick"];
-  const _hoisted_3$l = {
+  const _hoisted_3$k = {
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
@@ -12236,7 +12270,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   var _a;
                   return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
                 }
-              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(getLabel(breadcrumb.label)), 1)),
+              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(getLabel(breadcrumb.label)), 1)),
               index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
             ]);
           }), 128))
@@ -12337,7 +12371,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _hoisted_3$k = ["onClick"];
+  const _hoisted_3$j = ["onClick"];
   const _hoisted_4$e = {
     key: 0,
     class: "lupa-page-number-separator"
@@ -12441,7 +12475,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
               ]),
               "data-cy": "lupa-page-number"
-            }, toDisplayString(page), 11, _hoisted_3$k);
+            }, toDisplayString(page), 11, _hoisted_3$j);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
@@ -12468,7 +12502,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-search-results-page-size"
   };
   const _hoisted_2$q = { id: "lupa-select" };
-  const _hoisted_3$j = { class: "lupa-select-label" };
+  const _hoisted_3$i = { class: "lupa-select-label" };
   const _hoisted_4$d = ["aria-label"];
   const _sfc_main$E = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
@@ -12489,7 +12523,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", _hoisted_2$q, [
-            createBaseVNode("label", _hoisted_3$j, toDisplayString(_ctx.label), 1),
+            createBaseVNode("label", _hoisted_3$i, toDisplayString(_ctx.label), 1),
             createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": _ctx.label,
@@ -12512,7 +12546,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-search-results-sort"
   };
   const _hoisted_2$p = { id: "lupa-select" };
-  const _hoisted_3$i = { class: "lupa-select-label" };
+  const _hoisted_3$h = { class: "lupa-select-label" };
   const _hoisted_4$c = ["aria-label"];
   const _hoisted_5$8 = ["value"];
   const _sfc_main$D = /* @__PURE__ */ defineComponent({
@@ -12565,7 +12599,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$A, [
           createBaseVNode("div", _hoisted_2$p, [
-            createBaseVNode("label", _hoisted_3$i, toDisplayString(_ctx.options.label), 1),
+            createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": _ctx.options.label,
@@ -12590,7 +12624,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$z = { class: "lupa-toolbar-left" };
   const _hoisted_2$o = { key: 1 };
-  const _hoisted_3$h = { key: 3 };
+  const _hoisted_3$g = { key: 3 };
   const _hoisted_4$b = { key: 5 };
   const _hoisted_5$7 = { class: "lupa-toolbar-right" };
   const _hoisted_6$5 = { key: 1 };
@@ -12701,7 +12735,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
               onClear: handleClearAll
-            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$h)),
+            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
             displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$F, {
               key: 4,
               options: paginationOptions.value.pageSelect,
@@ -12731,7 +12765,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$y = { class: "lupa-badge-title" };
   const _hoisted_2$n = ["src"];
-  const _hoisted_3$g = { key: 1 };
+  const _hoisted_3$f = { key: 1 };
   const _hoisted_4$a = {
     key: 0,
     class: "lupa-badge-full-text"
@@ -12774,7 +12808,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               key: 0,
               src: image.value
             }, null, 8, _hoisted_2$n)) : createCommentVNode("", true),
-            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$g, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
+            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
           hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
         ], 6);
@@ -13001,7 +13035,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$s = ["innerHTML"];
   const _hoisted_2$l = ["title"];
-  const _hoisted_3$f = {
+  const _hoisted_3$e = {
     key: 0,
     class: "lupa-search-results-product-title-text"
   };
@@ -13045,7 +13079,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           title: title.value
         }, [
-          !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(title.value), 1)) : createCommentVNode("", true),
+          !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(title.value), 1)) : createCommentVNode("", true),
           _ctx.options.link ? (openBlock(), createElementBlock("a", {
             key: 1,
             href: _ctx.link,
@@ -13091,7 +13125,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$q = { id: "lupa-search-results-rating" };
   const _hoisted_2$k = { class: "lupa-ratings" };
-  const _hoisted_3$e = { class: "lupa-ratings-base" };
+  const _hoisted_3$d = { class: "lupa-ratings-base" };
   const _hoisted_4$8 = ["innerHTML"];
   const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
   const _hoisted_6$4 = ["innerHTML"];
@@ -13130,7 +13164,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$q, [
           createBaseVNode("div", _hoisted_2$k, [
-            createBaseVNode("div", _hoisted_3$e, [
+            createBaseVNode("div", _hoisted_3$d, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
@@ -13218,7 +13252,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$n = { class: "lupa-search-results-add-to-cart-wrapper" };
   const _hoisted_2$j = { class: "lupa-search-results-product-addtocart" };
-  const _hoisted_3$d = ["onClick", "disabled"];
+  const _hoisted_3$c = ["onClick", "disabled"];
   const _sfc_main$p = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductAddToCart",
     props: {
@@ -13253,7 +13287,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
               "data-cy": "lupa-add-to-cart",
               disabled: !inStockValue.value || loading.value
-            }, toDisplayString(label.value), 11, _hoisted_3$d)
+            }, toDisplayString(label.value), 11, _hoisted_3$c)
           ])
         ]);
       };
@@ -13261,7 +13295,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$m = ["innerHTML"];
   const _hoisted_2$i = { key: 0 };
-  const _hoisted_3$c = { key: 1 };
+  const _hoisted_3$b = { key: 1 };
   const _hoisted_4$7 = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$5 = { class: "lupa-search-box-custom-text" };
   const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -13306,7 +13340,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 1,
           class: className.value
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$c, [
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$b, [
             createBaseVNode("div", _hoisted_4$7, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$5, toDisplayString(text.value), 1)
           ]))
@@ -13345,7 +13379,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$k = { id: "lupa-search-results-rating" };
   const _hoisted_2$h = ["innerHTML"];
-  const _hoisted_3$b = { class: "lupa-ratings" };
+  const _hoisted_3$a = { class: "lupa-ratings" };
   const _hoisted_4$6 = ["href"];
   const _sfc_main$m = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductSingleStarRating",
@@ -13380,7 +13414,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             innerHTML: star.value,
             class: "lupa-rating lupa-rating-highlighted"
           }, null, 8, _hoisted_2$h),
-          createBaseVNode("div", _hoisted_3$b, toDisplayString(rating.value), 1),
+          createBaseVNode("div", _hoisted_3$a, toDisplayString(rating.value), 1),
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
@@ -13478,7 +13512,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-out-of-stock"
   };
-  const _hoisted_3$a = { class: "lupa-search-result-product-details-section" };
+  const _hoisted_3$9 = { class: "lupa-search-result-product-details-section" };
   const _sfc_main$k = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCard",
     props: {
@@ -13654,7 +13688,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["options"]),
               ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$g, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
             ], 8, _hoisted_1$j),
-            createBaseVNode("div", _hoisted_3$a, [
+            createBaseVNode("div", _hoisted_3$9, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
                 return openBlock(), createBlock(_sfc_main$l, {
                   class: "lupa-search-results-product-element",
@@ -13697,7 +13731,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-search-results-similar-queries"
   };
   const _hoisted_2$f = { class: "lupa-similar-queries-label" };
-  const _hoisted_3$9 = {
+  const _hoisted_3$8 = {
     class: "lupa-similar-query-label",
     "data-cy": "lupa-similar-query-label"
   };
@@ -13742,7 +13776,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("div", _hoisted_2$f, toDisplayString(_ctx.labels.similarQueries), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(similarQueries.value, (similarQuery, index) => {
             return openBlock(), createElementBlock("div", { key: index }, [
-              createBaseVNode("div", _hoisted_3$9, [
+              createBaseVNode("div", _hoisted_3$8, [
                 createBaseVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
                 createBaseVNode("span", {
                   id: "lupa-similar-query-text-component",
@@ -13931,7 +13965,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-search-results-similar-results"
   };
   const _hoisted_2$c = { class: "lupa-similar-results-label" };
-  const _hoisted_3$8 = {
+  const _hoisted_3$7 = {
     class: "lupa-products",
     "data-cy": "lupa-products"
   };
@@ -13953,7 +13987,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$e, [
           createBaseVNode("div", _hoisted_2$c, toDisplayString(_ctx.labels.similarResultsLabel), 1),
-          createBaseVNode("div", _hoisted_3$8, [
+          createBaseVNode("div", _hoisted_3$7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(similarResults.value.items, (product, index) => {
               return openBlock(), createBlock(_sfc_main$k, {
                 style: normalizeStyle(_ctx.columnSize),
@@ -13972,7 +14006,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-products",
     "data-cy": "lupa-products"
   };
-  const _hoisted_3$7 = {
+  const _hoisted_3$6 = {
     key: 0,
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results-in-page"
@@ -14135,7 +14169,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 }, null, 8, ["style", "product", "options"]);
               }), 128))
             ]),
-            unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+            unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
               createTextVNode(toDisplayString(_ctx.options.labels.noItemsInPage) + " ", 1),
               _ctx.options.labels.backToFirstPage ? (openBlock(), createElementBlock("span", {
                 key: 0,
@@ -14181,7 +14215,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-category-back"
   };
-  const _hoisted_3$6 = ["href"];
+  const _hoisted_3$5 = ["href"];
   const _sfc_main$d = /* @__PURE__ */ defineComponent({
     __name: "CategoryTopFilters",
     props: {
@@ -14220,7 +14254,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 "data-cy": "lupa-category-back",
                 href: backUrlLink.value,
                 onClick: handleNavigationBack
-              }, toDisplayString(backTitle.value), 9, _hoisted_3$6)
+              }, toDisplayString(backTitle.value), 9, _hoisted_3$5)
             ])) : createCommentVNode("", true),
             createVNode(_sfc_main$C, {
               class: "lupa-toolbar-mobile",
@@ -14241,7 +14275,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     id: "lupa-search-results",
     class: "top-layout-wrapper"
   };
-  const _hoisted_3$5 = { class: "search-content" };
+  const _hoisted_3$4 = { class: "search-content" };
   const _hoisted_4$3 = { id: "lupa-search-results" };
   const _sfc_main$c = /* @__PURE__ */ defineComponent({
     __name: "SearchResults",
@@ -14480,7 +14514,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_3$5, [
+            createBaseVNode("div", _hoisted_3$4, [
               createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
               createVNode(_sfc_main$X, {
                 options: _ctx.options,
@@ -20971,12 +21005,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$7 = { class: "lupa-chat-spinner" };
   const _hoisted_2$5 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
-  const _hoisted_3$4 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
+  const _hoisted_3$3 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
   const _hoisted_4$2 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
   const _hoisted_5$2 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
   const _hoisted_6$1 = [
     _hoisted_2$5,
-    _hoisted_3$4,
+    _hoisted_3$3,
     _hoisted_4$2,
     _hoisted_5$2
   ];
@@ -21000,7 +21034,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$6 = { class: "lupa-chat-input-container" };
   const _hoisted_2$4 = { id: "lupa-search-box-input" };
-  const _hoisted_3$3 = {
+  const _hoisted_3$2 = {
     key: 0,
     class: "lupa-chat-form-submit"
   };
@@ -21036,7 +21070,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 [vModelText, inputValue.value]
               ])
             ]),
-            !_ctx.disabled ? (openBlock(), createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (openBlock(), createBlock(_sfc_main$7, {
+            !_ctx.disabled ? (openBlock(), createElementBlock("button", _hoisted_3$2, "Ask LupaChat")) : (openBlock(), createBlock(_sfc_main$7, {
               key: 1,
               small: true
             }))
@@ -21203,7 +21237,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$4 = { class: "lupa-chat-content-entry-phrase" };
   const _hoisted_2$3 = { class: "lupa-chat-phrase-title" };
-  const _hoisted_3$2 = {
+  const _hoisted_3$1 = {
     key: 0,
     class: "alert"
   };
@@ -21304,7 +21338,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("div", _hoisted_2$3, [
             createBaseVNode("h3", null, toDisplayString(displayPhrase.value), 1),
             createBaseVNode("sub", null, toDisplayString(usedAlternativePhrases.value.join(", ")), 1),
-            usedPartialResults.value ? (openBlock(), createElementBlock("sub", _hoisted_3$2, "Including partial matches - which might not be what you are looking for")) : createCommentVNode("", true)
+            usedPartialResults.value ? (openBlock(), createElementBlock("sub", _hoisted_3$1, "Including partial matches - which might not be what you are looking for")) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", null, [
             createVNode(_sfc_main$5, {
@@ -21323,7 +21357,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const _hoisted_1$3 = { class: "lupa-chat-best-matches lupa-chat-content-entry" };
   const _hoisted_2$2 = /* @__PURE__ */ createBaseVNode("h3", null, "Best matches", -1);
-  const _hoisted_3$1 = { key: 0 };
+  const MAX_SOURCES_FOR_BEST_ITEM_MATCHING = 250;
   const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
     __name: "ChatContentEntry",
     props: {
@@ -21353,20 +21387,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return (_a = props.options.displayOptions.titleKey) != null ? _a : "title";
       });
       const loadFinalRecommendations = () => __async(this, null, function* () {
-        var _a;
+        var _a, _b;
         try {
-          const productResultStrings = loadedResults.value.map(
-            (result) => {
-              var _a2, _b;
-              return (_b = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b : "";
-            }
-          );
+          const productResultStrings = (_a = loadedResults.value.map((result) => {
+            var _a2, _b2;
+            return (_b2 = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b2 : "";
+          })) == null ? void 0 : _a.slice(0, MAX_SOURCES_FOR_BEST_ITEM_MATCHING);
           const { products } = yield ChatService.suggestBestProductMatches(
             props.options.sdkOptions,
             {
               initialQuery: props.entry.userInput,
               productStrings: productResultStrings,
-              messageHistory: (_a = props.history) != null ? _a : [],
+              messageHistory: (_b = props.history) != null ? _b : [],
               queryKey: props.options.displayOptions.queryKey
             },
             props.options.chatSettings
@@ -21379,13 +21411,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const bestMatchProducts = computed(() => {
         return bestMatches.value.map((productName) => {
-          return loadedResults.value.find((r) => r[titleKey.value] === productName);
+          return findClosestStringValue(productName, loadedResults.value, titleKey.value);
         }).filter(Boolean);
       });
-      const explanation = computed(() => {
-        var _a, _b;
-        return ((_a = bestMatches.value) == null ? void 0 : _a.length) > 0 && !bestMatchProducts.value.length ? (_b = bestMatches == null ? void 0 : bestMatches.value) == null ? void 0 : _b[0] : "";
-      });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
           createBaseVNode("ul", null, [
@@ -21405,13 +21433,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ]),
           createBaseVNode("section", _hoisted_1$3, [
             _hoisted_2$2,
-            explanation.value ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(explanation.value), 1)) : createCommentVNode("", true),
             loading.value ? (openBlock(), createBlock(_sfc_main$7, {
-              key: 1,
+              key: 0,
               message: "Selecting the best matches for you. This might take a few seconds."
             })) : createCommentVNode("", true),
             bestMatches.value.length ? (openBlock(), createBlock(_sfc_main$5, {
-              key: 2,
+              key: 1,
               "search-results": bestMatchProducts.value,
               options: _ctx.options.displayOptions
             }, null, 8, ["search-results", "options"])) : createCommentVNode("", true)