@ozdao/martyrs 0.2.582 → 0.2.584

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wallet.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-medium\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main fw-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black fw-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp fw-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-medium fw-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp fw-medium \">\n               <span class=\"uppercase p-small fw-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 mobile:cols-1 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b-1px br-black-transp-10 flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"fw-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra fw-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"fw-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b-1px br-black-transp-10 flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"fw-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra fw-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"fw-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center fw-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from 'web3';\n\n  import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n\n  const { t } = useI18n({\n    useScope: 'global',\n    ...text\n  })\n\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue';\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n\n\n  onMounted(() => {\n      // User has disconnected metamask from extension\n    window.ethereum.on('accountsChanged', (accounts) => {\n      if (accounts.length < 1) {\n        state.account = null;\n      }\n    });\n\n    state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAiBD,cAAU,MAAM;AAEd,aAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,YAAI,SAAS,SAAS,GAAG;AACvB,gBAAM,UAAU;AAAA,QAClB;AAAA,MACF,CAAC;AAED,YAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAQ,YAAW;AACnB,cAAQ,mBAAkB;AAAA,IAC5B,CAAC;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC3B;AAEA,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACzB;AACA,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAS;AACjB,cAAQ,oBAAmB;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Wallet.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-medium\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"ws-nowrap w-max bg-main fw-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black fw-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp fw-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-medium fw-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp fw-medium \">\n               <span class=\"uppercase p-small fw-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 mobile:cols-1 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b-1px br-black-transp-10 flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"fw-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra fw-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"fw-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b-1px br-black-transp-10 flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"fw-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra fw-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"fw-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center fw-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from 'web3';\n\n  import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n\n  const { t } = useI18n({\n    useScope: 'global',\n    ...text\n  })\n\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue';\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n\n\n  onMounted(() => {\n      // User has disconnected metamask from extension\n    window.ethereum.on('accountsChanged', (accounts) => {\n      if (accounts.length < 1) {\n        state.account = null;\n      }\n    });\n\n    state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAiBD,cAAU,MAAM;AAEd,aAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,YAAI,SAAS,SAAS,GAAG;AACvB,gBAAM,UAAU;AAAA,QAClB;AAAA,MACF,CAAC;AAED,YAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAQ,YAAW;AACnB,cAAQ,mBAAkB;AAAA,IAC5B,CAAC;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC3B;AAEA,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACzB;AACA,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAS;AACjB,cAAQ,oBAAmB;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}