@ozdao/martyrs 0.2.432 → 0.2.434

package/src/modules/notifications/notifications2.client.js

@@ -0,0 +1,256 @@
+  import { watch, toRefs } from "vue";
+import routerNotifications from './router/notifications.router.js';
+import * as storeNotifications from './store/notifications.store.js';
+import * as auth from '@martyrs/src/modules/auth/views/store/auth';
+import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';
+import NotificationsLayout from './components/layouts/NotificationsLayout.vue';
+import NotificationsList from './components/sections/NotificationsList.vue';
+import NotificationPreferences from './components/sections/NotificationPreferences.vue';
+import Notifications from './components/pages/Notifications.vue';
+import NotificationBadge from './components/elements/NotificationBadge.vue';
+import NotificationItem from './components/blocks/NotificationItem.vue';
+
+// WebSocket notification handlers
+const wsNotificationHandlers = {
+  connect: (store, userId, options = {}) => {
+    if (typeof window === 'undefined' || !userId) return Promise.resolve(false);
+    
+    return globalWebSocket.connect(userId).then(() => {
+      const moduleName = 'notifications';
+      const listeners = [];
+
+      const addListener = (event, handler) => {
+        listeners.push(globalWebSocket.addEventListener(event, handler, { module: moduleName }));
+      };
+
+      addListener('notification', (data) => {
+        if (!data || !data.data) return;
+        const notification = data.data;
+        
+        store.notifications.actions.addLocalNotification({
+          _id: notification._id,
+          title: notification.title,
+          body: notification.body,
+          type: notification.type || 'info',
+          metadata: notification.metadata || {},
+          status: 'unread',
+          createdAt: notification.createdAt || new Date().toISOString(),
+          updatedAt: notification.updatedAt || new Date().toISOString()
+        });
+      });
+
+      addListener('notification_read', (data) => {
+        store.notifications.actions.syncNotificationStatus(data.notificationId, 'read');
+      });
+
+      return { listeners, moduleName };
+    });
+  },
+
+  disconnect: (moduleName, listeners) => {
+    if (listeners) {
+      globalWebSocket.removeModuleListeners(moduleName);
+    }
+  }
+};
+
+// Capacitor Push Notification handlers
+const pushNotificationHandlers = {
+  initialize: async () => {
+    if (typeof window === 'undefined') return false;
+
+    try {
+      const { Capacitor } = await import('@capacitor/core');
+      const { PushNotifications } = await import('@capacitor/push-notifications');
+      const { Device } = await import('@capacitor/device');
+
+      if (!Capacitor.isNativePlatform()) return false;
+
+      return { pushNotifications: PushNotifications, device: Device };
+    } catch (error) {
+      console.error('Error importing Capacitor plugins:', error);
+      return false;
+    }
+  },
+
+  requestPermissions: async (store) => {
+    if (typeof window === 'undefined') return false;
+
+    const plugins = await pushNotificationHandlers.initialize();
+    if (!plugins) return false;
+
+    const { pushNotifications, device } = plugins;
+
+    const permissionResult = await pushNotifications.requestPermissions();
+    if (permissionResult.receive !== 'granted') {
+      console.log('Push notification permission denied');
+      return false;
+    }
+
+    const setupListeners = () => {
+      pushNotifications.addListener('registration', async (token) => {
+        try {
+          const deviceInfo = await device.getInfo();
+          const deviceId = await device.getId();
+
+          const deviceData = {
+            deviceId: deviceId.uuid,
+            deviceType: deviceInfo.platform.toLowerCase(),
+            deviceToken: token.value
+          };
+
+          await store.notifications.actions.registerDevice(deviceData);
+        } catch (error) {
+          console.error('Error handling push registration:', error);
+        }
+      });
+
+      pushNotifications.addListener('pushNotificationReceived', (notification) => {
+        store.notifications.actions.addLocalNotification({
+          title: notification.title,
+          body: notification.body,
+          data: notification.data || {}
+        });
+      });
+
+      pushNotifications.addListener('pushNotificationActionPerformed', (actionData) => {
+        if (actionData.notification && actionData.notification.data) {
+          store.notifications.actions.handleNotificationAction(actionData.notification.data);
+        }
+      });
+    };
+
+    setupListeners();
+    await pushNotifications.register();
+    return true;
+  },
+
+  removeListeners: (pushNotifications) => {
+    if (typeof window === 'undefined' || !pushNotifications) return;
+    pushNotifications.removeAllListeners();
+  }
+};
+
+// Notification utilities
+const notificationUtils = {
+  initialize: async (store, options = {}) => {
+    if (typeof window === 'undefined') return;
+
+    const userId = store.auth.state.user?._id;
+    if (!userId) {
+      console.warn('Cannot initialize notifications: No user ID found in auth store');
+      return;
+    }
+
+    let wsListeners = null;
+    if (options.enablePush !== false) {
+      await pushNotificationHandlers.requestPermissions(store);
+    }
+
+    wsListeners = await wsNotificationHandlers.connect(store, userId, options);
+
+    await store.notifications.actions.getNotifications(userId);
+
+    return {
+      disconnect: () => {
+        wsNotificationHandlers.disconnect(wsListeners?.moduleName, wsListeners?.listeners);
+        pushNotificationHandlers.removeListeners(globalThis.pushNotifications);
+      }
+    };
+  },
+
+  prefetchForSSR: async (store, context) => {
+    try {
+      const userId = store.auth.state.user?._id;
+      if (userId) {
+        await store.notifications.actions.getNotifications(userId);
+      }
+    } catch (error) {
+      console.error('Error pre-fetching notifications for SSR:', error);
+    }
+  }
+};
+
+// Main initialization function
+const initializeNotifications = (app, store, router, options = {}) => {
+  const route = options.route || 'User Profile Root';
+  router.addRoute(route, routerNotifications);
+  store.addStore('notifications', storeNotifications);
+
+  if (options.wsUrl) {
+    globalWebSocket.initialize({ wsUrl: options.wsUrl });
+  }
+
+  const isServer = typeof window === 'undefined';
+  const autoInit = !isServer && options.autoInit !== false;
+
+  let notificationManager = null;
+
+  if (autoInit) {
+    const initNotifications = async () => {
+      if (store.auth.state.isAuthenticated && store.auth.state.user?._id) {
+        notificationManager = await notificationUtils.initialize(store, {
+          enablePush: options.enablePush !== false,
+          maxReconnectAttempts: options.maxReconnectAttempts || 5,
+          reconnectDelay: options.reconnectDelay || 3000,
+          pingInterval: options.pingInterval || 30000
+        });
+      }
+    };
+
+    watch(() => store.auth.state.isAuthenticated, (isAuthenticated) => {
+      if (isAuthenticated) {
+        initNotifications();
+      } else if (notificationManager) {
+        notificationManager.disconnect();
+        store.notifications.mutations.resetNotifications();
+        notificationManager = null;
+      }
+    });
+
+    if (store.auth.state.isAuthenticated) {
+      initNotifications();
+    }
+  }
+
+  app.provide('useNotifications', () => ({
+    ...toRefs(store.notifications.state),
+    ...store.notifications.actions,
+    ...store.notifications.mutations,
+    init: () => notificationUtils.initialize(store, options),
+    disconnect: () => notificationManager?.disconnect(),
+    isServer
+  }));
+
+  return {
+    SSR: { prefetchNotifications: notificationUtils.prefetchForSSR }
+  };
+};
+
+const ModuleNotifications = {
+  initialize: initializeNotifications,
+  views: {
+    store: { storeNotifications },
+    router: { routerNotifications },
+    components: {
+      NotificationBadge,
+      NotificationItem,
+      NotificationsList,
+      NotificationPreferences,
+      Notifications,
+      NotificationsLayout
+    }
+  }
+};
+
+export {
+  NotificationBadge,
+  NotificationItem,
+  NotificationsList,
+  NotificationPreferences,
+  Notifications,
+  NotificationsLayout,
+  notificationUtils as SSRUtils
+};
+
+export default ModuleNotifications;

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/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/modules/landing/components/sections/SectionFeaturesImages.vue.cjs

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueI18n = require("vue-i18n");
-;/* empty css                             */
-const _hoisted_1 = {
-  id: "howtobuy",
-  class: "section"
-};
-const _hoisted_2 = { class: "mn-b-big t-center title" };
-const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto t-transp p-big" };
-const _hoisted_5 = { class: "cols-3 gap-thin" };
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "mn-b-medium" };
-const _hoisted_8 = { class: "t-transp" };
-const _sfc_main = {
-  __name: "SectionFeaturesImages",
-  props: {
-    title: String,
-    textData: {
-      type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            title: "What is Weeder Token?",
-            subtitle: "WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:",
-            features: [
-              {
-                image: "/images/howitworks/step1.png",
-                title: "Currency",
-                text: "WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform."
-              },
-              {
-                image: "/images/howitworks/step2.png",
-                title: "Instument",
-                text: "As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem."
-              },
-              {
-                image: "/images/howitworks/step3.png",
-                title: "Invesment",
-                text: "Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform."
-              }
-            ]
-          },
-          ru: {
-            title: "Что такое Weeder Token?",
-            subtitle: "WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:",
-            features: [
-              {
-                image: "/images/howitworks/step1.png",
-                title: "Валюта",
-                text: "WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе."
-              },
-              {
-                image: "/images/howitworks/step2.png",
-                title: "Инструмент",
-                text: "В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder."
-              },
-              {
-                image: "/images/howitworks/step3.png",
-                title: "Инвестиции",
-                text: "Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы."
-              }
-            ]
-          }
-        }
-      })
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t, tm } = vueI18n.useI18n(props.textData);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("h2", _hoisted_3, vue.toDisplayString(vue.unref(t)("title")), 1),
-          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("subtitle")), 1)
-        ]),
-        vue.createElementVNode("div", _hoisted_5, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: feature.title,
-              class: "w-100 pd-medium bg-light radius-medium"
-            }, [
-              vue.createElementVNode("img", {
-                loading: "lazy",
-                class: "radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium",
-                src: feature.image
-              }, null, 8, _hoisted_6),
-              vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(feature.title), 1),
-              vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(feature.text), 1)
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=SectionFeaturesImages.vue.cjs.map

package/dist/martyrs/src/modules/landing/components/sections/SectionFeaturesImages.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionFeaturesImages.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto t-transp p-big\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"t-transp\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAI,IAAGA,QAAO,QAAC,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionFeaturesImages.vue.js

@@ -1,101 +0,0 @@
-import { createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList } from "vue";
-import { useI18n } from "vue-i18n";
-/* empty css                           */
-const _hoisted_1 = {
-  id: "howtobuy",
-  class: "section"
-};
-const _hoisted_2 = { class: "mn-b-big t-center title" };
-const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto t-transp p-big" };
-const _hoisted_5 = { class: "cols-3 gap-thin" };
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "mn-b-medium" };
-const _hoisted_8 = { class: "t-transp" };
-const _sfc_main = {
-  __name: "SectionFeaturesImages",
-  props: {
-    title: String,
-    textData: {
-      type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            title: "What is Weeder Token?",
-            subtitle: "WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:",
-            features: [
-              {
-                image: "/images/howitworks/step1.png",
-                title: "Currency",
-                text: "WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform."
-              },
-              {
-                image: "/images/howitworks/step2.png",
-                title: "Instument",
-                text: "As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem."
-              },
-              {
-                image: "/images/howitworks/step3.png",
-                title: "Invesment",
-                text: "Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform."
-              }
-            ]
-          },
-          ru: {
-            title: "Что такое Weeder Token?",
-            subtitle: "WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:",
-            features: [
-              {
-                image: "/images/howitworks/step1.png",
-                title: "Валюта",
-                text: "WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе."
-              },
-              {
-                image: "/images/howitworks/step2.png",
-                title: "Инструмент",
-                text: "В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder."
-              },
-              {
-                image: "/images/howitworks/step3.png",
-                title: "Инвестиции",
-                text: "Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы."
-              }
-            ]
-          }
-        }
-      })
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t, tm } = useI18n(props.textData);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("h2", _hoisted_3, toDisplayString(unref(t)("title")), 1),
-          createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("subtitle")), 1)
-        ]),
-        createElementVNode("div", _hoisted_5, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
-            return openBlock(), createElementBlock("div", {
-              key: feature.title,
-              class: "w-100 pd-medium bg-light radius-medium"
-            }, [
-              createElementVNode("img", {
-                loading: "lazy",
-                class: "radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium",
-                src: feature.image
-              }, null, 8, _hoisted_6),
-              createElementVNode("h3", _hoisted_7, toDisplayString(feature.title), 1),
-              createElementVNode("p", _hoisted_8, toDisplayString(feature.text), 1)
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=SectionFeaturesImages.vue.js.map

package/dist/martyrs/src/modules/landing/components/sections/SectionFeaturesImages.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionFeaturesImages.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto t-transp p-big\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"t-transp\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.cjs

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("vue-router");
-const vueI18n = require("vue-i18n");
-const AnimatedGrid = require("../elements/AnimatedGrid.vue.cjs");
-;/* empty css                        */
-const _hoisted_1 = {
-  id: "heroGovernance",
-  class: "pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex"
-};
-const _hoisted_2 = { class: "sheen h-5r mn-b-small radius-extra o-hidden pos-relative" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = ["innerHTML"];
-const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = { class: "t-white gap-thin z-index-1 cols-2" };
-const _sfc_main = {
-  __name: "SectionHeroToken",
-  props: {
-    textData: {
-      type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            TITLE: "Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>",
-            DESCRIPTION: "Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?",
-            ACTION: "Open Marketplace →",
-            SUBACTION: "Sign Up To Start"
-          }
-        }
-      })
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = vueI18n.useI18n(props.textData);
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("img", {
-            loading: "lazy",
-            src: (_ctx.FILE_SERVER_URL || "") + "/logo/token.svg",
-            class: "w-100 h-100"
-          }, null, 8, _hoisted_3)
-        ]),
-        vue.createElementVNode("h1", {
-          class: "w-max-50r mn-b-medium",
-          innerHTML: vue.unref(t)("TITLE")
-        }, null, 8, _hoisted_4),
-        vue.createElementVNode("p", {
-          class: "w-max-50r mn-b-big t-transp p-big",
-          innerHTML: vue.unref(t)("DESCRIPTION")
-        }, null, 8, _hoisted_5),
-        vue.createElementVNode("div", _hoisted_6, [
-          vue.createVNode(_component_router_link, {
-            to: {
-              name: "Sign In"
-            },
-            class: "w-100 bg-light t-dark br-light button"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("SUBACTION")), 1)
-            ]),
-            _: 1
-          }),
-          vue.createVNode(_component_router_link, {
-            to: {
-              name: "Marketplace"
-            },
-            class: "w-100 bg-dark t-white button"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("ACTION")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        vue.createVNode(AnimatedGrid.default, { class: "w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0" })
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=SectionHeroToken.vue.cjs.map

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionHeroToken.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionHeroToken.vue"],"sourcesContent":["<script setup>\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport AnimatedGrid from '@martyrs/src/modules/landing/components/elements/AnimatedGrid.vue'\n\n\tconst props = defineProps({\n\t  textData: {\n\t    type: Object,\n\t    default: () => ({\n\t      messages: {\n\t      \ten: {\n\t\t\t\t    TITLE: \"Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>\",\n\t\t\t\t    DESCRIPTION: \"Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?\",\n\t\t\t\t    ACTION: \"Open Marketplace →\",\n\t\t\t\t    SUBACTION: \"Sign Up To Start\"\n\t\t\t    }\n\t\t\t  }\n\t\t\t})\n\t\t}\n\t})\n\n\tconst { t } = useI18n(props.textData)\n</script>\n\n\n<template>\n\t<div\n\t\tid=\"heroGovernance\" \n\t\tclass=\"pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex\"\n\t>\n\t\t<div class=\"sheen h-5r mn-b-small radius-extra o-hidden pos-relative \">\n\t  \t<img loading=\"lazy\" :src=\"(FILE_SERVER_URL || '') + '/logo/token.svg'\" class=\"w-100 h-100\">\n\t  </div>\n\n\t\t<h1 \n\t\t\tclass=\"w-max-50r mn-b-medium\" \n\t\t\tv-html=\"t('TITLE')\"\n\t\t/>\n\n\t\t<p \n\t\t\tclass=\"w-max-50r mn-b-big t-transp p-big\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link  \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t  top:0;\n\t  left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t  /* \n\t  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t  */\n\t  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAKA,QAAO,QAAC,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}