@ozdao/prometheus-framework 0.2.317 → 0.2.318

package/dist/prometheus-framework/src/modules/marketplace/views/components/layouts/Marketplace.vue.js

@@ -0,0 +1,179 @@
+import { ref, onMounted, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, withCtx, createBlock, resolveDynamicComponent } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../../../globals/views/components/blocks/BlockFilter.vue.js";
+import { state as state$1 } from "../../../../globals/views/store/globals.js";
+import { actions } from "../../../../products/store/categories.js";
+import { state } from "../../store/marketplace.js";
+const _hoisted_1 = {
+  style: { "min-height": "100%" },
+  class: "h-min-100 pd-thin"
+};
+const _hoisted_2 = { class: "pd-semi radius-big bg-light mn-b-small" };
+const _hoisted_3 = { class: "" };
+const _hoisted_4 = { class: "gap-thin cols-2-1_3" };
+const _hoisted_5 = { class: "desktop-only radius-big o-hidden" };
+const _hoisted_6 = { class: "rows-1 gap-thin" };
+const _sfc_main = {
+  __name: "Marketplace",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const localPosition = ref({
+      city: null,
+      state: null,
+      country: null
+    });
+    ref(null);
+    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, "");
+    }
+    if (route.params) {
+      let newState = {
+        country: denormalizeUrlParam(route.params.country),
+        state: denormalizeUrlParam(route.params.state),
+        city: denormalizeUrlParam(route.params.city)
+      };
+      localPosition.value = newState;
+    }
+    if (route.query) {
+      const query = route.query;
+      state.filter.selected.categories = query.categories ? query.categories.split(",") : [];
+      state.filter.selected.prices = query.prices ? query.prices.split(",") : [];
+      state.filter.selected.delivery = query.delivery ? query.delivery.split(",") : [];
+    }
+    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"
+      };
+      let categoriesFilter = await actions.read(options);
+      categoriesFilter = categoriesFilter.map((category) => ({
+        value: category.url,
+        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);
+      }
+    });
+    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) => {
+      const query = { ...route.query };
+      Object.keys(oldFilterValue).forEach((key) => {
+        if (query[key]) {
+          delete query[key];
+        }
+      });
+      const newQueryValues = Object.fromEntries(
+        Object.entries(newFilterValue).filter(([key, value]) => Array.isArray(value) && value.length > 0).map(([key, value]) => [key, value.join(",")])
+      );
+      delete query.options;
+      Object.assign(query, newQueryValues);
+      router.replace({ query });
+    }, { deep: true });
+    watch(() => state$1.position, (newPosition) => {
+      const currentRoute = { ...router.currentRoute.value };
+      let newParams = {
+        country: normalizeUrlParam(newPosition.country),
+        state: normalizeUrlParam(newPosition.state),
+        city: normalizeUrlParam(newPosition.city)
+      };
+      currentRoute.params = newParams;
+      router.replace(currentRoute);
+    }, { deep: true });
+    const text = {
+      locale: "en",
+      messages: {
+        en: {
+          meta: {
+            title: "Marketplace – Shop Our Wide Selection of Quality Weed for Delivery",
+            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."
+          }
+        },
+        ru: {
+          meta: {
+            title: "Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки",
+            description: "Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно."
+          }
+        }
+      }
+    };
+    useI18n(text);
+    return (_ctx, _cache) => {
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("header", _hoisted_2, [
+          createElementVNode("h2", _hoisted_3, [
+            _cache[3] || (_cache[3] = createElementVNode("span", { class: "" }, "Weed in ", -1)),
+            localPosition.value.city || localPosition.value.state || localPosition.value.country ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = (a) => {
+                state$1.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) => {
+                state$1.isOpenLocationPopup = true;
+              }),
+              class: "h2 pd-l-small pd-r-small pd-t-micro pd-b-micro d-inline-block t-semi radius-extra bg-main t-black cursor-pointer"
+            }, " The World "))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            createVNode(_sfc_main$1, {
+              filter: state.filter,
+              "onUpdate:filter": _cache[2] || (_cache[2] = ($event) => state.filter = $event),
+              options: state.filter.options,
+              class: "h-100 w-100 pd-small bg-light"
+            }, null, 8, ["filter", "options"])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            createVNode(_component_router_view, null, {
+              default: withCtx(({ Component, route: route2 }) => [
+                (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                  ref: "page",
+                  key: route2,
+                  localPosition: localPosition.value
+                }, null, 8, ["localPosition"]))
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Marketplace.vue.js.map

package/dist/prometheus-framework/src/modules/marketplace/views/components/layouts/Marketplace.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t<div style=\"min-height: 100%;\" class=\"h-min-100 pd-thin\">\n\t\t<header class=\"pd-semi radius-big bg-light mn-b-small\">\n    \t<h2 class=\"\">\n    \t\t<span class=\"\">Weed in </span>\n\n    \t\t<span \n    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n    \t\t>\n  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n    \t\t</span>\n\n    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"h2 pd-l-small pd-r-small pd-t-micro pd-b-micro d-inline-block t-semi radius-extra bg-main t-black cursor-pointer\">\n\t\t\t\t\t\tThe World\n    \t\t</span>\n    \t</h2>\n\t\t</header>\n\n\t\t<div class=\"gap-thin \tcols-2-1_3\">\n\t\t\t<div class=\"desktop-only radius-big o-hidden\">\n\t     <BlockFilter\n          v-model:filter=\"marketplace.state.filter\"\n          :options=\"marketplace.state.filter.options\"\n          class=\"h-100 w-100 pd-small bg-light\"\n        />\n      </div>\n\t\t\t<!-- Catalog wrapper -->\n\t\t\t<div class=\"rows-1 gap-thin\">\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 BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n  import * as categories from '@pf/src/modules/products/store/categories';\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\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    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\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\twatch(() => globals.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","globals.state"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/marketplace/views/components/pages/Catalog.vue.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
+const organizations = require("../../../../organizations/store/organizations.cjs");
+const globals = require("../../../../globals/views/store/globals.cjs");
+const CardOrganization = require("../../../../organizations/components/blocks/CardOrganization.vue.cjs");
+const marketplace = require("../../store/marketplace.cjs");
+const _sfc_main = {
+  __name: "Catalog",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createBlock(Feed.default, {
+        sort: marketplace.state.sort,
+        "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => marketplace.state.sort = $event),
+        filter: marketplace.state.filter,
+        "onUpdate:filter": _cache[1] || (_cache[1] = ($event) => marketplace.state.filter = $event),
+        search: {
+          autofocus: true
+        },
+        showLoadMore: false,
+        states: {
+          empty: {
+            title: "No Shops Found",
+            description: "Currently, there are no shops."
+          }
+        },
+        store: {
+          read: (options) => organizations.actions.read(options)
+        },
+        options: {
+          country: vue.unref(route).params.country,
+          state: vue.unref(route).params.state,
+          city: vue.unref(route).params.city,
+          categories: vue.unref(route).query.categories,
+          prices: vue.unref(route).query.prices,
+          delivery: vue.unref(route).query.delivery,
+          location: (_a = globals.state.position) == null ? void 0 : _a.location,
+          lookup: ["products"],
+          contain: ["products"]
+        },
+        class: "rows-1 gap-thin"
+      }, {
+        default: vue.withCtx(({
+          items
+        }) => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization) => {
+            return vue.openBlock(), vue.createBlock(CardOrganization.default, {
+              key: organization._id,
+              organization,
+              showRating: true,
+              showFollowers: false,
+              showProducts: true,
+              class: "bg-light w-100 o-hidden radius-big pd-small"
+            }, null, 8, ["organization"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["sort", "filter", "store", "options"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Catalog.vue.cjs.map

package/dist/prometheus-framework/src/modules/marketplace/views/components/pages/Catalog.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Catalog.vue.cjs","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=\"{\n    \tautofocus:true\n    }\"\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: globals.state.position?.location,\n\t    lookup: ['products'],\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-big 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 '@pf/src/components/Feed/Feed.vue'\n\t\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport * as marketplace from '../../store/marketplace';\n\t\n\tconst route = useRoute()\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute"],"mappings":";;;;;;;;;;;;AA0DC,UAAM,QAAQA,UAAAA,SAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/marketplace/views/components/pages/Catalog.vue.js

@@ -0,0 +1,67 @@
+import { openBlock, createBlock, 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 { state as state$1 } from "../../../../globals/views/store/globals.js";
+import _sfc_main$2 from "../../../../organizations/components/blocks/CardOrganization.vue.js";
+import { state } from "../../store/marketplace.js";
+const _sfc_main = {
+  __name: "Catalog",
+  setup(__props) {
+    const route = useRoute();
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(_sfc_main$1, {
+        sort: state.sort,
+        "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => state.sort = $event),
+        filter: state.filter,
+        "onUpdate:filter": _cache[1] || (_cache[1] = ($event) => state.filter = $event),
+        search: {
+          autofocus: true
+        },
+        showLoadMore: false,
+        states: {
+          empty: {
+            title: "No Shops Found",
+            description: "Currently, there are no shops."
+          }
+        },
+        store: {
+          read: (options) => actions.read(options)
+        },
+        options: {
+          country: unref(route).params.country,
+          state: unref(route).params.state,
+          city: unref(route).params.city,
+          categories: unref(route).query.categories,
+          prices: unref(route).query.prices,
+          delivery: unref(route).query.delivery,
+          location: (_a = state$1.position) == null ? void 0 : _a.location,
+          lookup: ["products"],
+          contain: ["products"]
+        },
+        class: "rows-1 gap-thin"
+      }, {
+        default: withCtx(({
+          items
+        }) => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization) => {
+            return openBlock(), createBlock(_sfc_main$2, {
+              key: organization._id,
+              organization,
+              showRating: true,
+              showFollowers: false,
+              showProducts: true,
+              class: "bg-light w-100 o-hidden radius-big pd-small"
+            }, null, 8, ["organization"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["sort", "filter", "store", "options"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Catalog.vue.js.map

package/dist/prometheus-framework/src/modules/marketplace/views/components/pages/Catalog.vue.js.map

@@ -0,0 +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=\"{\n    \tautofocus:true\n    }\"\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: globals.state.position?.location,\n\t    lookup: ['products'],\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-big 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 '@pf/src/components/Feed/Feed.vue'\n\t\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport * as marketplace from '../../store/marketplace';\n\t\n\tconst route = useRoute()\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;AA0DC,UAAM,QAAQ,SAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/marketplace/views/components/sections/SectionMenu.vue.cjs

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const categories = require("../../../../products/store/categories.cjs");
+const products = require("../../../../products/store/products.cjs");
+;/* empty css                   */
+const _hoisted_1 = {
+  id: "main-menu",
+  class: "pd-thin pos-relative"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "w-100 h-15r radius-big flex-center bg-light"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "gap-thin grid-container"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "w-33 radius-100 o-hidden mn-r-medium",
+  autoplay: "",
+  loop: "",
+  muted: ""
+};
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "t-black capitalize h3" };
+const _hoisted_8 = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin t-transp t-black p-medium"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button"
+};
+const _sfc_main = {
+  __name: "SectionMenu",
+  setup(__props) {
+    vueRouter.useRouter();
+    const categoriesRoot = vue.ref(null);
+    const text = {
+      en: {
+        categories: []
+      },
+      ru: {
+        categories: []
+      }
+    };
+    vueI18n.useI18n({
+      messages: text
+    });
+    const countProduct = vue.ref(0);
+    const menu = vue.ref(false);
+    vue.onMounted(async () => {
+      countProduct.value = await products.actions.read({ count: true });
+      categoriesRoot.value = await categories.actions.read({ rootOnly: true });
+      menu.value = true;
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        _cache[0] || (_cache[0] = vue.createElementVNode("h2", { class: "w-m-60r mn-auto pd-t-big pd-b-big t-center" }, [
+          vue.createTextVNode(" Weed and Accessories to "),
+          vue.createElementVNode("br"),
+          vue.createElementVNode("b", null, "Enhance Your Smoking Experience")
+        ], -1)),
+        vue.createVNode(vue.Transition, {
+          name: "fade",
+          mode: "out-in",
+          appear: ""
+        }, {
+          default: vue.withCtx(() => [
+            !menu.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.createVNode(Loader.default, { class: "pos-relative" })
+            ])) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_3, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoriesRoot.value.slice(0, 5), (category, index) => {
+                return vue.openBlock(), vue.createBlock(_component_router_link, {
+                  to: _ctx.getMarketplaceLink([category.url]),
+                  key: category,
+                  class: "cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-big pd-medium grid-item"
+                }, {
+                  default: vue.withCtx(() => [
+                    category.url === "buds" && category.photo ? (vue.openBlock(), vue.createElementBlock("video", _hoisted_4, [
+                      vue.createElementVNode("source", {
+                        src: category.photo,
+                        type: "video/webm"
+                      }, null, 8, _hoisted_5)
+                    ])) : vue.createCommentVNode("", true),
+                    category.url !== "buds" && category.photo ? (vue.openBlock(), vue.createElementBlock("img", {
+                      key: 1,
+                      loading: "lazy",
+                      src: category.photo,
+                      class: "i-extra t-transp mn-r-thin"
+                    }, null, 8, _hoisted_6)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["w-100", { "mn-r-auto": category.url === "buds" }])
+                    }, [
+                      vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(category.name), 1),
+                      category.url === "buds" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, " Unveiling the Exceptional User Curated Best Buds ")) : vue.createCommentVNode("", true),
+                      category.url === "buds" ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_9, [
+                        vue.createElementVNode("span", null, "Check " + vue.toDisplayString(countProduct.value.count) + " products →", 1)
+                      ])) : vue.createCommentVNode("", true)
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1032, ["to"]);
+              }), 128))
+            ]))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SectionMenu.vue.cjs.map

package/dist/prometheus-framework/src/modules/marketplace/views/components/sections/SectionMenu.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMenu.vue.cjs","sources":["../../../../../../../../src/modules/marketplace/views/components/sections/SectionMenu.vue"],"sourcesContent":["<template>\n\t<section id=\"main-menu\" class=\"pd-thin pos-relative\">\n\t\t<h2 class=\"w-m-60r mn-auto pd-t-big pd-b-big t-center\">\n\t\t\tWeed and Accessories to <br><b>Enhance Your Smoking Experience</b> \n\t\t</h2>\n\n\t\t<transition name=\"fade\" mode=\"out-in\"  appear>\n\t\t\t<div v-if=\"!menu\"  class=\"w-100 h-15r radius-big flex-center bg-light\">\n\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t</div>\n\n\t\t\t<ul v-else class=\"gap-thin grid-container\">\n\t\t\t\t<router-link :to=\"getMarketplaceLink([category.url])\"\n\t\t\t\t\tv-for=\"(category,index) in categoriesRoot.slice(0,5)\" \n\t\t\t\t\t:key=\"category\" \n\t\t\t\t\tclass=\"cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-big pd-medium grid-item\"\n\t\t\t\t>\n\n\t\t\t\t\t<video \n\t\t\t\t\t\tv-if=\"category.url === 'buds' && category.photo\" \n\t\t\t\t\t\tclass=\"w-33 radius-100 o-hidden mn-r-medium\" \n\t\t\t\t\t\tautoplay loop muted\n\t\t\t\t\t>\n\t\t\t\t\t  <source \n\t\t\t\t\t  \t:src=\"category.photo\"\n\t\t\t\t\t  \ttype=\"video/webm\"\n\t\t\t\t\t  >\n\t\t\t\t\t</video>\n\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"category.url !== 'buds' && category.photo\"\n\t\t\t\t\t\t:src=\"category.photo\"\n\t\t\t\t\t\tclass=\"i-extra t-transp mn-r-thin\"\n\t\t\t\t\t>\n\n\t\t\t\t\t<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\n\t\t\t\t\t\t<p v-if=\"category.url === 'buds'\" class=\"mn-t-thin mn-b-thin t-transp t-black p-medium\">\n\t\t\t\t\t\t\tUnveiling the Exceptional User Curated Best Buds\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tv-if=\"category.url === 'buds'\"\n\t\t\t        class=\"mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button\"\n\t\t\t      >\n\t\t\t        <span>Check {{countProduct.count}} products →</span>\n\t\t\t      </button>\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\n\t\t\t</ul>\n\t\t</transition>\n\t</section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted,computed } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\t\n\timport * as categories from '@pf/src/modules/products/store/categories';\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst categoriesRoot = ref(null)\n\t\n \tconst text = {\n    en: {\n    \tcategories: []\n    },\n    ru: {\n    \tcategories: []\n    }\n  }\n\n\n\tconst { t  } = useI18n({\n    messages: text\n  })\n\n\tconst countProduct = ref(0)\n\tconst menu = ref(false)\n\n\tonMounted( async () => {\n\t\tcountProduct.value = await products.actions.read({count: true})\n\t\tcategoriesRoot.value = await categories.actions.read({rootOnly: true})\n\t\tmenu.value = true\n\t})\n</script>\n\n<style lang=\"scss\">\n\t.grid-container {\n\t  display: grid;\n\t  grid-template-columns: repeat(4, 1fr);\n\t  grid-template-rows: repeat(2, 1fr);\n\t}\n\n\t.grid-item {\n\t  &:first-of-type {\n\t  \tgrid-column: span 2;\n\t  \tgrid-row: span 2;\n\t  }\n\t}\n\n\t@media screen and (max-width: 1025px) {\n    .grid-container {  grid-template-columns: repeat(2, 1fr);  }\n  }\n</style>\n"],"names":["useRouter","ref","useI18n","onMounted","products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEgBA,wBAAW;AAE1B,UAAM,iBAAiBC,IAAG,IAAC,IAAI;AAE9B,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY,CAAE;AAAA,MACd;AAAA,MACD,IAAI;AAAA,QACH,YAAY,CAAE;AAAA,MACd;AAAA,IACF;AAGaC,oBAAQ;AAAA,MACpB,UAAU;AAAA,IACd,CAAG;AAEF,UAAM,eAAeD,IAAG,IAAC,CAAC;AAC1B,UAAM,OAAOA,IAAG,IAAC,KAAK;AAEtBE,QAAAA,UAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMC,SAAgB,QAAC,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,qBAAe,QAAQ,MAAMC,WAAkB,QAAC,KAAK,EAAC,UAAU,KAAI,CAAC;AACrE,WAAK,QAAQ;AAAA,IACf,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/marketplace/views/components/sections/SectionMenu.vue.js

@@ -0,0 +1,121 @@
+import { ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, Transition, withCtx, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
+import Loader from "../../../../../components/Loader/Loader.vue.js";
+import { useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { actions as actions$1 } from "../../../../products/store/categories.js";
+import { actions } from "../../../../products/store/products.js";
+/* empty css                 */
+const _hoisted_1 = {
+  id: "main-menu",
+  class: "pd-thin pos-relative"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "w-100 h-15r radius-big flex-center bg-light"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "gap-thin grid-container"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "w-33 radius-100 o-hidden mn-r-medium",
+  autoplay: "",
+  loop: "",
+  muted: ""
+};
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "t-black capitalize h3" };
+const _hoisted_8 = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin t-transp t-black p-medium"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button"
+};
+const _sfc_main = {
+  __name: "SectionMenu",
+  setup(__props) {
+    useRouter();
+    const categoriesRoot = ref(null);
+    const text = {
+      en: {
+        categories: []
+      },
+      ru: {
+        categories: []
+      }
+    };
+    useI18n({
+      messages: text
+    });
+    const countProduct = ref(0);
+    const menu = ref(false);
+    onMounted(async () => {
+      countProduct.value = await actions.read({ count: true });
+      categoriesRoot.value = await actions$1.read({ rootOnly: true });
+      menu.value = true;
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("h2", { class: "w-m-60r mn-auto pd-t-big pd-b-big t-center" }, [
+          createTextVNode(" Weed and Accessories to "),
+          createElementVNode("br"),
+          createElementVNode("b", null, "Enhance Your Smoking Experience")
+        ], -1)),
+        createVNode(Transition, {
+          name: "fade",
+          mode: "out-in",
+          appear: ""
+        }, {
+          default: withCtx(() => [
+            !menu.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              createVNode(Loader, { class: "pos-relative" })
+            ])) : (openBlock(), createElementBlock("ul", _hoisted_3, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(categoriesRoot.value.slice(0, 5), (category, index) => {
+                return openBlock(), createBlock(_component_router_link, {
+                  to: _ctx.getMarketplaceLink([category.url]),
+                  key: category,
+                  class: "cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-big pd-medium grid-item"
+                }, {
+                  default: withCtx(() => [
+                    category.url === "buds" && category.photo ? (openBlock(), createElementBlock("video", _hoisted_4, [
+                      createElementVNode("source", {
+                        src: category.photo,
+                        type: "video/webm"
+                      }, null, 8, _hoisted_5)
+                    ])) : createCommentVNode("", true),
+                    category.url !== "buds" && category.photo ? (openBlock(), createElementBlock("img", {
+                      key: 1,
+                      loading: "lazy",
+                      src: category.photo,
+                      class: "i-extra t-transp mn-r-thin"
+                    }, null, 8, _hoisted_6)) : createCommentVNode("", true),
+                    createElementVNode("div", {
+                      class: normalizeClass(["w-100", { "mn-r-auto": category.url === "buds" }])
+                    }, [
+                      createElementVNode("h3", _hoisted_7, toDisplayString(category.name), 1),
+                      category.url === "buds" ? (openBlock(), createElementBlock("p", _hoisted_8, " Unveiling the Exceptional User Curated Best Buds ")) : createCommentVNode("", true),
+                      category.url === "buds" ? (openBlock(), createElementBlock("button", _hoisted_9, [
+                        createElementVNode("span", null, "Check " + toDisplayString(countProduct.value.count) + " products →", 1)
+                      ])) : createCommentVNode("", true)
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1032, ["to"]);
+              }), 128))
+            ]))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SectionMenu.vue.js.map

package/dist/prometheus-framework/src/modules/marketplace/views/components/sections/SectionMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMenu.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/sections/SectionMenu.vue"],"sourcesContent":["<template>\n\t<section id=\"main-menu\" class=\"pd-thin pos-relative\">\n\t\t<h2 class=\"w-m-60r mn-auto pd-t-big pd-b-big t-center\">\n\t\t\tWeed and Accessories to <br><b>Enhance Your Smoking Experience</b> \n\t\t</h2>\n\n\t\t<transition name=\"fade\" mode=\"out-in\"  appear>\n\t\t\t<div v-if=\"!menu\"  class=\"w-100 h-15r radius-big flex-center bg-light\">\n\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t</div>\n\n\t\t\t<ul v-else class=\"gap-thin grid-container\">\n\t\t\t\t<router-link :to=\"getMarketplaceLink([category.url])\"\n\t\t\t\t\tv-for=\"(category,index) in categoriesRoot.slice(0,5)\" \n\t\t\t\t\t:key=\"category\" \n\t\t\t\t\tclass=\"cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-big pd-medium grid-item\"\n\t\t\t\t>\n\n\t\t\t\t\t<video \n\t\t\t\t\t\tv-if=\"category.url === 'buds' && category.photo\" \n\t\t\t\t\t\tclass=\"w-33 radius-100 o-hidden mn-r-medium\" \n\t\t\t\t\t\tautoplay loop muted\n\t\t\t\t\t>\n\t\t\t\t\t  <source \n\t\t\t\t\t  \t:src=\"category.photo\"\n\t\t\t\t\t  \ttype=\"video/webm\"\n\t\t\t\t\t  >\n\t\t\t\t\t</video>\n\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"category.url !== 'buds' && category.photo\"\n\t\t\t\t\t\t:src=\"category.photo\"\n\t\t\t\t\t\tclass=\"i-extra t-transp mn-r-thin\"\n\t\t\t\t\t>\n\n\t\t\t\t\t<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\n\t\t\t\t\t\t<p v-if=\"category.url === 'buds'\" class=\"mn-t-thin mn-b-thin t-transp t-black p-medium\">\n\t\t\t\t\t\t\tUnveiling the Exceptional User Curated Best Buds\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tv-if=\"category.url === 'buds'\"\n\t\t\t        class=\"mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button\"\n\t\t\t      >\n\t\t\t        <span>Check {{countProduct.count}} products →</span>\n\t\t\t      </button>\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\n\t\t\t</ul>\n\t\t</transition>\n\t</section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted,computed } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\t\n\timport * as categories from '@pf/src/modules/products/store/categories';\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst categoriesRoot = ref(null)\n\t\n \tconst text = {\n    en: {\n    \tcategories: []\n    },\n    ru: {\n    \tcategories: []\n    }\n  }\n\n\n\tconst { t  } = useI18n({\n    messages: text\n  })\n\n\tconst countProduct = ref(0)\n\tconst menu = ref(false)\n\n\tonMounted( async () => {\n\t\tcountProduct.value = await products.actions.read({count: true})\n\t\tcategoriesRoot.value = await categories.actions.read({rootOnly: true})\n\t\tmenu.value = true\n\t})\n</script>\n\n<style lang=\"scss\">\n\t.grid-container {\n\t  display: grid;\n\t  grid-template-columns: repeat(4, 1fr);\n\t  grid-template-rows: repeat(2, 1fr);\n\t}\n\n\t.grid-item {\n\t  &:first-of-type {\n\t  \tgrid-column: span 2;\n\t  \tgrid-row: span 2;\n\t  }\n\t}\n\n\t@media screen and (max-width: 1025px) {\n    .grid-container {  grid-template-columns: repeat(2, 1fr);  }\n  }\n</style>\n"],"names":["products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEgB,cAAW;AAE1B,UAAM,iBAAiB,IAAI,IAAI;AAE9B,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY,CAAE;AAAA,MACd;AAAA,MACD,IAAI;AAAA,QACH,YAAY,CAAE;AAAA,MACd;AAAA,IACF;AAGa,YAAQ;AAAA,MACpB,UAAU;AAAA,IACd,CAAG;AAEF,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMA,QAAiB,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,qBAAe,QAAQ,MAAMC,UAAmB,KAAK,EAAC,UAAU,KAAI,CAAC;AACrE,WAAK,QAAQ;AAAA,IACf,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}