@getlupa/client 1.8.0 → 1.8.2

package/dist/lupaSearch.iife.js

@@ -8356,6 +8356,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     });
     return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
   });
+  const joinUrlParts = (...parts) => {
+    var _a, _b, _c;
+    if (parts.length === 1) {
+      return `${parts[0]}`;
+    }
+    return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+  };
   const _hoisted_1$16 = ["src"];
   const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
@@ -8374,12 +8381,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
       });
       const imageUrl = computed(() => {
-        var _a;
         const imageUrl2 = image.value;
         if (hasFullImageUrl.value) {
           return imageUrl2;
         }
-        return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+        return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
       });
       const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
       const placeholder = computed(() => props.options.placeholder);
@@ -27484,7 +27490,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     redirections,
     placeholderImage
   }) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const panels = [
       ...(panelOptions == null ? void 0 : panelOptions.suggestionPanel) ? [
         {
@@ -27493,7 +27499,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           highlight: true,
           limit: 8,
           labels: {
-            topResultsTitle: labels.searchBox.topSuggestionsTitle
+            topResultsTitle: (_a = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _a.topSuggestionsTitle
           }
         }
       ] : [],
@@ -27506,22 +27512,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             {
               type: "image",
               placeholder: placeholderImage,
-              key: searchBoxOptions.fields.imageKey,
-              baseUrl: searchBoxOptions.fields.baseImageUrl
+              key: (_b = searchBoxOptions.fields) == null ? void 0 : _b.imageKey,
+              baseUrl: (_c = searchBoxOptions.fields) == null ? void 0 : _c.baseImageUrl
             },
             {
               type: "title",
-              key: searchBoxOptions.fields.titleKey,
+              key: (_d = searchBoxOptions.fields) == null ? void 0 : _d.titleKey,
               maxLines: 2
             },
             {
               type: "regularPrice",
-              key: searchBoxOptions.fields.regularPriceKey,
-              display: (doc2) => searchBoxOptions.fields.regularPriceKey && searchBoxOptions.fields.discountPriceKey && parseFloat(doc2[searchBoxOptions.fields.regularPriceKey]) > parseFloat(doc2[searchBoxOptions.fields.discountPriceKey])
+              key: (_e = searchBoxOptions.fields) == null ? void 0 : _e.regularPriceKey,
+              display: (doc2) => {
+                var _a2, _b2, _c2, _d2;
+                return ((_a2 = searchBoxOptions.fields) == null ? void 0 : _a2.regularPriceKey) && ((_b2 = searchBoxOptions.fields) == null ? void 0 : _b2.discountPriceKey) && parseFloat(doc2[(_c2 = searchBoxOptions.fields) == null ? void 0 : _c2.regularPriceKey]) > parseFloat(doc2[(_d2 = searchBoxOptions.fields) == null ? void 0 : _d2.discountPriceKey]);
+              }
             },
             {
               type: "price",
-              key: searchBoxOptions.fields.discountPriceKey
+              key: (_f = searchBoxOptions.fields) == null ? void 0 : _f.discountPriceKey
             }
           ]
         }
@@ -27530,7 +27539,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     return {
       inputSelector: searchBoxOptions.inputSelector,
       options: {
-        environment: (_a = searchBoxOptions.environment) != null ? _a : "production",
+        environment: (_g = searchBoxOptions.environment) != null ? _g : "production",
         customUrl: searchBoxOptions.customUrl,
         customBaseUrl: searchBoxOptions.customBaseUrl,
         customPayload: searchBoxOptions.customPayload,
@@ -27538,9 +27547,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       },
       showTotalCount: true,
       expandOnSinglePanel: true,
-      minInputLength: (_b = searchBoxOptions.fields.minInputLength) != null ? _b : 0,
+      minInputLength: (_i = (_h = searchBoxOptions.fields) == null ? void 0 : _h.minInputLength) != null ? _i : 0,
       debounce: 250,
-      labels: labels.searchBox,
+      labels: labels == null ? void 0 : labels.searchBox,
       links: {
         searchResults: ""
       },
@@ -27548,7 +27557,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       redirections,
       history: {
         labels: {
-          clear: labels.searchBox.clearHistory
+          clear: (_j = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _j.clearHistory
         }
       }
     };
@@ -27562,7 +27571,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     callbacks,
     additionalFields
   }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     const filters = searchResultOptions.showFacets ? {
       currentFilters: {
         visibility: {
@@ -27571,15 +27580,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         },
         labels: {
           title: "",
-          clearAll: (_a = labels.facets) == null ? void 0 : _a.clearAll
+          clearAll: (_a = labels == null ? void 0 : labels.facets) == null ? void 0 : _a.clearAll
         }
       },
       facets: {
         labels: {
-          title: labels.facets.facetTitle,
-          showAll: labels.facets.showAll,
-          facetFilter: labels.facets.facetFilter,
-          facetClear: labels.facets.facetClear
+          title: (_b = labels == null ? void 0 : labels.facets) == null ? void 0 : _b.facetTitle,
+          showAll: (_c = labels == null ? void 0 : labels.facets) == null ? void 0 : _c.showAll,
+          facetFilter: (_d = labels == null ? void 0 : labels.facets) == null ? void 0 : _d.facetFilter,
+          facetClear: (_e = labels == null ? void 0 : labels.facets) == null ? void 0 : _e.facetClear
         },
         filterable: {
           minValues: 5
@@ -27604,12 +27613,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       }
     } : {};
-    const columns = (_g = searchResultOptions.gridConfiguration) != null ? _g : {
-      xl: (_b = searchResultOptions.maxColumns) != null ? _b : 4,
-      l: (_c = searchResultOptions.maxColumns) != null ? _c : 3,
-      md: (_d = searchResultOptions.maxColumns) != null ? _d : 3,
-      sm: (_e = searchResultOptions.maxColumns) != null ? _e : 2,
-      xs: (_f = searchResultOptions.maxColumns) != null ? _f : 1
+    const columns = (_k = searchResultOptions.gridConfiguration) != null ? _k : {
+      xl: (_f = searchResultOptions.maxColumns) != null ? _f : 4,
+      l: (_g = searchResultOptions.maxColumns) != null ? _g : 3,
+      md: (_h = searchResultOptions.maxColumns) != null ? _h : 3,
+      sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
+      xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
     };
     const badges = searchResultOptions.showRelevance ? {
       badges: {
@@ -27627,7 +27636,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     } : {};
     return __spreadValues(__spreadProps(__spreadValues({
       options: {
-        environment: (_h = searchResultOptions.environment) != null ? _h : "production",
+        environment: (_l = searchResultOptions.environment) != null ? _l : "production",
         customUrl: searchResultOptions.customUrl,
         customBaseUrl: searchResultOptions.customBaseUrl,
         customPayload: searchResultOptions.customPayload,
@@ -27637,8 +27646,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       queryKey: searchResultOptions.queryKey,
       containerSelector: searchResultOptions.containerSelector,
       searchTitlePosition: "search-results-top",
-      titleKey: searchResultOptions.fields.titleKey,
-      labels: labels.searchResults,
+      titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+      labels: labels == null ? void 0 : labels.searchResults,
       grid: {
         columns
       },
@@ -27670,7 +27679,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
     }, badges), {
       links: {
-        details: searchResultOptions.fields.productUrl ? `{${searchResultOptions.fields.productUrl}}` : void 0
+        details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
       },
       callbacks,
       routingBehavior: callbacks ? "event" : "direct-link",
@@ -27679,37 +27688,43 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         {
           type: "image",
           placeholder: placeholderImage,
-          key: searchResultOptions.fields.imageKey,
-          baseUrl: searchResultOptions.fields.baseImageUrl,
-          display: () => searchResultOptions.fields.imageKey
+          key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
+          baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+          display: () => {
+            var _a2;
+            return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
+          }
         },
-        addFieldIfKeyExists("_emphasis", (_i = searchResultOptions.fields) == null ? void 0 : _i.emphasizedField, {
+        addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
           type: "custom",
           className: "lupa-custom-emphasis",
-          key: searchResultOptions.fields.emphasizedField,
+          key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
           display: () => true
         }),
         {
           type: "title",
-          key: searchResultOptions.fields.titleKey,
-          maxLines: (_j = searchResultOptions.maxLines) != null ? _j : 2,
-          display: (doc2) => searchResultOptions.fields.titleKey && Boolean(doc2[searchResultOptions.fields.titleKey])
+          key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
+          maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+          display: (doc2) => {
+            var _a2, _b2;
+            return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
+          }
         },
         ...getAdditionalElements(additionalFields),
-        addFieldIfKeyExists("_discountPrice", searchResultOptions.fields.discountPriceKey, {
-          key: searchResultOptions.fields.discountPriceKey,
+        addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
+          key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-discounted",
           display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
           html: (doc2) => {
-            var _a2, _b2, _c2, _d2;
-            const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-            const discountPrice = (_b2 = parseFloat(
-              doc2[(_a2 = searchResultOptions.fields.discountPriceKey) != null ? _a2 : ""]
-            )) == null ? void 0 : _b2.toFixed(2);
-            const regularPrice = (_d2 = parseFloat(
-              doc2[(_c2 = searchResultOptions.fields.regularPriceKey) != null ? _c2 : ""]
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+            const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+            const discountPrice = (_d2 = parseFloat(
+              doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.discountPriceKey) != null ? _c2 : ""]
             )) == null ? void 0 : _d2.toFixed(2);
+            const regularPrice = (_g2 = parseFloat(
+              doc2[(_f2 = (_e2 = searchResultOptions.fields) == null ? void 0 : _e2.regularPriceKey) != null ? _f2 : ""]
+            )) == null ? void 0 : _g2.toFixed(2);
             const discount = `<span class="lupa-discount">${escapeHtml(
               discountPrice
             )} ${currency}</span>`;
@@ -27719,17 +27734,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             return discount + regular;
           }
         }),
-        addFieldIfKeyExists("_regularPrice", searchResultOptions.fields.regularPriceKey, {
-          key: searchResultOptions.fields.regularPriceKey,
+        addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
+          key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-single",
           display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),
           html: (doc2) => {
-            var _a2, _b2, _c2, _d2;
-            const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-            const price = (_d2 = parseFloat(
-              (_c2 = doc2[(_a2 = searchResultOptions.fields.regularPriceKey) != null ? _a2 : ""]) != null ? _c2 : doc2[(_b2 = searchResultOptions.fields.discountPriceKey) != null ? _b2 : ""]
-            )) == null ? void 0 : _d2.toFixed(2);
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+            const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+            const price = (_g2 = parseFloat(
+              (_f2 = doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.regularPriceKey) != null ? _c2 : ""]) != null ? _f2 : doc2[(_e2 = (_d2 = searchResultOptions.fields) == null ? void 0 : _d2.discountPriceKey) != null ? _e2 : ""]
+            )) == null ? void 0 : _g2.toFixed(2);
             return `<span class="lupa-final">${escapeHtml(price)} ${currency}</span>`;
           }
         })

package/dist/lupaSearch.js

@@ -8356,6 +8356,13 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
   });
   return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
 });
+const joinUrlParts = (...parts) => {
+  var _a, _b, _c;
+  if (parts.length === 1) {
+    return `${parts[0]}`;
+  }
+  return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+};
 const _hoisted_1$16 = ["src"];
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
@@ -8374,12 +8381,11 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
     });
     const imageUrl = computed(() => {
-      var _a;
       const imageUrl2 = image.value;
       if (hasFullImageUrl.value) {
         return imageUrl2;
       }
-      return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+      return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
     });
     const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
     const placeholder = computed(() => props.options.placeholder);
@@ -27484,7 +27490,7 @@ const getSearchBoxComponent = ({
   redirections,
   placeholderImage
 }) => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const panels = [
     ...(panelOptions == null ? void 0 : panelOptions.suggestionPanel) ? [
       {
@@ -27493,7 +27499,7 @@ const getSearchBoxComponent = ({
         highlight: true,
         limit: 8,
         labels: {
-          topResultsTitle: labels.searchBox.topSuggestionsTitle
+          topResultsTitle: (_a = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _a.topSuggestionsTitle
         }
       }
     ] : [],
@@ -27506,22 +27512,25 @@ const getSearchBoxComponent = ({
           {
             type: "image",
             placeholder: placeholderImage,
-            key: searchBoxOptions.fields.imageKey,
-            baseUrl: searchBoxOptions.fields.baseImageUrl
+            key: (_b = searchBoxOptions.fields) == null ? void 0 : _b.imageKey,
+            baseUrl: (_c = searchBoxOptions.fields) == null ? void 0 : _c.baseImageUrl
           },
           {
             type: "title",
-            key: searchBoxOptions.fields.titleKey,
+            key: (_d = searchBoxOptions.fields) == null ? void 0 : _d.titleKey,
             maxLines: 2
           },
           {
             type: "regularPrice",
-            key: searchBoxOptions.fields.regularPriceKey,
-            display: (doc2) => searchBoxOptions.fields.regularPriceKey && searchBoxOptions.fields.discountPriceKey && parseFloat(doc2[searchBoxOptions.fields.regularPriceKey]) > parseFloat(doc2[searchBoxOptions.fields.discountPriceKey])
+            key: (_e = searchBoxOptions.fields) == null ? void 0 : _e.regularPriceKey,
+            display: (doc2) => {
+              var _a2, _b2, _c2, _d2;
+              return ((_a2 = searchBoxOptions.fields) == null ? void 0 : _a2.regularPriceKey) && ((_b2 = searchBoxOptions.fields) == null ? void 0 : _b2.discountPriceKey) && parseFloat(doc2[(_c2 = searchBoxOptions.fields) == null ? void 0 : _c2.regularPriceKey]) > parseFloat(doc2[(_d2 = searchBoxOptions.fields) == null ? void 0 : _d2.discountPriceKey]);
+            }
           },
           {
             type: "price",
-            key: searchBoxOptions.fields.discountPriceKey
+            key: (_f = searchBoxOptions.fields) == null ? void 0 : _f.discountPriceKey
           }
         ]
       }
@@ -27530,7 +27539,7 @@ const getSearchBoxComponent = ({
   return {
     inputSelector: searchBoxOptions.inputSelector,
     options: {
-      environment: (_a = searchBoxOptions.environment) != null ? _a : "production",
+      environment: (_g = searchBoxOptions.environment) != null ? _g : "production",
       customUrl: searchBoxOptions.customUrl,
       customBaseUrl: searchBoxOptions.customBaseUrl,
       customPayload: searchBoxOptions.customPayload,
@@ -27538,9 +27547,9 @@ const getSearchBoxComponent = ({
     },
     showTotalCount: true,
     expandOnSinglePanel: true,
-    minInputLength: (_b = searchBoxOptions.fields.minInputLength) != null ? _b : 0,
+    minInputLength: (_i = (_h = searchBoxOptions.fields) == null ? void 0 : _h.minInputLength) != null ? _i : 0,
     debounce: 250,
-    labels: labels.searchBox,
+    labels: labels == null ? void 0 : labels.searchBox,
     links: {
       searchResults: ""
     },
@@ -27548,7 +27557,7 @@ const getSearchBoxComponent = ({
     redirections,
     history: {
       labels: {
-        clear: labels.searchBox.clearHistory
+        clear: (_j = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _j.clearHistory
       }
     }
   };
@@ -27562,7 +27571,7 @@ const getSearchResultsComponent = ({
   callbacks,
   additionalFields
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   const filters = searchResultOptions.showFacets ? {
     currentFilters: {
       visibility: {
@@ -27571,15 +27580,15 @@ const getSearchResultsComponent = ({
       },
       labels: {
         title: "",
-        clearAll: (_a = labels.facets) == null ? void 0 : _a.clearAll
+        clearAll: (_a = labels == null ? void 0 : labels.facets) == null ? void 0 : _a.clearAll
       }
     },
     facets: {
       labels: {
-        title: labels.facets.facetTitle,
-        showAll: labels.facets.showAll,
-        facetFilter: labels.facets.facetFilter,
-        facetClear: labels.facets.facetClear
+        title: (_b = labels == null ? void 0 : labels.facets) == null ? void 0 : _b.facetTitle,
+        showAll: (_c = labels == null ? void 0 : labels.facets) == null ? void 0 : _c.showAll,
+        facetFilter: (_d = labels == null ? void 0 : labels.facets) == null ? void 0 : _d.facetFilter,
+        facetClear: (_e = labels == null ? void 0 : labels.facets) == null ? void 0 : _e.facetClear
       },
       filterable: {
         minValues: 5
@@ -27604,12 +27613,12 @@ const getSearchResultsComponent = ({
       }
     }
   } : {};
-  const columns = (_g = searchResultOptions.gridConfiguration) != null ? _g : {
-    xl: (_b = searchResultOptions.maxColumns) != null ? _b : 4,
-    l: (_c = searchResultOptions.maxColumns) != null ? _c : 3,
-    md: (_d = searchResultOptions.maxColumns) != null ? _d : 3,
-    sm: (_e = searchResultOptions.maxColumns) != null ? _e : 2,
-    xs: (_f = searchResultOptions.maxColumns) != null ? _f : 1
+  const columns = (_k = searchResultOptions.gridConfiguration) != null ? _k : {
+    xl: (_f = searchResultOptions.maxColumns) != null ? _f : 4,
+    l: (_g = searchResultOptions.maxColumns) != null ? _g : 3,
+    md: (_h = searchResultOptions.maxColumns) != null ? _h : 3,
+    sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
+    xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
   };
   const badges = searchResultOptions.showRelevance ? {
     badges: {
@@ -27627,7 +27636,7 @@ const getSearchResultsComponent = ({
   } : {};
   return __spreadValues(__spreadProps(__spreadValues({
     options: {
-      environment: (_h = searchResultOptions.environment) != null ? _h : "production",
+      environment: (_l = searchResultOptions.environment) != null ? _l : "production",
       customUrl: searchResultOptions.customUrl,
       customBaseUrl: searchResultOptions.customBaseUrl,
       customPayload: searchResultOptions.customPayload,
@@ -27637,8 +27646,8 @@ const getSearchResultsComponent = ({
     queryKey: searchResultOptions.queryKey,
     containerSelector: searchResultOptions.containerSelector,
     searchTitlePosition: "search-results-top",
-    titleKey: searchResultOptions.fields.titleKey,
-    labels: labels.searchResults,
+    titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+    labels: labels == null ? void 0 : labels.searchResults,
     grid: {
       columns
     },
@@ -27670,7 +27679,7 @@ const getSearchResultsComponent = ({
     }
   }, badges), {
     links: {
-      details: searchResultOptions.fields.productUrl ? `{${searchResultOptions.fields.productUrl}}` : void 0
+      details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
     },
     callbacks,
     routingBehavior: callbacks ? "event" : "direct-link",
@@ -27679,37 +27688,43 @@ const getSearchResultsComponent = ({
       {
         type: "image",
         placeholder: placeholderImage,
-        key: searchResultOptions.fields.imageKey,
-        baseUrl: searchResultOptions.fields.baseImageUrl,
-        display: () => searchResultOptions.fields.imageKey
+        key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
+        baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+        display: () => {
+          var _a2;
+          return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
+        }
       },
-      addFieldIfKeyExists("_emphasis", (_i = searchResultOptions.fields) == null ? void 0 : _i.emphasizedField, {
+      addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
         type: "custom",
         className: "lupa-custom-emphasis",
-        key: searchResultOptions.fields.emphasizedField,
+        key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
         display: () => true
       }),
       {
         type: "title",
-        key: searchResultOptions.fields.titleKey,
-        maxLines: (_j = searchResultOptions.maxLines) != null ? _j : 2,
-        display: (doc2) => searchResultOptions.fields.titleKey && Boolean(doc2[searchResultOptions.fields.titleKey])
+        key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
+        maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+        display: (doc2) => {
+          var _a2, _b2;
+          return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
+        }
       },
       ...getAdditionalElements(additionalFields),
-      addFieldIfKeyExists("_discountPrice", searchResultOptions.fields.discountPriceKey, {
-        key: searchResultOptions.fields.discountPriceKey,
+      addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
+        key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-discounted",
         display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
         html: (doc2) => {
-          var _a2, _b2, _c2, _d2;
-          const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-          const discountPrice = (_b2 = parseFloat(
-            doc2[(_a2 = searchResultOptions.fields.discountPriceKey) != null ? _a2 : ""]
-          )) == null ? void 0 : _b2.toFixed(2);
-          const regularPrice = (_d2 = parseFloat(
-            doc2[(_c2 = searchResultOptions.fields.regularPriceKey) != null ? _c2 : ""]
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+          const discountPrice = (_d2 = parseFloat(
+            doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.discountPriceKey) != null ? _c2 : ""]
           )) == null ? void 0 : _d2.toFixed(2);
+          const regularPrice = (_g2 = parseFloat(
+            doc2[(_f2 = (_e2 = searchResultOptions.fields) == null ? void 0 : _e2.regularPriceKey) != null ? _f2 : ""]
+          )) == null ? void 0 : _g2.toFixed(2);
           const discount = `<span class="lupa-discount">${escapeHtml(
             discountPrice
           )} ${currency}</span>`;
@@ -27719,17 +27734,17 @@ const getSearchResultsComponent = ({
           return discount + regular;
         }
       }),
-      addFieldIfKeyExists("_regularPrice", searchResultOptions.fields.regularPriceKey, {
-        key: searchResultOptions.fields.regularPriceKey,
+      addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
+        key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-single",
         display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),
         html: (doc2) => {
-          var _a2, _b2, _c2, _d2;
-          const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-          const price = (_d2 = parseFloat(
-            (_c2 = doc2[(_a2 = searchResultOptions.fields.regularPriceKey) != null ? _a2 : ""]) != null ? _c2 : doc2[(_b2 = searchResultOptions.fields.discountPriceKey) != null ? _b2 : ""]
-          )) == null ? void 0 : _d2.toFixed(2);
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+          const price = (_g2 = parseFloat(
+            (_f2 = doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.regularPriceKey) != null ? _c2 : ""]) != null ? _f2 : doc2[(_e2 = (_d2 = searchResultOptions.fields) == null ? void 0 : _d2.discountPriceKey) != null ? _e2 : ""]
+          )) == null ? void 0 : _g2.toFixed(2);
           return `<span class="lupa-final">${escapeHtml(price)} ${currency}</span>`;
         }
       })

package/dist/lupaSearch.mjs

@@ -8354,6 +8354,13 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
   });
   return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
 });
+const joinUrlParts = (...parts) => {
+  var _a, _b, _c;
+  if (parts.length === 1) {
+    return `${parts[0]}`;
+  }
+  return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+};
 const _hoisted_1$16 = ["src"];
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
@@ -8372,12 +8379,11 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
     });
     const imageUrl = computed(() => {
-      var _a;
       const imageUrl2 = image.value;
       if (hasFullImageUrl.value) {
         return imageUrl2;
       }
-      return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+      return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
     });
     const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
     const placeholder = computed(() => props.options.placeholder);
@@ -27482,7 +27488,7 @@ const getSearchBoxComponent = ({
   redirections,
   placeholderImage
 }) => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const panels = [
     ...(panelOptions == null ? void 0 : panelOptions.suggestionPanel) ? [
       {
@@ -27491,7 +27497,7 @@ const getSearchBoxComponent = ({
         highlight: true,
         limit: 8,
         labels: {
-          topResultsTitle: labels.searchBox.topSuggestionsTitle
+          topResultsTitle: (_a = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _a.topSuggestionsTitle
         }
       }
     ] : [],
@@ -27504,22 +27510,25 @@ const getSearchBoxComponent = ({
           {
             type: "image",
             placeholder: placeholderImage,
-            key: searchBoxOptions.fields.imageKey,
-            baseUrl: searchBoxOptions.fields.baseImageUrl
+            key: (_b = searchBoxOptions.fields) == null ? void 0 : _b.imageKey,
+            baseUrl: (_c = searchBoxOptions.fields) == null ? void 0 : _c.baseImageUrl
           },
           {
             type: "title",
-            key: searchBoxOptions.fields.titleKey,
+            key: (_d = searchBoxOptions.fields) == null ? void 0 : _d.titleKey,
             maxLines: 2
           },
           {
             type: "regularPrice",
-            key: searchBoxOptions.fields.regularPriceKey,
-            display: (doc2) => searchBoxOptions.fields.regularPriceKey && searchBoxOptions.fields.discountPriceKey && parseFloat(doc2[searchBoxOptions.fields.regularPriceKey]) > parseFloat(doc2[searchBoxOptions.fields.discountPriceKey])
+            key: (_e = searchBoxOptions.fields) == null ? void 0 : _e.regularPriceKey,
+            display: (doc2) => {
+              var _a2, _b2, _c2, _d2;
+              return ((_a2 = searchBoxOptions.fields) == null ? void 0 : _a2.regularPriceKey) && ((_b2 = searchBoxOptions.fields) == null ? void 0 : _b2.discountPriceKey) && parseFloat(doc2[(_c2 = searchBoxOptions.fields) == null ? void 0 : _c2.regularPriceKey]) > parseFloat(doc2[(_d2 = searchBoxOptions.fields) == null ? void 0 : _d2.discountPriceKey]);
+            }
           },
           {
             type: "price",
-            key: searchBoxOptions.fields.discountPriceKey
+            key: (_f = searchBoxOptions.fields) == null ? void 0 : _f.discountPriceKey
           }
         ]
       }
@@ -27528,7 +27537,7 @@ const getSearchBoxComponent = ({
   return {
     inputSelector: searchBoxOptions.inputSelector,
     options: {
-      environment: (_a = searchBoxOptions.environment) != null ? _a : "production",
+      environment: (_g = searchBoxOptions.environment) != null ? _g : "production",
       customUrl: searchBoxOptions.customUrl,
       customBaseUrl: searchBoxOptions.customBaseUrl,
       customPayload: searchBoxOptions.customPayload,
@@ -27536,9 +27545,9 @@ const getSearchBoxComponent = ({
     },
     showTotalCount: true,
     expandOnSinglePanel: true,
-    minInputLength: (_b = searchBoxOptions.fields.minInputLength) != null ? _b : 0,
+    minInputLength: (_i = (_h = searchBoxOptions.fields) == null ? void 0 : _h.minInputLength) != null ? _i : 0,
     debounce: 250,
-    labels: labels.searchBox,
+    labels: labels == null ? void 0 : labels.searchBox,
     links: {
       searchResults: ""
     },
@@ -27546,7 +27555,7 @@ const getSearchBoxComponent = ({
     redirections,
     history: {
       labels: {
-        clear: labels.searchBox.clearHistory
+        clear: (_j = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _j.clearHistory
       }
     }
   };
@@ -27560,7 +27569,7 @@ const getSearchResultsComponent = ({
   callbacks,
   additionalFields
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   const filters = searchResultOptions.showFacets ? {
     currentFilters: {
       visibility: {
@@ -27569,15 +27578,15 @@ const getSearchResultsComponent = ({
       },
       labels: {
         title: "",
-        clearAll: (_a = labels.facets) == null ? void 0 : _a.clearAll
+        clearAll: (_a = labels == null ? void 0 : labels.facets) == null ? void 0 : _a.clearAll
       }
     },
     facets: {
       labels: {
-        title: labels.facets.facetTitle,
-        showAll: labels.facets.showAll,
-        facetFilter: labels.facets.facetFilter,
-        facetClear: labels.facets.facetClear
+        title: (_b = labels == null ? void 0 : labels.facets) == null ? void 0 : _b.facetTitle,
+        showAll: (_c = labels == null ? void 0 : labels.facets) == null ? void 0 : _c.showAll,
+        facetFilter: (_d = labels == null ? void 0 : labels.facets) == null ? void 0 : _d.facetFilter,
+        facetClear: (_e = labels == null ? void 0 : labels.facets) == null ? void 0 : _e.facetClear
       },
       filterable: {
         minValues: 5
@@ -27602,12 +27611,12 @@ const getSearchResultsComponent = ({
       }
     }
   } : {};
-  const columns = (_g = searchResultOptions.gridConfiguration) != null ? _g : {
-    xl: (_b = searchResultOptions.maxColumns) != null ? _b : 4,
-    l: (_c = searchResultOptions.maxColumns) != null ? _c : 3,
-    md: (_d = searchResultOptions.maxColumns) != null ? _d : 3,
-    sm: (_e = searchResultOptions.maxColumns) != null ? _e : 2,
-    xs: (_f = searchResultOptions.maxColumns) != null ? _f : 1
+  const columns = (_k = searchResultOptions.gridConfiguration) != null ? _k : {
+    xl: (_f = searchResultOptions.maxColumns) != null ? _f : 4,
+    l: (_g = searchResultOptions.maxColumns) != null ? _g : 3,
+    md: (_h = searchResultOptions.maxColumns) != null ? _h : 3,
+    sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
+    xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
   };
   const badges = searchResultOptions.showRelevance ? {
     badges: {
@@ -27625,7 +27634,7 @@ const getSearchResultsComponent = ({
   } : {};
   return __spreadValues(__spreadProps(__spreadValues({
     options: {
-      environment: (_h = searchResultOptions.environment) != null ? _h : "production",
+      environment: (_l = searchResultOptions.environment) != null ? _l : "production",
       customUrl: searchResultOptions.customUrl,
       customBaseUrl: searchResultOptions.customBaseUrl,
       customPayload: searchResultOptions.customPayload,
@@ -27635,8 +27644,8 @@ const getSearchResultsComponent = ({
     queryKey: searchResultOptions.queryKey,
     containerSelector: searchResultOptions.containerSelector,
     searchTitlePosition: "search-results-top",
-    titleKey: searchResultOptions.fields.titleKey,
-    labels: labels.searchResults,
+    titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+    labels: labels == null ? void 0 : labels.searchResults,
     grid: {
       columns
     },
@@ -27668,7 +27677,7 @@ const getSearchResultsComponent = ({
     }
   }, badges), {
     links: {
-      details: searchResultOptions.fields.productUrl ? `{${searchResultOptions.fields.productUrl}}` : void 0
+      details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
     },
     callbacks,
     routingBehavior: callbacks ? "event" : "direct-link",
@@ -27677,37 +27686,43 @@ const getSearchResultsComponent = ({
       {
         type: "image",
         placeholder: placeholderImage,
-        key: searchResultOptions.fields.imageKey,
-        baseUrl: searchResultOptions.fields.baseImageUrl,
-        display: () => searchResultOptions.fields.imageKey
+        key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
+        baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+        display: () => {
+          var _a2;
+          return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
+        }
       },
-      addFieldIfKeyExists("_emphasis", (_i = searchResultOptions.fields) == null ? void 0 : _i.emphasizedField, {
+      addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
         type: "custom",
         className: "lupa-custom-emphasis",
-        key: searchResultOptions.fields.emphasizedField,
+        key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
         display: () => true
       }),
       {
         type: "title",
-        key: searchResultOptions.fields.titleKey,
-        maxLines: (_j = searchResultOptions.maxLines) != null ? _j : 2,
-        display: (doc2) => searchResultOptions.fields.titleKey && Boolean(doc2[searchResultOptions.fields.titleKey])
+        key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
+        maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+        display: (doc2) => {
+          var _a2, _b2;
+          return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
+        }
       },
       ...getAdditionalElements(additionalFields),
-      addFieldIfKeyExists("_discountPrice", searchResultOptions.fields.discountPriceKey, {
-        key: searchResultOptions.fields.discountPriceKey,
+      addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
+        key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-discounted",
         display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
         html: (doc2) => {
-          var _a2, _b2, _c2, _d2;
-          const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-          const discountPrice = (_b2 = parseFloat(
-            doc2[(_a2 = searchResultOptions.fields.discountPriceKey) != null ? _a2 : ""]
-          )) == null ? void 0 : _b2.toFixed(2);
-          const regularPrice = (_d2 = parseFloat(
-            doc2[(_c2 = searchResultOptions.fields.regularPriceKey) != null ? _c2 : ""]
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+          const discountPrice = (_d2 = parseFloat(
+            doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.discountPriceKey) != null ? _c2 : ""]
           )) == null ? void 0 : _d2.toFixed(2);
+          const regularPrice = (_g2 = parseFloat(
+            doc2[(_f2 = (_e2 = searchResultOptions.fields) == null ? void 0 : _e2.regularPriceKey) != null ? _f2 : ""]
+          )) == null ? void 0 : _g2.toFixed(2);
           const discount = `<span class="lupa-discount">${escapeHtml(
             discountPrice
           )} ${currency}</span>`;
@@ -27717,17 +27732,17 @@ const getSearchResultsComponent = ({
           return discount + regular;
         }
       }),
-      addFieldIfKeyExists("_regularPrice", searchResultOptions.fields.regularPriceKey, {
-        key: searchResultOptions.fields.regularPriceKey,
+      addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
+        key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-single",
         display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),
         html: (doc2) => {
-          var _a2, _b2, _c2, _d2;
-          const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-          const price = (_d2 = parseFloat(
-            (_c2 = doc2[(_a2 = searchResultOptions.fields.regularPriceKey) != null ? _a2 : ""]) != null ? _c2 : doc2[(_b2 = searchResultOptions.fields.discountPriceKey) != null ? _b2 : ""]
-          )) == null ? void 0 : _d2.toFixed(2);
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+          const price = (_g2 = parseFloat(
+            (_f2 = doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.regularPriceKey) != null ? _c2 : ""]) != null ? _f2 : doc2[(_e2 = (_d2 = searchResultOptions.fields) == null ? void 0 : _d2.discountPriceKey) != null ? _e2 : ""]
+          )) == null ? void 0 : _g2.toFixed(2);
           return `<span class="lupa-final">${escapeHtml(price)} ${currency}</span>`;
         }
       })

package/dist/lupaSearch.umd.js

@@ -8358,6 +8358,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     });
     return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
   });
+  const joinUrlParts = (...parts) => {
+    var _a, _b, _c;
+    if (parts.length === 1) {
+      return `${parts[0]}`;
+    }
+    return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+  };
   const _hoisted_1$16 = ["src"];
   const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
@@ -8376,12 +8383,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
       });
       const imageUrl = computed(() => {
-        var _a;
         const imageUrl2 = image.value;
         if (hasFullImageUrl.value) {
           return imageUrl2;
         }
-        return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+        return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
       });
       const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
       const placeholder = computed(() => props.options.placeholder);
@@ -27486,7 +27492,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     redirections,
     placeholderImage
   }) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const panels = [
       ...(panelOptions == null ? void 0 : panelOptions.suggestionPanel) ? [
         {
@@ -27495,7 +27501,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           highlight: true,
           limit: 8,
           labels: {
-            topResultsTitle: labels.searchBox.topSuggestionsTitle
+            topResultsTitle: (_a = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _a.topSuggestionsTitle
           }
         }
       ] : [],
@@ -27508,22 +27514,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             {
               type: "image",
               placeholder: placeholderImage,
-              key: searchBoxOptions.fields.imageKey,
-              baseUrl: searchBoxOptions.fields.baseImageUrl
+              key: (_b = searchBoxOptions.fields) == null ? void 0 : _b.imageKey,
+              baseUrl: (_c = searchBoxOptions.fields) == null ? void 0 : _c.baseImageUrl
             },
             {
               type: "title",
-              key: searchBoxOptions.fields.titleKey,
+              key: (_d = searchBoxOptions.fields) == null ? void 0 : _d.titleKey,
               maxLines: 2
             },
             {
               type: "regularPrice",
-              key: searchBoxOptions.fields.regularPriceKey,
-              display: (doc2) => searchBoxOptions.fields.regularPriceKey && searchBoxOptions.fields.discountPriceKey && parseFloat(doc2[searchBoxOptions.fields.regularPriceKey]) > parseFloat(doc2[searchBoxOptions.fields.discountPriceKey])
+              key: (_e = searchBoxOptions.fields) == null ? void 0 : _e.regularPriceKey,
+              display: (doc2) => {
+                var _a2, _b2, _c2, _d2;
+                return ((_a2 = searchBoxOptions.fields) == null ? void 0 : _a2.regularPriceKey) && ((_b2 = searchBoxOptions.fields) == null ? void 0 : _b2.discountPriceKey) && parseFloat(doc2[(_c2 = searchBoxOptions.fields) == null ? void 0 : _c2.regularPriceKey]) > parseFloat(doc2[(_d2 = searchBoxOptions.fields) == null ? void 0 : _d2.discountPriceKey]);
+              }
             },
             {
               type: "price",
-              key: searchBoxOptions.fields.discountPriceKey
+              key: (_f = searchBoxOptions.fields) == null ? void 0 : _f.discountPriceKey
             }
           ]
         }
@@ -27532,7 +27541,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     return {
       inputSelector: searchBoxOptions.inputSelector,
       options: {
-        environment: (_a = searchBoxOptions.environment) != null ? _a : "production",
+        environment: (_g = searchBoxOptions.environment) != null ? _g : "production",
         customUrl: searchBoxOptions.customUrl,
         customBaseUrl: searchBoxOptions.customBaseUrl,
         customPayload: searchBoxOptions.customPayload,
@@ -27540,9 +27549,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       },
       showTotalCount: true,
       expandOnSinglePanel: true,
-      minInputLength: (_b = searchBoxOptions.fields.minInputLength) != null ? _b : 0,
+      minInputLength: (_i = (_h = searchBoxOptions.fields) == null ? void 0 : _h.minInputLength) != null ? _i : 0,
       debounce: 250,
-      labels: labels.searchBox,
+      labels: labels == null ? void 0 : labels.searchBox,
       links: {
         searchResults: ""
       },
@@ -27550,7 +27559,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       redirections,
       history: {
         labels: {
-          clear: labels.searchBox.clearHistory
+          clear: (_j = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _j.clearHistory
         }
       }
     };
@@ -27564,7 +27573,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     callbacks,
     additionalFields
   }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     const filters = searchResultOptions.showFacets ? {
       currentFilters: {
         visibility: {
@@ -27573,15 +27582,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         },
         labels: {
           title: "",
-          clearAll: (_a = labels.facets) == null ? void 0 : _a.clearAll
+          clearAll: (_a = labels == null ? void 0 : labels.facets) == null ? void 0 : _a.clearAll
         }
       },
       facets: {
         labels: {
-          title: labels.facets.facetTitle,
-          showAll: labels.facets.showAll,
-          facetFilter: labels.facets.facetFilter,
-          facetClear: labels.facets.facetClear
+          title: (_b = labels == null ? void 0 : labels.facets) == null ? void 0 : _b.facetTitle,
+          showAll: (_c = labels == null ? void 0 : labels.facets) == null ? void 0 : _c.showAll,
+          facetFilter: (_d = labels == null ? void 0 : labels.facets) == null ? void 0 : _d.facetFilter,
+          facetClear: (_e = labels == null ? void 0 : labels.facets) == null ? void 0 : _e.facetClear
         },
         filterable: {
           minValues: 5
@@ -27606,12 +27615,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       }
     } : {};
-    const columns = (_g = searchResultOptions.gridConfiguration) != null ? _g : {
-      xl: (_b = searchResultOptions.maxColumns) != null ? _b : 4,
-      l: (_c = searchResultOptions.maxColumns) != null ? _c : 3,
-      md: (_d = searchResultOptions.maxColumns) != null ? _d : 3,
-      sm: (_e = searchResultOptions.maxColumns) != null ? _e : 2,
-      xs: (_f = searchResultOptions.maxColumns) != null ? _f : 1
+    const columns = (_k = searchResultOptions.gridConfiguration) != null ? _k : {
+      xl: (_f = searchResultOptions.maxColumns) != null ? _f : 4,
+      l: (_g = searchResultOptions.maxColumns) != null ? _g : 3,
+      md: (_h = searchResultOptions.maxColumns) != null ? _h : 3,
+      sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
+      xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
     };
     const badges = searchResultOptions.showRelevance ? {
       badges: {
@@ -27629,7 +27638,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     } : {};
     return __spreadValues(__spreadProps(__spreadValues({
       options: {
-        environment: (_h = searchResultOptions.environment) != null ? _h : "production",
+        environment: (_l = searchResultOptions.environment) != null ? _l : "production",
         customUrl: searchResultOptions.customUrl,
         customBaseUrl: searchResultOptions.customBaseUrl,
         customPayload: searchResultOptions.customPayload,
@@ -27639,8 +27648,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       queryKey: searchResultOptions.queryKey,
       containerSelector: searchResultOptions.containerSelector,
       searchTitlePosition: "search-results-top",
-      titleKey: searchResultOptions.fields.titleKey,
-      labels: labels.searchResults,
+      titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+      labels: labels == null ? void 0 : labels.searchResults,
       grid: {
         columns
       },
@@ -27672,7 +27681,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
     }, badges), {
       links: {
-        details: searchResultOptions.fields.productUrl ? `{${searchResultOptions.fields.productUrl}}` : void 0
+        details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
       },
       callbacks,
       routingBehavior: callbacks ? "event" : "direct-link",
@@ -27681,37 +27690,43 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         {
           type: "image",
           placeholder: placeholderImage,
-          key: searchResultOptions.fields.imageKey,
-          baseUrl: searchResultOptions.fields.baseImageUrl,
-          display: () => searchResultOptions.fields.imageKey
+          key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
+          baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+          display: () => {
+            var _a2;
+            return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
+          }
         },
-        addFieldIfKeyExists("_emphasis", (_i = searchResultOptions.fields) == null ? void 0 : _i.emphasizedField, {
+        addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
           type: "custom",
           className: "lupa-custom-emphasis",
-          key: searchResultOptions.fields.emphasizedField,
+          key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
           display: () => true
         }),
         {
           type: "title",
-          key: searchResultOptions.fields.titleKey,
-          maxLines: (_j = searchResultOptions.maxLines) != null ? _j : 2,
-          display: (doc2) => searchResultOptions.fields.titleKey && Boolean(doc2[searchResultOptions.fields.titleKey])
+          key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
+          maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+          display: (doc2) => {
+            var _a2, _b2;
+            return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
+          }
         },
         ...getAdditionalElements(additionalFields),
-        addFieldIfKeyExists("_discountPrice", searchResultOptions.fields.discountPriceKey, {
-          key: searchResultOptions.fields.discountPriceKey,
+        addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
+          key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-discounted",
           display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
           html: (doc2) => {
-            var _a2, _b2, _c2, _d2;
-            const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-            const discountPrice = (_b2 = parseFloat(
-              doc2[(_a2 = searchResultOptions.fields.discountPriceKey) != null ? _a2 : ""]
-            )) == null ? void 0 : _b2.toFixed(2);
-            const regularPrice = (_d2 = parseFloat(
-              doc2[(_c2 = searchResultOptions.fields.regularPriceKey) != null ? _c2 : ""]
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+            const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+            const discountPrice = (_d2 = parseFloat(
+              doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.discountPriceKey) != null ? _c2 : ""]
             )) == null ? void 0 : _d2.toFixed(2);
+            const regularPrice = (_g2 = parseFloat(
+              doc2[(_f2 = (_e2 = searchResultOptions.fields) == null ? void 0 : _e2.regularPriceKey) != null ? _f2 : ""]
+            )) == null ? void 0 : _g2.toFixed(2);
             const discount = `<span class="lupa-discount">${escapeHtml(
               discountPrice
             )} ${currency}</span>`;
@@ -27721,17 +27736,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             return discount + regular;
           }
         }),
-        addFieldIfKeyExists("_regularPrice", searchResultOptions.fields.regularPriceKey, {
-          key: searchResultOptions.fields.regularPriceKey,
+        addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
+          key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-single",
           display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),
           html: (doc2) => {
-            var _a2, _b2, _c2, _d2;
-            const currency = escapeHtml(searchResultOptions.fields.currency || "€");
-            const price = (_d2 = parseFloat(
-              (_c2 = doc2[(_a2 = searchResultOptions.fields.regularPriceKey) != null ? _a2 : ""]) != null ? _c2 : doc2[(_b2 = searchResultOptions.fields.discountPriceKey) != null ? _b2 : ""]
-            )) == null ? void 0 : _d2.toFixed(2);
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+            const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+            const price = (_g2 = parseFloat(
+              (_f2 = doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.regularPriceKey) != null ? _c2 : ""]) != null ? _f2 : doc2[(_e2 = (_d2 = searchResultOptions.fields) == null ? void 0 : _d2.discountPriceKey) != null ? _e2 : ""]
+            )) == null ? void 0 : _g2.toFixed(2);
             return `<span class="lupa-final">${escapeHtml(price)} ${currency}</span>`;
           }
         })

package/package.json

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