@getlupa/vue 0.7.6 → 0.7.8

package/dist/lupaSearch.js

@@ -1629,11 +1629,15 @@ const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void
   return { success: false, errors };
 });
 const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
-  if (res.status < 400) {
+  try {
+    const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
+    if (res.status < 400) {
+      return { success: false };
+    }
+    return res.json();
+  } catch (e) {
     return { success: false };
   }
-  return res.json();
 });
 const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
   const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
@@ -2993,6 +2997,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   const suggestionResults = vue.ref({});
   const highlightedIndex = vue.ref(-1);
   const inputValue = vue.ref("");
+  const resultInputValue = vue.ref("");
   const historyStore = useHistoryStore();
   const resultsVisible = vue.computed(() => {
     var _a;
@@ -3005,13 +3010,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         return {
           queryKey: p2.queryKey,
           count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
-          panel: p2
+          panel: p2,
+          input: resultInputValue.value
         };
       }
       return {
         queryKey: p2.queryKey,
         count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
-        panel: p2
+        panel: p2,
+        input: resultInputValue.value
       };
     })
   );
@@ -3071,6 +3078,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
       });
       inputValue.value = publicQuery.searchText;
+      resultInputValue.value = publicQuery.searchText;
       emitSearchResultsCallback();
       return {
         suggestions: result.items
@@ -4463,7 +4471,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
           }
         }
       });
-      if (!link) {
+      if (!link || eventType === "addToCart") {
         return;
       }
       emit("product-click");
@@ -4697,6 +4705,10 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     const expandOnSinglePanel = vue.computed(() => {
       return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
     });
+    const showTopResultsPanelTitle = (queryKey) => {
+      const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
+      return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
+    };
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -4719,7 +4731,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                 ]),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
-                _ctx.inputValue.length < 1 && ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
+                ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
                 panel.queryKey ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
                   key: 1,
                   panel,

package/dist/lupaSearch.mjs

@@ -1627,11 +1627,15 @@ const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void
   return { success: false, errors };
 });
 const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
-  if (res.status < 400) {
+  try {
+    const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
+    if (res.status < 400) {
+      return { success: false };
+    }
+    return res.json();
+  } catch (e) {
     return { success: false };
   }
-  return res.json();
 });
 const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
   const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
@@ -2991,6 +2995,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   const suggestionResults = ref({});
   const highlightedIndex = ref(-1);
   const inputValue = ref("");
+  const resultInputValue = ref("");
   const historyStore = useHistoryStore();
   const resultsVisible = computed(() => {
     var _a;
@@ -3003,13 +3008,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         return {
           queryKey: p2.queryKey,
           count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
-          panel: p2
+          panel: p2,
+          input: resultInputValue.value
         };
       }
       return {
         queryKey: p2.queryKey,
         count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
-        panel: p2
+        panel: p2,
+        input: resultInputValue.value
       };
     })
   );
@@ -3069,6 +3076,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
       });
       inputValue.value = publicQuery.searchText;
+      resultInputValue.value = publicQuery.searchText;
       emitSearchResultsCallback();
       return {
         suggestions: result.items
@@ -4461,7 +4469,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
           }
         }
       });
-      if (!link) {
+      if (!link || eventType === "addToCart") {
         return;
       }
       emit("product-click");
@@ -4695,6 +4703,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const expandOnSinglePanel = computed(() => {
       return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
     });
+    const showTopResultsPanelTitle = (queryKey) => {
+      const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
+      return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
+    };
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", {
@@ -4717,7 +4729,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                 ]),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
-                _ctx.inputValue.length < 1 && ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
+                ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
                 panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                   key: 1,
                   panel,

package/dist/src/stores/searchBox.d.ts

@@ -14,10 +14,12 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+        input: string;
     } | {
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+        input: string;
     })[]>;
     totalCount: import("vue").ComputedRef<number>;
     highlightedItem: import("vue").ComputedRef<{
@@ -82,10 +84,12 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+        input: string;
     } | {
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+        input: string;
     })[]>;
     totalCount: import("vue").ComputedRef<number>;
     highlightedItem: import("vue").ComputedRef<{
@@ -150,10 +154,12 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+        input: string;
     } | {
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+        input: string;
     })[]>;
     totalCount: import("vue").ComputedRef<number>;
     highlightedItem: import("vue").ComputedRef<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.7.6",
+  "version": "0.7.8",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",
@@ -23,7 +23,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@getlupa/client-sdk": "^1.4.0",
+    "@getlupa/client-sdk": "^1.4.1",
     "@pinia/testing": "^0.1.2",
     "@rollup/plugin-babel": "5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",