@ozdao/prometheus-framework 0.2.322 → 0.2.323

package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.cjs

@@ -5,12 +5,12 @@ const vueI18n = require("vue-i18n");
 const Web3 = require("web3");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
-const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("vue-router");
 ;/* empty css                                              */
 ;/* empty css                                                 */
-;/* empty css                                             */
+;/* empty css                                            */
 require("../../../../reports/store/reports.cjs");
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");

package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.js

@@ -3,12 +3,12 @@ import { useI18n } from "vue-i18n";
 import Web3 from "web3";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
-import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "vue-router";
 /* empty css                                            */
 /* empty css                                               */
-/* empty css                                           */
+/* empty css                                          */
 import "../../../../reports/store/reports.js";
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.322",
+  "version": "0.2.323",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/components/FieldBig/FieldBig.vue

@@ -16,8 +16,6 @@
     >
       <span>{{action}}</span>
       <IconArrow class="mn-l-thin radius-extra bg-white i-medium"/>
-    
-  
     </button>
   </div>
 </template>

package/src/modules/community/community.client.js

@@ -20,7 +20,6 @@ import Activity from './components/blocks/Activity.vue';
 import CardBlogpost from './components/blocks/CardBlogpost.vue';
 
 // Sections
-import JoinUs from './components/sections/JoinUs.vue';
 import Comments from './components/sections/Comments.vue';
 import HotPosts from './components/sections/HotPosts.vue';
 
@@ -56,7 +55,6 @@ const ModuleCommunity = {
       Activity,
       CardBlogpost,
       // Sections
-      JoinUs,
       Comments,
       HotPosts
     }
@@ -71,7 +69,6 @@ export {
   FooterBlogpost,
   Activity,
   CardBlogpost,
-  JoinUs,
   Comments,
   HotPosts,
   storeBlogposts,

package/src/modules/globals/views/components/layouts/Client.vue

@@ -98,6 +98,15 @@
     	/>
 		</router-view>
 
+	  <component
+			v-if="!MOBILE_APP && route.meta.footer?.component && !route.meta.hideFooter"
+      ref="footer" 
+      :is="route.meta.footer.component"
+      :theme="headerTheme"
+      :logotype="route.meta.footer.logotype"
+      :location="route.meta.footer.location"
+    />
+
     <component 
       v-if="MOBILE_APP && route.meta.title_hide"
       class="z-index-2"

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

@@ -1,50 +1,50 @@
 <template>
-  <div class="pd-thin">
-    <section class="cols-2 bg-black t-black radius-big pd-thin gap-thin">
-      <div class="pos-relative flex flex-column flex-center h-100">
-        <div class="mn-b-thin t-white pd-big radius-big">
-          <img v-if="te('logo')" loading="lazy" class="mn-b-semi h-5r" :src="t('logo')">
+  <section class="cols-2 gap-thin">
+    <div class="pos-relative flex flex-column flex-center h-100">
+      <div class="mn-b-thin pd-big radius-big">
+        <img v-if="te('logo')" loading="lazy" class="mn-b-semi h-4r" :src="t('logo')">
 
-          <h2 v-if="te('title')" class="mn-b-small" v-html="t('title')"/>
-          <p v-if="te('description')" class="mn-b-small p-big t-transp">{{ t('description') }}</p>  
-          <p v-if="te('subdescription')" class="mn-b-semi p-medium t-transp">{{ t('subdescription')}}</p>
+        <h2 v-if="te('title')" class="mn-b-medium" v-html="t('title')"/>
+        <p v-if="te('description')" class="mn-b-medium p-big t-transp">{{ t('description') }}</p>  
+        <p v-if="te('subdescription')" class="mn-b-semi p-medium t-transp">{{ t('subdescription')}}</p>
 
-        <div class="gap-thin cols-2">
-          <router-link :to="t('action_link')" class="flex t-center bg-white flex-center flex-column t-black pd-big radius-big">
-            <IconInfo class="mn-b-small i-extra" fill="rgb(var(--black)"/>
-            <p class="uppercase t-semi">{{t('action')}}</p>
-          </router-link>
-
-          <router-link :to="t('action_sublink') " class="flex t-center flex-center flex-column bg-main t-black pd-big radius-big">
-            <IconEarn class="mn-b-small i-extra" fill="rgb(var(--black)"/>
-            <p class="uppercase t-semi">{{t('subaction')}}</p>
-          </router-link>
-          
-        </div>
-        </div>
+      <div class="gap-thin cols-2">
+        <router-link :to="t('action_link')" class="flex t-center bg-white flex-center flex-column t-black pd-big radius-big">
+          <IconInfo class="mn-b-small i-extra" fill="rgb(var(--black)"/>
+          <p class="uppercase t-semi">{{t('action')}}</p>
+        </router-link>
 
+        <router-link :to="t('action_sublink') " class="flex t-center flex-center flex-column bg-main t-black pd-big radius-big">
+          <IconEarn class="mn-b-small i-extra" fill="rgb(var(--black)"/>
+          <p class="uppercase t-semi">{{t('subaction')}}</p>
+        </router-link>
+        
       </div>
-
-      <div class="pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden">
-          <img v-if="te('image')" loading="lazy" :src="t('image')" class="mn-t-extra z-index-1 w-75 mn-b-auto">
-          <ConnectMetamask
-            :tokenAddress="options.tokenAddress"
-            :tokenSymbol="options.tokenSymbol"
-            :tokenDecimals="options.tokenDecimals"
-            :tokenImage="options.tokenImage"
-            :targetChainId="options.targetChainId"
-            :metamaskIcon="options.metamaskIcon"
-            :content="{
-              en: {
-                'connectMetaMask': t('connectMetaMask'),
-                'switchToPolygon': t('switchToPolygon'),
-                'addToken': t('addToken')
-              }
-            }"
-          />
       </div>
-    </section>
-  </div>
+
+    </div>
+
+    <div class="pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden">
+      <img v-if="te('image')" loading="lazy" :src="t('image')" class="mn-t-auto z-index-1 w-75 mn-b-auto">
+      <ConnectMetamask
+        :tokenAddress="options.tokenAddress"
+        :tokenSymbol="options.tokenSymbol"
+        :tokenDecimals="options.tokenDecimals"
+        :tokenImage="options.tokenImage"
+        :targetChainId="options.targetChainId"
+        :metamaskIcon="options.metamaskIcon"
+        :content="{
+          en: {
+            'connectMetaMask': t('connectMetaMask'),
+            'switchToPolygon': t('switchToPolygon'),
+            'addToken': t('addToken')
+          }
+        }"
+        class="w-100"
+      />
+      <div style="background-image: url(/spiral.jpg)" class="mn-b-extra spiral"/>
+    </div>
+  </section>
 </template>
 
 <script setup>
@@ -66,7 +66,7 @@ const props = defineProps({
     default: () => ({
       tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',
       tokenSymbol: 'OZDT',
-      tokenDecimals: '8',
+      tokenDecimals: 8,
       tokenImage: 'https://ozdao.dev/logo-token.png',
       targetChainId: '0x89',
       metamaskIcon: "/icons/metamask.svg"

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

@@ -1,29 +1,25 @@
 <template>
-  <div id="howtobuy" class="pd-thin">
-    <section class="t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big">
-      <h2 class="w-max-50r mn-l-auto mn-r-auto mn-b-small" v-html="t('title')"/>
-     
-
-      <div class="cols-3 gap-thin">
-        <div 
-          v-for="feature in tm('features')" 
-          :key="feature.title" 
-          class="pd-medium  radius-big"
-        >
-          <p class="mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium">
-            {{ feature.icon }}
-          </p>
-          <h3 class="mn-b-medium">
-            {{ feature.title }}
-          </h3>
-          <p class="t-transp">
-            {{ feature.description }}
-          </p>
-        </div>
+  <section id="howtobuy">
+    <h2 class="w-100 mn-b-small"><span class="d-inline-block w-max-50r" v-html="t('title')"/></h2>
+   
+    <div class="cols-3 gap-thin">
+      <div 
+        v-for="feature in tm('features')" 
+        :key="feature.title" 
+        class="pd-medium  radius-big"
+      >
+        <p class="h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium">
+          {{ feature.icon }}
+        </p>
+        <h3 class="mn-b-medium">
+          {{ feature.title }}
+        </h3>
+        <p class="t-transp">
+          {{ feature.description }}
+        </p>
       </div>
-
-    </section>
-  </div>
+    </div>
+  </section>
 </template>
 
 
@@ -31,49 +27,15 @@
   import { useI18n }    from 'vue-i18n'
 
   const props = defineProps({
-    title: String,
-    textData: {
+    content: {
       type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            title: 'Transform Your View on Smoking with <b class="t-main">Next Industrial Revolution</b>',
-            features: [{
-              icon: '1',
-              title: 'United in Growth',
-              description: 'Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally.',
-            },{
-              icon: '2',
-              title: 'Trust in Crypto',
-              description: 'Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions.',
-            },{
-              icon: '3',
-              title: 'Boosted by AI',
-              description: 'With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals.',
-            }]
-          },
-          ru: {
-            title: 'Наши Преимущества',
-            features: [{
-              icon: '📦',
-              headline: 'Доставка за 1 час',
-              description: 'Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!',
-            },{
-              icon: '💬',
-              headline: 'Поддержка 24/7',
-              description: 'Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!',
-            },{
-              icon: '😊',
-              headline: 'Гарантия качества',
-              description: 'Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!',
-            }]
-          }
-        }
-      })
+      required: true
     }
   })
 
-  const { t, tm } = useI18n(props.textData)
+  const { t, tm } = useI18n({
+    messages: props.content
+  })
 </script>
 
 <style lang="scss">

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

@@ -1,12 +1,12 @@
 <template>
-  <div class="bg-black t-white radius-big pd-big">
-    <div class="mn-b-big t-center title">
+  <div class="">
+    <div class="mn-b-big d-inline-block">
       <h2 class="mn-b-semi">{{t('title')}}</h2>
-      <p v-if="t('subtitle') !== 'subtitle'" class="t-transp p-big w-m-60r mn-l-auto mn-r-auto">{{t('subtitle')}}</p>
+      <p v-if="te('subtitle')" class="t-transp p-big w-m-60r">{{t('subtitle')}}</p>
     </div>
     <div class="cols-1 ">
 
-    <Spoiler v-for="item in tm('FAQ')" class="t-white br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin">
+    <Spoiler v-for="item in tm('FAQ')" class="br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin">
       <template  #header="{ isOpen }">
         <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
           <h3 class="w-100" >{{item.title}}</h3>
@@ -38,7 +38,7 @@
     }
   })
   
-  const { t, tm } = useI18n({
+  const { t, tm, te } = useI18n({
     messages: props.content
   })
 </script>

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

@@ -0,0 +1,95 @@
+<template>
+  <div class="o-hidden container-joinus">
+    <div class="content">
+      <span style="font-size: 8rem" class="t-semi">
+        {{ userCount }}
+      </span>
+      <p class="w-m-33r t-center mn-b-small p-big">
+        {{t('description')}}
+    
+      </p>
+      <router-link :to="{ name: 'Sign In' }" class="bg-black t-medium t-white button">
+        {{t('action')}}
+      </router-link>
+    </div>
+    <FloatingImages 
+      :container="'.container-joinus'"
+      :images="options.images" 
+      :config="{
+          size: '5rem',
+          square: true,
+          minDuration: 5,
+          maxDuration: 15,
+          spawnPoints: [10, 90],
+          animation: {
+            startOpacity: 0.1,
+            midOpacity: 1,
+            endOpacity: 0.0,
+            translateY: '-33vh'
+          },
+          class: 'my-custom-class'
+      }"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import FloatingImages from '@pf/src/modules/landing/components/elements/FloatingImages.vue';
+
+const props = defineProps({
+  content: {
+    type: Object,
+    required: true
+  },
+  options: {
+    type: Object,
+    default: () => ({
+      count: 1230,
+      images: [
+        '/landing/avatars/01.png',
+        '/landing/avatars/02.png',
+        '/landing/avatars/03.png',
+        '/landing/avatars/04.png',
+        '/landing/avatars/05.png',
+        '/landing/avatars/06.png'
+      ]
+    })
+  }
+})
+
+const { t, te } = useI18n({
+  messages: props.content
+})
+
+const userCount = ref(props.options.count);
+
+const increaseUserCount = () => {
+  setInterval(() => {
+    userCount.value += Math.floor(Math.random() * 2) + 1;
+  }, 1330);
+};
+
+onMounted(() => {
+  increaseUserCount();
+});
+</script>
+
+<style lang="scss">
+.container-joinus {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 66%;
+  position: relative;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    z-index: 2;
+  }
+}
+</style>

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

@@ -0,0 +1,87 @@
+<template>
+  <section id="mobileApp" class="cols-2 o-hidden ">
+    <div class="z-index-1 h-100">
+      <img loading="lazy" 
+        :src="(FILE_SERVER_URL || '') + t('image')" 
+        class="radius-big h-100 w-100 object-fit-cover"
+      >
+    </div>
+
+    <div class="pd-big flex flex-h-center flex-column z-index-1 w-1/2">
+      <h2 class="mn-t-medium mn-b-semi w-m-40r">{{ t('title') }}</h2>
+      <p class="t-transp mn-b-big p-big w-m-33r">{{ t('description') }}</p>
+      
+      <div class="mn-b-big gap-medium cols-2">
+        <div v-for="feature in tm('features')"  class="feature">
+          <h4 class="mn-b-thin">{{ feature.title }}</h4>
+          <p class="t-transp p-medium">{{ feature.text }}</p>
+        </div>
+      </div>
+
+      <div class="w-100 w-max-30r flex-nowrap flex gap-medium">
+        <a 
+           v-if="te('linkAppStore') || te('label')"
+          :href="te('linkAppStore') ? t('linkAppStore') : null" 
+          :target="te('linkAppStore') ? '_blank' : null" 
+          class="pos-relative w-100 h-100"
+        > 
+          <span 
+            v-if="te('label')"
+            class="z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+          >
+            {{ t('label') }}
+          </span>
+          <LabelAppStore class="w-100 h-max" alt="Download on App Store"/>
+        </a>
+
+        <a 
+           v-if="te('linkGooglePlay') || te('label')"
+          :href="te('linkGooglePlay') ? t('linkGooglePlay') : null" 
+          :target="te('linkGooglePlay') ? '_blank' : null" 
+          class="pos-relative w-100 h-100"
+        > 
+          <span 
+            v-if="te('label')"
+            class="z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+          >
+            {{ t('label') }}
+          </span>
+          <LabelGooglePlay class="w-100 h-max" alt="Download on Google Play"/>
+        </a>
+
+      </div>
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { useI18n } from 'vue-i18n'
+
+import LabelAppStore from '@pf/src/modules/icons/labels/LabelAppStore.vue'
+import LabelGooglePlay from '@pf/src/modules/icons/labels/LabelGooglePlay.vue'
+
+const props = defineProps({
+    content: {
+      type: Object,
+      required: true
+    }
+  })
+
+  const { t, tm, te } = useI18n({
+    messages: props.content
+  })
+</script>
+
+<style lang="scss">
+ @media screen and (max-width: 1025px) {
+  #mobileApp {
+    text-align: center;
+    > section {
+      flex-direction: column;
+      > div {
+        order: 1;
+      }
+    }
+  }
+}
+</style>

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

@@ -1,6 +1,6 @@
 <template>
-  <div id="sections" class="pd-thin">
-    <h2 class="mn-auto pd-t-big pd-b-big t-center">
+  <div id="sections">
+    <h2 class="pd-t-big pd-b-big">
       {{t('title')}}
     </h2>
 
@@ -9,7 +9,7 @@
         v-for="section in tm('sections')" 
         :key="section.route"
         :to="section.route" 
-        class="t-center cursor-pointer hover-scale-0 transition-ease-in pd-big bg-light t-black radius-big"
+        class="cursor-pointer hover-scale-0 transition-ease-in pd-big bg-light t-black radius-big"
       >
         <img 
           loading="lazy" 

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

@@ -1,33 +1,22 @@
 <template>
-  <section class="pd-thin">
-    <div class="pos-relative o-hidden t-black bg-main pd-big radius-big">
-      <div class="pos-relative z-index-1">
-        <header class="t-center z-index-1 mn-b-big">
-          <h2 class="mn-l-auto mn-r-auto  mn-b-medium">{{ t('SubscribeNewsletter.title') }}</h2>
-          <p class="t-transp p-big">{{ t('SubscribeNewsletter.subtitle') }}</p>
-        </header>
+  <div class="pos-relative z-index-1">
+    <header class="d-inline-block z-index-1 mn-b-big">
+      <h2 class="mn-b-semi">{{ t('title') }}</h2>
+      <p class="t-transp p-big">{{ t('subtitle') }}</p>
+    </header>
 
-        <div class="z-index-1 w-100 flex-nowrap flex"> 
-          <FieldBig 
-            :input="email" 
-            :typingSpeed="75"
-            :loopTyping="false"
-            :enableTyping="false"
-            :placeholder="t('SubscribeNewsletter.placeholder')"
-            :action="t('SubscribeNewsletter.action')"
-            @update:input="email = $event"
-            @action="sendApplication"
-            class="mn-l-auto mn-r-auto bg-white t-black w-100 w-max-30r"
-          />
-        </div>
-      </div>
-
-      <div class="w-100 h-100 pos-absolute pos-b-50-negative pos-r-0 z-index-0 grid">
-        <div class="spiral"></div>
-      </div>
-
-    </div>
-  </section>
+    <FieldBig 
+      :input="email" 
+      :typingSpeed="75"
+      :loopTyping="false"
+      :enableTyping="false"
+      :placeholder="t('placeholder')"
+      :action="t('action')"
+      @update:input="email = $event"
+      @action="sendApplication"
+      class="d-inline-flex bg-white t-black w-100 w-max-40r"
+    />
+  </div>
 </template>
 
 <script setup>
@@ -43,10 +32,21 @@ import * as applications from '@pf/src/modules/orders/store/applications.js';
 
 import * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'
 
+const props = defineProps({
+  content: {
+    type: Object,
+    required: true
+  },
+  options: {
+    type: Object,
+    default: () => ({
+    })
+  }
+})
+
 // Localization
-const { t } = useI18n({
-  useScope: 'global', 
-  ...text
+const { t, te } = useI18n({
+  messages: props.content
 })
 
 let email = ref('')
@@ -85,6 +85,7 @@ async function sendApplication() {
       }
     };
     const response = await applications.create(application);
+
     return Promise.resolve(response.data);
   } catch (error) {
     console.log(error)

package/src/modules/landing/landing.client.js

@@ -1,8 +1,9 @@
 // Importing Vue components
-import MobileApp from './components/sections/MobileApp.vue';
+import SectionFeatures from './components/sections/SectionFeatures.vue';
+import SectionMobileApp from './components/sections/SectionMobileApp.vue';
+import SectionJoinUs from './components/sections/SectionJoinUs.vue';
 import SubscribeNewsletter from './components/sections/SubscribeNewsletter.vue';
 import SectionEarn from './components/sections/SectionEarn.vue';
-import SectionFeatures from './components/sections/SectionFeatures.vue';
 import SectionGuide from './components/sections/SectionGuide.vue';
 import SectionOverview  from './components/sections/SectionOverview.vue';
 
@@ -11,9 +12,10 @@ import AnimatedGrid from './components/elements/AnimatedGrid.vue';
 
 export {
   SectionEarn,
-  MobileApp,
+  SectionMobileApp,
   SectionGuide,
   SectionOverview,
+  SectionJoinUs,
   SubscribeNewsletter,
   SectionFeatures,
   FloatingImages,