@getlupa/client 1.4.1 → 1.4.3

package/dist/lupaSearch.iife.js

@@ -7679,7 +7679,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
   const _hoisted_2$O = { class: "lupa-input-clear" };
   const _hoisted_3$A = { id: "lupa-search-box-input" };
-  const _hoisted_4$r = ["value"];
+  const _hoisted_4$q = ["value"];
   const _hoisted_5$f = ["placeholder"];
   const _hoisted_6$8 = {
     key: 0,
@@ -7774,7 +7774,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: "lupa-hint",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$r),
+            }, null, 8, _hoisted_4$q),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -7953,7 +7953,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
   };
-  const _hoisted_4$q = {
+  const _hoisted_4$p = {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
@@ -7999,7 +7999,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
-            createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
@@ -8401,7 +8401,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$J = { key: 0 };
   const _hoisted_3$y = { key: 1 };
-  const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
   const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
@@ -8434,7 +8434,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$J, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
-            createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -8830,7 +8830,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$Z = ["href"];
   const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
   const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
-  const _hoisted_4$o = {
+  const _hoisted_4$n = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
   };
@@ -8951,7 +8951,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
             createVNode(_sfc_main$12, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -9086,12 +9086,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     id: "lupa-search-box-panel"
   };
-  const _hoisted_2$G = {
-    class: "lupa-main-panel",
-    "data-cy": "lupa-main-panel"
-  };
-  const _hoisted_3$v = ["data-cy"];
-  const _hoisted_4$n = {
+  const _hoisted_2$G = ["data-cy"];
+  const _hoisted_3$v = {
     key: 1,
     id: "lupa-search-box-panel"
   };
@@ -9128,7 +9124,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const panels = computed(() => props.options.panels);
       const sdkOptions = computed(() => props.options.options);
       const searchBoxStore = useSearchBoxStore();
-      const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
+      const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
       const displayResults = computed(
         () => {
           var _a, _b;
@@ -9209,6 +9205,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           `${window.innerHeight - panel.getBoundingClientRect().y - 10}px`
         );
       };
+      const numberOfVisiblePanels = computed(() => {
+        return panelItemCounts.value.filter((v) => v.count > 0).length;
+      });
+      const expandOnSinglePanel = computed(() => {
+        return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
+      });
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", {
@@ -9216,7 +9218,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ref: panelContainer
         }, [
           displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
-            createBaseVNode("div", _hoisted_2$G, [
+            createBaseVNode("div", {
+              class: "lupa-main-panel",
+              style: normalizeStyle(expandOnSinglePanel.value ? { display: "block" } : {}),
+              "data-cy": "lupa-main-panel"
+            }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
@@ -9245,9 +9251,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 10, _hoisted_3$v);
+                ], 10, _hoisted_2$G);
               }), 128))
-            ]),
+            ], 4),
             !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
               key: 0,
               labels: labels.value
@@ -9258,7 +9264,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
             createVNode(_sfc_main$1g, {
               options: _ctx.options.history,
               history: history.value,
@@ -9327,7 +9333,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "debounce",
           "showTotalCount",
           "hideMoreResultsButtonOnNoResults",
-          "showNoResultsPanel"
+          "showNoResultsPanel",
+          "expandOnSinglePanel"
         ])
       );
       const searchTriggers = computed(() => {
@@ -13996,8 +14003,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const isTitleResultTopPosition = computed(() => {
         return props.options.searchTitlePosition === "search-results-top";
       });
+      const handlePopState = () => {
+        var _a;
+        const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
+        paramStore.add(parseParams(searchParams));
+      };
       onMounted(() => {
         var _a, _b;
+        window.addEventListener("popstate", handlePopState);
         window.addEventListener("resize", handleResize);
         if (props.initialData) {
           searchResultStore.add(__spreadValues2({}, props.initialData));
@@ -14008,6 +14021,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       onBeforeUnmount(() => {
         window.removeEventListener("resize", handleResize);
+        window.removeEventListener("popstate", handlePopState);
       });
       const trackItemListView = (title, items = []) => {
         trackingStore.trackEvent({
@@ -20755,11 +20769,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return Env[environment] || Env["production"];
   };
-  const suggestSearchChatPhrases = (options, request) => __async(void 0, null, function* () {
+  const suggestSearchChatPhrases = (options, request, chatSettings) => __async(void 0, null, function* () {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
         body: JSON.stringify(request),
         headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
       }));
@@ -20775,14 +20790,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { success: false, errors: [e] };
     }
   });
-  const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+  const suggestPhraseAlternatives = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps2(__spreadValues2({}, defaultConfig), {
-        body: JSON.stringify({ phrases }),
-        headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
-      }));
+      const res = yield fetch(
+        `${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives${model}`,
+        __spreadProps2(__spreadValues2({}, defaultConfig), {
+          body: JSON.stringify({ phrases }),
+          headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+        })
+      );
       if (res.status < 400) {
         const data = yield res.json();
         return __spreadProps2(__spreadValues2({}, data), { success: true });
@@ -20795,11 +20814,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { success: false, errors: [e] };
     }
   });
-  const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+  const suggestSimplifiedPhrases = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
         body: JSON.stringify({ phrases }),
         headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
       }));
@@ -20815,15 +20835,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { success: false, errors: [e] };
     }
   });
-  const suggestBestProductMatches = (_0, _1) => __async(void 0, [_0, _1], function* (options, {
+  const suggestBestProductMatches = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, {
     initialQuery,
     productStrings,
     messageHistory
-  }) {
+  }, chatSettings) {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
         body: JSON.stringify({ initialQuery, messageHistory, productStrings }),
         headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
       }));
@@ -20860,9 +20881,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return history;
   };
-  const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived) => {
+  const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived, chatSettings) => {
     var _a;
-    fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
+    fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify({ initialQuery, messageHistory }),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     })).then((response) => {
@@ -21002,9 +21024,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return result.items;
       });
       const getPhraseAlternatives = () => __async(this, null, function* () {
-        const { phrases } = yield ChatService.suggestPhraseAlternatives(props.options.sdkOptions, {
-          phrases: [props.phrase]
-        });
+        const { phrases } = yield ChatService.suggestPhraseAlternatives(
+          props.options.sdkOptions,
+          {
+            phrases: [props.phrase]
+          },
+          props.options.chatSettings
+        );
         return phrases != null ? phrases : [];
       });
       return (_ctx, _cache) => {
@@ -21069,11 +21095,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               return (_b = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b : "";
             }
           );
-          const { products } = yield ChatService.suggestBestProductMatches(props.options.sdkOptions, {
-            initialQuery: props.entry.userInput,
-            productStrings: productResultStrings,
-            messageHistory: (_a = props.history) != null ? _a : []
-          });
+          const { products } = yield ChatService.suggestBestProductMatches(
+            props.options.sdkOptions,
+            {
+              initialQuery: props.entry.userInput,
+              productStrings: productResultStrings,
+              messageHistory: (_a = props.history) != null ? _a : []
+            },
+            props.options.chatSettings
+          );
           bestMatches.value = products;
           emit2("loaded", products);
         } finally {
@@ -21146,7 +21176,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             initialQuery: props.content,
             messageHistory: (_a = props.history) != null ? _a : []
           },
-          processChunk
+          processChunk,
+          props.options.chatSettings
         );
       });
       return (_ctx, _cache) => {
@@ -21243,7 +21274,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           };
           const { phrases, success } = yield ChatService.suggestSearchChatPhrases(
             props.options.sdkOptions,
-            request
+            request,
+            props.options.chatSettings
           );
           if (!success || !phrases.length) {
             error.value = "Something went wrong";

package/dist/lupaSearch.js

@@ -7679,7 +7679,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
 const _hoisted_2$O = { class: "lupa-input-clear" };
 const _hoisted_3$A = { id: "lupa-search-box-input" };
-const _hoisted_4$r = ["value"];
+const _hoisted_4$q = ["value"];
 const _hoisted_5$f = ["placeholder"];
 const _hoisted_6$8 = {
   key: 0,
@@ -7774,7 +7774,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
             class: "lupa-hint",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$r),
+          }, null, 8, _hoisted_4$q),
           withDirectives(createBaseVNode("input", mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -7953,7 +7953,7 @@ const _hoisted_3$z = {
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$q = {
+const _hoisted_4$p = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
@@ -7999,7 +7999,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
-          createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
+          createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
@@ -8401,7 +8401,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$10 = ["innerHTML"];
 const _hoisted_2$J = { key: 0 };
 const _hoisted_3$y = { key: 1 };
-const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
+const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
@@ -8434,7 +8434,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$J, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
-          createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
           createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -8830,7 +8830,7 @@ const useTrackingStore = defineStore("tracking", () => {
 const _hoisted_1$Z = ["href"];
 const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
 const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
-const _hoisted_4$o = {
+const _hoisted_4$n = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
@@ -8951,7 +8951,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
           createVNode(_sfc_main$12, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
@@ -9086,12 +9086,8 @@ const _hoisted_1$X = {
   key: 0,
   id: "lupa-search-box-panel"
 };
-const _hoisted_2$G = {
-  class: "lupa-main-panel",
-  "data-cy": "lupa-main-panel"
-};
-const _hoisted_3$v = ["data-cy"];
-const _hoisted_4$n = {
+const _hoisted_2$G = ["data-cy"];
+const _hoisted_3$v = {
   key: 1,
   id: "lupa-search-box-panel"
 };
@@ -9128,7 +9124,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     const panels = computed(() => props.options.panels);
     const sdkOptions = computed(() => props.options.options);
     const searchBoxStore = useSearchBoxStore();
-    const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
+    const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
     const displayResults = computed(
       () => {
         var _a, _b;
@@ -9209,6 +9205,12 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         `${window.innerHeight - panel.getBoundingClientRect().y - 10}px`
       );
     };
+    const numberOfVisiblePanels = computed(() => {
+      return panelItemCounts.value.filter((v) => v.count > 0).length;
+    });
+    const expandOnSinglePanel = computed(() => {
+      return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
+    });
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", {
@@ -9216,7 +9218,11 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         ref: panelContainer
       }, [
         displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
-          createBaseVNode("div", _hoisted_2$G, [
+          createBaseVNode("div", {
+            class: "lupa-main-panel",
+            style: normalizeStyle(expandOnSinglePanel.value ? { display: "block" } : {}),
+            "data-cy": "lupa-main-panel"
+          }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
               return openBlock(), createElementBlock("div", {
                 key: index,
@@ -9245,9 +9251,9 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-              ], 10, _hoisted_3$v);
+              ], 10, _hoisted_2$G);
             }), 128))
-          ]),
+          ], 4),
           !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
             key: 0,
             labels: labels.value
@@ -9258,7 +9264,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
           createVNode(_sfc_main$1g, {
             options: _ctx.options.history,
             history: history.value,
@@ -9327,7 +9333,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         "debounce",
         "showTotalCount",
         "hideMoreResultsButtonOnNoResults",
-        "showNoResultsPanel"
+        "showNoResultsPanel",
+        "expandOnSinglePanel"
       ])
     );
     const searchTriggers = computed(() => {
@@ -13996,8 +14003,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const isTitleResultTopPosition = computed(() => {
       return props.options.searchTitlePosition === "search-results-top";
     });
+    const handlePopState = () => {
+      var _a;
+      const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
+      paramStore.add(parseParams(searchParams));
+    };
     onMounted(() => {
       var _a, _b;
+      window.addEventListener("popstate", handlePopState);
       window.addEventListener("resize", handleResize);
       if (props.initialData) {
         searchResultStore.add(__spreadValues2({}, props.initialData));
@@ -14008,6 +14021,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
+      window.removeEventListener("popstate", handlePopState);
     });
     const trackItemListView = (title, items = []) => {
       trackingStore.trackEvent({
@@ -20755,11 +20769,12 @@ const getApiUrl = (environment, customBaseUrl) => {
   }
   return Env[environment] || Env["production"];
 };
-const suggestSearchChatPhrases = (options, request) => __async(void 0, null, function* () {
+const suggestSearchChatPhrases = (options, request, chatSettings) => __async(void 0, null, function* () {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify(request),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     }));
@@ -20775,14 +20790,18 @@ const suggestSearchChatPhrases = (options, request) => __async(void 0, null, fun
     return { success: false, errors: [e] };
   }
 });
-const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+const suggestPhraseAlternatives = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps2(__spreadValues2({}, defaultConfig), {
-      body: JSON.stringify({ phrases }),
-      headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
-    }));
+    const res = yield fetch(
+      `${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives${model}`,
+      __spreadProps2(__spreadValues2({}, defaultConfig), {
+        body: JSON.stringify({ phrases }),
+        headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+      })
+    );
     if (res.status < 400) {
       const data = yield res.json();
       return __spreadProps2(__spreadValues2({}, data), { success: true });
@@ -20795,11 +20814,12 @@ const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function
     return { success: false, errors: [e] };
   }
 });
-const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+const suggestSimplifiedPhrases = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify({ phrases }),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     }));
@@ -20815,15 +20835,16 @@ const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function*
     return { success: false, errors: [e] };
   }
 });
-const suggestBestProductMatches = (_0, _1) => __async(void 0, [_0, _1], function* (options, {
+const suggestBestProductMatches = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, {
   initialQuery,
   productStrings,
   messageHistory
-}) {
+}, chatSettings) {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify({ initialQuery, messageHistory, productStrings }),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     }));
@@ -20860,9 +20881,10 @@ const prepareChatHistory = (chatLog) => {
   }
   return history;
 };
-const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived) => {
+const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived, chatSettings) => {
   var _a;
-  fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
+  fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
     body: JSON.stringify({ initialQuery, messageHistory }),
     headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
   })).then((response) => {
@@ -21002,9 +21024,13 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
       return result.items;
     });
     const getPhraseAlternatives = () => __async(this, null, function* () {
-      const { phrases } = yield ChatService.suggestPhraseAlternatives(props.options.sdkOptions, {
-        phrases: [props.phrase]
-      });
+      const { phrases } = yield ChatService.suggestPhraseAlternatives(
+        props.options.sdkOptions,
+        {
+          phrases: [props.phrase]
+        },
+        props.options.chatSettings
+      );
       return phrases != null ? phrases : [];
     });
     return (_ctx, _cache) => {
@@ -21069,11 +21095,15 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
             return (_b = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b : "";
           }
         );
-        const { products } = yield ChatService.suggestBestProductMatches(props.options.sdkOptions, {
-          initialQuery: props.entry.userInput,
-          productStrings: productResultStrings,
-          messageHistory: (_a = props.history) != null ? _a : []
-        });
+        const { products } = yield ChatService.suggestBestProductMatches(
+          props.options.sdkOptions,
+          {
+            initialQuery: props.entry.userInput,
+            productStrings: productResultStrings,
+            messageHistory: (_a = props.history) != null ? _a : []
+          },
+          props.options.chatSettings
+        );
         bestMatches.value = products;
         emit2("loaded", products);
       } finally {
@@ -21146,7 +21176,8 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
           initialQuery: props.content,
           messageHistory: (_a = props.history) != null ? _a : []
         },
-        processChunk
+        processChunk,
+        props.options.chatSettings
       );
     });
     return (_ctx, _cache) => {
@@ -21243,7 +21274,8 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         };
         const { phrases, success } = yield ChatService.suggestSearchChatPhrases(
           props.options.sdkOptions,
-          request
+          request,
+          props.options.chatSettings
         );
         if (!success || !phrases.length) {
           error.value = "Something went wrong";

package/dist/lupaSearch.mjs

@@ -7677,7 +7677,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
 const _hoisted_2$O = { class: "lupa-input-clear" };
 const _hoisted_3$A = { id: "lupa-search-box-input" };
-const _hoisted_4$r = ["value"];
+const _hoisted_4$q = ["value"];
 const _hoisted_5$f = ["placeholder"];
 const _hoisted_6$8 = {
   key: 0,
@@ -7772,7 +7772,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
             class: "lupa-hint",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$r),
+          }, null, 8, _hoisted_4$q),
           withDirectives(createBaseVNode("input", mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -7951,7 +7951,7 @@ const _hoisted_3$z = {
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$q = {
+const _hoisted_4$p = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
@@ -7997,7 +7997,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
-          createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
+          createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
@@ -8399,7 +8399,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$10 = ["innerHTML"];
 const _hoisted_2$J = { key: 0 };
 const _hoisted_3$y = { key: 1 };
-const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
+const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
@@ -8432,7 +8432,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$J, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
-          createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
           createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -8828,7 +8828,7 @@ const useTrackingStore = defineStore("tracking", () => {
 const _hoisted_1$Z = ["href"];
 const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
 const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
-const _hoisted_4$o = {
+const _hoisted_4$n = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
@@ -8949,7 +8949,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
           createVNode(_sfc_main$12, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
@@ -9084,12 +9084,8 @@ const _hoisted_1$X = {
   key: 0,
   id: "lupa-search-box-panel"
 };
-const _hoisted_2$G = {
-  class: "lupa-main-panel",
-  "data-cy": "lupa-main-panel"
-};
-const _hoisted_3$v = ["data-cy"];
-const _hoisted_4$n = {
+const _hoisted_2$G = ["data-cy"];
+const _hoisted_3$v = {
   key: 1,
   id: "lupa-search-box-panel"
 };
@@ -9126,7 +9122,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     const panels = computed(() => props.options.panels);
     const sdkOptions = computed(() => props.options.options);
     const searchBoxStore = useSearchBoxStore();
-    const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
+    const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
     const displayResults = computed(
       () => {
         var _a, _b;
@@ -9207,6 +9203,12 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         `${window.innerHeight - panel.getBoundingClientRect().y - 10}px`
       );
     };
+    const numberOfVisiblePanels = computed(() => {
+      return panelItemCounts.value.filter((v) => v.count > 0).length;
+    });
+    const expandOnSinglePanel = computed(() => {
+      return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
+    });
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", {
@@ -9214,7 +9216,11 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         ref: panelContainer
       }, [
         displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
-          createBaseVNode("div", _hoisted_2$G, [
+          createBaseVNode("div", {
+            class: "lupa-main-panel",
+            style: normalizeStyle(expandOnSinglePanel.value ? { display: "block" } : {}),
+            "data-cy": "lupa-main-panel"
+          }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
               return openBlock(), createElementBlock("div", {
                 key: index,
@@ -9243,9 +9249,9 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-              ], 10, _hoisted_3$v);
+              ], 10, _hoisted_2$G);
             }), 128))
-          ]),
+          ], 4),
           !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
             key: 0,
             labels: labels.value
@@ -9256,7 +9262,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
           createVNode(_sfc_main$1g, {
             options: _ctx.options.history,
             history: history.value,
@@ -9325,7 +9331,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         "debounce",
         "showTotalCount",
         "hideMoreResultsButtonOnNoResults",
-        "showNoResultsPanel"
+        "showNoResultsPanel",
+        "expandOnSinglePanel"
       ])
     );
     const searchTriggers = computed(() => {
@@ -13994,8 +14001,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const isTitleResultTopPosition = computed(() => {
       return props.options.searchTitlePosition === "search-results-top";
     });
+    const handlePopState = () => {
+      var _a;
+      const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
+      paramStore.add(parseParams(searchParams));
+    };
     onMounted(() => {
       var _a, _b;
+      window.addEventListener("popstate", handlePopState);
       window.addEventListener("resize", handleResize);
       if (props.initialData) {
         searchResultStore.add(__spreadValues2({}, props.initialData));
@@ -14006,6 +14019,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
+      window.removeEventListener("popstate", handlePopState);
     });
     const trackItemListView = (title, items = []) => {
       trackingStore.trackEvent({
@@ -20753,11 +20767,12 @@ const getApiUrl = (environment, customBaseUrl) => {
   }
   return Env[environment] || Env["production"];
 };
-const suggestSearchChatPhrases = (options, request) => __async(void 0, null, function* () {
+const suggestSearchChatPhrases = (options, request, chatSettings) => __async(void 0, null, function* () {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify(request),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     }));
@@ -20773,14 +20788,18 @@ const suggestSearchChatPhrases = (options, request) => __async(void 0, null, fun
     return { success: false, errors: [e] };
   }
 });
-const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+const suggestPhraseAlternatives = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps2(__spreadValues2({}, defaultConfig), {
-      body: JSON.stringify({ phrases }),
-      headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
-    }));
+    const res = yield fetch(
+      `${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives${model}`,
+      __spreadProps2(__spreadValues2({}, defaultConfig), {
+        body: JSON.stringify({ phrases }),
+        headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+      })
+    );
     if (res.status < 400) {
       const data = yield res.json();
       return __spreadProps2(__spreadValues2({}, data), { success: true });
@@ -20793,11 +20812,12 @@ const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function
     return { success: false, errors: [e] };
   }
 });
-const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+const suggestSimplifiedPhrases = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify({ phrases }),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     }));
@@ -20813,15 +20833,16 @@ const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function*
     return { success: false, errors: [e] };
   }
 });
-const suggestBestProductMatches = (_0, _1) => __async(void 0, [_0, _1], function* (options, {
+const suggestBestProductMatches = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, {
   initialQuery,
   productStrings,
   messageHistory
-}) {
+}, chatSettings) {
   var _a, _b, _c;
   const { environment, customBaseUrl } = options;
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify({ initialQuery, messageHistory, productStrings }),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     }));
@@ -20858,9 +20879,10 @@ const prepareChatHistory = (chatLog) => {
   }
   return history;
 };
-const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived) => {
+const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived, chatSettings) => {
   var _a;
-  fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+  const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
+  fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
     body: JSON.stringify({ initialQuery, messageHistory }),
     headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
   })).then((response) => {
@@ -21000,9 +21022,13 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
       return result.items;
     });
     const getPhraseAlternatives = () => __async(this, null, function* () {
-      const { phrases } = yield ChatService.suggestPhraseAlternatives(props.options.sdkOptions, {
-        phrases: [props.phrase]
-      });
+      const { phrases } = yield ChatService.suggestPhraseAlternatives(
+        props.options.sdkOptions,
+        {
+          phrases: [props.phrase]
+        },
+        props.options.chatSettings
+      );
       return phrases != null ? phrases : [];
     });
     return (_ctx, _cache) => {
@@ -21067,11 +21093,15 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
             return (_b = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b : "";
           }
         );
-        const { products } = yield ChatService.suggestBestProductMatches(props.options.sdkOptions, {
-          initialQuery: props.entry.userInput,
-          productStrings: productResultStrings,
-          messageHistory: (_a = props.history) != null ? _a : []
-        });
+        const { products } = yield ChatService.suggestBestProductMatches(
+          props.options.sdkOptions,
+          {
+            initialQuery: props.entry.userInput,
+            productStrings: productResultStrings,
+            messageHistory: (_a = props.history) != null ? _a : []
+          },
+          props.options.chatSettings
+        );
         bestMatches.value = products;
         emit2("loaded", products);
       } finally {
@@ -21144,7 +21174,8 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
           initialQuery: props.content,
           messageHistory: (_a = props.history) != null ? _a : []
         },
-        processChunk
+        processChunk,
+        props.options.chatSettings
       );
     });
     return (_ctx, _cache) => {
@@ -21241,7 +21272,8 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         };
         const { phrases, success } = yield ChatService.suggestSearchChatPhrases(
           props.options.sdkOptions,
-          request
+          request,
+          props.options.chatSettings
         );
         if (!success || !phrases.length) {
           error.value = "Something went wrong";

package/dist/lupaSearch.umd.js

@@ -7681,7 +7681,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
   const _hoisted_2$O = { class: "lupa-input-clear" };
   const _hoisted_3$A = { id: "lupa-search-box-input" };
-  const _hoisted_4$r = ["value"];
+  const _hoisted_4$q = ["value"];
   const _hoisted_5$f = ["placeholder"];
   const _hoisted_6$8 = {
     key: 0,
@@ -7776,7 +7776,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: "lupa-hint",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$r),
+            }, null, 8, _hoisted_4$q),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -7955,7 +7955,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
   };
-  const _hoisted_4$q = {
+  const _hoisted_4$p = {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
@@ -8001,7 +8001,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
-            createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
@@ -8403,7 +8403,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$J = { key: 0 };
   const _hoisted_3$y = { key: 1 };
-  const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
   const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
@@ -8436,7 +8436,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$J, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
-            createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -8832,7 +8832,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$Z = ["href"];
   const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
   const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
-  const _hoisted_4$o = {
+  const _hoisted_4$n = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
   };
@@ -8953,7 +8953,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
             createVNode(_sfc_main$12, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -9088,12 +9088,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     id: "lupa-search-box-panel"
   };
-  const _hoisted_2$G = {
-    class: "lupa-main-panel",
-    "data-cy": "lupa-main-panel"
-  };
-  const _hoisted_3$v = ["data-cy"];
-  const _hoisted_4$n = {
+  const _hoisted_2$G = ["data-cy"];
+  const _hoisted_3$v = {
     key: 1,
     id: "lupa-search-box-panel"
   };
@@ -9130,7 +9126,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const panels = computed(() => props.options.panels);
       const sdkOptions = computed(() => props.options.options);
       const searchBoxStore = useSearchBoxStore();
-      const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
+      const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
       const displayResults = computed(
         () => {
           var _a, _b;
@@ -9211,6 +9207,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           `${window.innerHeight - panel.getBoundingClientRect().y - 10}px`
         );
       };
+      const numberOfVisiblePanels = computed(() => {
+        return panelItemCounts.value.filter((v) => v.count > 0).length;
+      });
+      const expandOnSinglePanel = computed(() => {
+        return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
+      });
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", {
@@ -9218,7 +9220,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ref: panelContainer
         }, [
           displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
-            createBaseVNode("div", _hoisted_2$G, [
+            createBaseVNode("div", {
+              class: "lupa-main-panel",
+              style: normalizeStyle(expandOnSinglePanel.value ? { display: "block" } : {}),
+              "data-cy": "lupa-main-panel"
+            }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
@@ -9247,9 +9253,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 10, _hoisted_3$v);
+                ], 10, _hoisted_2$G);
               }), 128))
-            ]),
+            ], 4),
             !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
               key: 0,
               labels: labels.value
@@ -9260,7 +9266,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
             createVNode(_sfc_main$1g, {
               options: _ctx.options.history,
               history: history.value,
@@ -9329,7 +9335,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "debounce",
           "showTotalCount",
           "hideMoreResultsButtonOnNoResults",
-          "showNoResultsPanel"
+          "showNoResultsPanel",
+          "expandOnSinglePanel"
         ])
       );
       const searchTriggers = computed(() => {
@@ -13998,8 +14005,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const isTitleResultTopPosition = computed(() => {
         return props.options.searchTitlePosition === "search-results-top";
       });
+      const handlePopState = () => {
+        var _a;
+        const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
+        paramStore.add(parseParams(searchParams));
+      };
       onMounted(() => {
         var _a, _b;
+        window.addEventListener("popstate", handlePopState);
         window.addEventListener("resize", handleResize);
         if (props.initialData) {
           searchResultStore.add(__spreadValues2({}, props.initialData));
@@ -14010,6 +14023,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       onBeforeUnmount(() => {
         window.removeEventListener("resize", handleResize);
+        window.removeEventListener("popstate", handlePopState);
       });
       const trackItemListView = (title, items = []) => {
         trackingStore.trackEvent({
@@ -20757,11 +20771,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return Env[environment] || Env["production"];
   };
-  const suggestSearchChatPhrases = (options, request) => __async(void 0, null, function* () {
+  const suggestSearchChatPhrases = (options, request, chatSettings) => __async(void 0, null, function* () {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
         body: JSON.stringify(request),
         headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
       }));
@@ -20777,14 +20792,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { success: false, errors: [e] };
     }
   });
-  const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+  const suggestPhraseAlternatives = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps2(__spreadValues2({}, defaultConfig), {
-        body: JSON.stringify({ phrases }),
-        headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
-      }));
+      const res = yield fetch(
+        `${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives${model}`,
+        __spreadProps2(__spreadValues2({}, defaultConfig), {
+          body: JSON.stringify({ phrases }),
+          headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+        })
+      );
       if (res.status < 400) {
         const data = yield res.json();
         return __spreadProps2(__spreadValues2({}, data), { success: true });
@@ -20797,11 +20816,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { success: false, errors: [e] };
     }
   });
-  const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+  const suggestSimplifiedPhrases = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, { phrases }, chatSettings) {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
         body: JSON.stringify({ phrases }),
         headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
       }));
@@ -20817,15 +20837,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { success: false, errors: [e] };
     }
   });
-  const suggestBestProductMatches = (_0, _1) => __async(void 0, [_0, _1], function* (options, {
+  const suggestBestProductMatches = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (options, {
     initialQuery,
     productStrings,
     messageHistory
-  }) {
+  }, chatSettings) {
     var _a, _b, _c;
     const { environment, customBaseUrl } = options;
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
     try {
-      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
         body: JSON.stringify({ initialQuery, messageHistory, productStrings }),
         headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
       }));
@@ -20862,9 +20883,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return history;
   };
-  const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived) => {
+  const getTextResponseChunkStream = (options, { initialQuery, messageHistory }, onChunkReceived, chatSettings) => {
     var _a;
-    fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
+    fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
       body: JSON.stringify({ initialQuery, messageHistory }),
       headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
     })).then((response) => {
@@ -21004,9 +21026,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return result.items;
       });
       const getPhraseAlternatives = () => __async(this, null, function* () {
-        const { phrases } = yield ChatService.suggestPhraseAlternatives(props.options.sdkOptions, {
-          phrases: [props.phrase]
-        });
+        const { phrases } = yield ChatService.suggestPhraseAlternatives(
+          props.options.sdkOptions,
+          {
+            phrases: [props.phrase]
+          },
+          props.options.chatSettings
+        );
         return phrases != null ? phrases : [];
       });
       return (_ctx, _cache) => {
@@ -21071,11 +21097,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               return (_b = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b : "";
             }
           );
-          const { products } = yield ChatService.suggestBestProductMatches(props.options.sdkOptions, {
-            initialQuery: props.entry.userInput,
-            productStrings: productResultStrings,
-            messageHistory: (_a = props.history) != null ? _a : []
-          });
+          const { products } = yield ChatService.suggestBestProductMatches(
+            props.options.sdkOptions,
+            {
+              initialQuery: props.entry.userInput,
+              productStrings: productResultStrings,
+              messageHistory: (_a = props.history) != null ? _a : []
+            },
+            props.options.chatSettings
+          );
           bestMatches.value = products;
           emit2("loaded", products);
         } finally {
@@ -21148,7 +21178,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             initialQuery: props.content,
             messageHistory: (_a = props.history) != null ? _a : []
           },
-          processChunk
+          processChunk,
+          props.options.chatSettings
         );
       });
       return (_ctx, _cache) => {
@@ -21245,7 +21276,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           };
           const { phrases, success } = yield ChatService.suggestSearchChatPhrases(
             props.options.sdkOptions,
-            request
+            request,
+            props.options.chatSettings
           );
           if (!success || !phrases.length) {
             error.value = "Something went wrong";

package/package.json

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