@ozdao/martyrs 0.2.561 → 0.2.562

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.js

@@ -1,77 +1,46 @@
-import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Fragment, renderList, withCtx, createBlock, normalizeClass, createTextVNode, resolveDynamicComponent } from "vue";
+import { ref, watch, createElementBlock, openBlock, createElementVNode, unref, createCommentVNode, Fragment, createTextVNode, toDisplayString, createVNode, renderList, withCtx, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue.js";
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
+import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
+import Filters from "../../../../core/views/components/sections/Filters.vue2.js";
+import _sfc_main$1 from "../../../../core/views/components/sections/filters/FiltersGroup.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$3 from "../../../../organizations/components/blocks/CardOrganization.vue.js";
 import { useStore } from "../../../../core/views/store/core.store.js";
-import { actions } from "../../../../products/store/categories.js";
-import { state } from "../../store/marketplace.js";
-const _hoisted_1 = { class: "cols-2-1_3 z-index-3 pos-relative radius-big" };
-const _hoisted_2 = { class: "o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
-const _hoisted_3 = { class: "w-100 o-y-scroll h-100" };
-const _hoisted_4 = {
-  key: 0,
-  class: "mn-b-medium"
-};
-const _hoisted_5 = { class: "mn-b-small" };
-const _hoisted_6 = { class: "gap-micro" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
-const _hoisted_9 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
-const _hoisted_10 = { class: "mn-t-small" };
-const _hoisted_11 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
-const _hoisted_12 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
-const _hoisted_13 = { class: "mn-t-small" };
-const _hoisted_14 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
-const _hoisted_15 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
-const _hoisted_16 = { class: "mn-t-small" };
-const _hoisted_17 = { class: "pd-thin" };
-const _hoisted_18 = { class: "pd-medium radius-medium bg-light mn-b-thin" };
-const _hoisted_19 = { class: "" };
-const _hoisted_20 = { class: "rows-1" };
+import { state, marketplaceStore } from "../../store/marketplace.js";
+import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = { class: "pd-medium mn-b-thin" };
+const _hoisted_3 = { class: "" };
+const _hoisted_4 = { class: "cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative" };
+const _hoisted_5 = { class: "o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_6 = { class: "w-100 o-y-scroll h-100" };
+const _hoisted_7 = { class: "mn-b-medium" };
+const _hoisted_8 = { class: "gap-micro" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "w-100 rows-1 pd-thin pos-relative o-hidden" };
+const _hoisted_11 = { class: "mn-b-thin mobile-only" };
 const _sfc_main = {
   __name: "Marketplace",
   setup(__props) {
-    const core = useStore();
     const route = useRoute();
     const router = useRouter();
+    const store = useStore();
+    const { returnCurrency } = useGlobalMixins();
     const localPosition = ref({
       city: null,
       state: null,
       country: null
     });
-    ref(null);
-    const currentCategories = ref([]);
+    const localLocation = ref(null);
     const searchLocation = ref("");
-    const selectedLocation = ref("All");
-    const locationOptions = ref(["All", "Phuket", "Bangkok", "Chiang Mai", "Pattaya"]);
-    const deliveryOptions = ref([
-      { label: "Pickup", value: "pickup" },
-      { label: "Delivery", value: "delivery" },
-      { label: "Dine-in", value: "dinein" }
-    ]);
-    const selectedDeliveryOptions = ref([]);
-    const paymentOptions = ref([
-      { label: "Cash", value: "cash" },
-      { label: "Card", value: "card" },
-      { label: "Crypto", value: "crypto" },
-      { label: "Bank Transfer", value: "transfer" }
-    ]);
-    const selectedPaymentOptions = ref([]);
-    const selectCategory = (category) => {
-      console.log("Category selected:", category);
-    };
-    const clearFilters = () => {
-      selectedLocation.value = "All";
-      selectedDeliveryOptions.value = [];
-      selectedPaymentOptions.value = [];
-      searchLocation.value = "";
-    };
-    function denormalizeUrlParam(param) {
-      return param.replace(/-/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
-    }
+    const selectedFilters = ref({
+      price: { min: null, max: null },
+      delivery: [],
+      payment: [],
+      availabilityDate: null,
+      rating: null
+    });
     if (route.params) {
       let newState = {
         country: denormalizeUrlParam(route.params.country),
@@ -88,35 +57,19 @@ const _sfc_main = {
     }
     if (route.query.sortParam) state.sort.param = route.query.sortParam;
     if (route.query.sortOrder) state.sort.order = route.query.sortOrder;
-    onMounted(async () => {
-      let options = {
-        status: "published",
-        rootOnly: true
-      };
-      let categoriesFilter = await actions.read(options);
-      categoriesFilter = categoriesFilter.map((category) => ({
-        value: category._id,
-        label: category.name
-      }));
-      const index = state.filter.options.findIndex((option) => option.value === "categories");
-      const categoryOption = {
-        title: "Categories",
-        value: "categories",
-        options: categoriesFilter
-      };
-      if (index !== -1) {
-        state.filter.options[index] = categoryOption;
-      } else {
-        state.filter.options.unshift(categoryOption);
-      }
-    });
+    function denormalizeUrlParam(param) {
+      return param.replace(/-/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+    }
+    function normalizeUrlParam(param) {
+      return param.toLowerCase().replace(/ /g, "-").replace(/[^a-z0-9-]/g, "");
+    }
     watch(() => state.sort, (newSortValue, oldSortValue) => {
       let query = { ...route.query };
       query.sortParam = newSortValue.param;
       query.sortOrder = newSortValue.order;
       router.replace({ query });
     }, { deep: true });
-    watch(() => state.filter.selected, (newFilterValue, oldFilterValue) => {
+    watch(() => state.filter.selectedFilters, (newFilterValue, oldFilterValue) => {
       const query = { ...route.query };
       Object.keys(oldFilterValue).forEach((key) => {
         if (query[key]) {
@@ -130,6 +83,22 @@ const _sfc_main = {
       Object.assign(query, newQueryValues);
       router.replace({ query });
     }, { deep: true });
+    watch(() => store.core.state.position, (newPosition) => {
+      const currentRoute = { ...router.currentRoute.value };
+      let newParams = {
+        country: normalizeUrlParam(newPosition.country),
+        state: normalizeUrlParam(newPosition.state),
+        city: normalizeUrlParam(newPosition.city)
+      };
+      let newState = {
+        country: denormalizeUrlParam(newPosition.country),
+        state: denormalizeUrlParam(newPosition.state),
+        city: denormalizeUrlParam(newPosition.city)
+      };
+      localPosition.value = newState;
+      currentRoute.params = newParams;
+      router.replace(currentRoute);
+    }, { deep: true });
     const text = {
       locale: "en",
       messages: {
@@ -149,171 +118,122 @@ const _sfc_main = {
     };
     const { t } = useI18n(text);
     return (_ctx, _cache) => {
-      const _component_router_view = resolveComponent("router-view");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            currentCategories.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              createElementVNode("h4", _hoisted_5, toDisplayString(unref(route).params.categoryPath ? "Subcategories" : "Categories"), 1),
-              createElementVNode("div", _hoisted_6, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(currentCategories.value, (category) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: category._id,
-                    onClick: ($event) => selectCategory(category),
-                    class: "pd-small radius-small cursor-pointer hover-bg-light transition-all"
-                  }, toDisplayString(category.name), 9, _hoisted_7);
-                }), 128))
-              ])
-            ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$1, {
-              class: "o-hidden mn-b-medium",
-              status: true
-            }, {
-              header: withCtx(({ isOpen }) => [
+        createElementVNode("header", _hoisted_2, [
+          createElementVNode("h2", _hoisted_3, [
+            _cache[7] || (_cache[7] = createElementVNode("span", { class: "" }, "Weed Deliveries in ", -1)),
+            localPosition.value.city || localPosition.value.state || localPosition.value.country ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = (a) => {
+                unref(store).core.state.isOpenLocationPopup = true;
+              }),
+              class: "t-main t-semi cursor-pointer"
+            }, [
+              localPosition.value.city ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(localPosition.value.city) + ", ", 1)
+              ], 64)) : createCommentVNode("", true),
+              localPosition.value.state ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(localPosition.value.state) + ", ", 1)
+              ], 64)) : createCommentVNode("", true),
+              localPosition.value.country ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                createTextVNode(toDisplayString(localPosition.value.country), 1)
+              ], 64)) : createCommentVNode("", true)
+            ])) : (openBlock(), createElementBlock("span", {
+              key: 1,
+              onClick: _cache[1] || (_cache[1] = (a) => {
+                unref(store).core.state.isOpenLocationPopup = true;
+              }),
+              class: "t-main t-semi cursor-pointer"
+            }, "The World"))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
+                _cache[8] || (_cache[8] = createElementVNode("h4", { class: "mn-b-small" }, "Location", -1)),
+                createVNode(Field, {
+                  modelValue: searchLocation.value,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchLocation.value = $event),
+                  placeholder: "Search location...",
+                  type: "text",
+                  class: "w-100 bg-light pd-small radius-small mn-b-small"
+                }, null, 8, ["modelValue"]),
                 createElementVNode("div", _hoisted_8, [
-                  _cache[6] || (_cache[6] = createElementVNode("h4", { class: "w-100" }, "Location", -1)),
-                  createElementVNode("div", _hoisted_9, [
-                    createVNode(IconChevronBottom, {
-                      class: normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-medium"]),
-                      fill: "rgb(var(--black))"
-                    }, null, 8, ["class"])
-                  ])
-                ])
-              ]),
-              content: withCtx(() => [
-                createElementVNode("div", _hoisted_10, [
-                  createVNode(Field, {
-                    modelValue: searchLocation.value,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchLocation.value = $event),
-                    placeholder: "Search location...",
-                    type: "text",
-                    class: "w-100 bg-light pd-small radius-small mn-b-small"
-                  }, null, 8, ["modelValue"]),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(locationOptions.value, (location) => {
-                    return openBlock(), createBlock(_sfc_main$2, {
-                      key: location,
-                      radio: selectedLocation.value,
-                      "onUpdate:radio": _cache[1] || (_cache[1] = ($event) => selectedLocation.value = $event),
-                      label: location,
-                      value: location,
-                      mode: "radio",
-                      class: "mn-b-micro"
-                    }, null, 8, ["radio", "label", "value"]);
-                  }), 128))
-                ])
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$1, {
-              class: "o-hidden mn-b-medium",
-              status: true
-            }, {
-              header: withCtx(({ isOpen }) => [
-                createElementVNode("div", _hoisted_11, [
-                  _cache[7] || (_cache[7] = createElementVNode("h4", { class: "w-100" }, "Delivery Options", -1)),
-                  createElementVNode("div", _hoisted_12, [
-                    createVNode(IconChevronBottom, {
-                      class: normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-medium"]),
-                      fill: "rgb(var(--black))"
-                    }, null, 8, ["class"])
-                  ])
-                ])
-              ]),
-              content: withCtx(() => [
-                createElementVNode("div", _hoisted_13, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(deliveryOptions.value, (option) => {
-                    return openBlock(), createBlock(_sfc_main$2, {
-                      key: option.value,
-                      checkbox: selectedDeliveryOptions.value,
-                      "onUpdate:checkbox": _cache[2] || (_cache[2] = ($event) => selectedDeliveryOptions.value = $event),
-                      label: option.label,
-                      value: option.value,
-                      mode: "checkbox",
-                      class: "mn-b-micro"
-                    }, null, 8, ["checkbox", "label", "value"]);
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(state.locationOptions, (location) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: location.label,
+                      onClick: ($event) => unref(router).push(location.path),
+                      class: "cursor-pointer hover-t-underline mn-b-regular transition-all"
+                    }, toDisplayString(location.label), 9, _hoisted_9);
                   }), 128))
                 ])
               ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$1, {
-              class: "o-hidden mn-b-medium",
-              status: true
-            }, {
-              header: withCtx(({ isOpen }) => [
-                createElementVNode("div", _hoisted_14, [
-                  _cache[8] || (_cache[8] = createElementVNode("h4", { class: "w-100" }, "Payment Options", -1)),
-                  createElementVNode("div", _hoisted_15, [
-                    createVNode(IconChevronBottom, {
-                      class: normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-medium"]),
-                      fill: "rgb(var(--black))"
-                    }, null, 8, ["class"])
-                  ])
-                ])
-              ]),
-              content: withCtx(() => [
-                createElementVNode("div", _hoisted_16, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(paymentOptions.value, (option) => {
-                    return openBlock(), createBlock(_sfc_main$2, {
-                      key: option.value,
-                      checkbox: selectedPaymentOptions.value,
-                      "onUpdate:checkbox": _cache[3] || (_cache[3] = ($event) => selectedPaymentOptions.value = $event),
-                      label: option.label,
-                      value: option.value,
-                      mode: "checkbox",
-                      class: "mn-b-micro"
-                    }, null, 8, ["checkbox", "label", "value"]);
-                  }), 128))
-                ])
-              ]),
-              _: 1
-            }),
-            createElementVNode("button", {
-              onClick: clearFilters,
-              class: "bg-main w-100 button mn-t-medium"
-            }, " Clear Filters ")
-          ])
-        ]),
-        createElementVNode("div", _hoisted_17, [
-          createElementVNode("header", _hoisted_18, [
-            createElementVNode("h2", _hoisted_19, [
-              _cache[9] || (_cache[9] = createElementVNode("span", { class: "" }, "Weed Deliveries in ", -1)),
-              localPosition.value.city || localPosition.value.state || localPosition.value.country ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                onClick: _cache[4] || (_cache[4] = (a) => {
-                  unref(core).state.isOpenLocationPopup = true;
-                }),
-                class: "t-main t-semi cursor-pointer"
-              }, [
-                localPosition.value.city ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createTextVNode(toDisplayString(localPosition.value.city) + ", ", 1)
-                ], 64)) : createCommentVNode("", true),
-                localPosition.value.state ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(localPosition.value.state) + ", ", 1)
-                ], 64)) : createCommentVNode("", true),
-                localPosition.value.country ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  createTextVNode(toDisplayString(localPosition.value.country), 1)
-                ], 64)) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("span", {
-                key: 1,
-                onClick: _cache[5] || (_cache[5] = (a) => {
-                  unref(core).state.isOpenLocationPopup = true;
-                }),
-                class: "t-main t-semi cursor-pointer"
-              }, "The World"))
+              createVNode(_sfc_main$1, {
+                filters: state.filter.options,
+                selected: selectedFilters.value,
+                "onUpdate:selected": _cache[3] || (_cache[3] = ($event) => selectedFilters.value = $event),
+                immediate: true,
+                showHeader: false,
+                showApplyButton: false,
+                showResetButton: true
+              }, null, 8, ["filters", "selected"])
             ])
           ]),
-          createElementVNode("div", _hoisted_20, [
-            createVNode(_component_router_view, null, {
-              default: withCtx(({ Component, route: route2 }) => [
-                (openBlock(), createBlock(resolveDynamicComponent(Component), {
-                  ref: "page",
-                  key: route2,
-                  localPosition: localPosition.value
-                }, null, 8, ["localPosition"]))
+          createElementVNode("div", _hoisted_10, [
+            createVNode(_sfc_main$2, {
+              search: true,
+              sort: state.sort,
+              "onUpdate:sort": _cache[6] || (_cache[6] = ($event) => state.sort = $event),
+              showLoadMore: false,
+              states: {
+                empty: {
+                  title: "No Shops Found",
+                  description: "Currently, there are no shops."
+                }
+              },
+              store: {
+                read: (options) => unref(marketplaceStore).readCatalog(options)
+              },
+              options: {
+                country: localPosition.value.country,
+                state: localPosition.value.state,
+                city: localPosition.value.city,
+                location: localLocation.value?.location,
+                lookup: ["products", "spots"],
+                contain: ["products"],
+                priceMin: selectedFilters.value.price?.min,
+                priceMax: selectedFilters.value.price?.max,
+                delivery: selectedFilters.value.delivery?.length > 0 ? selectedFilters.value.delivery.join(",") : void 0,
+                payment: selectedFilters.value.payment?.length > 0 ? selectedFilters.value.payment.join(",") : void 0
+              },
+              class: "rows-1 gap-thin"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                createElementVNode("div", _hoisted_11, [
+                  createVNode(Filters, {
+                    filters: state.filter.options,
+                    "onUpdate:filters": _cache[4] || (_cache[4] = ($event) => state.filter.options = $event),
+                    selected: selectedFilters.value,
+                    "onUpdate:selected": _cache[5] || (_cache[5] = ($event) => selectedFilters.value = $event),
+                    class: ""
+                  }, null, 8, ["filters", "selected"])
+                ]),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization) => {
+                  return openBlock(), createBlock(_sfc_main$3, {
+                    key: organization._id,
+                    organization,
+                    showRating: true,
+                    showFollowers: false,
+                    showProducts: true,
+                    class: "bg-light w-100 o-hidden radius-medium pd-small"
+                  }, null, 8, ["organization"]);
+                }), 128))
               ]),
               _: 1
-            })
+            }, 8, ["sort", "store", "options"])
           ])
         ])
       ]);

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t <div class=\"cols-2-1_3 z-index-3 pos-relative radius-big\">\n\n\t\t<div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n\t\t\t<div class=\"w-100 o-y-scroll h-100\">\n\t\t\t\t<!-- Categories -->\n\t\t\t\t<div class=\"mn-b-medium\" v-if=\"currentCategories.length > 0\">\n\t\t\t\t\t<h4 class=\"mn-b-small\">\n\t\t\t\t\t\t{{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}\n\t\t\t\t\t</h4>\n\t\t\t\t\t<div class=\"gap-micro\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-for=\"category in currentCategories\"\n\t\t\t\t\t\t\t:key=\"category._id\"\n\t\t\t\t\t\t\t@click=\"selectCategory(category)\"\n\t\t\t\t\t\t\tclass=\"pd-small radius-small cursor-pointer hover-bg-light transition-all\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ category.name }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Location Filter -->\n\t\t\t\t<Spoiler \n\t\t\t\t\tclass=\"o-hidden mn-b-medium\"\n\t\t\t\t\t:status=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<template #header=\"{ isOpen }\">\n\t\t\t\t\t\t<div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n\t\t\t\t\t\t\t<h4 class=\"w-100\">Location</h4>\n\t\t\t\t\t\t\t<div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n\t\t\t\t\t\t\t\t<IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template #content>\n\t\t\t\t\t\t<div class=\"mn-t-small\">\n\t\t\t\t\t\t\t<Field\n\t\t\t\t\t\t\t\tv-model=\"searchLocation\"\n\t\t\t\t\t\t\t\tplaceholder=\"Search location...\"\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"w-100 bg-light pd-small radius-small mn-b-small\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Checkbox \n\t\t\t\t\t\t\t\tv-for=\"location in locationOptions\"\n\t\t\t\t\t\t\t\t:key=\"location\"\n\t\t\t\t\t\t\t\tv-model:radio=\"selectedLocation\"\n\t\t\t\t\t\t\t\t:label=\"location\"\n\t\t\t\t\t\t\t\t:value=\"location\"\n\t\t\t\t\t\t\t\tmode=\"radio\"\n\t\t\t\t\t\t\t\tclass=\"mn-b-micro\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</Spoiler>\n\n\t\t\t\t<!-- Delivery Options -->\n\t\t\t\t<Spoiler \n\t\t\t\t\tclass=\"o-hidden mn-b-medium\"\n\t\t\t\t\t:status=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<template #header=\"{ isOpen }\">\n\t\t\t\t\t\t<div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n\t\t\t\t\t\t\t<h4 class=\"w-100\">Delivery Options</h4>\n\t\t\t\t\t\t\t<div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n\t\t\t\t\t\t\t\t<IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template #content>\n\t\t\t\t\t\t<div class=\"mn-t-small\">\n\t\t\t\t\t\t\t<Checkbox \n\t\t\t\t\t\t\t\tv-for=\"option in deliveryOptions\"\n\t\t\t\t\t\t\t\t:key=\"option.value\"\n\t\t\t\t\t\t\t\tv-model:checkbox=\"selectedDeliveryOptions\"\n\t\t\t\t\t\t\t\t:label=\"option.label\"\n\t\t\t\t\t\t\t\t:value=\"option.value\"\n\t\t\t\t\t\t\t\tmode=\"checkbox\"\n\t\t\t\t\t\t\t\tclass=\"mn-b-micro\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</Spoiler>\n\n\t\t\t\t<!-- Payment Options -->\n\t\t\t\t<Spoiler \n\t\t\t\t\tclass=\"o-hidden mn-b-medium\"\n\t\t\t\t\t:status=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<template #header=\"{ isOpen }\">\n\t\t\t\t\t\t<div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n\t\t\t\t\t\t\t<h4 class=\"w-100\">Payment Options</h4>\n\t\t\t\t\t\t\t<div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n\t\t\t\t\t\t\t\t<IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template #content>\n\t\t\t\t\t\t<div class=\"mn-t-small\">\n\t\t\t\t\t\t\t<Checkbox \n\t\t\t\t\t\t\t\tv-for=\"option in paymentOptions\"\n\t\t\t\t\t\t\t\t:key=\"option.value\"\n\t\t\t\t\t\t\t\tv-model:checkbox=\"selectedPaymentOptions\"\n\t\t\t\t\t\t\t\t:label=\"option.label\"\n\t\t\t\t\t\t\t\t:value=\"option.value\"\n\t\t\t\t\t\t\t\tmode=\"checkbox\"\n\t\t\t\t\t\t\t\tclass=\"mn-b-micro\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</Spoiler>\n\n\t\t\t\t<!-- Clear Filters Button -->\n\t\t\t\t<button \n\t\t\t\t\t@click=\"clearFilters\"\n\t\t\t\t\tclass=\"bg-main w-100 button mn-t-medium\"\n\t\t\t\t>\n\t\t\t\t\tClear Filters\n\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Catalog wrapper -->\n\t\t<div class=\"pd-thin\">\n\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t    \t<h2 class=\"\">\n\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t    \t\t<span \n\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t    \t\t\t@click=\"a => { core.state.isOpenLocationPopup = true }\" \n\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t    \t\t>\n\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t    \t\t</span>\n\n\t    \t\t<span v-else @click=\"a => { core.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n\t    \t</h2>\n\t\t\t</header>\n\n\t\t\t<div class=\"rows-1\">\n\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t</router-view>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n\timport Field from \"@martyrs/src/components/Field/Field.vue\"\n\timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\timport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n\tconst core = useStore()\n\n\n\timport * as marketplace from '../../store/marketplace';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst localPosition = ref({\n\t\tcity: null,\n\t\tstate: null,\n\t\tcountry: null\n\t});\n\n\tconst desktopFilters = ref(null)\n\n\t// Categories\n\tconst currentCategories = ref([]);\n\tconst searchLocation = ref('');\n\tconst selectedLocation = ref('All');\n\tconst locationOptions = ref(['All', 'Phuket', 'Bangkok', 'Chiang Mai', 'Pattaya']);\n\n\t// Delivery options\n\tconst deliveryOptions = ref([\n\t\t{ label: 'Pickup', value: 'pickup' },\n\t\t{ label: 'Delivery', value: 'delivery' },\n\t\t{ label: 'Dine-in', value: 'dinein' }\n\t]);\n\tconst selectedDeliveryOptions = ref([]);\n\n\t// Payment options\n\tconst paymentOptions = ref([\n\t\t{ label: 'Cash', value: 'cash' },\n\t\t{ label: 'Card', value: 'card' },\n\t\t{ label: 'Crypto', value: 'crypto' },\n\t\t{ label: 'Bank Transfer', value: 'transfer' }\n\t]);\n\tconst selectedPaymentOptions = ref([]);\n\n\tconst selectCategory = (category) => {\n\t\t// Implementation for category selection\n\t\tconsole.log('Category selected:', category);\n\t};\n\n\tconst clearFilters = () => {\n\t\tselectedLocation.value = 'All';\n\t\tselectedDeliveryOptions.value = [];\n\t\tselectedPaymentOptions.value = [];\n\t\tsearchLocation.value = '';\n\t};\n\n\tfunction denormalizeUrlParam(param) {\n\t  return param\n\t    .replace(/-/g, ' ') // Замена дефисов на пробелы\n\t    .replace(/\\b\\w/g, l => l.toUpperCase()); // Преобразование первой буквы каждого слова в заглавную\n\t}\n\n\tfunction normalizeUrlParam(param) {\n\t  return param\n\t    .toLowerCase()\n\t    .replace(/ /g, '-')\n\t    .replace(/[^a-z0-9-]/g, '');\n\t}\n\n\tif (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n\tonMounted(async () => {\n\t  let options = {\n      status: 'published',\n      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\t// watch(() => core.state.position, (newPosition) => {\n\t//   // get the current route\n\t//   const currentRoute = { ...router.currentRoute.value };\n\t  \n\t//   // create new parameters based on globals state position\n\t//   let newParams = {\n\t//     country: normalizeUrlParam(newPosition.country),\n\t//     state: normalizeUrlParam(newPosition.state),\n\t//     city: normalizeUrlParam(newPosition.city),\n\t//   };\n\t  \n\t//   // update route params\n\t//   currentRoute.params = newParams;\n\t  \n\t//   // replace the current route\n\t//   router.replace(currentRoute);\n\t// }, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n\t     \tmeta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n\t      meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n \tconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","categories.actions"],"mappings":"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"}
+{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header class=\"pd-medium mn-b-thin\">\n      <h2 class=\"\">\n        <span class=\"\">Weed Deliveries in </span>\n\n        <span\n          v-if=\"localPosition.city || localPosition.state || localPosition.country\"\n          @click=\"a => { store.core.state.isOpenLocationPopup = true }\"\n          class=\"t-main t-semi cursor-pointer \"\n        >\n          <template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n          <template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n          <template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n        </span>\n\n        <span v-else @click=\"a => { store.core.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n      </h2>\n    </header>\n\n    <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Location Filter -->\n          <div class=\"mn-b-medium\">\n            <h4 class=\"mn-b-small\">Location</h4>\n            <Field\n              v-model=\"searchLocation\"\n              placeholder=\"Search location...\"\n              type=\"text\"\n              class=\"w-100 bg-light pd-small radius-small mn-b-small\"\n            />\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"location in marketplace.state.locationOptions\"\n                :key=\"location.label\"\n                @click=\"router.push(location.path)\"\n                class=\"cursor-pointer hover-t-underline mn-b-regular transition-all\"\n              >\n                {{ location.label }}\n              </div>\n            </div>\n          </div>\n\n          <!-- Filters Group -->\n          <FiltersGroup\n            :filters=\"marketplace.state.filter.options\"\n            v-model:selected=\"selectedFilters\"\n            :immediate=\"true\"\n            :showHeader=\"false\"\n            :showApplyButton=\"false\"\n            :showResetButton=\"true\"\n          />\n        </div>\n      </div>\n\n      <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"marketplace.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Shops Found',\n              description: 'Currently, there are no shops.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => marketplaceStore.readCatalog(options)\n          }\"\n          :options=\"{\n            country: localPosition.country,\n            state: localPosition.state,\n            city: localPosition.city,\n            location: localLocation?.location,\n            lookup: ['products','spots'],\n            contain: ['products'],\n            priceMin: selectedFilters.price?.min,\n            priceMax: selectedFilters.price?.max,\n            delivery: selectedFilters.delivery?.length > 0 ? selectedFilters.delivery.join(',') : undefined,\n            payment: selectedFilters.payment?.length > 0 ? selectedFilters.payment.join(',') : undefined\n          }\"\n          v-slot=\"{\n            items\n          }\"\n          class=\"rows-1 gap-thin\"\n        >\n          <div class=\"mn-b-thin mobile-only\">\n            <Filters\n              v-model:filters=\"marketplace.state.filter.options\"\n              v-model:selected=\"selectedFilters\"\n              class=\"\"\n            />\n          </div>\n\n          <CardOrganization\n            v-for=\"organization in items\"\n            :key=\"organization._id\"\n            :organization=\"organization\"\n            :showRating=\"true\"\n            :showFollowers=\"false\"\n            :showProducts=\"true\"\n            class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n          />\n        </Feed>\n\n      </div>\n    </div>\n  </div>\n\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { onMounted, watch, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  import { useI18n } from 'vue-i18n'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n  import FiltersGroup from '@martyrs/src/modules/core/views/components/sections/filters/FiltersGroup.vue'\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n  import * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n  import * as marketplace from '../../store/marketplace'\n  import marketplaceStore from '../../store/marketplace'\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n  const route = useRoute()\n  const router = useRouter()\n  const store = useStore()\n  const { returnCurrency } = useGlobalMixins()\n\n  const localPosition = ref({\n    city: null,\n    state: null,\n    country: null\n  });\n\n  const localLocation = ref(null);\n  // Location filter\n  const searchLocation = ref('');\n\n  const selectedFilters = ref({\n    price: { min: null, max: null },\n    delivery: [],\n    payment: [],\n    availabilityDate: null,\n    rating: null\n  })\n\n\n  if (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n  function denormalizeUrlParam(param) {\n    return param\n      .replace(/-/g, ' ')\n      .replace(/\\b\\w/g, l => l.toUpperCase());\n  }\n\n  function normalizeUrlParam(param) {\n    return param\n      .toLowerCase()\n      .replace(/ /g, '-')\n      .replace(/[^a-z0-9-]/g, '');\n  }\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selectedFilters, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => store.core.state.position, (newPosition) => {\n   // get the current route\n   const currentRoute = { ...router.currentRoute.value };\n\t  \n   // create new parameters based on globals state position\n   let newParams = {\n     country: normalizeUrlParam(newPosition.country),\n     state: normalizeUrlParam(newPosition.state),\n     city: normalizeUrlParam(newPosition.city),\n   };\n\n  let newState = {\n    country: denormalizeUrlParam(newPosition.country),\n    state: denormalizeUrlParam(newPosition.state),\n    city: denormalizeUrlParam(newPosition.city),\n  };\n  \n   // update route params\n   localPosition.value = newState;\n   currentRoute.params = newParams;\n\n  \n   // replace the current route\n   router.replace(currentRoute);\n\t}, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n        meta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n        meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n\n\n"],"names":["marketplace.state"],"mappings":"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"}

package/dist/martyrs/src/modules/marketplace/views/components/pages/Catalog.vue.js

@@ -1,19 +1,18 @@
 import { onMounted, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Feed/Feed.vue.js";
-import { actions } from "../../../../organizations/store/organizations.js";
 import { useStore } from "../../../../core/views/store/core.store.js";
 import _sfc_main$2 from "../../../../organizations/components/blocks/CardOrganization.vue.js";
-import { state } from "../../store/marketplace.js";
+import { state, marketplaceStore } from "../../store/marketplace.js";
 const _sfc_main = {
   __name: "Catalog",
   setup(__props) {
-    const core = useStore();
+    const store = useStore();
     const route = useRoute();
     onMounted(() => {
       if (typeof gtag === "function") {
         gtag("event", "view_marketplace", {
-          location: core.state.position?.location || "unknown",
+          location: store.core.state.position?.location || "unknown",
           page_path: window.location.pathname,
           marketplace_id: route.params.id || "main"
         });
@@ -34,7 +33,7 @@ const _sfc_main = {
           }
         },
         store: {
-          read: (options) => actions.read(options)
+          read: (options) => unref(marketplaceStore).readCatalog(options)
         },
         options: {
           country: unref(route).params.country,
@@ -43,7 +42,7 @@ const _sfc_main = {
           categories: unref(route).query.categories,
           prices: unref(route).query.prices,
           delivery: unref(route).query.delivery,
-          location: unref(core).state.position?.location,
+          location: unref(store).core.state.position?.location,
           lookup: ["products", "spots"],
           contain: ["products"]
         },

package/dist/martyrs/src/modules/marketplace/views/components/pages/Catalog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Catalog.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/pages/Catalog.vue"],"sourcesContent":["<template>\n\t<Feed\n\t\tv-model:sort=\"marketplace.state.sort\"\n\t\tv-model:filter=\"marketplace.state.filter\"\n    :search=\"true\"\n    :showLoadMore=\"false\"\n    :states=\"{\n      empty: {\n        title: 'No Shops Found',\n        description: 'Currently, there are no shops.'\n      },\n    }\"\n    :store=\"{\n      read: (options) => organization.actions.read(options)\n    }\"\n    :options=\"{\n      country: route.params.country,\n\t    state: route.params.state,\n\t    city: route.params.city,\n\t    categories: route.query.categories,\n\t    prices: route.query.prices,\n\t    delivery: route.query.delivery,\n\t    location: core.state.position?.location,\n\t    lookup: ['products','spots'],\n\t    contain: ['products'],\n    }\"\n    v-slot=\"{ \n      items \n    }\"\n    class=\"rows-1 gap-thin\"\n  >\n    <CardOrganization \n\t    v-for=\"organization in items\" \n\t    :key=\"organization._id\"\n\t    :organization=\"organization\"\n\t    :showRating=\"true\"\n\t    :showFollowers=\"false\"\n\t    :showProducts=\"true\"\n\t    class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n\t  />\n  </Feed>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute } from 'vue-router'\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\tconst core = useStore()\n\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport * as marketplace from '../../store/marketplace';\n\t\n\tconst route = useRoute()\n\n\tonMounted(() => {\n\t\t// Добавление Google Analytics event на открытие маркетплейса\n\t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_marketplace', {\n\t\t\t\tlocation: core.state.position?.location || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tmarketplace_id: route.params.id || 'main',\n\t\t\t});\n\t\t}\n\t})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;AAmDC,UAAM,OAAO,SAAQ;AAMrB,UAAM,QAAQ,SAAQ;AAEtB,cAAU,MAAM;AAEf,UAAI,OAAO,SAAS,YAAY;AAC/B,aAAK,SAAS,oBAAoB;AAAA,UACjC,UAAU,KAAK,MAAM,UAAU,YAAY;AAAA,UAC3C,WAAW,OAAO,SAAS;AAAA,UAC3B,gBAAgB,MAAM,OAAO,MAAM;AAAA,QACvC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Catalog.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/pages/Catalog.vue"],"sourcesContent":["<template>\n\t<Feed\n\t\tv-model:sort=\"marketplace.state.sort\"\n\t\tv-model:filter=\"marketplace.state.filter\"\n    :search=\"true\"\n    :showLoadMore=\"false\"\n    :states=\"{\n      empty: {\n        title: 'No Shops Found',\n        description: 'Currently, there are no shops.'\n      },\n    }\"\n    :store=\"{\n      read: (options) => marketplaceStore.readCatalog(options)\n    }\"\n    :options=\"{\n      country: route.params.country,\n\t    state: route.params.state,\n\t    city: route.params.city,\n\t    categories: route.query.categories,\n\t    prices: route.query.prices,\n\t    delivery: route.query.delivery,\n\t    location: store.core.state.position?.location,\n\t    lookup: ['products','spots'],\n\t    contain: ['products'],\n    }\"\n    v-slot=\"{ \n      items \n    }\"\n    class=\"rows-1 gap-thin\"\n  >\n    <CardOrganization \n\t    v-for=\"organization in items\" \n\t    :key=\"organization._id\"\n\t    :organization=\"organization\"\n\t    :showRating=\"true\"\n\t    :showFollowers=\"false\"\n\t    :showProducts=\"true\"\n\t    class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n\t  />\n  </Feed>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute } from 'vue-router'\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\tconst store = useStore()\n\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport * as marketplace from '../../store/marketplace';\n\timport marketplaceStore from '../../store/marketplace';\n\n\tconst route = useRoute()\n\n\tonMounted(() => {\n\t\t// Добавление Google Analytics event на открытие маркетплейса\n\t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_marketplace', {\n\t\t\t\tlocation: store.core.state.position?.location || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tmarketplace_id: route.params.id || 'main',\n\t\t\t});\n\t\t}\n\t})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;AAmDC,UAAM,QAAQ,SAAQ;AAOtB,UAAM,QAAQ,SAAQ;AAEtB,cAAU,MAAM;AAEf,UAAI,OAAO,SAAS,YAAY;AAC/B,aAAK,SAAS,oBAAoB;AAAA,UACjC,UAAU,MAAM,KAAK,MAAM,UAAU,YAAY;AAAA,UACjD,WAAW,OAAO,SAAS;AAAA,UAC3B,gBAAgB,MAAM,OAAO,MAAM;AAAA,QACvC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, Transition, withCtx, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
-import Loader from "../../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { actions as actions$1 } from "../../../../products/store/categories.js";