@ozdao/martyrs 0.2.475 → 0.2.476

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js

@@ -0,0 +1,89 @@
+import { ref, computed, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, toDisplayString, unref, withCtx, createVNode } from "vue";
+import { useI18n } from "vue-i18n";
+import { BigNumber } from "../../../../../../node_modules/.pnpm/bignumber.js@9.2.1/node_modules/bignumber.js/bignumber.js";
+import { state, actions } from "../../store/wallet.store.js";
+import text from "../../localization/wallet.json.js";
+import Field from "../../../../../components/Field/Field.vue.js";
+import Select from "../../../../../components/Select/Select.vue.js";
+const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
+const _hoisted_2 = { class: "t-semi" };
+const _hoisted_3 = ["disabled"];
+const _sfc_main = {
+  __name: "CryptoDeposit",
+  emits: ["back-selection", "switch-menu"],
+  setup(__props, { emit: __emit }) {
+    BigNumber.config({
+      EXPONENTIAL_AT: [-1e3, 2e4]
+    });
+    const amount = ref(1);
+    const emits = __emit;
+    const { t } = useI18n({
+      useScope: "global",
+      ...text
+    });
+    const receiveAmount = computed(
+      () => new BigNumber(amount.value).dividedBy(process.env.TOKEN_EXCHANGE_RATE).toString()
+    );
+    const depositOptions = computed(() => {
+      const options = [];
+      const networks = Object.keys(state.config || {});
+      for (const network of networks) {
+        for (const token of Object.keys(state.config[network].tokens)) {
+          options.push({
+            name: `${network}-${token}`,
+            value: {
+              token: state.config[network].tokens[token],
+              network
+            }
+          });
+        }
+      }
+      return options;
+    });
+    onMounted(() => {
+      actions.loadConfig();
+    });
+    function backSelection() {
+      emits("back-selection");
+    }
+    function switchMenu(screen = 0) {
+      emits("switch-menu", screen);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h3", _hoisted_1, toDisplayString(unref(t)("wallet.depositWithCrypto")), 1),
+        unref(state).config ? (openBlock(), createBlock(Field, {
+          key: 0,
+          field: amount.value,
+          "onUpdate:field": _cache[1] || (_cache[1] = ($event) => amount.value = $event),
+          placeholder: unref(t)("wallet.enterAmount"),
+          class: "mn-b-thin bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small"
+        }, {
+          default: withCtx(() => [
+            createVNode(Select, {
+              options: depositOptions.value,
+              select: unref(state).chosenNetwork,
+              "onUpdate:select": _cache[0] || (_cache[0] = ($event) => unref(state).chosenNetwork = $event),
+              class: "bg-light t-nowrap pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin"
+            }, null, 8, ["options", "select"])
+          ]),
+          _: 1
+        }, 8, ["field", "placeholder"])) : createCommentVNode("", true),
+        createElementVNode("p", _hoisted_2, "You will receive: " + toDisplayString(receiveAmount.value) + " " + toDisplayString(unref(t)("wallet.token")), 1),
+        createElementVNode("button", {
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          onClick: _cache[2] || (_cache[2] = ($event) => unref(actions).requestCryptoDeposit(amount.value).then(() => switchMenu(5))),
+          disabled: unref(state).depositRequestIsActive || !unref(state).config
+        }, toDisplayString(unref(t)("wallet.pay")), 9, _hoisted_3),
+        createElementVNode("button", {
+          class: "uppercase w-100 t-center mn-t-small",
+          onClick: backSelection
+        }, toDisplayString(unref(t)("wallet.backToSelection")), 1)
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=CryptoDeposit.vue.js.map

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CryptoDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDeposit.vue"],"sourcesContent":["<template>\n  <h3 class=\"mn-b-small t-center t-bold\">{{ t('wallet.depositWithCrypto') }}</h3>\n\n  <Field \n    v-if=\"state.config\"\n    v-model:field=\"amount\"\n    :placeholder=\"t('wallet.enterAmount')\"\n    class=\"mn-b-thin bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small\" \n  >\n    <Select \n      :options=\"depositOptions\"\n      v-model:select=\"state.chosenNetwork\"\n      class=\"bg-light t-nowrap pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n    />\n  </Field>\n\n  <p class=\"t-semi\">You will receive: {{ receiveAmount }} {{t('wallet.token')}}</p>\n\n  <button\n    class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n    @click=\"actions.requestCryptoDeposit(amount).then(() => switchMenu(5))\"\n    :disabled=\"state.depositRequestIsActive || !state.config\"\n  >\n    {{ t('wallet.pay') }}\n  </button>\n\n  <button\n    class=\"uppercase w-100 t-center mn-t-small\"\n    @click=\"backSelection\"\n  >\n    {{ t('wallet.backToSelection') }}\n  </button>\n</template>\n\n<script setup>\n  import { useI18n } from 'vue-i18n'\n  import { ref, onMounted, computed } from 'vue';\n  import { BigNumber } from 'bignumber.js';\n\n  import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Select from '@martyrs/src/components/Select/Select.vue'\n\n  BigNumber.config({\n    EXPONENTIAL_AT: [-1000, 20000]\n  });\n\n  const amount = ref(1);\n  const emits = defineEmits(['back-selection', 'switch-menu'])\n\n  // Localization\n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  const receiveAmount = computed(() =>\n    new BigNumber(amount.value)\n      .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n      .toString()\n  )\n\n  const depositOptions = computed(() => {\n    const options = [];\n\n    const networks = Object.keys(state.config || {});\n\n    for (const network of networks) {\n      for (const token of Object.keys(state.config[network].tokens)) {\n        options.push({\n          name: `${network}-${token}`,\n          value: {\n            token: state.config[network].tokens[token],\n            network: network\n          }\n        });\n      }\n    }\n\n    return options;\n  });\n\n  onMounted(() => {\n    actions.loadConfig();\n  })\n\n  function backSelection() {\n    emits(\"back-selection\")\n  }\n\n  function switchMenu(screen = 0) {\n    emits(\"switch-menu\", screen)\n  }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;AA4CE,cAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,SAAS,IAAI,CAAC;AACpB,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACJ,CAAA;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC7B,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,UAAU,CAAE;AAElB,YAAM,WAAW,OAAO,KAAK,MAAM,UAAU,CAAA,CAAE;AAE/C,iBAAW,WAAW,UAAU;AAC9B,mBAAW,SAAS,OAAO,KAAK,MAAM,OAAO,OAAO,EAAE,MAAM,GAAG;AAC7D,kBAAQ,KAAK;AAAA,YACX,MAAM,GAAG,OAAO,IAAI,KAAK;AAAA,YACzB,OAAO;AAAA,cACL,OAAO,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK;AAAA,cACzC;AAAA,YACZ;AAAA,UACA,CAAS;AAAA,QACT;AAAA,MACA;AAEI,aAAO;AAAA,IACX,CAAG;AAED,cAAU,MAAM;AACd,cAAQ,WAAY;AAAA,IACrB,CAAA;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IAC1B;AAEE,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.cjs

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const browser = require("../../../../../../../_virtual/browser.cjs");
+const vueI18n = require("vue-i18n");
+const bignumber = require("../../../../../../node_modules/.pnpm/bignumber.js@9.2.1/node_modules/bignumber.js/bignumber.cjs");
+const wallet = require("../../localization/wallet.json.cjs");
+const wallet_store = require("../../store/wallet.store.cjs");
+const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
+const _hoisted_2 = { class: "flex flex-justify-between" };
+const _hoisted_3 = { class: "t-semi" };
+const _hoisted_4 = { class: "flex flex-justify-between" };
+const _hoisted_5 = { class: "t-semi t-truncate address" };
+const _hoisted_6 = { class: "flex flex-justify-between" };
+const _hoisted_7 = { class: "t-semi" };
+const _hoisted_8 = {
+  key: 0,
+  class: "flex flex-justify-between"
+};
+const _hoisted_9 = { class: "t-semi" };
+const _hoisted_10 = { class: "flex flex-justify-between" };
+const _hoisted_11 = { class: "t-semi" };
+const _sfc_main = {
+  __name: "CryptoDepositProcessing",
+  emits: ["back-selection", "switch-menu"],
+  setup(__props, { emit: __emit }) {
+    bignumber.BigNumber.config({
+      EXPONENTIAL_AT: [-1e3, 2e4]
+    });
+    const emits = __emit;
+    const { t } = vueI18n.useI18n({
+      useScope: "global",
+      ...wallet.default
+    });
+    const remainingTime = vue.computed(() => {
+      const mins = Math.floor(wallet_store.timer.remaining / 60);
+      const secs = Math.floor(wallet_store.timer.remaining % 60);
+      return `${mins}:${secs < 10 ? `0${secs}` : secs}`;
+    });
+    const amount = vue.computed(
+      () => new bignumber.BigNumber(wallet_store.state.depositInfo.amount).shiftedBy(-8).toString()
+    );
+    const receive = vue.computed(
+      () => new bignumber.BigNumber(amount.value).dividedBy(process.env.TOKEN_EXCHANGE_RATE).toString()
+    );
+    const status = vue.computed(() => {
+      switch (wallet_store.state.depositInfo.status) {
+        case "TRANSFER_STATUS_WAITING_FOR_TX":
+          return "Waiting for payment";
+        case "TRANSFER_STATUS_SENT":
+          const confirmations = `${wallet_store.state.depositInfo.confirmations || 0} / ${wallet_store.state.config[wallet_store.state.chosenNetwork.value.network].confirmations}`;
+          return `Confirming (${confirmations})`;
+        default:
+          return "Superposition.";
+      }
+    });
+    function backSelection() {
+      emits("back-selection");
+    }
+    function switchMenu(screen = 0) {
+      emits("switch-menu", screen);
+    }
+    function copy(text) {
+      navigator.clipboard.writeText(text);
+    }
+    vue.onMounted(() => {
+      browser.default.toCanvas(
+        document.getElementById("qrcode_address_deposit"),
+        wallet_store.state.depositInfo.to,
+        { width: 300 },
+        (error) => {
+          if (error) {
+            console.error(error);
+          }
+        }
+      );
+    });
+    vue.watch(
+      wallet_store.state,
+      async () => {
+        if (wallet_store.state.depositInfo.status === "TRANSFER_STATUS_SENT") {
+          wallet_store.actions.stopTimer();
+        }
+        if (wallet_store.state.depositInfo.status === "TRANSFER_STATUS_COMPLETED") {
+          wallet_store.actions.disconnectWebSocket();
+          switchMenu(3);
+        }
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("h2", _hoisted_1, vue.toDisplayString(vue.unref(t)("wallet.depositWithCrypto")), 1),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("h3", _hoisted_3, "Amount: " + vue.toDisplayString(amount.value) + " " + vue.toDisplayString(vue.unref(wallet_store.state).chosenNetwork.name.toUpperCase()), 1),
+          vue.createElementVNode("button", {
+            class: "uppercase t-main cursor-pointer",
+            onClick: _cache[0] || (_cache[0] = () => copy(amount.value))
+          }, " copy ")
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("h3", _hoisted_5, "Wallet: " + vue.toDisplayString(vue.unref(wallet_store.state).depositInfo.to), 1),
+          vue.createElementVNode("button", {
+            class: "uppercase t-main cursor-pointer",
+            onClick: _cache[1] || (_cache[1] = () => copy(vue.unref(wallet_store.state).depositInfo.to))
+          }, " copy ")
+        ]),
+        _cache[6] || (_cache[6] = vue.createElementVNode("div", { class: "flex flex-justify-around radius-big br-solid br-2px br-black-transp-10" }, [
+          vue.createElementVNode("canvas", { id: "qrcode_address_deposit" })
+        ], -1)),
+        vue.createElementVNode("div", _hoisted_6, [
+          _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "t-semi" }, "You will receive:", -1)),
+          vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(receive.value) + " WDT", 1)
+        ]),
+        vue.unref(wallet_store.state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+          _cache[4] || (_cache[4] = vue.createElementVNode("h3", { class: "t-semi" }, "Times left:", -1)),
+          vue.createElementVNode("h3", _hoisted_9, vue.toDisplayString(remainingTime.value), 1)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_10, [
+          _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "t-semi" }, "Status:", -1)),
+          vue.createElementVNode("h3", _hoisted_11, vue.toDisplayString(status.value), 1)
+        ]),
+        vue.unref(wallet_store.state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (vue.openBlock(), vue.createElementBlock("button", {
+          key: 1,
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(wallet_store.actions).cancelDeposit().then(() => backSelection()))
+        }, vue.toDisplayString(vue.unref(t)("wallet.cancel")), 1)) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const CryptoDepositProcessing = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0f8ad042"]]);
+exports.default = CryptoDepositProcessing;
+//# sourceMappingURL=CryptoDepositProcessing.vue.cjs.map

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CryptoDepositProcessing.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">{{ t('wallet.depositWithCrypto') }}</h2>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Amount: {{ amount }} {{ state.chosenNetwork.name.toUpperCase() }}</h3>\n    <button\n      class=\"uppercase t-main cursor-pointer\"\n      @click=\"() => copy(amount)\"\n    >\n      copy\n    </button>\n  </div>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi t-truncate address\">Wallet: {{ state.depositInfo.to }}</h3>\n    <button\n      class=\"uppercase t-main cursor-pointer\"\n      @click=\"() => copy(state.depositInfo.to)\"\n    >\n      copy\n    </button>\n  </div>\n\n  <div class=\"flex flex-justify-around radius-big br-solid br-2px br-black-transp-10\">\n    <canvas id=\"qrcode_address_deposit\"></canvas>\n  </div>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">You will receive:</h3>\n    <h3 class=\"t-semi\">{{ receive }} WDT</h3>\n  </div>\n  <div v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\" class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Times left:</h3>\n    <h3 class=\"t-semi\">{{ remainingTime }}</h3>\n  </div>\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Status:</h3>\n    <h3 class=\"t-semi\">{{ status }}</h3>\n  </div>\n\n  <button\n    v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\"\n    class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n    @click=\"actions.cancelDeposit().then(() => backSelection())\"\n  >\n    {{ t('wallet.cancel') }}\n  </button>\n</template>\n\n<script setup>\n  import QRCode from 'qrcode';\n  import { useI18n } from 'vue-i18n';\n  import { watch, computed, onMounted } from 'vue';\n  import { BigNumber } from 'bignumber.js';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json';\n  import { state, actions, timer } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  BigNumber.config({\n    EXPONENTIAL_AT: [-1000, 20000]\n  });\n\n  const emits = defineEmits(['back-selection', 'switch-menu']);\n\n  // Localization\n  const { t } = useI18n({\n    useScope: 'global',\n    ...text\n  });\n\n  const remainingTime = computed(() => {\n    const mins = Math.floor(timer.remaining / 60);\n    const secs = Math.floor(timer.remaining % 60);\n\n    return `${mins}:${secs < 10 ? `0${secs}` : secs}`;\n  });\n\n  const amount = computed(() =>\n    new BigNumber(state.depositInfo.amount)\n      .shiftedBy(-8)\n      .toString()\n  );\n\n  const receive = computed(() =>\n    new BigNumber(amount.value)\n      .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n      .toString()\n  )\n\n  const status = computed(() => {\n    switch (state.depositInfo.status) {\n      case 'TRANSFER_STATUS_WAITING_FOR_TX':\n        return 'Waiting for payment';\n      case 'TRANSFER_STATUS_SENT':\n        const confirmations = `${state.depositInfo.confirmations || 0} / ${state.config[state.chosenNetwork.value.network].confirmations}`;\n        return `Confirming (${confirmations})`;\n      default:\n        return 'Superposition.';\n    }\n  });\n\n  function backSelection() {\n    emits(\"back-selection\");\n  }\n\n  function switchMenu(screen = 0) {\n    emits(\"switch-menu\", screen);\n  }\n\n  function copy(text) {\n    navigator.clipboard.writeText(text);\n  }\n\n  onMounted(() => {\n    QRCode.toCanvas(\n      document.getElementById('qrcode_address_deposit'),\n      state.depositInfo.to,\n      { width: 300 },\n      (error) =>  { if (error) { console.error(error); } }\n    )\n  })\n\n  watch(\n    state,\n    async () => {\n      if (state.depositInfo.status === 'TRANSFER_STATUS_SENT') {\n        actions.stopTimer();\n      }\n\n      if (state.depositInfo.status === 'TRANSFER_STATUS_COMPLETED') {\n        actions.disconnectWebSocket();\n        switchMenu(3);\n      }\n    },\n    { deep: true },\n  )\n</script>\n\n<style scoped>\n  .address {\n    text-wrap: nowrap;\n    display: block;\n  }\n</style>"],"names":["BigNumber","useI18n","text","computed","timer","state","onMounted","QRCode","watch","actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DEA,cAAAA,UAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAAA;AAAAA,IACP,CAAG;AAED,UAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,YAAM,OAAO,KAAK,MAAMC,aAAAA,MAAM,YAAY,EAAE;AAC5C,YAAM,OAAO,KAAK,MAAMA,aAAAA,MAAM,YAAY,EAAE;AAE5C,aAAO,GAAG,IAAI,IAAI,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI;AAAA,IACnD,CAAG;AAED,UAAM,SAASD,IAAAA;AAAAA,MAAS,MACtB,IAAIH,UAAS,UAACK,mBAAM,YAAY,MAAM,EACnC,UAAU,EAAE,EACZ,SAAQ;AAAA,IACZ;AAED,UAAM,UAAUF,IAAAA;AAAAA,MAAS,MACvB,IAAIH,UAAAA,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,SAASG,IAAAA,SAAS,MAAM;AAC5B,cAAQE,aAAAA,MAAM,YAAY,QAAM;AAAA,QAC9B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,gBAAM,gBAAgB,GAAGA,aAAAA,MAAM,YAAY,iBAAiB,CAAC,MAAMA,aAAK,MAAC,OAAOA,aAAK,MAAC,cAAc,MAAM,OAAO,EAAE,aAAa;AAChI,iBAAO,eAAe,aAAa;AAAA,QACrC;AACE,iBAAO;AAAA,MACf;AAAA,IACA,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IAC1B;AAEE,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC/B;AAEE,aAAS,KAAK,MAAM;AAClB,gBAAU,UAAU,UAAU,IAAI;AAAA,IACtC;AAEEC,QAAAA,UAAU,MAAM;AACdC,cAAAA,QAAO;AAAA,QACL,SAAS,eAAe,wBAAwB;AAAA,QAChDF,aAAK,MAAC,YAAY;AAAA,QAClB,EAAE,OAAO,IAAK;AAAA,QACd,CAAC,UAAW;AAAE,cAAI,OAAO;AAAE,oBAAQ,MAAM,KAAK;AAAA,UAAI;AAAA,QAAA;AAAA,MACxD;AAAA,IACG,CAAA;AAEDG,QAAK;AAAA,MACHH,aAAK;AAAA,MACL,YAAY;AACV,YAAIA,mBAAM,YAAY,WAAW,wBAAwB;AACvDI,uBAAAA,QAAQ,UAAW;AAAA,QAC3B;AAEM,YAAIJ,mBAAM,YAAY,WAAW,6BAA6B;AAC5DI,uBAAAA,QAAQ,oBAAqB;AAC7B,qBAAW,CAAC;AAAA,QACpB;AAAA,MACK;AAAA,MACD,EAAE,MAAM,KAAM;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.js

@@ -0,0 +1,135 @@
+import { computed, onMounted, watch, createElementBlock, openBlock, Fragment, createElementVNode, createCommentVNode, toDisplayString, unref } from "vue";
+import QRCode from "../../../../../../../_virtual/browser.js";
+import { useI18n } from "vue-i18n";
+import { BigNumber } from "../../../../../../node_modules/.pnpm/bignumber.js@9.2.1/node_modules/bignumber.js/bignumber.js";
+import text from "../../localization/wallet.json.js";
+import { timer, state, actions } from "../../store/wallet.store.js";
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
+const _hoisted_2 = { class: "flex flex-justify-between" };
+const _hoisted_3 = { class: "t-semi" };
+const _hoisted_4 = { class: "flex flex-justify-between" };
+const _hoisted_5 = { class: "t-semi t-truncate address" };
+const _hoisted_6 = { class: "flex flex-justify-between" };
+const _hoisted_7 = { class: "t-semi" };
+const _hoisted_8 = {
+  key: 0,
+  class: "flex flex-justify-between"
+};
+const _hoisted_9 = { class: "t-semi" };
+const _hoisted_10 = { class: "flex flex-justify-between" };
+const _hoisted_11 = { class: "t-semi" };
+const _sfc_main = {
+  __name: "CryptoDepositProcessing",
+  emits: ["back-selection", "switch-menu"],
+  setup(__props, { emit: __emit }) {
+    BigNumber.config({
+      EXPONENTIAL_AT: [-1e3, 2e4]
+    });
+    const emits = __emit;
+    const { t } = useI18n({
+      useScope: "global",
+      ...text
+    });
+    const remainingTime = computed(() => {
+      const mins = Math.floor(timer.remaining / 60);
+      const secs = Math.floor(timer.remaining % 60);
+      return `${mins}:${secs < 10 ? `0${secs}` : secs}`;
+    });
+    const amount = computed(
+      () => new BigNumber(state.depositInfo.amount).shiftedBy(-8).toString()
+    );
+    const receive = computed(
+      () => new BigNumber(amount.value).dividedBy(process.env.TOKEN_EXCHANGE_RATE).toString()
+    );
+    const status = computed(() => {
+      switch (state.depositInfo.status) {
+        case "TRANSFER_STATUS_WAITING_FOR_TX":
+          return "Waiting for payment";
+        case "TRANSFER_STATUS_SENT":
+          const confirmations = `${state.depositInfo.confirmations || 0} / ${state.config[state.chosenNetwork.value.network].confirmations}`;
+          return `Confirming (${confirmations})`;
+        default:
+          return "Superposition.";
+      }
+    });
+    function backSelection() {
+      emits("back-selection");
+    }
+    function switchMenu(screen = 0) {
+      emits("switch-menu", screen);
+    }
+    function copy(text2) {
+      navigator.clipboard.writeText(text2);
+    }
+    onMounted(() => {
+      QRCode.toCanvas(
+        document.getElementById("qrcode_address_deposit"),
+        state.depositInfo.to,
+        { width: 300 },
+        (error) => {
+          if (error) {
+            console.error(error);
+          }
+        }
+      );
+    });
+    watch(
+      state,
+      async () => {
+        if (state.depositInfo.status === "TRANSFER_STATUS_SENT") {
+          actions.stopTimer();
+        }
+        if (state.depositInfo.status === "TRANSFER_STATUS_COMPLETED") {
+          actions.disconnectWebSocket();
+          switchMenu(3);
+        }
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h2", _hoisted_1, toDisplayString(unref(t)("wallet.depositWithCrypto")), 1),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("h3", _hoisted_3, "Amount: " + toDisplayString(amount.value) + " " + toDisplayString(unref(state).chosenNetwork.name.toUpperCase()), 1),
+          createElementVNode("button", {
+            class: "uppercase t-main cursor-pointer",
+            onClick: _cache[0] || (_cache[0] = () => copy(amount.value))
+          }, " copy ")
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("h3", _hoisted_5, "Wallet: " + toDisplayString(unref(state).depositInfo.to), 1),
+          createElementVNode("button", {
+            class: "uppercase t-main cursor-pointer",
+            onClick: _cache[1] || (_cache[1] = () => copy(unref(state).depositInfo.to))
+          }, " copy ")
+        ]),
+        _cache[6] || (_cache[6] = createElementVNode("div", { class: "flex flex-justify-around radius-big br-solid br-2px br-black-transp-10" }, [
+          createElementVNode("canvas", { id: "qrcode_address_deposit" })
+        ], -1)),
+        createElementVNode("div", _hoisted_6, [
+          _cache[3] || (_cache[3] = createElementVNode("h3", { class: "t-semi" }, "You will receive:", -1)),
+          createElementVNode("h3", _hoisted_7, toDisplayString(receive.value) + " WDT", 1)
+        ]),
+        unref(state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          _cache[4] || (_cache[4] = createElementVNode("h3", { class: "t-semi" }, "Times left:", -1)),
+          createElementVNode("h3", _hoisted_9, toDisplayString(remainingTime.value), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_10, [
+          _cache[5] || (_cache[5] = createElementVNode("h3", { class: "t-semi" }, "Status:", -1)),
+          createElementVNode("h3", _hoisted_11, toDisplayString(status.value), 1)
+        ]),
+        unref(state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          onClick: _cache[2] || (_cache[2] = ($event) => unref(actions).cancelDeposit().then(() => backSelection()))
+        }, toDisplayString(unref(t)("wallet.cancel")), 1)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const CryptoDepositProcessing = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f8ad042"]]);
+export {
+  CryptoDepositProcessing as default
+};
+//# sourceMappingURL=CryptoDepositProcessing.vue.js.map

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CryptoDepositProcessing.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">{{ t('wallet.depositWithCrypto') }}</h2>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Amount: {{ amount }} {{ state.chosenNetwork.name.toUpperCase() }}</h3>\n    <button\n      class=\"uppercase t-main cursor-pointer\"\n      @click=\"() => copy(amount)\"\n    >\n      copy\n    </button>\n  </div>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi t-truncate address\">Wallet: {{ state.depositInfo.to }}</h3>\n    <button\n      class=\"uppercase t-main cursor-pointer\"\n      @click=\"() => copy(state.depositInfo.to)\"\n    >\n      copy\n    </button>\n  </div>\n\n  <div class=\"flex flex-justify-around radius-big br-solid br-2px br-black-transp-10\">\n    <canvas id=\"qrcode_address_deposit\"></canvas>\n  </div>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">You will receive:</h3>\n    <h3 class=\"t-semi\">{{ receive }} WDT</h3>\n  </div>\n  <div v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\" class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Times left:</h3>\n    <h3 class=\"t-semi\">{{ remainingTime }}</h3>\n  </div>\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Status:</h3>\n    <h3 class=\"t-semi\">{{ status }}</h3>\n  </div>\n\n  <button\n    v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\"\n    class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n    @click=\"actions.cancelDeposit().then(() => backSelection())\"\n  >\n    {{ t('wallet.cancel') }}\n  </button>\n</template>\n\n<script setup>\n  import QRCode from 'qrcode';\n  import { useI18n } from 'vue-i18n';\n  import { watch, computed, onMounted } from 'vue';\n  import { BigNumber } from 'bignumber.js';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json';\n  import { state, actions, timer } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  BigNumber.config({\n    EXPONENTIAL_AT: [-1000, 20000]\n  });\n\n  const emits = defineEmits(['back-selection', 'switch-menu']);\n\n  // Localization\n  const { t } = useI18n({\n    useScope: 'global',\n    ...text\n  });\n\n  const remainingTime = computed(() => {\n    const mins = Math.floor(timer.remaining / 60);\n    const secs = Math.floor(timer.remaining % 60);\n\n    return `${mins}:${secs < 10 ? `0${secs}` : secs}`;\n  });\n\n  const amount = computed(() =>\n    new BigNumber(state.depositInfo.amount)\n      .shiftedBy(-8)\n      .toString()\n  );\n\n  const receive = computed(() =>\n    new BigNumber(amount.value)\n      .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n      .toString()\n  )\n\n  const status = computed(() => {\n    switch (state.depositInfo.status) {\n      case 'TRANSFER_STATUS_WAITING_FOR_TX':\n        return 'Waiting for payment';\n      case 'TRANSFER_STATUS_SENT':\n        const confirmations = `${state.depositInfo.confirmations || 0} / ${state.config[state.chosenNetwork.value.network].confirmations}`;\n        return `Confirming (${confirmations})`;\n      default:\n        return 'Superposition.';\n    }\n  });\n\n  function backSelection() {\n    emits(\"back-selection\");\n  }\n\n  function switchMenu(screen = 0) {\n    emits(\"switch-menu\", screen);\n  }\n\n  function copy(text) {\n    navigator.clipboard.writeText(text);\n  }\n\n  onMounted(() => {\n    QRCode.toCanvas(\n      document.getElementById('qrcode_address_deposit'),\n      state.depositInfo.to,\n      { width: 300 },\n      (error) =>  { if (error) { console.error(error); } }\n    )\n  })\n\n  watch(\n    state,\n    async () => {\n      if (state.depositInfo.status === 'TRANSFER_STATUS_SENT') {\n        actions.stopTimer();\n      }\n\n      if (state.depositInfo.status === 'TRANSFER_STATUS_COMPLETED') {\n        actions.disconnectWebSocket();\n        switchMenu(3);\n      }\n    },\n    { deep: true },\n  )\n</script>\n\n<style scoped>\n  .address {\n    text-wrap: nowrap;\n    display: block;\n  }\n</style>"],"names":["text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0DE,cAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO,KAAK,MAAM,MAAM,YAAY,EAAE;AAC5C,YAAM,OAAO,KAAK,MAAM,MAAM,YAAY,EAAE;AAE5C,aAAO,GAAG,IAAI,IAAI,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI;AAAA,IACnD,CAAG;AAED,UAAM,SAAS;AAAA,MAAS,MACtB,IAAI,UAAU,MAAM,YAAY,MAAM,EACnC,UAAU,EAAE,EACZ,SAAQ;AAAA,IACZ;AAED,UAAM,UAAU;AAAA,MAAS,MACvB,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,SAAS,SAAS,MAAM;AAC5B,cAAQ,MAAM,YAAY,QAAM;AAAA,QAC9B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,gBAAM,gBAAgB,GAAG,MAAM,YAAY,iBAAiB,CAAC,MAAM,MAAM,OAAO,MAAM,cAAc,MAAM,OAAO,EAAE,aAAa;AAChI,iBAAO,eAAe,aAAa;AAAA,QACrC;AACE,iBAAO;AAAA,MACf;AAAA,IACA,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IAC1B;AAEE,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC/B;AAEE,aAAS,KAAKA,OAAM;AAClB,gBAAU,UAAU,UAAUA,KAAI;AAAA,IACtC;AAEE,cAAU,MAAM;AACd,aAAO;AAAA,QACL,SAAS,eAAe,wBAAwB;AAAA,QAChD,MAAM,YAAY;AAAA,QAClB,EAAE,OAAO,IAAK;AAAA,QACd,CAAC,UAAW;AAAE,cAAI,OAAO;AAAE,oBAAQ,MAAM,KAAK;AAAA,UAAI;AAAA,QAAA;AAAA,MACxD;AAAA,IACG,CAAA;AAED;AAAA,MACE;AAAA,MACA,YAAY;AACV,YAAI,MAAM,YAAY,WAAW,wBAAwB;AACvD,kBAAQ,UAAW;AAAA,QAC3B;AAEM,YAAI,MAAM,YAAY,WAAW,6BAA6B;AAC5D,kBAAQ,oBAAqB;AAC7B,qBAAW,CAAC;AAAA,QACpB;AAAA,MACK;AAAA,MACD,EAAE,MAAM,KAAM;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,242 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+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.vue.cjs");
+require("vue-router");
+;/* empty css                                              */
+;/* empty css                                                */
+require("../../../../reports/store/reports.cjs");
+require("../../../../auth/views/store/auth.cjs");
+require("../../../../organizations/store/memberships.cjs");
+require("../../../../community/store/reactions.cjs");
+;/* empty css                                          */
+const ConnectMetamask = require("../elements/ConnectMetamask.vue.cjs");
+const CashDeposit = require("../blocks/CashDeposit.vue.cjs");
+const CardDeposit = require("../blocks/CardDeposit.vue.cjs");
+const CryptoDeposit = require("../blocks/CryptoDeposit.vue.cjs");
+const CardBalanceReplenished = require("../blocks/CardBalanceReplenished.vue.cjs");
+const CryptoDepositProcessing = require("../blocks/CryptoDepositProcessing.vue.cjs");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = { class: "bg-black t-white mn-b-thin radius-big pd-big" };
+const _hoisted_3 = { class: "mn-b-medium" };
+const _hoisted_4 = { class: "mn-b-semi t-transp p-big" };
+const _hoisted_5 = {
+  key: 0,
+  class: "gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium"
+};
+const _hoisted_6 = { class: "flex-v-center flex-nowrap flex mn-r-auto" };
+const _hoisted_7 = {
+  key: 1,
+  class: "w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black"
+};
+const _hoisted_8 = { class: "h1 mn-b-small" };
+const _hoisted_9 = { class: "flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra" };
+const _hoisted_10 = {
+  key: 0,
+  class: "t-transp t-medium"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "mn-b-semi cols-2 gap-thin"
+};
+const _hoisted_12 = { class: "w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light" };
+const _hoisted_13 = {
+  key: 0,
+  class: "mn-b-small"
+};
+const _hoisted_14 = {
+  key: 1,
+  class: "mn-b-small"
+};
+const _hoisted_15 = { class: "cols-3 mobile:cols-1 gap-thin" };
+const _hoisted_16 = { class: "radius-medium bg-light" };
+const _hoisted_17 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
+const _hoisted_18 = { class: "t-semi mn-r-auto" };
+const _hoisted_19 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
+const _hoisted_20 = { class: "pd-medium" };
+const _hoisted_21 = { class: "t-regular mn-b-thin" };
+const _hoisted_22 = {
+  key: 2,
+  class: "mn-b-small"
+};
+const _hoisted_23 = { class: "cols-3 mobile:cols-1 gap-thin" };
+const _hoisted_24 = { class: "radius-medium bg-grey" };
+const _hoisted_25 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
+const _hoisted_26 = { class: "t-semi mn-r-auto" };
+const _hoisted_27 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
+const _hoisted_28 = { class: "pd-medium" };
+const _hoisted_29 = { class: "t-regular mn-b-thin" };
+const _hoisted_30 = { key: 0 };
+const _sfc_main = {
+  __name: "Wallet",
+  setup(__props) {
+    const { t } = vueI18n.useI18n({
+      useScope: "global",
+      ...wallet.default
+    });
+    vue.onMounted(() => {
+      window.ethereum.on("accountsChanged", (accounts) => {
+        if (accounts.length < 1) {
+          wallet_store.state.account = null;
+        }
+      });
+      wallet_store.state.web3 = new Web3(window.ethereum || "http://localhost:8080");
+      wallet_store.actions.listRewards();
+      wallet_store.actions.tryReconnectWallet();
+    });
+    const isGetMorePopup = vue.ref(false);
+    const currentMenuPopup = vue.ref(0);
+    function switchGetMoreMenu(value) {
+      currentMenuPopup.value = value;
+    }
+    function openGetMorePopup() {
+      isGetMorePopup.value = true;
+    }
+    function closeGetMorePopup() {
+      isGetMorePopup.value = false;
+      currentMenuPopup.value = 0;
+      wallet_store.actions.stopTimer();
+      wallet_store.actions.disconnectWebSocket();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("section", _hoisted_2, [
+          vue.createElementVNode("h1", _hoisted_3, vue.toDisplayString(vue.unref(t)("wallet.title")), 1),
+          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("wallet.subtitle")), 1),
+          vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createElementVNode("div", _hoisted_6, [
+              vue.createElementVNode("h2", null, vue.toDisplayString(vue.unref(wallet_store.state).tokenBalance) + " " + vue.toDisplayString(vue.unref(t)("wallet.token")), 1)
+            ]),
+            vue.createElementVNode("button", {
+              onClick: openGetMorePopup,
+              class: "t-nowrap w-max bg-main t-medium button"
+            }, "Get More"),
+            vue.createVNode(Button.default, {
+              submit: vue.unref(wallet_store.actions).collectRewards,
+              class: "w-max bg-white t-black t-medium button"
+            }, {
+              default: vue.withCtx(() => _cache[9] || (_cache[9] = [
+                vue.createTextVNode(" Withdraw ")
+              ])),
+              _: 1
+            }, 8, ["submit"])
+          ])) : vue.createCommentVNode("", true),
+          vue.createVNode(ConnectMetamask.default, { class: "mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100" }),
+          vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+            _cache[12] || (_cache[12] = vue.createElementVNode("p", { class: "t-transp t-medium mn-b-thin" }, "You own:", -1)),
+            vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(vue.unref(wallet_store.state).share) + "%", 1),
+            _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "t-white p-big t-medium mn-b-semi" }, "of all shares", -1)),
+            vue.createElementVNode("div", _hoisted_9, [
+              vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10, [
+                _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "uppercase p-small t-medium t-transp" }, "Connected Metamask", -1)),
+                _cache[11] || (_cache[11] = vue.createElementVNode("br", null, null, -1)),
+                vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(wallet_store.state).account), 1)
+              ])) : vue.createCommentVNode("", true),
+              vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 1,
+                onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(wallet_store.actions).disconnectWallet && vue.unref(wallet_store.actions).disconnectWallet(...args)),
+                class: "mn-l-auto bg-red button"
+              }, " Disconnect Wallet ")) : vue.createCommentVNode("", true)
+            ])
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+          _cache[14] || (_cache[14] = vue.createElementVNode("div", { class: "w-100 pd-medium radius-medium t-center bg-light" }, [
+            vue.createElementVNode("h3", { class: "mn-b-small" }, "Make first order and start earning Weeder Token"),
+            vue.createElementVNode("button", { class: "mn-l-auto mn-r-auto bg-main button" }, "Explore marketplace")
+          ], -1)),
+          vue.createElementVNode("div", _hoisted_12, [
+            !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_13, " Connect Metamask to withdrawal your earnings. ")) : vue.createCommentVNode("", true),
+            !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 1,
+              onClick: _cache[1] || (_cache[1] = (...args) => vue.unref(wallet_store.actions).connectWallet && vue.unref(wallet_store.actions).connectWallet(...args)),
+              class: "br-solid br-2px br-black-transp-10 t-black button"
+            }, " Connect Wallet ")) : vue.createCommentVNode("", true)
+          ])
+        ])) : vue.createCommentVNode("", true),
+        vue.unref(wallet_store.state).rewards.length > 0 ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_14, "Latest Rewards ")) : vue.createCommentVNode("", true),
+        vue.createElementVNode("section", _hoisted_15, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(wallet_store.state).rewards, (income) => {
+            return vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
+              vue.createElementVNode("div", _hoisted_17, [
+                vue.createElementVNode("p", _hoisted_18, vue.toDisplayString(income.amount) + " WDT", 1),
+                vue.createElementVNode("span", _hoisted_19, vue.toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_20, [
+                vue.createElementVNode("h4", _hoisted_21, vue.toDisplayString(income.name), 1)
+              ])
+            ]);
+          }), 256))
+        ]),
+        vue.unref(wallet_store.state).rewards.length > 0 ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_22, "Activity")) : vue.createCommentVNode("", true),
+        vue.createElementVNode("section", _hoisted_23, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(wallet_store.state).rewards, (income) => {
+            return vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
+              vue.createElementVNode("div", _hoisted_25, [
+                vue.createElementVNode("p", _hoisted_26, vue.toDisplayString(income.amount) + " WDT", 1),
+                vue.createElementVNode("span", _hoisted_27, vue.toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_28, [
+                vue.createElementVNode("h4", _hoisted_29, vue.toDisplayString(income.name), 1)
+              ])
+            ]);
+          }), 256))
+        ]),
+        vue.createVNode(Popup.default, {
+          onClosePopup: closeGetMorePopup,
+          isPopupOpen: isGetMorePopup.value,
+          class: "w-m-50r t-left pd-big bg-white radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            currentMenuPopup.value === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
+              _cache[15] || (_cache[15] = vue.createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Choose the way of deposit", -1)),
+              vue.createElementVNode("button", {
+                class: "w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small",
+                onClick: _cache[2] || (_cache[2] = ($event) => switchGetMoreMenu(1))
+              }, " CASH "),
+              vue.createElementVNode("button", {
+                class: "w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small",
+                onClick: _cache[3] || (_cache[3] = ($event) => switchGetMoreMenu(2))
+              }, " CARD "),
+              vue.createElementVNode("button", {
+                class: "w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small",
+                onClick: _cache[4] || (_cache[4] = ($event) => switchGetMoreMenu(4))
+              }, " CRYPTO ")
+            ])) : vue.createCommentVNode("", true),
+            currentMenuPopup.value === 1 ? (vue.openBlock(), vue.createBlock(CashDeposit.default, {
+              key: 1,
+              onBackSelection: _cache[5] || (_cache[5] = ($event) => switchGetMoreMenu(0))
+            })) : vue.createCommentVNode("", true),
+            currentMenuPopup.value === 2 ? (vue.openBlock(), vue.createBlock(CardDeposit.default, {
+              key: 2,
+              onBackSelection: _cache[6] || (_cache[6] = ($event) => switchGetMoreMenu(0)),
+              onSwitchMenu: switchGetMoreMenu
+            })) : vue.createCommentVNode("", true),
+            currentMenuPopup.value === 3 ? (vue.openBlock(), vue.createBlock(CardBalanceReplenished.default, {
+              key: 3,
+              onClose: closeGetMorePopup
+            })) : vue.createCommentVNode("", true),
+            currentMenuPopup.value === 4 ? (vue.openBlock(), vue.createBlock(CryptoDeposit.default, {
+              key: 4,
+              onBackSelection: _cache[7] || (_cache[7] = ($event) => switchGetMoreMenu(0)),
+              onSwitchMenu: switchGetMoreMenu
+            })) : vue.createCommentVNode("", true),
+            currentMenuPopup.value === 5 ? (vue.openBlock(), vue.createBlock(CryptoDepositProcessing.default, {
+              key: 5,
+              onBackSelection: _cache[8] || (_cache[8] = ($event) => switchGetMoreMenu(0)),
+              onSwitchMenu: switchGetMoreMenu
+            })) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Wallet.vue.cjs.map