@ozdao/prometheus-framework 0.2.242 → 0.2.243

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

@@ -1 +1 @@
-{"version":3,"file":"CardDeposit.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with card</h2>\n\n  <div class=\"bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between\">\n    <Field\n      :placeholder=\"t('wallet.enterAmount')\"\n      class=\"pd-medium radius-small\"\n    />\n\n    <div class=\"uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi\">\n      USD\n    </div>\n  </div>\n\n  <h3 class=\"t-semi\">You will receieve: 0 WDT</h3>\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=\"switchMenu(3)\"\n  >\n    {{ t('wallet.pay') }}\n  </button>\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=\"backSelection\"\n  >\n    {{ t('wallet.backToSelection') }}\n  </button>\n</template>\n\n<script setup>\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import { useI18n } from 'vue-i18n'\n\n  const emits = defineEmits(['back-selection', 'switch-menu'])\n\n  // Localization\n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\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":["useI18n","text"],"mappings":";;;;;;;;;;;;;;AAoCE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACX,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardDeposit.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with card</h2>\n\n  <div class=\"bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between\">\n    <Field\n      :placeholder=\"t('wallet.enterAmount')\"\n      class=\"pd-medium radius-small\"\n    />\n\n    <div class=\"uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi\">\n      USD\n    </div>\n  </div>\n\n  <h3 class=\"t-semi\">You will receieve: 0 WDT</h3>\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=\"switchMenu(3)\"\n  >\n    {{ t('wallet.pay') }}\n  </button>\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=\"backSelection\"\n  >\n    {{ t('wallet.backToSelection') }}\n  </button>\n</template>\n\n<script setup>\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import { useI18n } from 'vue-i18n'\n\n  const emits = defineEmits(['back-selection', 'switch-menu'])\n\n  // Localization\n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\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":["useI18n","text"],"mappings":";;;;;;;;;;;AAoCE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACX,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,10 +2,7 @@ import { openBlock, createElementBlock, Fragment, createElementVNode, createVNod
 import text from "../../localization/wallet.json.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import { useI18n } from "vue-i18n";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with card", -1);
-const _hoisted_2 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi" }, " USD ", -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("h3", { class: "t-semi" }, "You will receieve: 0 WDT", -1);
+const _hoisted_1 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
 const _sfc_main = {
   __name: "CardDeposit",
   emits: ["back-selection", "switch-menu"],
@@ -23,15 +20,15 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _hoisted_1,
-        createElementVNode("div", _hoisted_2, [
+        _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with card", -1)),
+        createElementVNode("div", _hoisted_1, [
           createVNode(Field, {
             placeholder: unref(t)("wallet.enterAmount"),
             class: "pd-medium radius-small"
           }, null, 8, ["placeholder"]),
-          _hoisted_3
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi" }, " USD ", -1))
         ]),
-        _hoisted_4,
+        _cache[3] || (_cache[3] = createElementVNode("h3", { class: "t-semi" }, "You will receieve: 0 WDT", -1)),
         createElementVNode("button", {
           class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
           onClick: _cache[0] || (_cache[0] = ($event) => switchMenu(3))

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

@@ -1 +1 @@
-{"version":3,"file":"CardDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with card</h2>\n\n  <div class=\"bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between\">\n    <Field\n      :placeholder=\"t('wallet.enterAmount')\"\n      class=\"pd-medium radius-small\"\n    />\n\n    <div class=\"uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi\">\n      USD\n    </div>\n  </div>\n\n  <h3 class=\"t-semi\">You will receieve: 0 WDT</h3>\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=\"switchMenu(3)\"\n  >\n    {{ t('wallet.pay') }}\n  </button>\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=\"backSelection\"\n  >\n    {{ t('wallet.backToSelection') }}\n  </button>\n</template>\n\n<script setup>\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import { useI18n } from 'vue-i18n'\n\n  const emits = defineEmits(['back-selection', 'switch-menu'])\n\n  // Localization\n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\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":";;;;;;;;;;;;AAoCE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with card</h2>\n\n  <div class=\"bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between\">\n    <Field\n      :placeholder=\"t('wallet.enterAmount')\"\n      class=\"pd-medium radius-small\"\n    />\n\n    <div class=\"uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi\">\n      USD\n    </div>\n  </div>\n\n  <h3 class=\"t-semi\">You will receieve: 0 WDT</h3>\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=\"switchMenu(3)\"\n  >\n    {{ t('wallet.pay') }}\n  </button>\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=\"backSelection\"\n  >\n    {{ t('wallet.backToSelection') }}\n  </button>\n</template>\n\n<script setup>\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import { useI18n } from 'vue-i18n'\n\n  const emits = defineEmits(['back-selection', 'switch-menu'])\n\n  // Localization\n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\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":";;;;;;;;;AAoCE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;AAED,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,12 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with cash", -1);
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("p", { class: "t-transp t-center" }, " You need to go to casse to topup balance ", -1);
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", {
-  class: "w-100 bg-grey radius-medium mn-t-medium mn-b-medium",
-  style: { "height": "152px" }
-}, null, -1);
 const _sfc_main = {
   __name: "CashDeposit",
   emits: ["back-selection"],
@@ -17,9 +11,12 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        _hoisted_1,
-        _hoisted_2,
-        _hoisted_3,
+        _cache[0] || (_cache[0] = vue.createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with cash", -1)),
+        _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "t-transp t-center" }, " You need to go to casse to topup balance ", -1)),
+        _cache[2] || (_cache[2] = vue.createElementVNode("div", {
+          class: "w-100 bg-grey radius-medium mn-t-medium mn-b-medium",
+          style: { "height": "152px" }
+        }, null, -1)),
         vue.createElementVNode("button", {
           class: "w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
           onClick: backSelection

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

@@ -1 +1 @@
-{"version":3,"file":"CashDeposit.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CashDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with cash</h2>\n\n  <p class=\"t-transp t-center\">\n    You need to go to casse to topup balance\n  </p>\n\n  <div\n    class=\"w-100 bg-grey radius-medium mn-t-medium mn-b-medium\"\n    style=\"height: 152px\"\n  />\n\n  <button\n      class=\"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=\"backSelection\">Back to selection\n  </button>\n</template>\n\n<script setup>\n  const emits = defineEmits(['back-selection'])\n\n  function backSelection() {\n    emits(\"back-selection\");\n  }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;AAmBE,UAAM,QAAQ;AAEd,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CashDeposit.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CashDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with cash</h2>\n\n  <p class=\"t-transp t-center\">\n    You need to go to casse to topup balance\n  </p>\n\n  <div\n    class=\"w-100 bg-grey radius-medium mn-t-medium mn-b-medium\"\n    style=\"height: 152px\"\n  />\n\n  <button\n      class=\"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=\"backSelection\">Back to selection\n  </button>\n</template>\n\n<script setup>\n  const emits = defineEmits(['back-selection'])\n\n  function backSelection() {\n    emits(\"back-selection\");\n  }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;AAmBE,UAAM,QAAQ;AAEd,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,4 @@
 import { openBlock, createElementBlock, Fragment, createElementVNode } from "vue";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with cash", -1);
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("p", { class: "t-transp t-center" }, " You need to go to casse to topup balance ", -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", {
-  class: "w-100 bg-grey radius-medium mn-t-medium mn-b-medium",
-  style: { "height": "152px" }
-}, null, -1);
 const _sfc_main = {
   __name: "CashDeposit",
   emits: ["back-selection"],
@@ -15,9 +9,12 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _hoisted_1,
-        _hoisted_2,
-        _hoisted_3,
+        _cache[0] || (_cache[0] = createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with cash", -1)),
+        _cache[1] || (_cache[1] = createElementVNode("p", { class: "t-transp t-center" }, " You need to go to casse to topup balance ", -1)),
+        _cache[2] || (_cache[2] = createElementVNode("div", {
+          class: "w-100 bg-grey radius-medium mn-t-medium mn-b-medium",
+          style: { "height": "152px" }
+        }, null, -1)),
         createElementVNode("button", {
           class: "w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
           onClick: backSelection

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

@@ -1 +1 @@
-{"version":3,"file":"CashDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CashDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with cash</h2>\n\n  <p class=\"t-transp t-center\">\n    You need to go to casse to topup balance\n  </p>\n\n  <div\n    class=\"w-100 bg-grey radius-medium mn-t-medium mn-b-medium\"\n    style=\"height: 152px\"\n  />\n\n  <button\n      class=\"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=\"backSelection\">Back to selection\n  </button>\n</template>\n\n<script setup>\n  const emits = defineEmits(['back-selection'])\n\n  function backSelection() {\n    emits(\"back-selection\");\n  }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAmBE,UAAM,QAAQ;AAEd,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;;;;;;;;;;;;;;"}
+{"version":3,"file":"CashDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CashDeposit.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">Deposit with cash</h2>\n\n  <p class=\"t-transp t-center\">\n    You need to go to casse to topup balance\n  </p>\n\n  <div\n    class=\"w-100 bg-grey radius-medium mn-t-medium mn-b-medium\"\n    style=\"height: 152px\"\n  />\n\n  <button\n      class=\"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=\"backSelection\">Back to selection\n  </button>\n</template>\n\n<script setup>\n  const emits = defineEmits(['back-selection'])\n\n  function backSelection() {\n    emits(\"back-selection\");\n  }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;AAmBE,UAAM,QAAQ;AAEd,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACvB;;;;;;;;;;;;;;;;;"}

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

@@ -6,7 +6,7 @@ const bignumber = require("../../../../../../node_modules/bignumber.js/bignumber
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
 const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../../components/Select/Select.vue2.cjs");
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };
 const _hoisted_3 = ["disabled"];

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

@@ -4,7 +4,7 @@ import { BigNumber } from "../../../../../../node_modules/bignumber.js/bignumber
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
 import Field from "../../../../../components/Field/Field.vue.js";
-import Select from "../../../../../components/Select/Select.vue.js";
+import Select from "../../../../../components/Select/Select.vue2.js";
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };
 const _hoisted_3 = ["disabled"];

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

@@ -9,27 +9,20 @@ 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 _withScopeId = (n) => (vue.pushScopeId("data-v-97ae0556"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "flex flex-justify-between" };
 const _hoisted_3 = { class: "t-semi" };
 const _hoisted_4 = { class: "flex flex-justify-between" };
 const _hoisted_5 = { class: "t-semi t-truncate address" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "flex flex-justify-around radius-big br-solid br-2px br-black-transp-10" }, [
-  /* @__PURE__ */ vue.createElementVNode("canvas", { id: "qrcode_address_deposit" })
-], -1));
-const _hoisted_7 = { class: "flex flex-justify-between" };
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "t-semi" }, "You will receive:", -1));
-const _hoisted_9 = { class: "t-semi" };
-const _hoisted_10 = {
+const _hoisted_6 = { class: "flex flex-justify-between" };
+const _hoisted_7 = { class: "t-semi" };
+const _hoisted_8 = {
   key: 0,
   class: "flex flex-justify-between"
 };
-const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "t-semi" }, "Times left:", -1));
-const _hoisted_12 = { class: "t-semi" };
-const _hoisted_13 = { class: "flex flex-justify-between" };
-const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "t-semi" }, "Status:", -1));
-const _hoisted_15 = { class: "t-semi" };
+const _hoisted_9 = { class: "t-semi" };
+const _hoisted_10 = { class: "flex flex-justify-between" };
+const _hoisted_11 = { class: "t-semi" };
 const _sfc_main = {
   __name: "CryptoDepositProcessing",
   emits: ["back-selection", "switch-menu"],
@@ -115,18 +108,20 @@ const _sfc_main = {
             onClick: _cache[1] || (_cache[1] = () => copy(vue.unref(wallet_store.state).depositInfo.to))
           }, " copy ")
         ]),
-        _hoisted_6,
-        vue.createElementVNode("div", _hoisted_7, [
-          _hoisted_8,
-          vue.createElementVNode("h3", _hoisted_9, vue.toDisplayString(receive.value) + " WDT", 1)
+        _cache[6] || (_cache[6] = vue.createElementVNode("div", { class: "flex flex-justify-around radius-big br-solid br-2px br-black-transp-10" }, [
+          vue.createElementVNode("canvas", { id: "qrcode_address_deposit" })
+        ], -1)),
+        vue.createElementVNode("div", _hoisted_6, [
+          _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "t-semi" }, "You will receive:", -1)),
+          vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(receive.value) + " WDT", 1)
         ]),
-        vue.unref(wallet_store.state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-          _hoisted_11,
-          vue.createElementVNode("h3", _hoisted_12, vue.toDisplayString(remainingTime.value), 1)
+        vue.unref(wallet_store.state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+          _cache[4] || (_cache[4] = vue.createElementVNode("h3", { class: "t-semi" }, "Times left:", -1)),
+          vue.createElementVNode("h3", _hoisted_9, vue.toDisplayString(remainingTime.value), 1)
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_13, [
-          _hoisted_14,
-          vue.createElementVNode("h3", _hoisted_15, vue.toDisplayString(status.value), 1)
+        vue.createElementVNode("div", _hoisted_10, [
+          _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "t-semi" }, "Status:", -1)),
+          vue.createElementVNode("h3", _hoisted_11, vue.toDisplayString(status.value), 1)
         ]),
         vue.unref(wallet_store.state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (vue.openBlock(), vue.createElementBlock("button", {
           key: 1,

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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createCommentVNode } from "vue";
 import "../../../../../../../node_modules/qrcode/lib/browser.js";
 import { useI18n } from "vue-i18n";
 import { BigNumber } from "../../../../../../node_modules/bignumber.js/bignumber.js";
@@ -7,27 +7,20 @@ 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 _withScopeId = (n) => (pushScopeId("data-v-97ae0556"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "flex flex-justify-between" };
 const _hoisted_3 = { class: "t-semi" };
 const _hoisted_4 = { class: "flex flex-justify-between" };
 const _hoisted_5 = { class: "t-semi t-truncate address" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "flex flex-justify-around radius-big br-solid br-2px br-black-transp-10" }, [
-  /* @__PURE__ */ createElementVNode("canvas", { id: "qrcode_address_deposit" })
-], -1));
-const _hoisted_7 = { class: "flex flex-justify-between" };
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "t-semi" }, "You will receive:", -1));
-const _hoisted_9 = { class: "t-semi" };
-const _hoisted_10 = {
+const _hoisted_6 = { class: "flex flex-justify-between" };
+const _hoisted_7 = { class: "t-semi" };
+const _hoisted_8 = {
   key: 0,
   class: "flex flex-justify-between"
 };
-const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "t-semi" }, "Times left:", -1));
-const _hoisted_12 = { class: "t-semi" };
-const _hoisted_13 = { class: "flex flex-justify-between" };
-const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "t-semi" }, "Status:", -1));
-const _hoisted_15 = { class: "t-semi" };
+const _hoisted_9 = { class: "t-semi" };
+const _hoisted_10 = { class: "flex flex-justify-between" };
+const _hoisted_11 = { class: "t-semi" };
 const _sfc_main = {
   __name: "CryptoDepositProcessing",
   emits: ["back-selection", "switch-menu"],
@@ -113,18 +106,20 @@ const _sfc_main = {
             onClick: _cache[1] || (_cache[1] = () => copy(unref(state).depositInfo.to))
           }, " copy ")
         ]),
-        _hoisted_6,
-        createElementVNode("div", _hoisted_7, [
-          _hoisted_8,
-          createElementVNode("h3", _hoisted_9, toDisplayString(receive.value) + " WDT", 1)
+        _cache[6] || (_cache[6] = createElementVNode("div", { class: "flex flex-justify-around radius-big br-solid br-2px br-black-transp-10" }, [
+          createElementVNode("canvas", { id: "qrcode_address_deposit" })
+        ], -1)),
+        createElementVNode("div", _hoisted_6, [
+          _cache[3] || (_cache[3] = createElementVNode("h3", { class: "t-semi" }, "You will receive:", -1)),
+          createElementVNode("h3", _hoisted_7, toDisplayString(receive.value) + " WDT", 1)
         ]),
-        unref(state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (openBlock(), createElementBlock("div", _hoisted_10, [
-          _hoisted_11,
-          createElementVNode("h3", _hoisted_12, toDisplayString(remainingTime.value), 1)
+        unref(state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          _cache[4] || (_cache[4] = createElementVNode("h3", { class: "t-semi" }, "Times left:", -1)),
+          createElementVNode("h3", _hoisted_9, toDisplayString(remainingTime.value), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_13, [
-          _hoisted_14,
-          createElementVNode("h3", _hoisted_15, toDisplayString(status.value), 1)
+        createElementVNode("div", _hoisted_10, [
+          _cache[5] || (_cache[5] = createElementVNode("h3", { class: "t-semi" }, "Status:", -1)),
+          createElementVNode("h3", _hoisted_11, toDisplayString(status.value), 1)
         ]),
         unref(state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (openBlock(), createElementBlock("button", {
           key: 1,

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","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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,24 +4,9 @@ const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const wallet = require("../../localization/wallet.json.cjs");
 const IconAdd = require("../../../../icons/navigation/IconAdd.vue.cjs");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("img", {
-  loading: "lazy",
-  src: "/icons/metamask.svg",
-  class: "mn-r-small i-big"
-}, null, -1);
+const _hoisted_1 = { class: "h4 uppercase w-100" };
 const _hoisted_2 = { class: "h4 uppercase w-100" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("img", {
-  loading: "lazy",
-  src: "/icons/metamask.svg",
-  class: "mn-r-small i-big"
-}, null, -1);
-const _hoisted_4 = { class: "h4 uppercase w-100" };
-const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("img", {
-  loading: "lazy",
-  src: "/icons/metamask.svg",
-  class: "mn-r-small i-big"
-}, null, -1);
-const _hoisted_6 = { class: "h4 uppercase w-100" };
+const _hoisted_3 = { class: "h4 uppercase w-100" };
 const tokenAddress = "0xE11702CF04621D395E75680C29d3dbF81484e875";
 const tokenSymbol = "WDT";
 const tokenDecimals = 8;
@@ -103,8 +88,12 @@ const _sfc_main = {
           onClick: connectMetaMask,
           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"
         }, [
-          _hoisted_1,
-          vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(vue.unref(t)("wallet.connectMetaMask")), 1),
+          _cache[0] || (_cache[0] = vue.createElementVNode("img", {
+            loading: "lazy",
+            src: "/icons/metamask.svg",
+            class: "mn-r-small i-big"
+          }, null, -1)),
+          vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(vue.unref(t)("wallet.connectMetaMask")), 1),
           vue.createVNode(IconAdd.default, {
             class: "t-transp",
             fill: "rgb(var(--white))"
@@ -115,8 +104,12 @@ const _sfc_main = {
             onClick: switchToPolygon,
             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"
           }, [
-            _hoisted_3,
-            vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(vue.unref(t)("wallet.switchToPolygon")), 1),
+            _cache[1] || (_cache[1] = vue.createElementVNode("img", {
+              loading: "lazy",
+              src: "/icons/metamask.svg",
+              class: "mn-r-small i-big"
+            }, null, -1)),
+            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(vue.unref(t)("wallet.switchToPolygon")), 1),
             vue.createVNode(IconAdd.default, {
               class: "t-transp",
               fill: "rgb(var(--white))"
@@ -127,8 +120,12 @@ const _sfc_main = {
             onClick: addWDT,
             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"
           }, [
-            _hoisted_5,
-            vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(vue.unref(t)("wallet.addToken")), 1),
+            _cache[2] || (_cache[2] = vue.createElementVNode("img", {
+              loading: "lazy",
+              src: "/icons/metamask.svg",
+              class: "mn-r-small i-big"
+            }, null, -1)),
+            vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(t)("wallet.addToken")), 1),
             vue.createVNode(IconAdd.default, { class: "hover-fill-black fill-white t-transp" })
           ])) : vue.createCommentVNode("", true)
         ], 64))

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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n      <span class=\"h4 uppercase w-100\">{{ t('wallet.connectMetaMask') }}</span>\n      <IconAdd  class=\"t-transp\"   fill=\"rgb(var(--white))\"/>\n    </button>\n\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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.switchToPolygon') }}</span>\n        <IconAdd  class=\"t-transp\"  fill=\"rgb(var(--white))\" />\n      </button>\n      <!-- Add WDT to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addWDT\" \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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.addToken') }}</span>\n        <IconAdd  class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n\n    <!-- <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p> -->\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport text from '@pf/src/modules/wallet/views/localization/wallet.json'\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst tokenAddress = '0xE11702CF04621D395E75680C29d3dbF81484e875'; \nconst tokenSymbol = 'WDT';\nconst tokenDecimals = 8;\nconst tokenImage = 'https://weeder.delivery/logo-token.png';\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (error) {\n      console.error('Ошибка при подключении MetaMask:', error);\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 === '0x89' || chainId === '0x13881';\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: '0x89' }],\n    });\n    checkMetaMask();\n  } catch (error) {\n    console.error('Ошибка при переключении на Polygon:', error);\n  }\n};\n\nconst addWDT = 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: tokenAddress,\n          symbol: tokenSymbol,\n          decimals: tokenDecimals,\n          image: tokenImage,\n        },\n      },\n    });\n\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.toString();\n  }\n};\n\nconst { t } = useI18n({\n  useScope: 'global', \n  ...text\n})\n\nonMounted(() => {\n  checkMetaMask();\n});\n\n</script>"],"names":["ref","error","useI18n","text","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;;;;AATnB,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;AAO1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQC,QAAO;AACd,kBAAQ,MAAM,oCAAoCA,MAAK;AAAA,QACxD;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,UAAU,YAAY;AAAA,MACxD,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,QAAQ;AAAA,QAClC,CAAK;AACD;MACD,SAAQA,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAAA,MAC3D;AAAA,IACH;AAEA,UAAM,SAAS,YAAY;AACzB,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;AAAA,cACT,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,YACR;AAAA,UACF;AAAA,QACP,CAAK;AAED,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;MACnB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACT,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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n      <span class=\"h4 uppercase w-100\">{{ t('wallet.connectMetaMask') }}</span>\n      <IconAdd  class=\"t-transp\"   fill=\"rgb(var(--white))\"/>\n    </button>\n\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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.switchToPolygon') }}</span>\n        <IconAdd  class=\"t-transp\"  fill=\"rgb(var(--white))\" />\n      </button>\n      <!-- Add WDT to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addWDT\" \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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.addToken') }}</span>\n        <IconAdd  class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n\n    <!-- <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p> -->\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport text from '@pf/src/modules/wallet/views/localization/wallet.json'\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst tokenAddress = '0xE11702CF04621D395E75680C29d3dbF81484e875'; \nconst tokenSymbol = 'WDT';\nconst tokenDecimals = 8;\nconst tokenImage = 'https://weeder.delivery/logo-token.png';\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (error) {\n      console.error('Ошибка при подключении MetaMask:', error);\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 === '0x89' || chainId === '0x13881';\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: '0x89' }],\n    });\n    checkMetaMask();\n  } catch (error) {\n    console.error('Ошибка при переключении на Polygon:', error);\n  }\n};\n\nconst addWDT = 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: tokenAddress,\n          symbol: tokenSymbol,\n          decimals: tokenDecimals,\n          image: tokenImage,\n        },\n      },\n    });\n\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.toString();\n  }\n};\n\nconst { t } = useI18n({\n  useScope: 'global', \n  ...text\n})\n\nonMounted(() => {\n  checkMetaMask();\n});\n\n</script>"],"names":["ref","error","useI18n","text","onMounted"],"mappings":";;;;;;;;;AAuDA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;;;;AATnB,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;AAO1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQC,QAAO;AACd,kBAAQ,MAAM,oCAAoCA,MAAK;AAAA,QACxD;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,UAAU,YAAY;AAAA,MACxD,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,QAAQ;AAAA,QAClC,CAAK;AACD;MACD,SAAQA,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAAA,MAC3D;AAAA,IACH;AAEA,UAAM,SAAS,YAAY;AACzB,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;AAAA,cACT,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,YACR;AAAA,UACF;AAAA,QACP,CAAK;AAED,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;MACnB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACT,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,24 +2,9 @@ import { ref, onMounted, openBlock, createElementBlock, createElementVNode, toDi
 import { useI18n } from "vue-i18n";
 import text from "../../localization/wallet.json.js";
 import _sfc_main$1 from "../../../../icons/navigation/IconAdd.vue.js";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("img", {
-  loading: "lazy",
-  src: "/icons/metamask.svg",
-  class: "mn-r-small i-big"
-}, null, -1);
+const _hoisted_1 = { class: "h4 uppercase w-100" };
 const _hoisted_2 = { class: "h4 uppercase w-100" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("img", {
-  loading: "lazy",
-  src: "/icons/metamask.svg",
-  class: "mn-r-small i-big"
-}, null, -1);
-const _hoisted_4 = { class: "h4 uppercase w-100" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("img", {
-  loading: "lazy",
-  src: "/icons/metamask.svg",
-  class: "mn-r-small i-big"
-}, null, -1);
-const _hoisted_6 = { class: "h4 uppercase w-100" };
+const _hoisted_3 = { class: "h4 uppercase w-100" };
 const tokenAddress = "0xE11702CF04621D395E75680C29d3dbF81484e875";
 const tokenSymbol = "WDT";
 const tokenDecimals = 8;
@@ -101,8 +86,12 @@ const _sfc_main = {
           onClick: connectMetaMask,
           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"
         }, [
-          _hoisted_1,
-          createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("wallet.connectMetaMask")), 1),
+          _cache[0] || (_cache[0] = createElementVNode("img", {
+            loading: "lazy",
+            src: "/icons/metamask.svg",
+            class: "mn-r-small i-big"
+          }, null, -1)),
+          createElementVNode("span", _hoisted_1, toDisplayString(unref(t)("wallet.connectMetaMask")), 1),
           createVNode(_sfc_main$1, {
             class: "t-transp",
             fill: "rgb(var(--white))"
@@ -113,8 +102,12 @@ const _sfc_main = {
             onClick: switchToPolygon,
             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"
           }, [
-            _hoisted_3,
-            createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("wallet.switchToPolygon")), 1),
+            _cache[1] || (_cache[1] = createElementVNode("img", {
+              loading: "lazy",
+              src: "/icons/metamask.svg",
+              class: "mn-r-small i-big"
+            }, null, -1)),
+            createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("wallet.switchToPolygon")), 1),
             createVNode(_sfc_main$1, {
               class: "t-transp",
               fill: "rgb(var(--white))"
@@ -125,8 +118,12 @@ const _sfc_main = {
             onClick: addWDT,
             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"
           }, [
-            _hoisted_5,
-            createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("wallet.addToken")), 1),
+            _cache[2] || (_cache[2] = createElementVNode("img", {
+              loading: "lazy",
+              src: "/icons/metamask.svg",
+              class: "mn-r-small i-big"
+            }, null, -1)),
+            createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("wallet.addToken")), 1),
             createVNode(_sfc_main$1, { class: "hover-fill-black fill-white t-transp" })
           ])) : createCommentVNode("", true)
         ], 64))

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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n      <span class=\"h4 uppercase w-100\">{{ t('wallet.connectMetaMask') }}</span>\n      <IconAdd  class=\"t-transp\"   fill=\"rgb(var(--white))\"/>\n    </button>\n\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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.switchToPolygon') }}</span>\n        <IconAdd  class=\"t-transp\"  fill=\"rgb(var(--white))\" />\n      </button>\n      <!-- Add WDT to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addWDT\" \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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.addToken') }}</span>\n        <IconAdd  class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n\n    <!-- <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p> -->\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport text from '@pf/src/modules/wallet/views/localization/wallet.json'\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst tokenAddress = '0xE11702CF04621D395E75680C29d3dbF81484e875'; \nconst tokenSymbol = 'WDT';\nconst tokenDecimals = 8;\nconst tokenImage = 'https://weeder.delivery/logo-token.png';\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (error) {\n      console.error('Ошибка при подключении MetaMask:', error);\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 === '0x89' || chainId === '0x13881';\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: '0x89' }],\n    });\n    checkMetaMask();\n  } catch (error) {\n    console.error('Ошибка при переключении на Polygon:', error);\n  }\n};\n\nconst addWDT = 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: tokenAddress,\n          symbol: tokenSymbol,\n          decimals: tokenDecimals,\n          image: tokenImage,\n        },\n      },\n    });\n\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.toString();\n  }\n};\n\nconst { t } = useI18n({\n  useScope: 'global', \n  ...text\n})\n\nonMounted(() => {\n  checkMetaMask();\n});\n\n</script>"],"names":["error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;;;;AATnB,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;AAO1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQA,QAAO;AACd,kBAAQ,MAAM,oCAAoCA,MAAK;AAAA,QACxD;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,UAAU,YAAY;AAAA,MACxD,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,QAAQ;AAAA,QAClC,CAAK;AACD;MACD,SAAQA,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAAA,MAC3D;AAAA,IACH;AAEA,UAAM,SAAS,YAAY;AACzB,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;AAAA,cACT,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,YACR;AAAA,UACF;AAAA,QACP,CAAK;AAED,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;MACnB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACL,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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n      <span class=\"h4 uppercase w-100\">{{ t('wallet.connectMetaMask') }}</span>\n      <IconAdd  class=\"t-transp\"   fill=\"rgb(var(--white))\"/>\n    </button>\n\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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.switchToPolygon') }}</span>\n        <IconAdd  class=\"t-transp\"  fill=\"rgb(var(--white))\" />\n      </button>\n      <!-- Add WDT to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addWDT\" \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=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.addToken') }}</span>\n        <IconAdd  class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n\n    <!-- <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p> -->\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport text from '@pf/src/modules/wallet/views/localization/wallet.json'\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst tokenAddress = '0xE11702CF04621D395E75680C29d3dbF81484e875'; \nconst tokenSymbol = 'WDT';\nconst tokenDecimals = 8;\nconst tokenImage = 'https://weeder.delivery/logo-token.png';\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (error) {\n      console.error('Ошибка при подключении MetaMask:', error);\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 === '0x89' || chainId === '0x13881';\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: '0x89' }],\n    });\n    checkMetaMask();\n  } catch (error) {\n    console.error('Ошибка при переключении на Polygon:', error);\n  }\n};\n\nconst addWDT = 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: tokenAddress,\n          symbol: tokenSymbol,\n          decimals: tokenDecimals,\n          image: tokenImage,\n        },\n      },\n    });\n\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.toString();\n  }\n};\n\nconst { t } = useI18n({\n  useScope: 'global', \n  ...text\n})\n\nonMounted(() => {\n  checkMetaMask();\n});\n\n</script>"],"names":["error"],"mappings":";;;;;;;AAuDA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;;;;AATnB,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;AAO1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQA,QAAO;AACd,kBAAQ,MAAM,oCAAoCA,MAAK;AAAA,QACxD;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,UAAU,YAAY;AAAA,MACxD,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,QAAQ;AAAA,QAClC,CAAK;AACD;MACD,SAAQA,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAAA,MAC3D;AAAA,IACH;AAEA,UAAM,SAAS,YAAY;AACzB,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;AAAA,cACT,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,YACR;AAAA,UACF;AAAA,QACP,CAAK;AAED,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;MACnB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACL,CAAC;AAED,cAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}