@ozdao/prometheus-framework 0.2.251 → 0.2.253

package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.cjs

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+;/* empty css                                         */
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const vueI18n = require("vue-i18n");
+const marketplace = require("../../store/marketplace.cjs");
+const categories = require("../../store/categories.cjs");
+const _hoisted_1 = { class: "z-index-1 pos-relative radius-big bg-black t-white pd-medium flex-v-center flex-nowrap flex" };
+const _hoisted_2 = { class: "mn-r-auto pd-micro gap-micro br-solid br-2px br-white radius-extra flex-nowrap flex" };
+const _hoisted_3 = { class: "w-100 h-100 radius-semi o-hidden bg-black" };
+const _hoisted_4 = { class: "w-100 h-100 radius-semi o-hidden bg-black" };
+const _hoisted_5 = { class: "w-100 h-100 radius-semi o-hidden bg-black" };
+const _sfc_main = {
+  __name: "Filters",
+  setup(__props) {
+    const delivery = [
+      { label: "Pickup", value: "pickup" },
+      { label: "Courier", value: "courier" },
+      { label: "Post", value: "post" }
+    ];
+    const prices = [
+      { label: "Under 300฿", value: "<300" },
+      { label: "300฿ to 600฿", value: "300-600" },
+      { label: "600฿ to 1200฿", value: "600-1200" },
+      { label: "$1200 and above", value: ">1200" }
+    ];
+    const text = {
+      locale: "en",
+      messages: {
+        en: {
+          categoriesTitle: "Category",
+          categories: [],
+          sort: {
+            price: "By price",
+            newest: "By newest",
+            popularity: "By popularity"
+          },
+          filters: {
+            title: "Filters",
+            price: {
+              title: "Price",
+              from: "From",
+              to: "To"
+            },
+            filters: [],
+            reset: "Reset Filters"
+          }
+        },
+        ru: {
+          categoriesTitle: "Категория",
+          sort: {
+            price: "По цене",
+            newest: "По новизне",
+            popularity: "По популярности"
+          },
+          filters: {
+            title: "Фильтры",
+            price: {
+              title: "Цена",
+              from: "От",
+              to: "До"
+            },
+            filters: [],
+            reset: "Сбросить фильтры"
+          }
+        }
+      }
+    };
+    const { t } = vueI18n.useI18n(text);
+    vue.onMounted(async () => {
+      let options = {
+        status: "published"
+      };
+      await categories.actions.fetchCategories(options);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(Dropdown.default, {
+            id: "fitlerCategory",
+            label: vue.unref(t)("categoriesTitle"),
+            class: vue.normalizeClass(["cursor-pointer pd-thin t-semi radius-extra uppercase p-medium", [
+              marketplace.state.filter.categories.length > 0 ? "bg-white t-black" : ""
+            ]])
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_3, [
+                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories, (category, index) => {
+                  return vue.createVNode(Checkbox.default, {
+                    label: category.name,
+                    name: "categories",
+                    value: category.url,
+                    class: "cursor-pointer w-100 bg-black t-white radius-small pd-small",
+                    radio: marketplace.state.filter.categories,
+                    "onUpdate:radio": _cache[0] || (_cache[0] = (event) => marketplace.state.filter.categories = event)
+                  }, null, 8, ["label", "value", "radio"]);
+                }), 64))
+              ])
+            ]),
+            _: 1
+          }, 8, ["label", "class"]),
+          vue.createVNode(Dropdown.default, {
+            id: "fitlerPrice",
+            label: vue.unref(t)("filters.price.title"),
+            class: vue.normalizeClass(["cursor-pointer pd-thin t-semi radius-extra uppercase p-medium", [
+              marketplace.state.filter.prices.length > 0 ? "bg-white t-black" : ""
+            ]])
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_4, [
+                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(prices, (price, index) => {
+                  return vue.createVNode(Checkbox.default, {
+                    label: price.label,
+                    name: "prices",
+                    value: price.value,
+                    class: "cursor-pointer w-100 mn-t-small bg-black t-white radius-small pd-small",
+                    radio: marketplace.state.filter.prices,
+                    "onUpdate:radio": _cache[1] || (_cache[1] = (event) => marketplace.state.filter.prices = event)
+                  }, null, 8, ["label", "value", "radio"]);
+                }), 64))
+              ])
+            ]),
+            _: 1
+          }, 8, ["label", "class"]),
+          vue.createVNode(Dropdown.default, {
+            label: "Delivery",
+            id: "fitlerDelivery",
+            class: vue.normalizeClass(["cursor-pointer pd-thin t-semi radius-extra uppercase p-medium", [
+              marketplace.state.filter.delivery.length > 0 ? "bg-white t-black" : ""
+            ]])
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_5, [
+                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(delivery, (delivery2, index) => {
+                  return vue.createVNode(Checkbox.default, {
+                    label: delivery2.label,
+                    name: "prices",
+                    value: delivery2.value,
+                    class: "cursor-pointer w-100 mn-t-small bg-black t-white radius-small pd-small",
+                    radio: marketplace.state.filter.delivery,
+                    "onUpdate:radio": (event) => marketplace.state.filter.delivery = event
+                  }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
+                }), 64))
+              ])
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Filters.vue.cjs.map

package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/Filters.vue"],"sourcesContent":["<template>\n\t<div class=\"z-index-1 pos-relative radius-big bg-black t-white pd-medium flex-v-center flex-nowrap flex\">\n    <div class=\"mn-r-auto pd-micro gap-micro br-solid br-2px br-white  radius-extra flex-nowrap flex\"\n    >\n  \t\t<Dropdown \n        id=\"fitlerCategory\"\n  \t\t\t:label=\"t('categoriesTitle')\" \n  \t\t\tclass=\"cursor-pointer pd-thin t-semi radius-extra uppercase p-medium\"\n  \t\t\t:class=\"[\n          marketplace.state.filter.categories.length > 0 ? 'bg-white t-black' : ''\n        ]\"\n  \t\t>\n  \t\t\t<div class=\"w-100 h-100 radius-semi o-hidden bg-black\">\n        \t<Checkbox \n    \t\t\t\tv-for=\"(category, index) in categories\"\n            :label=\"category.name\"\n            name=\"categories\"\n            :value=\"category.url\"\n            class=\"cursor-pointer  w-100  bg-black t-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n       \t</div>\n       </Dropdown>\n\n      <Dropdown \n        id=\"fitlerPrice\"\n       \t:label=\"t('filters.price.title')\" \n       \tclass=\"cursor-pointer pd-thin t-semi radius-extra uppercase p-medium\"\n       \t:class=\"[\n          marketplace.state.filter.prices.length > 0 ? 'bg-white t-black' : ''\n        ]\"\n       >\n        <div class=\"w-100 h-100 radius-semi o-hidden bg-black\">\n        \t<Checkbox \n    \t\t\t\tv-for=\"(price, index) in prices\"\n            :label=\"price.label\"\n            name=\"prices\"\n            :value=\"price.value\"\n            class=\"cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </div>\n       </Dropdown>\n\n      <Dropdown \n     \t  label=\"Delivery\" \n        id=\"fitlerDelivery\"\n       \tclass=\"cursor-pointer pd-thin t-semi radius-extra uppercase p-medium\"\n       \t:class=\"[\n          marketplace.state.filter.delivery.length > 0 ? 'bg-white t-black' : ''\n        ]\"\n      >\n        <div class=\"w-100 h-100 radius-semi o-hidden bg-black\">\n        \t<Checkbox \n    \t\t\t\tv-for=\"(delivery, index) in delivery\"\n            :label=\"delivery.label\"\n            name=\"prices\"\n            :value=\"delivery.value\"\n            class=\"cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </div>\n      </Dropdown>\n    </div>\n  </div>\n\n</template>\n\n<script setup>\n\timport { computed, onMounted, ref } from 'vue'\n\n \timport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\n  import Radio from \"@pf/src/components/Radio/Radio.vue\";\n \timport Select from \"@pf/src/components/Select/Select.vue\";\n \timport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\n\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\tconst delivery = [\n    { label: 'Pickup',\t\t\t\t\tvalue: 'pickup' },\n    { label: 'Courier',\t\t\t\t\tvalue: 'courier' },\n    { label: 'Post',\t\t\t\t\t\tvalue: 'post' }\n\t]\n\n\tconst prices = [\n    { label: 'Under 300฿',\t\t\t\tvalue: '<300' },\n    { label: '300฿ to 600฿',\t\t\tvalue: '300-600' },\n    { label: '600฿ to 1200฿',\t\t\tvalue: '600-1200' },\n    { label: '$1200 and above',\t\tvalue: '>1200' }\n\t]\n\n\tconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n      \tcategoriesTitle: 'Category',\n      \tcategories: [],\n      \tsort: {\n      \t\tprice: 'By price',\n      \t\tnewest: 'By newest',\n      \t\tpopularity: 'By popularity'\n      \t},\n      \tfilters: {\n      \t\ttitle: 'Filters',\n      \t\tprice: {\n      \t\t\ttitle: 'Price',\n      \t\t\tfrom: 'From',\n      \t\t\tto: 'To'\n      \t\t},\n      \t\tfilters: [],\n      \t\treset: 'Reset Filters'\n      \t}\n      },\n      ru: {\n      \tcategoriesTitle: 'Категория',\n      \tsort: {\n      \t\tprice: 'По цене',\n      \t\tnewest: 'По новизне',\n      \t\tpopularity: 'По популярности'\n      \t},\n      \tfilters: {\n      \t\ttitle: 'Фильтры',\n      \t\tprice: {\n      \t\t\ttitle: 'Цена',\n      \t\t\tfrom: 'От',\n      \t\t\tto: 'До'\n      \t\t},\n      \t\tfilters: [],\n      \t\treset: 'Сбросить фильтры',\n      \t}\n      }\n    }\n  }\n\n\tconst { t } = useI18n(text)\n\n\tonMounted(async () => {\n    let options = {\n      status: 'published'\n    }\n\n\t\tawait categories.actions.fetchCategories(options)\n\t})\n\n\t\n</script>"],"names":["useI18n","onMounted","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;AAoFC,UAAM,WAAW;AAAA,MACd,EAAE,OAAO,UAAc,OAAO,SAAU;AAAA,MACxC,EAAE,OAAO,WAAe,OAAO,UAAW;AAAA,MAC1C,EAAE,OAAO,QAAa,OAAO,OAAQ;AAAA,IACvC;AAED,UAAM,SAAS;AAAA,MACZ,EAAE,OAAO,cAAiB,OAAO,OAAQ;AAAA,MACzC,EAAE,OAAO,gBAAkB,OAAO,UAAW;AAAA,MAC7C,EAAE,OAAO,iBAAmB,OAAO,WAAY;AAAA,MAC/C,EAAE,OAAO,mBAAoB,OAAO,QAAS;AAAA,IAC/C;AAED,UAAM,OAAO;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACH,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,MAAM;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UACZ;AAAA,UACD,SAAS;AAAA,YACR,OAAO;AAAA,YACP,OAAO;AAAA,cACN,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACJ;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACP;AAAA,QACD;AAAA,QACD,IAAI;AAAA,UACH,iBAAiB;AAAA,UACjB,MAAM;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UACZ;AAAA,UACD,SAAS;AAAA,YACR,OAAO;AAAA,YACP,OAAO;AAAA,cACN,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACJ;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACP;AAAA,QACD;AAAA,MACF;AAAA,IACF;AAEF,UAAM,EAAE,EAAC,IAAKA,QAAO,QAAC,IAAI;AAE1BC,QAAAA,UAAU,YAAY;AACnB,UAAI,UAAU;AAAA,QACZ,QAAQ;AAAA,MACT;AAEH,YAAMC,WAAkB,QAAC,gBAAgB,OAAO;AAAA,IAClD,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.js

@@ -0,0 +1,157 @@
+import { onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, normalizeClass, withCtx, Fragment, renderList } from "vue";
+import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
+/* empty css                                       */
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
+import { useI18n } from "vue-i18n";
+import { state } from "../../store/marketplace.js";
+import * as categories from "../../store/categories.js";
+import { actions } from "../../store/categories.js";
+const _hoisted_1 = { class: "z-index-1 pos-relative radius-big bg-black t-white pd-medium flex-v-center flex-nowrap flex" };
+const _hoisted_2 = { class: "mn-r-auto pd-micro gap-micro br-solid br-2px br-white radius-extra flex-nowrap flex" };
+const _hoisted_3 = { class: "w-100 h-100 radius-semi o-hidden bg-black" };
+const _hoisted_4 = { class: "w-100 h-100 radius-semi o-hidden bg-black" };
+const _hoisted_5 = { class: "w-100 h-100 radius-semi o-hidden bg-black" };
+const _sfc_main = {
+  __name: "Filters",
+  setup(__props) {
+    const delivery = [
+      { label: "Pickup", value: "pickup" },
+      { label: "Courier", value: "courier" },
+      { label: "Post", value: "post" }
+    ];
+    const prices = [
+      { label: "Under 300฿", value: "<300" },
+      { label: "300฿ to 600฿", value: "300-600" },
+      { label: "600฿ to 1200฿", value: "600-1200" },
+      { label: "$1200 and above", value: ">1200" }
+    ];
+    const text = {
+      locale: "en",
+      messages: {
+        en: {
+          categoriesTitle: "Category",
+          categories: [],
+          sort: {
+            price: "By price",
+            newest: "By newest",
+            popularity: "By popularity"
+          },
+          filters: {
+            title: "Filters",
+            price: {
+              title: "Price",
+              from: "From",
+              to: "To"
+            },
+            filters: [],
+            reset: "Reset Filters"
+          }
+        },
+        ru: {
+          categoriesTitle: "Категория",
+          sort: {
+            price: "По цене",
+            newest: "По новизне",
+            popularity: "По популярности"
+          },
+          filters: {
+            title: "Фильтры",
+            price: {
+              title: "Цена",
+              from: "От",
+              to: "До"
+            },
+            filters: [],
+            reset: "Сбросить фильтры"
+          }
+        }
+      }
+    };
+    const { t } = useI18n(text);
+    onMounted(async () => {
+      let options = {
+        status: "published"
+      };
+      await actions.fetchCategories(options);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            id: "fitlerCategory",
+            label: unref(t)("categoriesTitle"),
+            class: normalizeClass(["cursor-pointer pd-thin t-semi radius-extra uppercase p-medium", [
+              state.filter.categories.length > 0 ? "bg-white t-black" : ""
+            ]])
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_3, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(categories, (category, index) => {
+                  return createVNode(_sfc_main$2, {
+                    label: category.name,
+                    name: "categories",
+                    value: category.url,
+                    class: "cursor-pointer w-100 bg-black t-white radius-small pd-small",
+                    radio: state.filter.categories,
+                    "onUpdate:radio": _cache[0] || (_cache[0] = (event) => state.filter.categories = event)
+                  }, null, 8, ["label", "value", "radio"]);
+                }), 64))
+              ])
+            ]),
+            _: 1
+          }, 8, ["label", "class"]),
+          createVNode(_sfc_main$1, {
+            id: "fitlerPrice",
+            label: unref(t)("filters.price.title"),
+            class: normalizeClass(["cursor-pointer pd-thin t-semi radius-extra uppercase p-medium", [
+              state.filter.prices.length > 0 ? "bg-white t-black" : ""
+            ]])
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(prices, (price, index) => {
+                  return createVNode(_sfc_main$2, {
+                    label: price.label,
+                    name: "prices",
+                    value: price.value,
+                    class: "cursor-pointer w-100 mn-t-small bg-black t-white radius-small pd-small",
+                    radio: state.filter.prices,
+                    "onUpdate:radio": _cache[1] || (_cache[1] = (event) => state.filter.prices = event)
+                  }, null, 8, ["label", "value", "radio"]);
+                }), 64))
+              ])
+            ]),
+            _: 1
+          }, 8, ["label", "class"]),
+          createVNode(_sfc_main$1, {
+            label: "Delivery",
+            id: "fitlerDelivery",
+            class: normalizeClass(["cursor-pointer pd-thin t-semi radius-extra uppercase p-medium", [
+              state.filter.delivery.length > 0 ? "bg-white t-black" : ""
+            ]])
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_5, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(delivery, (delivery2, index) => {
+                  return createVNode(_sfc_main$2, {
+                    label: delivery2.label,
+                    name: "prices",
+                    value: delivery2.value,
+                    class: "cursor-pointer w-100 mn-t-small bg-black t-white radius-small pd-small",
+                    radio: state.filter.delivery,
+                    "onUpdate:radio": (event) => state.filter.delivery = event
+                  }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
+                }), 64))
+              ])
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Filters.vue.js.map

package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.vue.js","sources":["../../../../../../../src/modules/products/components/sections/Filters.vue"],"sourcesContent":["<template>\n\t<div class=\"z-index-1 pos-relative radius-big bg-black t-white pd-medium flex-v-center flex-nowrap flex\">\n    <div class=\"mn-r-auto pd-micro gap-micro br-solid br-2px br-white  radius-extra flex-nowrap flex\"\n    >\n  \t\t<Dropdown \n        id=\"fitlerCategory\"\n  \t\t\t:label=\"t('categoriesTitle')\" \n  \t\t\tclass=\"cursor-pointer pd-thin t-semi radius-extra uppercase p-medium\"\n  \t\t\t:class=\"[\n          marketplace.state.filter.categories.length > 0 ? 'bg-white t-black' : ''\n        ]\"\n  \t\t>\n  \t\t\t<div class=\"w-100 h-100 radius-semi o-hidden bg-black\">\n        \t<Checkbox \n    \t\t\t\tv-for=\"(category, index) in categories\"\n            :label=\"category.name\"\n            name=\"categories\"\n            :value=\"category.url\"\n            class=\"cursor-pointer  w-100  bg-black t-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n       \t</div>\n       </Dropdown>\n\n      <Dropdown \n        id=\"fitlerPrice\"\n       \t:label=\"t('filters.price.title')\" \n       \tclass=\"cursor-pointer pd-thin t-semi radius-extra uppercase p-medium\"\n       \t:class=\"[\n          marketplace.state.filter.prices.length > 0 ? 'bg-white t-black' : ''\n        ]\"\n       >\n        <div class=\"w-100 h-100 radius-semi o-hidden bg-black\">\n        \t<Checkbox \n    \t\t\t\tv-for=\"(price, index) in prices\"\n            :label=\"price.label\"\n            name=\"prices\"\n            :value=\"price.value\"\n            class=\"cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </div>\n       </Dropdown>\n\n      <Dropdown \n     \t  label=\"Delivery\" \n        id=\"fitlerDelivery\"\n       \tclass=\"cursor-pointer pd-thin t-semi radius-extra uppercase p-medium\"\n       \t:class=\"[\n          marketplace.state.filter.delivery.length > 0 ? 'bg-white t-black' : ''\n        ]\"\n      >\n        <div class=\"w-100 h-100 radius-semi o-hidden bg-black\">\n        \t<Checkbox \n    \t\t\t\tv-for=\"(delivery, index) in delivery\"\n            :label=\"delivery.label\"\n            name=\"prices\"\n            :value=\"delivery.value\"\n            class=\"cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </div>\n      </Dropdown>\n    </div>\n  </div>\n\n</template>\n\n<script setup>\n\timport { computed, onMounted, ref } from 'vue'\n\n \timport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\n  import Radio from \"@pf/src/components/Radio/Radio.vue\";\n \timport Select from \"@pf/src/components/Select/Select.vue\";\n \timport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\n\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\tconst delivery = [\n    { label: 'Pickup',\t\t\t\t\tvalue: 'pickup' },\n    { label: 'Courier',\t\t\t\t\tvalue: 'courier' },\n    { label: 'Post',\t\t\t\t\t\tvalue: 'post' }\n\t]\n\n\tconst prices = [\n    { label: 'Under 300฿',\t\t\t\tvalue: '<300' },\n    { label: '300฿ to 600฿',\t\t\tvalue: '300-600' },\n    { label: '600฿ to 1200฿',\t\t\tvalue: '600-1200' },\n    { label: '$1200 and above',\t\tvalue: '>1200' }\n\t]\n\n\tconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n      \tcategoriesTitle: 'Category',\n      \tcategories: [],\n      \tsort: {\n      \t\tprice: 'By price',\n      \t\tnewest: 'By newest',\n      \t\tpopularity: 'By popularity'\n      \t},\n      \tfilters: {\n      \t\ttitle: 'Filters',\n      \t\tprice: {\n      \t\t\ttitle: 'Price',\n      \t\t\tfrom: 'From',\n      \t\t\tto: 'To'\n      \t\t},\n      \t\tfilters: [],\n      \t\treset: 'Reset Filters'\n      \t}\n      },\n      ru: {\n      \tcategoriesTitle: 'Категория',\n      \tsort: {\n      \t\tprice: 'По цене',\n      \t\tnewest: 'По новизне',\n      \t\tpopularity: 'По популярности'\n      \t},\n      \tfilters: {\n      \t\ttitle: 'Фильтры',\n      \t\tprice: {\n      \t\t\ttitle: 'Цена',\n      \t\t\tfrom: 'От',\n      \t\t\tto: 'До'\n      \t\t},\n      \t\tfilters: [],\n      \t\treset: 'Сбросить фильтры',\n      \t}\n      }\n    }\n  }\n\n\tconst { t } = useI18n(text)\n\n\tonMounted(async () => {\n    let options = {\n      status: 'published'\n    }\n\n\t\tawait categories.actions.fetchCategories(options)\n\t})\n\n\t\n</script>"],"names":["categories.actions"],"mappings":";;;;;;;;;;;;;;;;AAoFC,UAAM,WAAW;AAAA,MACd,EAAE,OAAO,UAAc,OAAO,SAAU;AAAA,MACxC,EAAE,OAAO,WAAe,OAAO,UAAW;AAAA,MAC1C,EAAE,OAAO,QAAa,OAAO,OAAQ;AAAA,IACvC;AAED,UAAM,SAAS;AAAA,MACZ,EAAE,OAAO,cAAiB,OAAO,OAAQ;AAAA,MACzC,EAAE,OAAO,gBAAkB,OAAO,UAAW;AAAA,MAC7C,EAAE,OAAO,iBAAmB,OAAO,WAAY;AAAA,MAC/C,EAAE,OAAO,mBAAoB,OAAO,QAAS;AAAA,IAC/C;AAED,UAAM,OAAO;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACH,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,MAAM;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UACZ;AAAA,UACD,SAAS;AAAA,YACR,OAAO;AAAA,YACP,OAAO;AAAA,cACN,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACJ;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACP;AAAA,QACD;AAAA,QACD,IAAI;AAAA,UACH,iBAAiB;AAAA,UACjB,MAAM;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UACZ;AAAA,UACD,SAAS;AAAA,YACR,OAAO;AAAA,YACP,OAAO;AAAA,cACN,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACJ;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACP;AAAA,QACD;AAAA,MACF;AAAA,IACF;AAEF,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,cAAU,YAAY;AACnB,UAAI,UAAU;AAAA,QACZ,QAAQ;AAAA,MACT;AAEH,YAAMA,QAAmB,gBAAgB,OAAO;AAAA,IAClD,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.cjs

@@ -100,7 +100,7 @@ const _sfc_main = {
             (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(presets, (preset, index) => {
               return vue.createElementVNode("button", {
                 key: preset,
-                onClick: vue.withModifiers(($event) => vue.unref(router).push({ name: "Product Recommmendation", query: { mood: preset } }), ["stop"]),
+                onClick: vue.withModifiers(($event) => vue.unref(router).push({ name: "ProductRecommmendation", query: { mood: preset } }), ["stop"]),
                 class: "uppercase pd-thin t-medium flex-center flex-column flex-nowrap flex bg-dark-transp-50 bg-blur-thin radius-semi cursor-pointer transition-elastic hover-easeInOut-1"
               }, [
                 vue.createElementVNode("img", {

package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeroRecommendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'Product Recommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style>\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":["useRouter","useI18n","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAOC,QAAAA,QAAQ,IAAI;AAE9B,QAAI,OAAOC,IAAG,IAAC,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroRecommendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style>\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":["useRouter","useI18n","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAOC,QAAAA,QAAQ,IAAI;AAE9B,QAAI,OAAOC,IAAG,IAAC,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.js

@@ -98,7 +98,7 @@ const _sfc_main = {
             (openBlock(), createElementBlock(Fragment, null, renderList(presets, (preset, index) => {
               return createElementVNode("button", {
                 key: preset,
-                onClick: withModifiers(($event) => unref(router).push({ name: "Product Recommmendation", query: { mood: preset } }), ["stop"]),
+                onClick: withModifiers(($event) => unref(router).push({ name: "ProductRecommmendation", query: { mood: preset } }), ["stop"]),
                 class: "uppercase pd-thin t-medium flex-center flex-column flex-nowrap flex bg-dark-transp-50 bg-blur-thin radius-semi cursor-pointer transition-elastic hover-easeInOut-1"
               }, [
                 createElementVNode("img", {

package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroRecommendation.vue.js","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'Product Recommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style>\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAO,QAAQ,IAAI;AAE9B,QAAI,OAAO,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroRecommendation.vue.js","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style>\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAO,QAAQ,IAAI;AAE9B,QAAI,OAAO,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/MenuSection.vue.cjs

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const categories = require("../../store/categories.cjs");
+const products = require("../../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 = { class: "w-100 flex-v-center flex-nowrap flex" };
+const _hoisted_6 = { class: "t-black capitalize h3" };
+const _hoisted_7 = ["src"];
+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: "MenuSection",
+  setup(__props) {
+    vueRouter.useRouter();
+    const text = {
+      locale: "en",
+      messages: {
+        en: {
+          categories: []
+        },
+        ru: {
+          categories: []
+        }
+      }
+    };
+    categories.state.all.forEach((category) => {
+      category.localization.forEach((localization) => {
+        text.messages[localization.locale].categories.push(localization.text);
+      });
+    });
+    vueI18n.useI18n(text);
+    const countProduct = vue.ref(0);
+    const menu = vue.ref(false);
+    vue.onMounted(async () => {
+      countProduct.value = await products.actions.read({ count: true });
+      await categories.actions.fetchCategories();
+      menu.value = true;
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        _cache[1] || (_cache[1] = 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(categories.state.all.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" ? (vue.openBlock(), vue.createElementBlock("video", _hoisted_4, _cache[0] || (_cache[0] = [
+                      vue.createElementVNode("source", {
+                        src: "/output.webm",
+                        type: "video/webm"
+                      }, null, -1)
+                    ]))) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["w-100", { "mn-r-auto": category.url === "buds" }])
+                    }, [
+                      vue.createElementVNode("div", _hoisted_5, [
+                        vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(category.name), 1),
+                        category.url !== "buds" ? (vue.openBlock(), vue.createElementBlock("img", {
+                          key: 0,
+                          loading: "lazy",
+                          src: "/icons/categories/" + category.url + ".svg",
+                          class: "i-extra t-transp mn-l-auto"
+                        }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true)
+                      ]),
+                      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=MenuSection.vue.cjs.map

package/dist/prometheus-framework/src/modules/products/components/sections/MenuSection.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/MenuSection.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 categories.state.all.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'\" \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=\"'/output.webm'\" \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<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\n\t\t\t\t\t\t<div class=\"w-100 flex-v-center flex-nowrap flex\">\n\n\t\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t\t</h3>\n\n\t\t\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t\t\tv-if=\"category.url !== 'buds'\"\n\t\t\t\t\t\t\t\t:src=\"'/icons/categories/' + category.url + '.svg'\"\n\t\t\t\t\t\t\t\tclass=\"i-extra t-transp mn-l-auto\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t</div>\n\t\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\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\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\t\n \tconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n      \tcategories: []\n      },\n      ru: {\n      \tcategories: []\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.localization.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n\tconst { t } = useI18n(text)\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\tawait categories.actions.fetchCategories()\n\t\tmenu.value = true\n\t})\n\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","categories.state","useI18n","ref","onMounted","products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EgBA,wBAAW;AAEzB,UAAM,OAAO;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACH,YAAY,CAAE;AAAA,QACd;AAAA,QACD,IAAI;AAAA,UACH,YAAY,CAAE;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAEDC,qBAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MAC1E,CAAK;AAAA,IACL,CAAG;AAEYC,YAAAA,QAAQ,IAAI;AAE1B,UAAM,eAAeC,IAAG,IAAC,CAAC;AAC1B,UAAM,OAAOA,IAAG,IAAC,KAAK;AAEtBC,QAAAA,UAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMC,SAAgB,QAAC,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,YAAMC,WAAAA,QAAmB,gBAAiB;AAC1C,WAAK,QAAQ;AAAA,IACf,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}