@ozdao/martyrs 0.2.481 → 0.2.483

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

@@ -7,16 +7,12 @@ const BlockFilter = require("../../../../globals/views/components/blocks/BlockFi
 const globals = require("../../../../globals/views/store/globals.cjs");
 const categories = require("../../../../products/store/categories.cjs");
 const marketplace = require("../../store/marketplace.cjs");
-const _hoisted_1 = {
-  style: { "min-height": "100%" },
-  class: "h-min-100"
-};
-const _hoisted_2 = { class: "cols-2-1_3 h-100 z-index-3 pos-relative radius-big" };
-const _hoisted_3 = { class: "o-y-scroll br-r br-solid br-light z-index-2 desktop-only h-100 pos-relative" };
-const _hoisted_4 = { class: "pd-thin" };
-const _hoisted_5 = { class: "pd-medium radius-medium bg-light mn-b-thin" };
-const _hoisted_6 = { class: "" };
-const _hoisted_7 = { class: "rows-1" };
+const _hoisted_1 = { class: "cols-2-1_3 z-index-3 pos-relative radius-big" };
+const _hoisted_2 = { class: "o-y-scroll br-r br-solid br-light z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_3 = { class: "pd-thin" };
+const _hoisted_4 = { class: "pd-medium radius-medium bg-light mn-b-thin" };
+const _hoisted_5 = { class: "" };
+const _hoisted_6 = { class: "rows-1" };
 const _sfc_main = {
   __name: "Marketplace",
   setup(__props) {
@@ -124,55 +120,53 @@ const _sfc_main = {
       const _component_router_view = vue.resolveComponent("router-view");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(BlockFilter.default, {
-              filter: marketplace.state.filter,
-              "onUpdate:filter": _cache[0] || (_cache[0] = ($event) => marketplace.state.filter = $event),
-              options: marketplace.state.filter.options,
-              class: "h-100 w-100 pd-medium"
-            }, null, 8, ["filter", "options"])
-          ]),
-          vue.createElementVNode("div", _hoisted_4, [
-            vue.createElementVNode("header", _hoisted_5, [
-              vue.createElementVNode("h2", _hoisted_6, [
-                _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "" }, "Weed Deliveries in ", -1)),
-                localPosition.value.city || localPosition.value.state || localPosition.value.country ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  onClick: _cache[1] || (_cache[1] = (a) => {
-                    globals.state.isOpenLocationPopup = true;
-                  }),
-                  class: "t-main t-semi cursor-pointer"
-                }, [
-                  localPosition.value.city ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.createTextVNode(vue.toDisplayString(localPosition.value.city) + ", ", 1)
-                  ], 64)) : vue.createCommentVNode("", true),
-                  localPosition.value.state ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    vue.createTextVNode(vue.toDisplayString(localPosition.value.state) + ", ", 1)
-                  ], 64)) : vue.createCommentVNode("", true),
-                  localPosition.value.country ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                    vue.createTextVNode(vue.toDisplayString(localPosition.value.country), 1)
-                  ], 64)) : vue.createCommentVNode("", true)
-                ])) : (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 1,
-                  onClick: _cache[2] || (_cache[2] = (a) => {
-                    globals.state.isOpenLocationPopup = true;
-                  }),
-                  class: "t-main t-semi cursor-pointer"
-                }, "The World"))
-              ])
-            ]),
-            vue.createElementVNode("div", _hoisted_7, [
-              vue.createVNode(_component_router_view, null, {
-                default: vue.withCtx(({ Component, route: route2 }) => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
-                    ref: "page",
-                    key: route2,
-                    localPosition: localPosition.value
-                  }, null, 8, ["localPosition"]))
-                ]),
-                _: 1
-              })
+          vue.createVNode(BlockFilter.default, {
+            filter: marketplace.state.filter,
+            "onUpdate:filter": _cache[0] || (_cache[0] = ($event) => marketplace.state.filter = $event),
+            options: marketplace.state.filter.options,
+            class: "h-100 w-100 pd-medium"
+          }, null, 8, ["filter", "options"])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("header", _hoisted_4, [
+            vue.createElementVNode("h2", _hoisted_5, [
+              _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "" }, "Weed Deliveries in ", -1)),
+              localPosition.value.city || localPosition.value.state || localPosition.value.country ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                onClick: _cache[1] || (_cache[1] = (a) => {
+                  globals.state.isOpenLocationPopup = true;
+                }),
+                class: "t-main t-semi cursor-pointer"
+              }, [
+                localPosition.value.city ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  vue.createTextVNode(vue.toDisplayString(localPosition.value.city) + ", ", 1)
+                ], 64)) : vue.createCommentVNode("", true),
+                localPosition.value.state ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createTextVNode(vue.toDisplayString(localPosition.value.state) + ", ", 1)
+                ], 64)) : vue.createCommentVNode("", true),
+                localPosition.value.country ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                  vue.createTextVNode(vue.toDisplayString(localPosition.value.country), 1)
+                ], 64)) : vue.createCommentVNode("", true)
+              ])) : (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                onClick: _cache[2] || (_cache[2] = (a) => {
+                  globals.state.isOpenLocationPopup = true;
+                }),
+                class: "t-main t-semi cursor-pointer"
+              }, "The World"))
             ])
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createVNode(_component_router_view, null, {
+              default: vue.withCtx(({ Component, route: route2 }) => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                  ref: "page",
+                  key: route2,
+                  localPosition: localPosition.value
+                }, null, 8, ["localPosition"]))
+              ]),
+              _: 1
+            })
           ])
         ])
       ]);

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

@@ -1 +1 @@
-{"version":3,"file":"Marketplace.vue.cjs","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t<div style=\"min-height: 100%;\" class=\"h-min-100\">\n\t\t\n\n\t\t <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big\">\n\n\t\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n\t     \t<BlockFilter\n          v-model:filter=\"marketplace.state.filter\"\n          :options=\"marketplace.state.filter.options\"\n          class=\"h-100 w-100 pd-medium\"\n\t\t    />\n\t\t  </div>\n\n\t\t\t<!-- Catalog wrapper -->\n\t\t\t<div class=\"pd-thin\">\n\t\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t\t    \t<h2 class=\"\">\n\t\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t\t    \t\t<span \n\t\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t\t    \t\t>\n\t\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t\t    \t\t</span>\n\n\t\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div class=\"rows-1\">\n\t\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t\t</router-view>\n\t\t\t\t</div>\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 '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\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      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\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":["useRoute","useRouter","ref","marketplace.state","onMounted","categories.actions","watch","globals.state","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4DC,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,gBAAgBC,IAAAA,IAAI;AAAA,MACzB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IACX,CAAE;AAEsBA,QAAAA,IAAI,IAAI;AAE/B,aAAS,oBAAoB,OAAO;AAClC,aAAO,MACJ,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,OAAK,EAAE,YAAa,CAAA;AAAA,IAC3C;AAEC,aAAS,kBAAkB,OAAO;AAChC,aAAO,MACJ,YAAW,EACX,QAAQ,MAAM,GAAG,EACjB,QAAQ,eAAe,EAAE;AAAA,IAC/B;AAEC,QAAI,MAAM,QAAQ;AAEf,UAAI,WAAW;AAAA,QACb,SAAS,oBAAoB,MAAM,OAAO,OAAO;AAAA,QACjD,OAAO,oBAAoB,MAAM,OAAO,KAAK;AAAA,QAC7C,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,MAC5C;AAGF,oBAAc,QAAQ;AAAA,IACzB;AAEC,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAErBC,kBAAAA,MAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAClGA,kBAAAA,MAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AACtFA,kBAAAA,MAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA,IAC9F;AAEC,QAAI,MAAM,MAAM,UAAWA,aAAAA,MAAkB,KAAK,QAAQ,MAAM,MAAM;AACtE,QAAI,MAAM,MAAM,UAAWA,aAAAA,MAAkB,KAAK,QAAQ,MAAM,MAAM;AAEtEC,QAAAA,UAAU,YAAY;AACpB,UAAI,UAAU;AAAA,QACX,QAAQ;AAAA,QACR,UAAU;AAAA,MAChB;AAEI,UAAI,mBAAmB,MAAMC,mBAAmB,KAAK,OAAO;AAE5D,yBAAmB,iBAAiB,IAAI,eAAa;AAAA,QACnD,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MACtB,EAAM;AAEF,YAAM,QAAQF,kBAAkB,OAAO,QAAQ,UAAU,YAAU,OAAO,UAAU,YAAY;AAEhG,YAAM,iBAAiB;AAAA,QACrB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MACV;AAED,UAAI,UAAU,IAAI;AACdA,oBAAAA,MAAkB,OAAO,QAAQ,KAAK,IAAI;AAAA,MAClD,OAAW;AACHA,oBAAAA,MAAkB,OAAO,QAAQ,QAAQ,cAAc;AAAA,MAC/D;AAAA,IACE,CAAA;AAEDG,QAAAA,MAAM,MAAMH,YAAiB,MAAC,MAAM,CAAC,cAAc,iBAAiB;AACnE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG9B,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC3B,GAAI,EAAE,MAAM,MAAM;AAGjBG,QAAK,MAAC,MAAMH,YAAAA,MAAkB,OAAO,UAAU,CAAC,gBAAgB,mBAAmB;AAEjF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACvB;AAAA,MACA,CAAI;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MAChD;AAED,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC3B,GAAI,EAAE,MAAM,KAAM,CAAA;AAEjBG,QAAAA,MAAM,MAAMC,QAAAA,MAAc,UAAU,CAAC,gBAAgB;AAEnD,YAAM,eAAe,EAAE,GAAG,OAAO,aAAa,MAAO;AAGrD,UAAI,YAAY;AAAA,QACd,SAAS,kBAAkB,YAAY,OAAO;AAAA,QAC9C,OAAO,kBAAkB,YAAY,KAAK;AAAA,QAC1C,MAAM,kBAAkB,YAAY,IAAI;AAAA,MACzC;AAGD,mBAAa,SAAS;AAGtB,aAAO,QAAQ,YAAY;AAAA,IAC9B,GAAI,EAAE,MAAM,MAAM;AAEhB,UAAM,OAAO;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACH,MAAM;AAAA,YACH,OAAO;AAAA,YACP,aAAa;AAAA,UACvB;AAAA,QACO;AAAA,QACD,IAAI;AAAA,UACH,MAAM;AAAA,YACH,OAAO;AAAA,YACP,aAAa;AAAA,UACvB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAMC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Marketplace.vue.cjs","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t <div class=\"cols-2-1_3 z-index-3 pos-relative radius-big\">\n\n\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n     \t<BlockFilter\n        v-model:filter=\"marketplace.state.filter\"\n        :options=\"marketplace.state.filter.options\"\n        class=\"h-100 w-100 pd-medium\"\n\t    />\n\t  </div>\n\n\t\t<!-- Catalog wrapper -->\n\t\t<div class=\"pd-thin\">\n\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t    \t<h2 class=\"\">\n\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t    \t\t<span \n\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t    \t\t>\n\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t    \t\t</span>\n\n\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n\t    \t</h2>\n\t\t\t</header>\n\n\t\t\t<div class=\"rows-1\">\n\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t</router-view>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\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      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\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":["useRoute","useRouter","ref","marketplace.state","onMounted","categories.actions","watch","globals.state","useI18n"],"mappings":"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"}

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

@@ -5,16 +5,12 @@ import _sfc_main$1 from "../../../../globals/views/components/blocks/BlockFilter
 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"
-};
-const _hoisted_2 = { class: "cols-2-1_3 h-100 z-index-3 pos-relative radius-big" };
-const _hoisted_3 = { class: "o-y-scroll br-r br-solid br-light z-index-2 desktop-only h-100 pos-relative" };
-const _hoisted_4 = { class: "pd-thin" };
-const _hoisted_5 = { class: "pd-medium radius-medium bg-light mn-b-thin" };
-const _hoisted_6 = { class: "" };
-const _hoisted_7 = { class: "rows-1" };
+const _hoisted_1 = { class: "cols-2-1_3 z-index-3 pos-relative radius-big" };
+const _hoisted_2 = { class: "o-y-scroll br-r br-solid br-light z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_3 = { class: "pd-thin" };
+const _hoisted_4 = { class: "pd-medium radius-medium bg-light mn-b-thin" };
+const _hoisted_5 = { class: "" };
+const _hoisted_6 = { class: "rows-1" };
 const _sfc_main = {
   __name: "Marketplace",
   setup(__props) {
@@ -122,55 +118,53 @@ const _sfc_main = {
       const _component_router_view = resolveComponent("router-view");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(_sfc_main$1, {
-              filter: state.filter,
-              "onUpdate:filter": _cache[0] || (_cache[0] = ($event) => state.filter = $event),
-              options: state.filter.options,
-              class: "h-100 w-100 pd-medium"
-            }, null, 8, ["filter", "options"])
-          ]),
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("header", _hoisted_5, [
-              createElementVNode("h2", _hoisted_6, [
-                _cache[3] || (_cache[3] = createElementVNode("span", { class: "" }, "Weed Deliveries in ", -1)),
-                localPosition.value.city || localPosition.value.state || localPosition.value.country ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  onClick: _cache[1] || (_cache[1] = (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[2] || (_cache[2] = (a) => {
-                    state$1.isOpenLocationPopup = true;
-                  }),
-                  class: "t-main t-semi cursor-pointer"
-                }, "The World"))
-              ])
-            ]),
-            createElementVNode("div", _hoisted_7, [
-              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
-              })
+          createVNode(_sfc_main$1, {
+            filter: state.filter,
+            "onUpdate:filter": _cache[0] || (_cache[0] = ($event) => state.filter = $event),
+            options: state.filter.options,
+            class: "h-100 w-100 pd-medium"
+          }, null, 8, ["filter", "options"])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("header", _hoisted_4, [
+            createElementVNode("h2", _hoisted_5, [
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "" }, "Weed Deliveries in ", -1)),
+              localPosition.value.city || localPosition.value.state || localPosition.value.country ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                onClick: _cache[1] || (_cache[1] = (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[2] || (_cache[2] = (a) => {
+                  state$1.isOpenLocationPopup = true;
+                }),
+                class: "t-main t-semi cursor-pointer"
+              }, "The World"))
             ])
+          ]),
+          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
+            })
           ])
         ])
       ]);

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

@@ -1 +1 @@
-{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t<div style=\"min-height: 100%;\" class=\"h-min-100\">\n\t\t\n\n\t\t <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big\">\n\n\t\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n\t     \t<BlockFilter\n          v-model:filter=\"marketplace.state.filter\"\n          :options=\"marketplace.state.filter.options\"\n          class=\"h-100 w-100 pd-medium\"\n\t\t    />\n\t\t  </div>\n\n\t\t\t<!-- Catalog wrapper -->\n\t\t\t<div class=\"pd-thin\">\n\t\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t\t    \t<h2 class=\"\">\n\t\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t\t    \t\t<span \n\t\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t\t    \t\t>\n\t\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t\t    \t\t</span>\n\n\t\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div class=\"rows-1\">\n\t\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t\t</router-view>\n\t\t\t\t</div>\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 '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\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      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\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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"}
+{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t <div class=\"cols-2-1_3 z-index-3 pos-relative radius-big\">\n\n\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n     \t<BlockFilter\n        v-model:filter=\"marketplace.state.filter\"\n        :options=\"marketplace.state.filter.options\"\n        class=\"h-100 w-100 pd-medium\"\n\t    />\n\t  </div>\n\n\t\t<!-- Catalog wrapper -->\n\t\t<div class=\"pd-thin\">\n\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t    \t<h2 class=\"\">\n\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t    \t\t<span \n\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t    \t\t>\n\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t    \t\t</span>\n\n\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n\t    \t</h2>\n\t\t\t</header>\n\n\t\t\t<div class=\"rows-1\">\n\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t</router-view>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\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      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\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/martyrs/src/modules/notifications/components/blocks/NotificationItem.vue.cjs

@@ -4,12 +4,12 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "notification-icon" };
 const _hoisted_2 = { class: "notification-content" };
-const _hoisted_3 = { class: "notification-title" };
-const _hoisted_4 = { class: "notification-body" };
-const _hoisted_5 = { class: "notification-time" };
+const _hoisted_3 = { class: "p-medium t-medium mn-b-small" };
+const _hoisted_4 = { class: "p-small mn-b-small" };
+const _hoisted_5 = { class: "pd-thin w-max radius-thin bg-white" };
 const _hoisted_6 = {
   key: 0,
-  class: "unread-indicator"
+  class: "flex-child-default unread-indicator"
 };
 const _sfc_main = {
   __name: "NotificationItem",
@@ -62,20 +62,20 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["notification-item", { unread: isUnread.value }]),
+        class: vue.normalizeClass(["notification-item gap-thin flex pd-small radius-small bg-light", { "bg-second-small": isUnread.value }]),
         onClick: handleClick
       }, [
         vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(notificationIcon.value), 1),
         vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("h3", _hoisted_3, vue.toDisplayString(__props.notification.title), 1),
+          vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(__props.notification.title), 1),
           vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.notification.body), 1),
-          vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(formattedDate.value), 1)
+          vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(formattedDate.value), 1)
         ]),
         isUnread.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 };
-const NotificationItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c57c48a6"]]);
+const NotificationItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8aa96de9"]]);
 exports.default = NotificationItem;
 //# sourceMappingURL=NotificationItem.vue.cjs.map

package/dist/martyrs/src/modules/notifications/components/blocks/NotificationItem.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationItem.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/blocks/NotificationItem.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue';\n\n// Props\nconst props = defineProps({\n  notification: {\n    type: Object,\n    required: true\n  }\n});\n\n// Compute if notification is unread\nconst isUnread = computed(() => props.notification.status !== 'read');\n\n// Format date\nconst formattedDate = computed(() => {\n  const date = new Date(props.notification.createdAt);\n  const now = new Date();\n  const diffMs = now - date;\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHours = Math.floor(diffMin / 60);\n  const diffDays = Math.floor(diffHours / 24);\n  \n  if (diffSec < 60) {\n    return 'Just now';\n  } else if (diffMin < 60) {\n    return `${diffMin}m ago`;\n  } else if (diffHours < 24) {\n    return `${diffHours}h ago`;\n  } else if (diffDays < 7) {\n    return `${diffDays}d ago`;\n  } else {\n    return date.toLocaleDateString();\n  }\n});\n\n// Get icon based on notification type\nconst notificationIcon = computed(() => {\n  switch (props.notification.type) {\n    case 'alert':\n      return '⚠️';\n    case 'success':\n      return '✅';\n    case 'error':\n      return '❌';\n    case 'info':\n    default:\n      return 'ℹ️';\n  }\n});\n\n// Emit click event\nconst emit = defineEmits(['click']);\nconst handleClick = () => {\n  emit('click', props.notification);\n};\n</script>\n\n<template>\n  <div \n    class=\"notification-item\" \n    :class=\"{ unread: isUnread }\"\n    @click=\"handleClick\"\n  >\n    <div class=\"notification-icon\">\n      {{ notificationIcon }}\n    </div>\n    <div class=\"notification-content\">\n      <h3 class=\"notification-title\">{{ notification.title }}</h3>\n      <p class=\"notification-body\">{{ notification.body }}</p>\n      <span class=\"notification-time\">{{ formattedDate }}</span>\n    </div>\n    <div v-if=\"isUnread\" class=\"unread-indicator\"></div>\n  </div>\n</template>\n\n<style scoped>\n.notification-item {\n  display: flex;\n  padding: 1rem;\n  border-radius: 8px;\n  background-color: #fff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.notification-item:hover {\n  background-color: #f9f9f9;\n}\n\n.notification-item.unread {\n  background-color: #f0f7ff;\n}\n\n.notification-icon {\n  flex-shrink: 0;\n  margin-right: 1rem;\n  font-size: 1.5rem;\n}\n\n.notification-content {\n  flex: 1;\n}\n\n.notification-title {\n  margin: 0 0 0.25rem;\n  font-weight: 600;\n  font-size: 1rem;\n}\n\n.notification-body {\n  margin: 0 0 0.5rem;\n  color: #666;\n  font-size: 0.9rem;\n}\n\n.notification-time {\n  font-size: 0.8rem;\n  color: #999;\n}\n\n.unread-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: var(--primary-color, #0066cc);\n  align-self: center;\n  margin-left: 0.5rem;\n}\n</style>"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAQd,UAAM,WAAWA,IAAQ,SAAC,MAAM,MAAM,aAAa,WAAW,MAAM;AAGpE,UAAM,gBAAgBA,IAAQ,SAAC,MAAM;AACnC,YAAM,OAAO,IAAI,KAAK,MAAM,aAAa,SAAS;AAClD,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,KAAK,MAAM,SAAS,GAAI;AACxC,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,YAAY,KAAK,MAAM,UAAU,EAAE;AACzC,YAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAE1C,UAAI,UAAU,IAAI;AAChB,eAAO;AAAA,MACX,WAAa,UAAU,IAAI;AACvB,eAAO,GAAG,OAAO;AAAA,MACrB,WAAa,YAAY,IAAI;AACzB,eAAO,GAAG,SAAS;AAAA,MACvB,WAAa,WAAW,GAAG;AACvB,eAAO,GAAG,QAAQ;AAAA,MACtB,OAAS;AACL,eAAO,KAAK,mBAAoB;AAAA,MACpC;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmBA,IAAQ,SAAC,MAAM;AACtC,cAAQ,MAAM,aAAa,MAAI;AAAA,QAC7B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,OAAO;AACb,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,YAAY;AAAA,IAClC;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationItem.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/blocks/NotificationItem.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue';\n\n// Props\nconst props = defineProps({\n  notification: {\n    type: Object,\n    required: true\n  }\n});\n\n// Compute if notification is unread\nconst isUnread = computed(() => props.notification.status !== 'read');\n\n// Format date\nconst formattedDate = computed(() => {\n  const date = new Date(props.notification.createdAt);\n  const now = new Date();\n  const diffMs = now - date;\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHours = Math.floor(diffMin / 60);\n  const diffDays = Math.floor(diffHours / 24);\n  \n  if (diffSec < 60) {\n    return 'Just now';\n  } else if (diffMin < 60) {\n    return `${diffMin}m ago`;\n  } else if (diffHours < 24) {\n    return `${diffHours}h ago`;\n  } else if (diffDays < 7) {\n    return `${diffDays}d ago`;\n  } else {\n    return date.toLocaleDateString();\n  }\n});\n\n// Get icon based on notification type\nconst notificationIcon = computed(() => {\n  switch (props.notification.type) {\n    case 'alert':\n      return '⚠️';\n    case 'success':\n      return '✅';\n    case 'error':\n      return '❌';\n    case 'info':\n    default:\n      return 'ℹ️';\n  }\n});\n\n// Emit click event\nconst emit = defineEmits(['click']);\nconst handleClick = () => {\n  emit('click', props.notification);\n};\n</script>\n\n<template>\n  <div \n    class=\"notification-item gap-thin flex pd-small radius-small bg-light\" \n    :class=\"{ 'bg-second-small': isUnread }\"\n    @click=\"handleClick\"\n  >\n    <div class=\"notification-icon\">\n      {{ notificationIcon }}\n    </div>\n    <div class=\"notification-content\">\n      <p class=\"p-medium t-medium mn-b-small\">{{ notification.title }}</p>\n      <p class=\"p-small mn-b-small\">{{ notification.body }}</p>\n      <p class=\"pd-thin w-max radius-thin bg-white\">{{ formattedDate }}</p>\n    </div>\n    <div v-if=\"isUnread\" class=\"flex-child-default unread-indicator\"></div>\n  </div>\n</template>\n\n<style scoped>\n.unread-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: var(--primary-color, #0066cc);\n  align-self: center;\n  margin-left: 0.5rem;\n}\n</style>"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAQd,UAAM,WAAWA,IAAQ,SAAC,MAAM,MAAM,aAAa,WAAW,MAAM;AAGpE,UAAM,gBAAgBA,IAAQ,SAAC,MAAM;AACnC,YAAM,OAAO,IAAI,KAAK,MAAM,aAAa,SAAS;AAClD,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,KAAK,MAAM,SAAS,GAAI;AACxC,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,YAAY,KAAK,MAAM,UAAU,EAAE;AACzC,YAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAE1C,UAAI,UAAU,IAAI;AAChB,eAAO;AAAA,MACX,WAAa,UAAU,IAAI;AACvB,eAAO,GAAG,OAAO;AAAA,MACrB,WAAa,YAAY,IAAI;AACzB,eAAO,GAAG,SAAS;AAAA,MACvB,WAAa,WAAW,GAAG;AACvB,eAAO,GAAG,QAAQ;AAAA,MACtB,OAAS;AACL,eAAO,KAAK,mBAAoB;AAAA,MACpC;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmBA,IAAQ,SAAC,MAAM;AACtC,cAAQ,MAAM,aAAa,MAAI;AAAA,QAC7B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,OAAO;AACb,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,YAAY;AAAA,IAClC;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/blocks/NotificationItem.vue.js

@@ -2,12 +2,12 @@ import { computed, createElementBlock, openBlock, normalizeClass, createElementV
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "notification-icon" };
 const _hoisted_2 = { class: "notification-content" };
-const _hoisted_3 = { class: "notification-title" };
-const _hoisted_4 = { class: "notification-body" };
-const _hoisted_5 = { class: "notification-time" };
+const _hoisted_3 = { class: "p-medium t-medium mn-b-small" };
+const _hoisted_4 = { class: "p-small mn-b-small" };
+const _hoisted_5 = { class: "pd-thin w-max radius-thin bg-white" };
 const _hoisted_6 = {
   key: 0,
-  class: "unread-indicator"
+  class: "flex-child-default unread-indicator"
 };
 const _sfc_main = {
   __name: "NotificationItem",
@@ -60,21 +60,21 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["notification-item", { unread: isUnread.value }]),
+        class: normalizeClass(["notification-item gap-thin flex pd-small radius-small bg-light", { "bg-second-small": isUnread.value }]),
         onClick: handleClick
       }, [
         createElementVNode("div", _hoisted_1, toDisplayString(notificationIcon.value), 1),
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("h3", _hoisted_3, toDisplayString(__props.notification.title), 1),
+          createElementVNode("p", _hoisted_3, toDisplayString(__props.notification.title), 1),
           createElementVNode("p", _hoisted_4, toDisplayString(__props.notification.body), 1),
-          createElementVNode("span", _hoisted_5, toDisplayString(formattedDate.value), 1)
+          createElementVNode("p", _hoisted_5, toDisplayString(formattedDate.value), 1)
         ]),
         isUnread.value ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("", true)
       ], 2);
     };
   }
 };
-const NotificationItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c57c48a6"]]);
+const NotificationItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8aa96de9"]]);
 export {
   NotificationItem as default
 };

package/dist/martyrs/src/modules/notifications/components/blocks/NotificationItem.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationItem.vue.js","sources":["../../../../../../../src/modules/notifications/components/blocks/NotificationItem.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue';\n\n// Props\nconst props = defineProps({\n  notification: {\n    type: Object,\n    required: true\n  }\n});\n\n// Compute if notification is unread\nconst isUnread = computed(() => props.notification.status !== 'read');\n\n// Format date\nconst formattedDate = computed(() => {\n  const date = new Date(props.notification.createdAt);\n  const now = new Date();\n  const diffMs = now - date;\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHours = Math.floor(diffMin / 60);\n  const diffDays = Math.floor(diffHours / 24);\n  \n  if (diffSec < 60) {\n    return 'Just now';\n  } else if (diffMin < 60) {\n    return `${diffMin}m ago`;\n  } else if (diffHours < 24) {\n    return `${diffHours}h ago`;\n  } else if (diffDays < 7) {\n    return `${diffDays}d ago`;\n  } else {\n    return date.toLocaleDateString();\n  }\n});\n\n// Get icon based on notification type\nconst notificationIcon = computed(() => {\n  switch (props.notification.type) {\n    case 'alert':\n      return '⚠️';\n    case 'success':\n      return '✅';\n    case 'error':\n      return '❌';\n    case 'info':\n    default:\n      return 'ℹ️';\n  }\n});\n\n// Emit click event\nconst emit = defineEmits(['click']);\nconst handleClick = () => {\n  emit('click', props.notification);\n};\n</script>\n\n<template>\n  <div \n    class=\"notification-item\" \n    :class=\"{ unread: isUnread }\"\n    @click=\"handleClick\"\n  >\n    <div class=\"notification-icon\">\n      {{ notificationIcon }}\n    </div>\n    <div class=\"notification-content\">\n      <h3 class=\"notification-title\">{{ notification.title }}</h3>\n      <p class=\"notification-body\">{{ notification.body }}</p>\n      <span class=\"notification-time\">{{ formattedDate }}</span>\n    </div>\n    <div v-if=\"isUnread\" class=\"unread-indicator\"></div>\n  </div>\n</template>\n\n<style scoped>\n.notification-item {\n  display: flex;\n  padding: 1rem;\n  border-radius: 8px;\n  background-color: #fff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.notification-item:hover {\n  background-color: #f9f9f9;\n}\n\n.notification-item.unread {\n  background-color: #f0f7ff;\n}\n\n.notification-icon {\n  flex-shrink: 0;\n  margin-right: 1rem;\n  font-size: 1.5rem;\n}\n\n.notification-content {\n  flex: 1;\n}\n\n.notification-title {\n  margin: 0 0 0.25rem;\n  font-weight: 600;\n  font-size: 1rem;\n}\n\n.notification-body {\n  margin: 0 0 0.5rem;\n  color: #666;\n  font-size: 0.9rem;\n}\n\n.notification-time {\n  font-size: 0.8rem;\n  color: #999;\n}\n\n.unread-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: var(--primary-color, #0066cc);\n  align-self: center;\n  margin-left: 0.5rem;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAQd,UAAM,WAAW,SAAS,MAAM,MAAM,aAAa,WAAW,MAAM;AAGpE,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO,IAAI,KAAK,MAAM,aAAa,SAAS;AAClD,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,KAAK,MAAM,SAAS,GAAI;AACxC,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,YAAY,KAAK,MAAM,UAAU,EAAE;AACzC,YAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAE1C,UAAI,UAAU,IAAI;AAChB,eAAO;AAAA,MACX,WAAa,UAAU,IAAI;AACvB,eAAO,GAAG,OAAO;AAAA,MACrB,WAAa,YAAY,IAAI;AACzB,eAAO,GAAG,SAAS;AAAA,MACvB,WAAa,WAAW,GAAG;AACvB,eAAO,GAAG,QAAQ;AAAA,MACtB,OAAS;AACL,eAAO,KAAK,mBAAoB;AAAA,MACpC;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmB,SAAS,MAAM;AACtC,cAAQ,MAAM,aAAa,MAAI;AAAA,QAC7B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,OAAO;AACb,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,YAAY;AAAA,IAClC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationItem.vue.js","sources":["../../../../../../../src/modules/notifications/components/blocks/NotificationItem.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue';\n\n// Props\nconst props = defineProps({\n  notification: {\n    type: Object,\n    required: true\n  }\n});\n\n// Compute if notification is unread\nconst isUnread = computed(() => props.notification.status !== 'read');\n\n// Format date\nconst formattedDate = computed(() => {\n  const date = new Date(props.notification.createdAt);\n  const now = new Date();\n  const diffMs = now - date;\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHours = Math.floor(diffMin / 60);\n  const diffDays = Math.floor(diffHours / 24);\n  \n  if (diffSec < 60) {\n    return 'Just now';\n  } else if (diffMin < 60) {\n    return `${diffMin}m ago`;\n  } else if (diffHours < 24) {\n    return `${diffHours}h ago`;\n  } else if (diffDays < 7) {\n    return `${diffDays}d ago`;\n  } else {\n    return date.toLocaleDateString();\n  }\n});\n\n// Get icon based on notification type\nconst notificationIcon = computed(() => {\n  switch (props.notification.type) {\n    case 'alert':\n      return '⚠️';\n    case 'success':\n      return '✅';\n    case 'error':\n      return '❌';\n    case 'info':\n    default:\n      return 'ℹ️';\n  }\n});\n\n// Emit click event\nconst emit = defineEmits(['click']);\nconst handleClick = () => {\n  emit('click', props.notification);\n};\n</script>\n\n<template>\n  <div \n    class=\"notification-item gap-thin flex pd-small radius-small bg-light\" \n    :class=\"{ 'bg-second-small': isUnread }\"\n    @click=\"handleClick\"\n  >\n    <div class=\"notification-icon\">\n      {{ notificationIcon }}\n    </div>\n    <div class=\"notification-content\">\n      <p class=\"p-medium t-medium mn-b-small\">{{ notification.title }}</p>\n      <p class=\"p-small mn-b-small\">{{ notification.body }}</p>\n      <p class=\"pd-thin w-max radius-thin bg-white\">{{ formattedDate }}</p>\n    </div>\n    <div v-if=\"isUnread\" class=\"flex-child-default unread-indicator\"></div>\n  </div>\n</template>\n\n<style scoped>\n.unread-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: var(--primary-color, #0066cc);\n  align-self: center;\n  margin-left: 0.5rem;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAQd,UAAM,WAAW,SAAS,MAAM,MAAM,aAAa,WAAW,MAAM;AAGpE,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO,IAAI,KAAK,MAAM,aAAa,SAAS;AAClD,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,KAAK,MAAM,SAAS,GAAI;AACxC,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,YAAY,KAAK,MAAM,UAAU,EAAE;AACzC,YAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAE1C,UAAI,UAAU,IAAI;AAChB,eAAO;AAAA,MACX,WAAa,UAAU,IAAI;AACvB,eAAO,GAAG,OAAO;AAAA,MACrB,WAAa,YAAY,IAAI;AACzB,eAAO,GAAG,SAAS;AAAA,MACvB,WAAa,WAAW,GAAG;AACvB,eAAO,GAAG,QAAQ;AAAA,MACtB,OAAS;AACL,eAAO,KAAK,mBAAoB;AAAA,MACpC;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmB,SAAS,MAAM;AACtC,cAAQ,MAAM,aAAa,MAAI;AAAA,QAC7B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,OAAO;AACb,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,YAAY;AAAA,IAClC;;;;;;;;;;;;;;;;;;"}