@ozdao/prometheus-framework 0.2.330 → 0.2.332

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CryptoDeposit.vue.cjs","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 '@pf/src/modules/wallet/views/store/wallet.store';\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Select from '@pf/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":["BigNumber","ref","useI18n","text","computed","state","onMounted","actions"],"mappings":";;;;;;;;;;;;;;;;AA4CEA,cAAAA,UAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,SAASC,QAAI,CAAC;AACpB,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACX,CAAG;AAED,UAAM,gBAAgBC,IAAAA;AAAAA,MAAS,MAC7B,IAAIJ,UAAS,UAAC,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAU;AAAA,IACd;AAED,UAAM,iBAAiBI,IAAAA,SAAS,MAAM;AACpC,YAAM,UAAU,CAAA;AAEhB,YAAM,WAAW,OAAO,KAAKC,aAAAA,MAAM,UAAU,CAAA,CAAE;AAE/C,iBAAW,WAAW,UAAU;AAC9B,mBAAW,SAAS,OAAO,KAAKA,aAAK,MAAC,OAAO,OAAO,EAAE,MAAM,GAAG;AAC7D,kBAAQ,KAAK;AAAA,YACX,MAAM,GAAG,OAAO,IAAI,KAAK;AAAA,YACzB,OAAO;AAAA,cACL,OAAOA,aAAK,MAAC,OAAO,OAAO,EAAE,OAAO,KAAK;AAAA,cACzC;AAAA,YACD;AAAA,UACX,CAAS;AAAA,QACF;AAAA,MACF;AAED,aAAO;AAAA,IACX,CAAG;AAEDC,QAAAA,UAAU,MAAM;AACdC,mBAAO,QAAC,WAAU;AAAA,IACtB,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CryptoDeposit.vue.cjs","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 '@pf/src/modules/wallet/views/store/wallet.store';\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Select from '@pf/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":["BigNumber","ref","useI18n","text","computed","state","onMounted","actions"],"mappings":";;;;;;;;;;;;;;;;AA4CEA,cAAAA,UAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,SAASC,IAAG,IAAC,CAAC;AACpB,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAAA;AAAAA,IACJ,CAAA;AAED,UAAM,gBAAgBC,IAAAA;AAAAA,MAAS,MAC7B,IAAIJ,UAAAA,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,iBAAiBI,IAAAA,SAAS,MAAM;AACpC,YAAM,UAAU,CAAE;AAElB,YAAM,WAAW,OAAO,KAAKC,aAAAA,MAAM,UAAU,CAAA,CAAE;AAE/C,iBAAW,WAAW,UAAU;AAC9B,mBAAW,SAAS,OAAO,KAAKA,aAAK,MAAC,OAAO,OAAO,EAAE,MAAM,GAAG;AAC7D,kBAAQ,KAAK;AAAA,YACX,MAAM,GAAG,OAAO,IAAI,KAAK;AAAA,YACzB,OAAO;AAAA,cACL,OAAOA,aAAK,MAAC,OAAO,OAAO,EAAE,OAAO,KAAK;AAAA,cACzC;AAAA,YACZ;AAAA,UACA,CAAS;AAAA,QACT;AAAA,MACA;AAEI,aAAO;AAAA,IACX,CAAG;AAEDC,QAAAA,UAAU,MAAM;AACdC,mBAAAA,QAAQ,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/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js

@@ -1,9 +1,9 @@
-import { ref, computed, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+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/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 Field from "../../../../../components/Field/Field.vue2.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" };

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js.map

@@ -1 +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 '@pf/src/modules/wallet/views/store/wallet.store';\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Select from '@pf/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,IACP,CAAG;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC7B,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAU;AAAA,IACd;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,UAAU,CAAA;AAEhB,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,YACD;AAAA,UACX,CAAS;AAAA,QACF;AAAA,MACF;AAED,aAAO;AAAA,IACX,CAAG;AAED,cAAU,MAAM;AACd,cAAQ,WAAU;AAAA,IACtB,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 '@pf/src/modules/wallet/views/store/wallet.store';\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Select from '@pf/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/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.cjs

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-require("../../../../../../../node_modules/qrcode/lib/browser.cjs");
+const browser = require("../../../../../../../_virtual/browser.cjs");
 const vueI18n = require("vue-i18n");
 const bignumber = require("../../../../../../node_modules/bignumber.js/bignumber.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
 const wallet_store = require("../../store/wallet.store.cjs");
 ;/* empty css                               */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const browser = require("../../../../../../../_virtual/browser.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" };
@@ -67,7 +66,7 @@ const _sfc_main = {
       navigator.clipboard.writeText(text);
     }
     vue.onMounted(() => {
-      browser.__exports.toCanvas(
+      browser.default.toCanvas(
         document.getElementById("qrcode_address_deposit"),
         wallet_store.state.depositInfo.to,
         { width: 300 },

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.cjs.map

@@ -1 +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 '@pf/src/modules/wallet/views/localization/wallet.json';\n  import { state, actions, timer } from '@pf/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,OAAI;AAAA,IACX,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,oBAAUK,aAAAA,MAAM,YAAY,MAAM,EACnC,UAAU,EAAE,EACZ,SAAU;AAAA,IACjB;AAEE,UAAM,UAAUF,IAAAA;AAAAA,MAAS,MACvB,IAAIH,UAAS,UAAC,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAU;AAAA,IACd;AAED,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,MACV;AAAA,IACL,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;AAED,aAAS,KAAK,MAAM;AAClB,gBAAU,UAAU,UAAU,IAAI;AAAA,IACnC;AAEDC,QAAAA,UAAU,MAAM;AACdC,cAAAA,UAAO;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;QAAM;AAAA,MACrD;AAAA,IACL,CAAG;AAEDG,QAAK;AAAA,MACHH,aAAK;AAAA,MACL,YAAY;AACV,YAAIA,mBAAM,YAAY,WAAW,wBAAwB;AACvDI,uBAAO,QAAC,UAAS;AAAA,QAClB;AAED,YAAIJ,mBAAM,YAAY,WAAW,6BAA6B;AAC5DI,uBAAO,QAAC,oBAAmB;AAC3B,qBAAW,CAAC;AAAA,QACb;AAAA,MACF;AAAA,MACD,EAAE,MAAM,KAAM;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 '@pf/src/modules/wallet/views/localization/wallet.json';\n  import { state, actions, timer } from '@pf/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/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.js

@@ -1,12 +1,11 @@
-import { computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createCommentVNode } from "vue";
-import "../../../../../../../node_modules/qrcode/lib/browser.js";
+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/bignumber.js/bignumber.js";
 import text from "../../localization/wallet.json.js";
 import { timer, state, actions } from "../../store/wallet.store.js";
 /* empty css                             */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-import { __exports as browser } from "../../../../../../../_virtual/browser.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" };
@@ -65,7 +64,7 @@ const _sfc_main = {
       navigator.clipboard.writeText(text2);
     }
     onMounted(() => {
-      browser.toCanvas(
+      QRCode.toCanvas(
         document.getElementById("qrcode_address_deposit"),
         state.depositInfo.to,
         { width: 300 },

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.js.map

@@ -1 +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 '@pf/src/modules/wallet/views/localization/wallet.json';\n  import { state, actions, timer } from '@pf/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","QRCode"],"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,SAAU;AAAA,IACjB;AAEE,UAAM,UAAU;AAAA,MAAS,MACvB,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAU;AAAA,IACd;AAED,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,MACV;AAAA,IACL,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;AAED,aAAS,KAAKA,OAAM;AAClB,gBAAU,UAAU,UAAUA,KAAI;AAAA,IACnC;AAED,cAAU,MAAM;AACdC,cAAO;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;QAAM;AAAA,MACrD;AAAA,IACL,CAAG;AAED;AAAA,MACE;AAAA,MACA,YAAY;AACV,YAAI,MAAM,YAAY,WAAW,wBAAwB;AACvD,kBAAQ,UAAS;AAAA,QAClB;AAED,YAAI,MAAM,YAAY,WAAW,6BAA6B;AAC5D,kBAAQ,oBAAmB;AAC3B,qBAAW,CAAC;AAAA,QACb;AAAA,MACF;AAAA,MACD,EAAE,MAAM,KAAM;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 '@pf/src/modules/wallet/views/localization/wallet.json';\n  import { state, actions, timer } from '@pf/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/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectMetamask.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- Connect Metamask -->\n    <button \n      v-if=\"!isMetaMaskInstalled\"\n      @click=\"connectMetaMask\" \n      class=\"transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n    >\n      <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n      <span class=\"h4 uppercase w-100\">{{ t('connectMetaMask') }}</span>\n      <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n    </button>\n    <template v-else>\n      <!-- Switch to Polygon -->\n      <button \n        v-if=\"!isPolygon\"\n        @click=\"switchToPolygon\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('switchToPolygon') }}</span>\n        <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n      </button>\n      <!-- Add Token to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addToken\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('addToken') }}</span>\n        <IconAdd class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n    <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  // Token configuration\n  tokenAddress: {\n    type: String,\n    required: true\n  },\n  tokenSymbol: {\n    type: String,\n    required: true\n  },\n  tokenImage: {\n    type: String,\n    required: true\n  },\n  tokenDecimals: {\n    type: Number,\n    default: 18\n  },\n  // Chain configuration\n  targetChainId: {\n    type: String,\n    default: '0x89' // Polygon Mainnet by default\n  },\n  // UI configuration\n  metamaskIcon: {\n    type: String,\n    default: '/icons/metamask.svg'\n  },\n  content: {\n    type: Object,\n    default: () => ({\n      en: {\n        \"connectMetaMask\": \"Connect MetaMask\",\n        \"switchToPolygon\": \"Switch to Polygon\",\n        \"addToken\": `Add token to MetaMask`,\n      }\n    })\n  }\n});\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (err) {\n      error.value = err.message;\n      console.error('Error connecting to MetaMask:', err);\n    }\n  } else {\n    window.open('https://metamask.io/', '_blank');\n  }\n};\n\nconst checkMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    isMetaMaskInstalled.value = true;\n    const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n    isPolygon.value = chainId === props.targetChainId;\n  } else {\n    isMetaMaskInstalled.value = false;\n  }\n};\n\nconst switchToPolygon = async () => {\n  try {\n    await window.ethereum.request({\n      method: 'wallet_switchEthereumChain',\n      params: [{ chainId: props.targetChainId }],\n    });\n    checkMetaMask();\n  } catch (err) {\n    error.value = err.message;\n    console.error('Error switching to Polygon:', err);\n  }\n};\n\nconst addToken = async () => {\n  buttonStyle.value['pointer-events'] = 'none';\n  error.value = null;\n  loading.value = true;\n  \n  try {\n    await ethereum.request({\n      method: 'wallet_watchAsset',\n      params: {\n        type: 'ERC20',\n        options: {\n          address: props.tokenAddress,\n          symbol: props.tokenSymbol,\n          decimals: props.tokenDecimals,\n          image: props.tokenImage,\n        },\n      },\n    });\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.message;\n    loading.value = false;\n  }\n};\n\nconst { t } = useI18n({\n  messages: props.content\n});\n\nonMounted(() => {\n  checkMetaMask();\n});\n</script>"],"names":["ref","useI18n","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAwCd,UAAM,sBAAsBA,IAAAA,IAAI,KAAK;AACrC,UAAM,YAAYA,IAAAA,IAAI,KAAK;AAC3B,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,cAAcA,IAAAA,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQ,KAAK;AACZ,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,MAAM,iCAAiC,GAAG;AAAA,QACnD;AAAA,MACL,OAAS;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAC7C;AAAA,IACH;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,cAAa,CAAE;AACvE,kBAAU,QAAQ,YAAY,MAAM;AAAA,MACxC,OAAS;AACL,4BAAoB,QAAQ;AAAA,MAC7B;AAAA,IACH;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,MAAM,cAAa,CAAE;AAAA,QAC/C,CAAK;AACD;MACD,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,MAAM,+BAA+B,GAAG;AAAA,MACjD;AAAA,IACH;AAEA,UAAM,WAAW,YAAY;AAC3B,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS,MAAM;AAAA,cACf,QAAQ,MAAM;AAAA,cACd,UAAU,MAAM;AAAA,cAChB,OAAO,MAAM;AAAA,YACd;AAAA,UACF;AAAA,QACP,CAAK;AACD,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ConnectMetamask.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- Connect Metamask -->\n    <button \n      v-if=\"!isMetaMaskInstalled\"\n      @click=\"connectMetaMask\" \n      class=\"transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n    >\n      <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n      <span class=\"h4 uppercase w-100\">{{ t('connectMetaMask') }}</span>\n      <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n    </button>\n    <template v-else>\n      <!-- Switch to Polygon -->\n      <button \n        v-if=\"!isPolygon\"\n        @click=\"switchToPolygon\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('switchToPolygon') }}</span>\n        <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n      </button>\n      <!-- Add Token to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addToken\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('addToken') }}</span>\n        <IconAdd class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n    <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  // Token configuration\n  tokenAddress: {\n    type: String,\n    required: true\n  },\n  tokenSymbol: {\n    type: String,\n    required: true\n  },\n  tokenImage: {\n    type: String,\n    required: true\n  },\n  tokenDecimals: {\n    type: Number,\n    default: 18\n  },\n  // Chain configuration\n  targetChainId: {\n    type: String,\n    default: '0x89' // Polygon Mainnet by default\n  },\n  // UI configuration\n  metamaskIcon: {\n    type: String,\n    default: '/icons/metamask.svg'\n  },\n  content: {\n    type: Object,\n    default: () => ({\n      en: {\n        \"connectMetaMask\": \"Connect MetaMask\",\n        \"switchToPolygon\": \"Switch to Polygon\",\n        \"addToken\": `Add token to MetaMask`,\n      }\n    })\n  }\n});\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (err) {\n      error.value = err.message;\n      console.error('Error connecting to MetaMask:', err);\n    }\n  } else {\n    window.open('https://metamask.io/', '_blank');\n  }\n};\n\nconst checkMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    isMetaMaskInstalled.value = true;\n    const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n    isPolygon.value = chainId === props.targetChainId;\n  } else {\n    isMetaMaskInstalled.value = false;\n  }\n};\n\nconst switchToPolygon = async () => {\n  try {\n    await window.ethereum.request({\n      method: 'wallet_switchEthereumChain',\n      params: [{ chainId: props.targetChainId }],\n    });\n    checkMetaMask();\n  } catch (err) {\n    error.value = err.message;\n    console.error('Error switching to Polygon:', err);\n  }\n};\n\nconst addToken = async () => {\n  buttonStyle.value['pointer-events'] = 'none';\n  error.value = null;\n  loading.value = true;\n  \n  try {\n    await ethereum.request({\n      method: 'wallet_watchAsset',\n      params: {\n        type: 'ERC20',\n        options: {\n          address: props.tokenAddress,\n          symbol: props.tokenSymbol,\n          decimals: props.tokenDecimals,\n          image: props.tokenImage,\n        },\n      },\n    });\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.message;\n    loading.value = false;\n  }\n};\n\nconst { t } = useI18n({\n  messages: props.content\n});\n\nonMounted(() => {\n  checkMetaMask();\n});\n</script>"],"names":["ref","useI18n","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAwCd,UAAM,sBAAsBA,IAAG,IAAC,KAAK;AACrC,UAAM,YAAYA,IAAG,IAAC,KAAK;AAC3B,UAAM,UAAUA,IAAG,IAAC,KAAK;AACzB,UAAM,QAAQA,IAAG,IAAC,IAAI;AACtB,UAAM,cAAcA,IAAG,IAAC,EAAE;AAE1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D,wBAAe;AAAA,QAChB,SAAQ,KAAK;AACZ,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,MAAM,iCAAiC,GAAG;AAAA,QACxD;AAAA,MACA,OAAS;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAChD;AAAA,IACA;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,eAAe;AACvE,kBAAU,QAAQ,YAAY,MAAM;AAAA,MACxC,OAAS;AACL,4BAAoB,QAAQ;AAAA,MAChC;AAAA,IACA;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,MAAM,cAAa,CAAE;AAAA,QAC/C,CAAK;AACD,sBAAe;AAAA,MAChB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,MAAM,+BAA+B,GAAG;AAAA,MACpD;AAAA,IACA;AAEA,UAAM,WAAW,YAAY;AAC3B,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS,MAAM;AAAA,cACf,QAAQ,MAAM;AAAA,cACd,UAAU,MAAM;AAAA,cAChB,OAAO,MAAM;AAAA,YACd;AAAA,UACF;AAAA,QACP,CAAK;AACD,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,QAAQ;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,oBAAe;AAAA,IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.js

@@ -1,4 +1,4 @@
-import { ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, Fragment, createCommentVNode } from "vue";
+import { ref, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, toDisplayString, unref, Fragment } from "vue";
 import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../../icons/navigation/IconAdd.vue.js";
 const _hoisted_1 = ["src"];

package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectMetamask.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- Connect Metamask -->\n    <button \n      v-if=\"!isMetaMaskInstalled\"\n      @click=\"connectMetaMask\" \n      class=\"transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n    >\n      <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n      <span class=\"h4 uppercase w-100\">{{ t('connectMetaMask') }}</span>\n      <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n    </button>\n    <template v-else>\n      <!-- Switch to Polygon -->\n      <button \n        v-if=\"!isPolygon\"\n        @click=\"switchToPolygon\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('switchToPolygon') }}</span>\n        <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n      </button>\n      <!-- Add Token to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addToken\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('addToken') }}</span>\n        <IconAdd class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n    <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  // Token configuration\n  tokenAddress: {\n    type: String,\n    required: true\n  },\n  tokenSymbol: {\n    type: String,\n    required: true\n  },\n  tokenImage: {\n    type: String,\n    required: true\n  },\n  tokenDecimals: {\n    type: Number,\n    default: 18\n  },\n  // Chain configuration\n  targetChainId: {\n    type: String,\n    default: '0x89' // Polygon Mainnet by default\n  },\n  // UI configuration\n  metamaskIcon: {\n    type: String,\n    default: '/icons/metamask.svg'\n  },\n  content: {\n    type: Object,\n    default: () => ({\n      en: {\n        \"connectMetaMask\": \"Connect MetaMask\",\n        \"switchToPolygon\": \"Switch to Polygon\",\n        \"addToken\": `Add token to MetaMask`,\n      }\n    })\n  }\n});\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (err) {\n      error.value = err.message;\n      console.error('Error connecting to MetaMask:', err);\n    }\n  } else {\n    window.open('https://metamask.io/', '_blank');\n  }\n};\n\nconst checkMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    isMetaMaskInstalled.value = true;\n    const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n    isPolygon.value = chainId === props.targetChainId;\n  } else {\n    isMetaMaskInstalled.value = false;\n  }\n};\n\nconst switchToPolygon = async () => {\n  try {\n    await window.ethereum.request({\n      method: 'wallet_switchEthereumChain',\n      params: [{ chainId: props.targetChainId }],\n    });\n    checkMetaMask();\n  } catch (err) {\n    error.value = err.message;\n    console.error('Error switching to Polygon:', err);\n  }\n};\n\nconst addToken = async () => {\n  buttonStyle.value['pointer-events'] = 'none';\n  error.value = null;\n  loading.value = true;\n  \n  try {\n    await ethereum.request({\n      method: 'wallet_watchAsset',\n      params: {\n        type: 'ERC20',\n        options: {\n          address: props.tokenAddress,\n          symbol: props.tokenSymbol,\n          decimals: props.tokenDecimals,\n          image: props.tokenImage,\n        },\n      },\n    });\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.message;\n    loading.value = false;\n  }\n};\n\nconst { t } = useI18n({\n  messages: props.content\n});\n\nonMounted(() => {\n  checkMetaMask();\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAwCd,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,cAAc,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQ,KAAK;AACZ,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,MAAM,iCAAiC,GAAG;AAAA,QACnD;AAAA,MACL,OAAS;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAC7C;AAAA,IACH;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,cAAa,CAAE;AACvE,kBAAU,QAAQ,YAAY,MAAM;AAAA,MACxC,OAAS;AACL,4BAAoB,QAAQ;AAAA,MAC7B;AAAA,IACH;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,MAAM,cAAa,CAAE;AAAA,QAC/C,CAAK;AACD;MACD,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,MAAM,+BAA+B,GAAG;AAAA,MACjD;AAAA,IACH;AAEA,UAAM,WAAW,YAAY;AAC3B,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS,MAAM;AAAA,cACf,QAAQ,MAAM;AAAA,cACd,UAAU,MAAM;AAAA,cAChB,OAAO,MAAM;AAAA,YACd;AAAA,UACF;AAAA,QACP,CAAK;AACD,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ConnectMetamask.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- Connect Metamask -->\n    <button \n      v-if=\"!isMetaMaskInstalled\"\n      @click=\"connectMetaMask\" \n      class=\"transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n    >\n      <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n      <span class=\"h4 uppercase w-100\">{{ t('connectMetaMask') }}</span>\n      <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n    </button>\n    <template v-else>\n      <!-- Switch to Polygon -->\n      <button \n        v-if=\"!isPolygon\"\n        @click=\"switchToPolygon\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('switchToPolygon') }}</span>\n        <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n      </button>\n      <!-- Add Token to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addToken\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('addToken') }}</span>\n        <IconAdd class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n    <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  // Token configuration\n  tokenAddress: {\n    type: String,\n    required: true\n  },\n  tokenSymbol: {\n    type: String,\n    required: true\n  },\n  tokenImage: {\n    type: String,\n    required: true\n  },\n  tokenDecimals: {\n    type: Number,\n    default: 18\n  },\n  // Chain configuration\n  targetChainId: {\n    type: String,\n    default: '0x89' // Polygon Mainnet by default\n  },\n  // UI configuration\n  metamaskIcon: {\n    type: String,\n    default: '/icons/metamask.svg'\n  },\n  content: {\n    type: Object,\n    default: () => ({\n      en: {\n        \"connectMetaMask\": \"Connect MetaMask\",\n        \"switchToPolygon\": \"Switch to Polygon\",\n        \"addToken\": `Add token to MetaMask`,\n      }\n    })\n  }\n});\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (err) {\n      error.value = err.message;\n      console.error('Error connecting to MetaMask:', err);\n    }\n  } else {\n    window.open('https://metamask.io/', '_blank');\n  }\n};\n\nconst checkMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    isMetaMaskInstalled.value = true;\n    const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n    isPolygon.value = chainId === props.targetChainId;\n  } else {\n    isMetaMaskInstalled.value = false;\n  }\n};\n\nconst switchToPolygon = async () => {\n  try {\n    await window.ethereum.request({\n      method: 'wallet_switchEthereumChain',\n      params: [{ chainId: props.targetChainId }],\n    });\n    checkMetaMask();\n  } catch (err) {\n    error.value = err.message;\n    console.error('Error switching to Polygon:', err);\n  }\n};\n\nconst addToken = async () => {\n  buttonStyle.value['pointer-events'] = 'none';\n  error.value = null;\n  loading.value = true;\n  \n  try {\n    await ethereum.request({\n      method: 'wallet_watchAsset',\n      params: {\n        type: 'ERC20',\n        options: {\n          address: props.tokenAddress,\n          symbol: props.tokenSymbol,\n          decimals: props.tokenDecimals,\n          image: props.tokenImage,\n        },\n      },\n    });\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.message;\n    loading.value = false;\n  }\n};\n\nconst { t } = useI18n({\n  messages: props.content\n});\n\nonMounted(() => {\n  checkMetaMask();\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAwCd,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,cAAc,IAAI,EAAE;AAE1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D,wBAAe;AAAA,QAChB,SAAQ,KAAK;AACZ,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,MAAM,iCAAiC,GAAG;AAAA,QACxD;AAAA,MACA,OAAS;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAChD;AAAA,IACA;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,eAAe;AACvE,kBAAU,QAAQ,YAAY,MAAM;AAAA,MACxC,OAAS;AACL,4BAAoB,QAAQ;AAAA,MAChC;AAAA,IACA;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,MAAM,cAAa,CAAE;AAAA,QAC/C,CAAK;AACD,sBAAe;AAAA,MAChB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,MAAM,+BAA+B,GAAG;AAAA,MACpD;AAAA,IACA;AAEA,UAAM,WAAW,YAAY;AAC3B,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS,MAAM;AAAA,cACf,QAAQ,MAAM;AAAA,cACd,UAAU,MAAM;AAAA,cAChB,OAAO,MAAM;AAAA,YACd;AAAA,UACF;AAAA,QACP,CAAK;AACD,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,QAAQ;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,MAAM;AACd,oBAAe;AAAA,IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Payments.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport * as payments from '@pf/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;AAgEA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAAA,UAAY;AAE3B,UAAM,MAAMC,IAAG,IAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Payments.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport * as payments from '@pf/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;AAgEA,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,MAAMC,IAAG,IAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { ref, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, toDisplayString } from "vue";
+import { ref, createElementBlock, openBlock, createVNode, unref, withCtx, Fragment, renderList, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Payments.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport * as payments from '@pf/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAgEA,UAAM,QAAQ,SAAQ;AACP,cAAY;AAE3B,UAAM,MAAM,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Payments.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport * as payments from '@pf/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAgEA,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,MAAM,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,10 +6,10 @@ 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");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 require("vue-router");
 ;/* empty css                                              */
-;/* empty css                                                */
+;/* empty css                                                 */
 ;/* empty css                                             */
 require("../../../../reports/store/reports.cjs");
 require("../../../../auth/views/store/auth.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"Wallet.vue.cjs","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-big\">\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-solid 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 t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid 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 t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-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 t-medium \">\n               <span class=\"uppercase p-small t-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 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-solid 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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 t-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-solid 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-solid 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-solid 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 '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\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  onMounted(() => {\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":["useI18n","text","state","onMounted","actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACX,CAAG;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvBC,qBAAK,MAAC,UAAU;AAAA,MACjB;AAAA,IACL,CAAG;AAEDA,iBAAK,MAAC,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhEC,QAAAA,UAAU,MAAM;AACdC,mBAAO,QAAC,YAAW;AACnBA,mBAAO,QAAC,mBAAkB;AAAA,IAC9B,CAAG;AAKD,UAAM,iBAAiBC,IAAG,IAAC,KAAK;AAChC,UAAM,mBAAmBA,IAAG,IAAC,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC1B;AAED,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACxB;AACD,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzBD,mBAAO,QAAC,UAAS;AACjBA,mBAAO,QAAC,oBAAmB;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Wallet.vue.cjs","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-big\">\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-solid 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 t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid 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 t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-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 t-medium \">\n               <span class=\"uppercase p-small t-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 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-solid 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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 t-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-solid 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-solid 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-solid 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 '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\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  onMounted(() => {\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":["useI18n","text","state","onMounted","actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAAA;AAAAA,IACJ,CAAA;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvBC,qBAAK,MAAC,UAAU;AAAA,MACtB;AAAA,IACA,CAAG;AAEDA,iBAAK,MAAC,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhEC,QAAAA,UAAU,MAAM;AACdC,mBAAAA,QAAQ,YAAa;AACrBA,mBAAAA,QAAQ,mBAAoB;AAAA,IAChC,CAAG;AAKD,UAAM,iBAAiBC,IAAAA,IAAI,KAAK;AAChC,UAAM,mBAAmBA,IAAAA,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC7B;AAEE,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IAC3B;AACE,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzBD,mBAAAA,QAAQ,UAAW;AACnBA,mBAAAA,QAAQ,oBAAqB;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,13 +1,13 @@
-import { onMounted, ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, createBlock } from "vue";
+import { onMounted, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, Fragment, renderList, createBlock } from "vue";
 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.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import "vue-router";
 /* empty css                                            */
-/* empty css                                              */
+/* empty css                                               */
 /* empty css                                           */
 import "../../../../reports/store/reports.js";
 import "../../../../auth/views/store/auth.js";

package/dist/prometheus-framework/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-big\">\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-solid 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 t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid 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 t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-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 t-medium \">\n               <span class=\"uppercase p-small t-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 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-solid 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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 t-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-solid 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-solid 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-solid 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 '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\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  onMounted(() => {\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,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvB,cAAM,UAAU;AAAA,MACjB;AAAA,IACL,CAAG;AAED,UAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAU,MAAM;AACd,cAAQ,YAAW;AACnB,cAAQ,mBAAkB;AAAA,IAC9B,CAAG;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC1B;AAED,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACxB;AACD,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAS;AACjB,cAAQ,oBAAmB;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-big\">\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-solid 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 t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid 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 t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-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 t-medium \">\n               <span class=\"uppercase p-small t-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 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-solid 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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 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 br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-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 t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-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 t-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-solid 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-solid 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-solid 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 '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\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  onMounted(() => {\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,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACJ,CAAA;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvB,cAAM,UAAU;AAAA,MACtB;AAAA,IACA,CAAG;AAED,UAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAU,MAAM;AACd,cAAQ,YAAa;AACrB,cAAQ,mBAAoB;AAAA,IAChC,CAAG;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC7B;AAEE,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IAC3B;AACE,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAW;AACnB,cAAQ,oBAAqB;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.cjs

@@ -1,34 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const messages = {
-  "en-default": {
-    wallet: {
-      title: "Your Wallet",
-      subtitle: "Earn WDT by purchasing our weed or contributing to the community.",
-      token: "WDT",
-      pay: "pay",
-      youReceived: "you received",
-      enterAmount: "enter amount to top up",
-      backToWallet: "back to wallet",
-      backToSelection: "back to selection",
-      balanceReplenished: "balance replenished",
-      depositWithCrypto: "deposit with crypto"
-    }
-  },
-  "ru-default": {
-    wallet: {
-      title: "Ваш Кошелек",
-      subtitle: "Зарабатывайте WDT, покупая товары или внося вклад в сообщество.",
-      pay: "купить",
-      youReceived: "вы пополнили на сумму",
-      enterAmount: "введите сумму для пополнения",
-      backToWallet: "назад к кошельку",
-      backToSelection: "назад к списку",
-      balanceReplenished: "баланс пополнен",
-      depositWithCrypto: "пополнение криптовалютой"
-    }
-  }
-};
+const messages = { "en-default": { "wallet": { "title": "Your Wallet", "subtitle": "Earn WDT by purchasing our weed or contributing to the community.", "token": "WDT", "pay": "pay", "youReceived": "you received", "enterAmount": "enter amount to top up", "backToWallet": "back to wallet", "backToSelection": "back to selection", "balanceReplenished": "balance replenished", "depositWithCrypto": "deposit with crypto" } }, "ru-default": { "wallet": { "title": "Ваш Кошелек", "subtitle": "Зарабатывайте WDT, покупая товары или внося вклад в сообщество.", "pay": "купить", "youReceived": "вы пополнили на сумму", "enterAmount": "введите сумму для пополнения", "backToWallet": "назад к кошельку", "backToSelection": "назад к списку", "balanceReplenished": "баланс пополнен", "depositWithCrypto": "пополнение криптовалютой" } } };
 const text = {
   messages
 };

package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.cjs.map

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

package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.js

@@ -1,32 +1,4 @@
-const messages = {
-  "en-default": {
-    wallet: {
-      title: "Your Wallet",
-      subtitle: "Earn WDT by purchasing our weed or contributing to the community.",
-      token: "WDT",
-      pay: "pay",
-      youReceived: "you received",
-      enterAmount: "enter amount to top up",
-      backToWallet: "back to wallet",
-      backToSelection: "back to selection",
-      balanceReplenished: "balance replenished",
-      depositWithCrypto: "deposit with crypto"
-    }
-  },
-  "ru-default": {
-    wallet: {
-      title: "Ваш Кошелек",
-      subtitle: "Зарабатывайте WDT, покупая товары или внося вклад в сообщество.",
-      pay: "купить",
-      youReceived: "вы пополнили на сумму",
-      enterAmount: "введите сумму для пополнения",
-      backToWallet: "назад к кошельку",
-      backToSelection: "назад к списку",
-      balanceReplenished: "баланс пополнен",
-      depositWithCrypto: "пополнение криптовалютой"
-    }
-  }
-};
+const messages = { "en-default": { "wallet": { "title": "Your Wallet", "subtitle": "Earn WDT by purchasing our weed or contributing to the community.", "token": "WDT", "pay": "pay", "youReceived": "you received", "enterAmount": "enter amount to top up", "backToWallet": "back to wallet", "backToSelection": "back to selection", "balanceReplenished": "balance replenished", "depositWithCrypto": "deposit with crypto" } }, "ru-default": { "wallet": { "title": "Ваш Кошелек", "subtitle": "Зарабатывайте WDT, покупая товары или внося вклад в сообщество.", "pay": "купить", "youReceived": "вы пополнили на сумму", "enterAmount": "введите сумму для пополнения", "backToWallet": "назад к кошельку", "backToSelection": "назад к списку", "balanceReplenished": "баланс пополнен", "depositWithCrypto": "пополнение криптовалютой" } } };
 const text = {
   messages
 };

package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.js.map

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

package/dist/prometheus-framework/src/modules/wallet/views/router/payments.router.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"payments.router.cjs","sources":["../../../../../../../src/modules/wallet/views/router/payments.router.js"],"sourcesContent":["import * as validationAuth from '@pf/src/modules/auth/views/middlewares/auth.validation';\n\nconst payments = [{\n  path: 'payments',\n  name: 'Payments',\n  meta: {\n    title: {\n      en: 'Payments',\n      ru: 'Платежами'\n    },\n    authorize: []\n  },\n  component: () => import(/* webpackChunkName: 'Payments' */ '@pf/src/modules/wallet/views/components/pages/Payments.vue'),\n  children: [{\n    path: 'create',\n    name: 'PaymentsCreate',\n    meta: {\n      title: {\n        en: 'Create Payment',\n        ru: 'Создать платеж'\n      },\n      authorize: []\n    },\n    component: () => import(/* webpackChunkName: 'Payments' */ '@pf/src/modules/wallet/views/components/pages/Payments.vue'),\n    children: [\n    ]\n  }]\n}];\n\nexport default payments;"],"names":[],"mappings":";;;AAEK,MAAC,WAAW,CAAC;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,IACL;AAAA,IACD,WAAW,CAAE;AAAA,EACd;AAAA,EACD,WAAW,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,IAAmC;AAAA,EAA4D,CAAC;AAAA,EACxH,UAAU,CAAC;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,MACD,WAAW,CAAE;AAAA,IACd;AAAA,IACD,WAAW,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,MAAmC;AAAA,IAA4D,CAAC;AAAA,IACxH,UAAU,CACT;AAAA,EACL,CAAG;AACH,CAAC;;"}
+{"version":3,"file":"payments.router.cjs","sources":["../../../../../../../src/modules/wallet/views/router/payments.router.js"],"sourcesContent":["import * as validationAuth from '@pf/src/modules/auth/views/middlewares/auth.validation';\n\nconst payments = [{\n  path: 'payments',\n  name: 'Payments',\n  meta: {\n    title: {\n      en: 'Payments',\n      ru: 'Платежами'\n    },\n    authorize: []\n  },\n  component: () => import(/* webpackChunkName: 'Payments' */ '@pf/src/modules/wallet/views/components/pages/Payments.vue'),\n  children: [{\n    path: 'create',\n    name: 'PaymentsCreate',\n    meta: {\n      title: {\n        en: 'Create Payment',\n        ru: 'Создать платеж'\n      },\n      authorize: []\n    },\n    component: () => import(/* webpackChunkName: 'Payments' */ '@pf/src/modules/wallet/views/components/pages/Payments.vue'),\n    children: [\n    ]\n  }]\n}];\n\nexport default payments;"],"names":[],"mappings":";;;AAEK,MAAC,WAAW,CAAC;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,IACL;AAAA,IACD,WAAW,CAAA;AAAA,EACZ;AAAA,EACD,WAAW,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,IAAmC;AAAA,EAA4D,CAAC;AAAA,EACxH,UAAU,CAAC;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,MACD,WAAW,CAAA;AAAA,IACZ;AAAA,IACD,WAAW,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,MAAmC;AAAA,IAA4D,CAAC;AAAA,IACxH,UAAU,CACd;AAAA,EACG,CAAA;AACH,CAAC;;"}