@ozdao/martyrs 0.2.429 → 0.2.431

package/src/modules/organizations/controllers/organizations.controller.js

@@ -1,5 +1,7 @@
 const jwt = require("jsonwebtoken");
 
+const Cache = require('@martyrs/src/modules/globals/controllers/classes/globals.cache');
+
 const queryProcessorGlobals = require('@martyrs/src/modules/globals/controllers/utils/queryProcessor');
 
 const {
@@ -23,25 +25,33 @@ const controllerFactory = (db) => {
   const Department = db.department;
   const Membership = db.membership;
 
-  const read = async (req, res) => {
+  // Создаем экземпляр вашего кэша с TTL 5 минут (по умолчанию)
+  const cache = new Cache({ ttlSeconds: 60 * 5 });
 
-    console.log('controler query', req.query)
+  const read = async (req, res) => {
+    console.log('controller query', req.query);
 
     try {
+      const cacheKey = JSON.stringify(req.query); // Ключ кэша на основе запроса
+
+      // Проверяем, есть ли данные в кэше
+      let cachedResult = await cache.get(cacheKey);
+      if (cachedResult) {
+        // Если данные в кэше есть, возвращаем их
+        return res.status(200).send(cachedResult);
+      }
+
       const requestedLookups = getRequestedLookups(req.query);
       const matchConditions = getBasicMatchConditions(req.query);
 
       const stages = [
         ...getLookupStages(requestedLookups, lookupConfigs),
-      
         ...getPostableConditions(req.query.postable),
         ...getContainConditions(req.query.contain),
-      
         ...queryProcessorGlobals.getSearchOptions(
           req.query.search, 
           { fields: requestedLookups.includes('products') ? ['profile.name', 'products.name'] : ['profile.name'] }
         ),
-
         ...(requestedLookups.includes('products') && req.query.prices ? getPriceConditions(req.query.prices) : []),
         ...(requestedLookups.includes('spots') ? (await getLocationStages(req.query)).stages : []),
         ...(requestedLookups.includes('memberships') ? [
@@ -56,50 +66,17 @@ const controllerFactory = (db) => {
       console.log(JSON.stringify(stages, null, 2));
 
       const organizations = await Organization.aggregate(stages);
-      res.status(200).send(organizations);
-    } catch (err) {
-      console.error(err);
-      res.status(500).send({ message: err.message });
-    }
-  };
 
-  const fetch = async (req, res) => {
-    const Organization = db.organization;
-    
-    let query = {};
-
-    console.log(req.query)
-
-    // Fetch by website
-    if (req.query._id) {
-      query['_id'] = req.query._id;
-    }
-
-    if (req.query.owner) {
-      query['owner'] = req.query.owner;
-    }
-
-    // Fetch by type
-    if (req.query.type) {
-      query.types = req.query.type;
-    }
-
-    // Pagination options
-    let options = {};
-    options.skip = parseInt(req.query.skip) || 0;
-    options.limit = parseInt(req.query.limit) || 10;
-
-    try {
-      const organizations = await Organization.find(query, null, options);
-      
-      if (!organizations || organizations.length === 0) {
-        return res.status(404).send({ message: "Organizations not found." });
+      // Кэшируем результат с тегами для каждой организации
+      for (const org of organizations) {
+        const orgTag = `organization_${org._id}`; // Уникальный тег для каждой организации
+        await cache.setWithTags(cacheKey, organizations, [orgTag, 'organizations']); // Добавляем оба тега
       }
 
-      // Send fetched organizations
       res.status(200).send(organizations);
-    } catch(err) {
-      return res.status(500).send({ message: err });
+    } catch (err) {
+      console.error(err);
+      res.status(500).send({ message: err.message });
     }
   };
 
@@ -122,6 +99,14 @@ const controllerFactory = (db) => {
       
       const savedMembership = await membership.save();
 
+      // Очищаем кэш для этой организации
+      const orgTag = `organization_${savedOrganization._id}`;
+      await cache.delByTag(orgTag);
+
+      // Обновляем кэш, добавляя новую организацию
+      const newCacheKey = JSON.stringify({ _id: savedOrganization._id }); // Ключ для новой записи
+      await cache.setWithTags(newCacheKey, [savedOrganization], [orgTag, 'organizations']);
+
       res.status(201).json(savedOrganization);
     } catch (error) {
       console.error('Error:', error);
@@ -144,6 +129,14 @@ const controllerFactory = (db) => {
         return res.status(404).json({ message: 'Organization not found' });
       }
 
+      // Очищаем кэш для этой организации
+      const orgTag = `organization_${organizationId}`;
+      await cache.delByTag(orgTag);
+
+      // Обновляем кэш новой версией организации
+      const updateCacheKey = JSON.stringify({ _id: organizationId }); // Ключ для обновленной записи
+      await cache.setWithTags(updateCacheKey, [organization], [orgTag, 'organizations']);
+
       res.status(200).json({ message: 'Organization updated successfully', organization });
     } catch (error) {
       res.status(500).json({ error: error.message });
@@ -167,6 +160,10 @@ const controllerFactory = (db) => {
               expiresIn: 86400 // 24 hours
             });
 
+            // Очищаем кэш для этой организации
+            const orgTag = `organization_${req.params._id}`;
+            cache.delByTag(orgTag);
+
             res.send({ newToken });
           })
           .catch(err => {
@@ -181,6 +178,14 @@ const controllerFactory = (db) => {
   const checkAccesses = async (req, res) => {
     try {
       const uid = new db.mongoose.Types.ObjectId(req.userId);
+      const cacheKey = `accesses_${uid.toString()}`; // Уникальный ключ для кэша на основе userId
+
+      // Проверяем, есть ли данные в кэше
+      const cachedResult = await cache.get(cacheKey);
+      if (cachedResult) {
+        return res.status(200).json(cachedResult);
+      }
+
       const depts = await Department.find({ 'members.user': uid });
       const ownedOrgs = await Organization.find({ owner: uid });
       const ownedOrgIds = ownedOrgs.map(org => org._id.toString());
@@ -200,8 +205,8 @@ const controllerFactory = (db) => {
             rights[key] = {};
           }
           const accessRights = accessData[key];
-          Object.keys(accessRights).forEach(right => {
-            rights[key][right] = isOwner || rights[key][right] || accessRights[right];
+          Object.entries(accessRights).forEach(([right, value]) => {
+            rights[key][right] = isOwner || rights[key][right] || value;
           });
         });
       };
@@ -239,6 +244,11 @@ const controllerFactory = (db) => {
       });
 
       const accessArray = Object.values(accesses);
+
+      // Кэшируем результат с тегами: уникальный тег для пользователя и общий тег для всех доступов
+      const userTag = `access_${uid.toString()}`; // Тег для конкретного пользователя
+      await cache.setWithTags(cacheKey, accessArray, [userTag, 'accesses']);
+
       res.status(200).json(accessArray);
     } catch (err) {
       console.error('Error getting accesses:', err);

package/src/modules/organizations/store/organizations.js

@@ -141,13 +141,13 @@ const actions = {
   }
 }
 
-const history = []
-history.push(state) 
+// const history = []
+// history.push(state) 
 
-// // Watch
-watch(state, (newState, oldState) => {
-  history.push(newState)
-})
+// // // Watch
+// watch(state, (newState, oldState) => {
+//   history.push(newState)
+// })
 
 // Module Export
 export {

package/src/modules/products/components/pages/Product.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="products.state.current._id" class="h-100 w-100 mobile:pd-thin pd-big bg-white">
+  <div v-if="products.state.current" class="h-100 w-100 mobile:pd-thin pd-big bg-white">
     <div class="cols-2-1_2 w-100 gap-medium">
 
       <ImagesThumbnails
@@ -91,9 +91,9 @@
       </div>
     </div>
 
-    <div class="h-max pos-relative">
-      <h3 class="pd-medium pd-b-small">Most Popular</h3>
-      <PopularProducts />
+    <div class="h-max mn-t-big pos-relative">
+      <h3 class="pd-b-small">Most Popular</h3>
+      <PopularProducts class="mn-r-big-negative mn-l-big-negative"/>
     </div>
   </div>
 </template>
@@ -144,15 +144,16 @@ function closePopup() {
   isPopupOpen.value = false
 }
 
-
- const emit = defineEmits(['page-loading', 'page-loaded']);
+const emits = defineEmits(['page-loading', 'page-loaded']);
   
-
+const pageProduct = ref(null)
+ products.state.current = null
 // products.mutations.resetProduct()
 onMounted(async () => {
-   emit('page-loading');
+
+   emits('page-loading');
   await products.actions.read({ _id: route.params.product })
-  emit('page-loaded');
+  emits('page-loaded');
 
 
   // route.meta.title.en = product.value.name

package/src/modules/products/components/pages/Products.vue

@@ -48,11 +48,12 @@
   </div>
 
     <div class="z-index-3 bg-white radius-tl-big radius-tr-big">
-      <div class="pd-thin z-index-3 radius-tl-big radius-tr-big">
+      <slot></slot>
+      <div class="  z-index-3 radius-tl-big radius-tr-big">
         <BlockSearch 
           @search="updateSearch"
           placeholder="Enter product name"
-          class="bg-light h-4r"
+          class="bg-light mn-b-thin h-4r"
         />
       </div>
       <Feed
@@ -82,7 +83,7 @@
         v-slot="{ 
           items 
         }"
-        class="cols-4 rows-1 pd-t-zero pd-thin gap-thin mn-b-thin"
+        class="cols-4 rows-1 gap-thin"
        
       >
         <router-link  

package/src/modules/spots/controllers/spots.controller.js

@@ -33,13 +33,13 @@ const controllerFactory = (db) => {
     ];
 
     try {
-      const spots = await Spots.aggregate(stages);
+      const spots = await Spot.aggregate(stages);
 
-      if (!stpos) {
+      if (!spots) {
         return res.status(404).send({ errorCode: "SPOTS_NOT_FOUND", message: "Spots not found." });
       }
 
-      res.status(200).send(spos);
+      res.status(200).send(spots);
 
     } catch (err) {
       console.log(err);
@@ -60,19 +60,6 @@ const controllerFactory = (db) => {
       });
   };
 
-  const readOld = (req, res) => {
-    Spot.find({ organization: req.params._id })
-      .then(spots => {
-        if (!spots) {
-          return res.status(404).send({ message: "Spots not found" });
-        }
-        res.send(spots);
-      })
-      .catch(err => {
-        res.status(500).send({ message: err.message });
-      });
-  };
-
   const create = async (req, res) => {
     try {
       const newSpot = new Spot({
@@ -117,7 +104,6 @@ const controllerFactory = (db) => {
   return {
     read,
     readOne,
-    readOld,
     create,
     update,
     delete: deleteSpot

package/src/modules/spots/routes/spots.routes.js

@@ -5,10 +5,7 @@ module.exports = function(app, db) {
   const controller = controllerFactory(db);
 
   app.get("/api/spots", controller.read);
-
-  // Get organization spots by _id
-  app.get("/api/spots/:_id", controller.readOld);
-
+  
   // Get spot by _id
   app.get("/api/spots/get/:_id", controller.readOne);
 

package/src/modules/spots/store/spots.js

@@ -46,19 +46,11 @@ const actions = {
       setError(error);
     }
   },
-  async read(organization) {
+  async read(options) {
     try {
-      if (typeof arg === 'string') {
-        const response = await $axios.get(`/api/spots/${organization}`);
-        state.spots = response.data;
-        return response.data;
-      }
-
-      if (typeof organization === 'object') {
-        const response = await $axios.get(`/api/spots`, { organization });
-        state.spots = response.data;
-        return response.data;
-      }
+      const response = await $axios.get(`/api/spots`, { params: options });
+      state.spots = response.data;
+      return response.data;
     } catch (error) {
       setError(error);
     }

package/src/styles/base/shadow_transitions_hover_refactor.scss

@@ -13,6 +13,7 @@ body {
 	.hover-bg-white {&:hover {background: rgb(var(--white), 1);; } }
 	.hover-bg-black {&:hover {background: rgb(var(--black), 1);; } }
 	.hover-bg-light {&:hover {background: rgb(var(--light), 1);; } }
+	.hover-bg-dark {&:hover {background: rgb(var(--dark), 1);; } }
 
 
 	.hover-fill-main {&:hover {fill: rgb(var(--main)); } }

package/dist/martyrs/src/components/Button/Button.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n        if (button.value) {\n          button.value.classList.replace('bg-second', 'bg-main');\n          button.value.style.pointerEvents = 'auto';\n          loading.value = false;\n          finished.value = false;\n          error.value = null;\n        }\n\t    };\n\n\t    try {\n        await props.submit();\n\n        button.value.classList.replace('bg-main', 'bg-second');\n\n        loading.value = false;\n\n        // Используем функцию сброса состояния кнопки здесь.\n        if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n          setTimeout(resetButton, 500);\n        } else {\n          resetButton();\n        }\n\n        // Если есть callback, мы также установим таймер для его вызова.\n        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n    \t\temits('error',err)\n        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n        error.value = props.error;\n        \n        // После задержки снова сбрасываем состояние кнопки.\n        setTimeout(() => {\n          resetButton();\n          // Так как класс кнопки был изменен, вернем его в исходное состояние.\n          button.value.classList.replace('bg-fourth-nano', 'bg-main');\n        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<p v-if=\"counter\" class=\"button-counter\">{{counter}}</p> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75  !important;\n\t \tpointer-events: none  !important;\n\t \tcursor: default  !important;\n\t \tcolor: rgba(var(--black), 0.5)  !important;\n\t\tbackground: rgba(var(--grey), 1) !important; \n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 0.75rem 1.5rem;\n\t\tborder-radius: 3rem;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AACrD,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACxB;AAAA,MACM;AAED,UAAI;AACD,cAAM,MAAM,OAAQ;AAEpB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL,sBAAa;AAAA,QACvB;AAGQ,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf,sBAAa;AAEb,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/Chips.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chips.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/Chips.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chips.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/Menu.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/Menu.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Popup/Popup.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.vue2.cjs","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n\t\t<transition name=\"moveFromTop\">\n\t\t\t<teleport to=\"body\" v-if=\"isPopupOpen\">\n\t\t\t\t<div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"pd-small z-index-6 popup-wrapper\"\n\t\t\t\t\t:class=\"{\n  \t\t\t\t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t\t}\"\n\t\t\t\t>\n\n\t\t\t\t\t<transition name=\"TransitionTranslateY\" mode=\"out-in\">\n\t\t\t\t\t\t<section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n\t\t\t\t\t\t\t\t<h4 v-if=\"title\" class=\"mn-b-small\">{{title}}</h4>\n\t\t\t\t\t\t\t\t<IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5\"/>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>  \n\t\t\t\t\t</transition>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\t@click=\"closePopup()\" \n\t\t\t\t    :class=\"{'active':isPopupOpen === true}\" \n\t\t\t\t    class=\"color-overlay z-index-3\">\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t</teleport>\n\t</transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n  \ttype: Boolean,\n\t  default: false\n  },\n  style: String,\n  title: String,\n});\nconst emits = defineEmits(['close-popup'])\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  \tmessages: {\n\t    en: {},\n\t    ru: {}\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\t.no-scroll {\n\t  overflow: hidden;\n\t}\n\n\t.popup-wrapper {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\tz-index: 40;\n\n\t\t.popup {\n\t\t\tposition: absolute;\n\t\t\theight: auto;\n\t\t\tpadding: 2rem;\n\t\t\tmin-width: 24rem;\n\t\t\tborder-radius: 2rem;\n\t\t\toverflow: hidden;\n\n\t\t\tcolor: white;\n\t\t\tbackground: black;\n\n\t\t\tz-index: 40;\n\t\t}\n\t}\n\n\t.color-overlay {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tbackground: rgba(0,0,0,0.0);\n\t\tpointer-events: none;\n\n\t\ttransform: scale(1.5);\n\n\t\ttransition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n\n\t\t&.active {\n\t\t\tbackground: rgba(#000,0.25);\n\t\t\tpointer-events: all;\n\t\t}\n\t}\n</style>\n"],"names":["watch","useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEAA,QAAK,MAAC,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGaC,cAAQ,SAAA;AACPC,cAAS,UAAA;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,IAAI,CAAE;AAAA,QACN,IAAI,CAAA;AAAA,MACT;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tab/Tab.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.vue.js","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        tabClass ? tabClass : 'pd-small pd-r-medium pd-l-medium w-max pd-small radius-small'\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  tabClass: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAc,IAAI,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA,WAAa,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA;AAAA,IACA;AAGA,wBAAmB;AAGnB,UAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/C,UAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B,WAAa,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B;AACE,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAK,CAAA;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACvC;AAGE,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/Tooltip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.vue.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px 10px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAmBA,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,eAAe,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;"}

package/src/modules/landing/components/sections/HowToBuyWDR.vue

@@ -1,130 +0,0 @@
-<template>
-  <section id="howtoget" class="cols-2 gap-thin">
-    <div class="pd-big bg-main radius-medium">
-      <h2 class="mn-b-small">{{ t('buyTokenTitle') }}</h2>
-      <p class="mn-b-semi p-big t-transp">{{ t('description') }}</p>
-      <h3 class="mn-b-small">{{ t('purchaseDetailsTitle') }}</h3>
-      <ol class="mn-b-big">
-        <li class="mn-b-small radius-small bg-black-transp-5 pd-small">{{ t('step1') }}</li>
-        <li class="mn-b-small radius-small bg-black-transp-5 pd-small">{{ t('step2') }}</li>
-        <li class="mn-b-small radius-small bg-black-transp-5 pd-small">{{ t('step3') }}</li>
-        <li class="mn-b-small radius-small bg-black-transp-5 pd-small">{{ t('step4') }}</li>
-      </ol>
-     
-    
-        <h4 class="mn-b-small">{{ t('privateRoundTitle') }}</h4>
-
-        {{ t('privateRoundText1') }}
-        <a>hello@weeder.delivery</a>
-        {{ t('privateRoundText2') }}
-    </div>
-
-    <div class="flex-column pd-big flex-nowrap flex h-100 bg-light radius-medium o-hidden coming-soon">
-      <div class="
-        w-100 h-100
-        rainbow
-        flex-v-center flex-h-center
-        flex-column flex 
-        pd-big mn-b-medium
-        radius-medium o-hidden"
-      >
-        <img loading="lazy" class="mn-b-small" src="/logo/logo-disabled.png">
-        <p class="t-semi uppercase">{{ t('comingSoon') }}</p>
-      </div>
-      <p class="mn-b-small">
-        To add WDT, you need to install MetaMask. Please install it if you haven't already.
-      </p>
-      <ConnectMetamask class="w-100" />
-    </div>
-  </section>
-</template>
-
-<script setup>
-import { useI18n } from 'vue-i18n';
-
-import ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'
-
-const text = {
-  messages: {
-    en: {
-      howToBuyTitle: 'How To Buy WDT?',
-      description:
-        'Weeder Token is a revolutionary cryptocurrency designed for the cannabis industry. With Weeder Token, you can easily buy, sell and trade cannabis products around the world.',
-      purchaseDetailsTitle: 'Purchasing details:',
-      step1: 'Create a cryptocurrency wallet that supports ERC20 tokens.',
-      step2: 'Buy Ethereum (ETH) or any other supported cryptocurrency.',
-      step3: 'Transfer your ETH or other cryptocurrency to your wallet.',
-      step4: 'Visit our token sale platform (coming soon) and follow the instructions to purchase WDT tokens.',
-      privateRoundTitle: 'Interested in a private round?',
-      privateRoundText1: 'If you want to participate in a private round, please email us at',
-      privateRoundText2: 'and we will get back to you with more information.',
-      buyTokenTitle: 'Buy Weeder Token',
-      comingSoon: 'Here will be UI for exchange WDT',
-    },
-    ru: {
-      howToBuyTitle: 'Как купить WDT?',
-      description:
-        'Weeder Token - это революционная криптовалюта, разработанная для индустрии каннабиса. С Weeder Token вы можете легко покупать, продавать и обменивать продукты каннабиса по всему миру.',
-      purchaseDetailsTitle: 'Процесс покупки:',
-      step1: '1. Создайте криптовалютный кошелек, поддерживающий токены ERC20.',
-      step2: '2. Купите Ethereum (ETH) или другую поддерживаемую криптовалюту.',
-      step3: '3. Переведите свои ETH или другую криптовалюту на свой кошелек.',
-      step4: '4. Посетите нашу платформу продажи токенов (скоро будет доступна) и следуйте инструкциям для покупки токенов WDT.',
-      privateRoundTitle: 'Хотите участвовать в приватном раунде?',
-      privateRoundText1: 'Если вы хотите участвовать в приватном раунде, пожалуйста, напишите нам на почту',
-      privateRoundText2: 'и мы свяжемся с вами с дополнительной информацией.',
-      buyTokenTitle: 'Купить Weeder Token',
-      comingSoon: 'Здесь будет интерфейс для обмена WDT',
-    },
-  }
-}
-
-const { t } = useI18n(text);
-</script>
-
-<style lang="scss" scoped>
-.weeder-token {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding: 20px;
-  max-width: 800px;
-  margin: auto;
-}
-
-.content {
-  flex: 1;
-  margin-right: 20px;
-}
-
-.purchase-form {
-  flex: 1;
-}
-
-.rainbow {
-  position: relative;
-  z-index: 0;
-  padding: 2rem;
-  
-  &::before {
-    content: '';
-    position: absolute;
-    z-index: -2;
-    left: -50%;
-    top: -50%;
-    width: 200%;
-    height: 200%;
-    background-color: #399953;
-    background-repeat: no-repeat;
-    background-size: 50% 50%, 50% 50%;
-    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
-      background-image: 
-        linear-gradient(#00ff88, #fff), 
-        linear-gradient(#00ff88, #fff), 
-        linear-gradient(white, white), 
-         linear-gradient(white, #fff);
-    animation: rotate 4s linear infinite;
-  }
-}
-
-</style>