cloudcommerce 0.37.1 → 0.38.0

package/packages/storefront/dist/server/chunks/SearchModal_f66549d4.mjs

@@ -1,147 +0,0 @@
-import { ref, shallowReactive, watch, defineComponent, toRef, resolveComponent, withCtx, openBlock, createBlock, Fragment, renderList, toDisplayString, useSSRContext } from 'vue';
-import { useDebounceFn } from '@vueuse/core';
-import api from '@cloudcommerce/api';
-import { h as useStorage, _ as _export_sfc, P as ProductShelf } from './pages/__93ade2dd.mjs';
-import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate } from 'vue/server-renderer';
-
-const storageKey = "ecomSeachHistory";
-const searchHistory = useStorage(storageKey, []);
-const search = async ({
-  term,
-  params,
-  fields,
-  url = "search/v1"
-}) => {
-  term = term.trim();
-  if (term.length < 2) {
-    return { data: { result: [], meta: null } };
-  }
-  const response = await api.get(url, {
-    fields,
-    params: {
-      ...params,
-      term
-    }
-  });
-  if (response.data.result.length && !searchHistory.includes(term)) {
-    const termIndex = searchHistory.findIndex((_term) => term.startsWith(_term));
-    if (termIndex > -1) {
-      searchHistory[termIndex] = term;
-    } else {
-      searchHistory.unshift(term);
-    }
-    while (searchHistory.length > 20) {
-      searchHistory.pop();
-    }
-  }
-  return response;
-};
-class SearchEngine {
-  url;
-  fields;
-  term = ref("");
-  params = shallowReactive({});
-  pageSize = ref(24);
-  pageNumber = ref(1);
-  products = shallowReactive([]);
-  #search;
-  constructor({
-    fields,
-    url = "search/v1",
-    debounce = 150
-  } = {}) {
-    this.fields = fields;
-    this.url = url;
-    this.products = shallowReactive([]);
-    this.#search = useDebounceFn(search, debounce);
-    watch([this.term, this.params], () => {
-      this.pageNumber.value = 1;
-    });
-  }
-  async fetch(term) {
-    if (term && term !== this.term.value) {
-      this.term.value = term;
-      this.pageNumber.value = 1;
-    }
-    const limit = this.pageSize.value;
-    const offset = limit * (this.pageNumber.value - 1);
-    const response = await this.#search({
-      term: this.term.value,
-      params: {
-        limit,
-        offset,
-        ...this.params
-      },
-      url: this.url,
-      fields: this.fields
-    });
-    if (response) {
-      const { data } = response;
-      if (data.meta) {
-        this.products.splice(0);
-      }
-      data.result.forEach((item) => this.products.push(item));
-    }
-  }
-}
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchModal",
-  props: {
-    term: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const searchEngine = new SearchEngine();
-    watch(toRef(props, "term"), (term) => searchEngine.fetch(term));
-    const __returned__ = { props, searchEngine, get searchHistory() {
-      return searchHistory;
-    }, ProductShelf };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_Carousel = resolveComponent("Carousel");
-  _push(`<article${ssrRenderAttrs(_attrs)}><nav class="bg-base-100/80 p-4 backdrop-blur-md lg:rounded">`);
-  _push(ssrRenderComponent(_component_Carousel, {
-    class: "gap-2 px-6",
-    "wrapper-key": $props.term
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<!--[-->`);
-        ssrRenderList($setup.searchHistory, (term, i) => {
-          _push2(`<li class="shrink-0"${_scopeId}>${ssrInterpolate(term)}</li>`);
-        });
-        _push2(`<!--]-->`);
-      } else {
-        return [
-          (openBlock(true), createBlock(Fragment, null, renderList($setup.searchHistory, (term, i) => {
-            return openBlock(), createBlock("li", {
-              key: i,
-              class: "shrink-0"
-            }, toDisplayString(term), 1);
-          }), 128))
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</nav>`);
-  _push(ssrRenderComponent($setup["ProductShelf"], {
-    products: $setup.searchEngine.products,
-    class: "rounded bg-white"
-  }, null, _parent));
-  _push(`</article>`);
-}
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/SearchModal.vue");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const SearchModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-
-export { SearchModal as default };