@getlupa/vue 0.0.12 → 0.0.14

package/dist/lupaSearch.js

@@ -7593,10 +7593,12 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const optionsValue = vue.computed(() => {
-      var _a;
-      return (_a = props.options) != null ? _a : { labels: {} };
-    });
+    const optionsValue = vue.computed(
+      () => {
+        var _a;
+        return (_a = props.options) != null ? _a : { labels: {} };
+      }
+    );
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
@@ -8443,7 +8445,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const { layout } = storeToRefs(searchResultStore);
     const { searchResultsRoutingBehavior, searchResultOptions, trackingOptions } = storeToRefs(optionsStore);
     const { query } = storeToRefs(paramsStore);
-    const isInStock = vue.ref(false);
+    const isInStock = vue.ref(true);
     const listLayoutClass = vue.computed(() => {
       return layout.value === ResultsLayoutEnum.LIST && !props.isAdditionalPanel ? "lupa-search-result-product-contents-list" : "";
     });
@@ -8485,6 +8487,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const title = vue.computed(() => {
       return props.options.titleKey ? props.product[props.options.titleKey] : "";
     });
+    const ssr = vue.computed(() => Boolean(optionsStore.searchResultOptions.ssr));
     const clickTrackingType = vue.computed(() => {
       if (clickTrackingSettings.value.eventType) {
         return clickTrackingSettings.value.eventType;
@@ -8555,6 +8558,9 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const handleNavigation = (event) => {
       handleRoutingEvent(link.value, event, hasEventRouting.value);
     };
+    if (ssr.value) {
+      checkIfIsInStock();
+    }
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -8916,12 +8922,14 @@ const _hoisted_5 = { key: 4 };
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProducts",
   props: {
-    options: {}
+    options: {},
+    ssr: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const paramStore = useParamsStore();
+    useOptionsStore();
     const {
       hasResults,
       currentQueryText,
@@ -8980,11 +8988,18 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       return (_e = (_d = (_c = (_b = (_a = props.options) == null ? void 0 : _a.filters) == null ? void 0 : _b.currentFilters) == null ? void 0 : _c.desktopToolbar) == null ? void 0 : _d.activeFiltersExpanded) != null ? _e : false;
     });
     const columnSize = vue.computed(() => {
+      if (props.ssr) {
+        return "";
+      }
       if (layout.value === ResultsLayoutEnum.LIST) {
         return "width: 100%";
       }
       return `width: ${100 / columnCount.value}%`;
     });
+    const hasSimilarQueries = vue.computed(() => {
+      var _a;
+      return (_a = searchResult.value.similarQueries) == null ? void 0 : _a.length;
+    });
     const getProductKeyAction = (index, product) => {
       return getProductKey(`${index}`, product, props.options.idKey);
     };
@@ -9069,7 +9084,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
           vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(currentQueryText)), 1)
         ])) : vue.createCommentVNode("", true),
-        vue.unref(searchResult).similarQueries ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+        hasSimilarQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
           vue.createVNode(_sfc_main$a, {
             labels: similarQueriesLabels.value,
             columnSize: columnSize.value,
@@ -9173,6 +9188,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const { searchString } = storeToRefs(paramStore);
     const { defaultSearchResultPageSize } = storeToRefs(optionStore);
     const searchResultsFilters = vue.ref(null);
+    const mounted = vue.ref(false);
+    const ssrEnabled = vue.computed(() => Boolean(props.options.ssr));
     const didYouMeanLabels = vue.computed(() => {
       return pick(props.options.labels, ["noResultsSuggestion", "didYouMean"]);
     });
@@ -9187,9 +9204,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       window.addEventListener("resize", handleResize);
       optionStore.setSearchResultOptions({ options: props.options });
+      if (props.initialData) {
+        searchResultStore.add(__spreadValues({}, props.initialData));
+      }
       handleMounted();
       optionStore.setInitialFilters({ initialFilters: initialFilters.value });
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
+      mounted.value = true;
     });
     vue.onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
@@ -9291,6 +9312,10 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     vue.watch(searchString, () => handleParamsChange());
     const handleParamsChange = () => {
       var _a, _b;
+      console.log("search", searchString.value, mounted.value);
+      if (props.initialData && !mounted.value) {
+        return;
+      }
       handleUrlChange();
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onUrlQueryChange) == null ? void 0 : _b.call(_a, {
         queryKey: props.options.queryKey,
@@ -9301,6 +9326,14 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       const initialData = props.initialData;
       if (initialData) {
+        if (typeof window !== "undefined") {
+          optionStore.setSearchResultOptions({ options: props.options });
+          if (props.initialData) {
+            searchResultStore.add(__spreadValues({}, props.initialData));
+          }
+          handleMounted();
+          return;
+        }
         const searchParams = getSearchParams(
           (_a = props.options.ssr) == null ? void 0 : _a.url,
           void 0,
@@ -9352,12 +9385,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
-            vue.createVNode(_sfc_main$6, { options: _ctx.options }, {
+            vue.createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, {
               append: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["options"])
+            }, 8, ["options", "ssr"])
           ])
         ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
           vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
@@ -9372,7 +9408,10 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-            vue.createVNode(_sfc_main$6, { options: _ctx.options }, vue.createSlots({
+            vue.createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, vue.createSlots({
               append: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
@@ -9385,7 +9424,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["options"])
+            ]), 1032, ["options", "ssr"])
           ])
         ], 64))
       ], 2);

package/dist/lupaSearch.mjs

@@ -7591,10 +7591,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const optionsValue = computed(() => {
-      var _a;
-      return (_a = props.options) != null ? _a : { labels: {} };
-    });
+    const optionsValue = computed(
+      () => {
+        var _a;
+        return (_a = props.options) != null ? _a : { labels: {} };
+      }
+    );
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
@@ -8441,7 +8443,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const { layout } = storeToRefs(searchResultStore);
     const { searchResultsRoutingBehavior, searchResultOptions, trackingOptions } = storeToRefs(optionsStore);
     const { query } = storeToRefs(paramsStore);
-    const isInStock = ref(false);
+    const isInStock = ref(true);
     const listLayoutClass = computed(() => {
       return layout.value === ResultsLayoutEnum.LIST && !props.isAdditionalPanel ? "lupa-search-result-product-contents-list" : "";
     });
@@ -8483,6 +8485,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const title = computed(() => {
       return props.options.titleKey ? props.product[props.options.titleKey] : "";
     });
+    const ssr = computed(() => Boolean(optionsStore.searchResultOptions.ssr));
     const clickTrackingType = computed(() => {
       if (clickTrackingSettings.value.eventType) {
         return clickTrackingSettings.value.eventType;
@@ -8553,6 +8556,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const handleNavigation = (event) => {
       handleRoutingEvent(link.value, event, hasEventRouting.value);
     };
+    if (ssr.value) {
+      checkIfIsInStock();
+    }
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", {
@@ -8914,12 +8920,14 @@ const _hoisted_5 = { key: 4 };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProducts",
   props: {
-    options: {}
+    options: {},
+    ssr: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const paramStore = useParamsStore();
+    useOptionsStore();
     const {
       hasResults,
       currentQueryText,
@@ -8978,11 +8986,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return (_e = (_d = (_c = (_b = (_a = props.options) == null ? void 0 : _a.filters) == null ? void 0 : _b.currentFilters) == null ? void 0 : _c.desktopToolbar) == null ? void 0 : _d.activeFiltersExpanded) != null ? _e : false;
     });
     const columnSize = computed(() => {
+      if (props.ssr) {
+        return "";
+      }
       if (layout.value === ResultsLayoutEnum.LIST) {
         return "width: 100%";
       }
       return `width: ${100 / columnCount.value}%`;
     });
+    const hasSimilarQueries = computed(() => {
+      var _a;
+      return (_a = searchResult.value.similarQueries) == null ? void 0 : _a.length;
+    });
     const getProductKeyAction = (index, product) => {
       return getProductKey(`${index}`, product, props.options.idKey);
     };
@@ -9067,7 +9082,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
           createElementVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
         ])) : createCommentVNode("", true),
-        unref(searchResult).similarQueries ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createVNode(_sfc_main$a, {
             labels: similarQueriesLabels.value,
             columnSize: columnSize.value,
@@ -9171,6 +9186,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const { searchString } = storeToRefs(paramStore);
     const { defaultSearchResultPageSize } = storeToRefs(optionStore);
     const searchResultsFilters = ref(null);
+    const mounted = ref(false);
+    const ssrEnabled = computed(() => Boolean(props.options.ssr));
     const didYouMeanLabels = computed(() => {
       return pick(props.options.labels, ["noResultsSuggestion", "didYouMean"]);
     });
@@ -9185,9 +9202,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       var _a, _b;
       window.addEventListener("resize", handleResize);
       optionStore.setSearchResultOptions({ options: props.options });
+      if (props.initialData) {
+        searchResultStore.add(__spreadValues({}, props.initialData));
+      }
       handleMounted();
       optionStore.setInitialFilters({ initialFilters: initialFilters.value });
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
+      mounted.value = true;
     });
     onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
@@ -9289,6 +9310,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     watch(searchString, () => handleParamsChange());
     const handleParamsChange = () => {
       var _a, _b;
+      console.log("search", searchString.value, mounted.value);
+      if (props.initialData && !mounted.value) {
+        return;
+      }
       handleUrlChange();
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onUrlQueryChange) == null ? void 0 : _b.call(_a, {
         queryKey: props.options.queryKey,
@@ -9299,6 +9324,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       var _a, _b;
       const initialData = props.initialData;
       if (initialData) {
+        if (typeof window !== "undefined") {
+          optionStore.setSearchResultOptions({ options: props.options });
+          if (props.initialData) {
+            searchResultStore.add(__spreadValues({}, props.initialData));
+          }
+          handleMounted();
+          return;
+        }
         const searchParams = getSearchParams(
           (_a = props.options.ssr) == null ? void 0 : _a.url,
           void 0,
@@ -9350,12 +9383,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
-            createVNode(_sfc_main$6, { options: _ctx.options }, {
+            createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, {
               append: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["options"])
+            }, 8, ["options", "ssr"])
           ])
         ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
           createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
@@ -9370,7 +9406,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            createVNode(_sfc_main$6, { options: _ctx.options }, createSlots({
+            createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, createSlots({
               append: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
@@ -9383,7 +9422,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["options"])
+            ]), 1032, ["options", "ssr"])
           ])
         ], 64))
       ], 2);

package/dist/src/components/search-results/products/SearchResultsProducts.vue.d.ts

@@ -5,10 +5,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<SearchResultsProductOptions>;
         required: true;
     };
+    ssr: {
+        type: __PropType<boolean>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: __PropType<SearchResultsProductOptions>;
         required: true;
     };
+    ssr: {
+        type: __PropType<boolean>;
+        required: false;
+    };
 }>>, {}, {}>;
 export default _sfc_main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "main": "dist/lupaSearch.js",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",