@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1 +1,32 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=e.createElementVNode("h2",{class:"mn-b-small t-center t-bold"},"Deposit with cash",-1),o=e.createElementVNode("p",{class:"t-transp t-center"}," You need to go to casse to topup balance ",-1),l=e.createElementVNode("div",{class:"w-100 bg-grey radius-medium mn-t-medium mn-b-medium",style:{height:"152px"}},null,-1),a={__name:"CashDeposit",emits:["back-selection"],setup(i,{emit:t}){const s=t;function n(){s("back-selection")}return(r,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[c,o,l,e.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:n},"Back to selection ")],64))}};exports.default=a;
+"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"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    function backSelection() {
+      emits("back-selection");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        _hoisted_1,
+        _hoisted_2,
+        _hoisted_3,
+        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
+        }, "Back to selection ")
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CashDeposit.vue.cjs.map

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

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

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

@@ -1,26 +1,32 @@
-import { openBlock as c, createElementBlock as o, Fragment as a, createElementVNode as t } from "vue";
-const i = /* @__PURE__ */ t("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with cash", -1), l = /* @__PURE__ */ t("p", { class: "t-transp t-center" }, " You need to go to casse to topup balance ", -1), m = /* @__PURE__ */ t("div", {
+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), b = {
+  style: { "height": "152px" }
+}, null, -1);
+const _sfc_main = {
   __name: "CashDeposit",
   emits: ["back-selection"],
-  setup(r, { emit: e }) {
-    const s = e;
-    function n() {
-      s("back-selection");
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    function backSelection() {
+      emits("back-selection");
     }
-    return (d, p) => (c(), o(a, null, [
-      i,
-      l,
-      m,
-      t("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: n
-      }, "Back to selection ")
-    ], 64));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        _hoisted_1,
+        _hoisted_2,
+        _hoisted_3,
+        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
+        }, "Back to selection ")
+      ], 64);
+    };
   }
 };
 export {
-  b as default
+  _sfc_main as default
 };
+//# sourceMappingURL=CashDeposit.vue.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CryptoDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDeposit.vue"],"sourcesContent":["<template>\n  <h3 class=\"mn-b-small t-center t-bold\">{{ t('wallet.depositWithCrypto') }}</h3>\n\n  <Field \n    v-if=\"state.config\"\n    v-model:field=\"amount\"\n    :placeholder=\"t('wallet.enterAmount')\"\n    class=\"mn-b-thin bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small\" \n  >\n    <Select \n      :options=\"depositOptions\"\n      v-model:select=\"state.chosenNetwork\"\n      class=\"bg-light t-nowrap pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n    />\n  </Field>\n\n  <p class=\"t-semi\">You will receive: {{ receiveAmount }} {{t('wallet.token')}}</p>\n\n  <button\n    class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n    @click=\"actions.requestCryptoDeposit(amount).then(() => switchMenu(5))\"\n    :disabled=\"state.depositRequestIsActive || !state.config\"\n  >\n    {{ t('wallet.pay') }}\n  </button>\n\n  <button\n    class=\"uppercase w-100 t-center mn-t-small\"\n    @click=\"backSelection\"\n  >\n    {{ t('wallet.backToSelection') }}\n  </button>\n</template>\n\n<script setup>\n  import { useI18n } from 'vue-i18n'\n  import { ref, onMounted, computed } from 'vue';\n  import { BigNumber } from 'bignumber.js';\n\n  import { state, actions } from '@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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,142 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../../../../node_modules/qrcode/lib/browser.cjs");const N=require("vue-i18n"),a=require("../../../../../../node_modules/bignumber.js/bignumber.cjs"),E=require("../../localization/wallet.json.cjs"),t=require("../../store/wallet.store.cjs");;/* empty css                               */const T=require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs"),b=require("../../../../../../../_virtual/browser.cjs"),i=n=>(e.pushScopeId("data-v-97ae0556"),n=n(),e.popScopeId(),n),h={class:"mn-b-small t-center t-bold"},g={class:"flex flex-justify-between"},y={class:"t-semi"},v={class:"flex flex-justify-between"},w={class:"t-semi t-truncate address"},I=i(()=>e.createElementVNode("div",{class:"flex flex-justify-around radius-big br-solid br-2px br-black-transp-10"},[e.createElementVNode("canvas",{id:"qrcode_address_deposit"})],-1)),k={class:"flex flex-justify-between"},A=i(()=>e.createElementVNode("h3",{class:"t-semi"},"You will receive:",-1)),V={class:"t-semi"},x={key:0,class:"flex flex-justify-between"},R=i(()=>e.createElementVNode("h3",{class:"t-semi"},"Times left:",-1)),C={class:"t-semi"},D={class:"flex flex-justify-between"},B=i(()=>e.createElementVNode("h3",{class:"t-semi"},"Status:",-1)),q={class:"t-semi"},F={__name:"CryptoDepositProcessing",emits:["back-selection","switch-menu"],setup(n,{emit:d}){a.BigNumber.config({EXPONENTIAL_AT:[-1e3,2e4]});const c=d,{t:l}=N.useI18n({useScope:"global",...E.default}),m=e.computed(()=>{const s=Math.floor(t.timer.remaining/60),o=Math.floor(t.timer.remaining%60);return`${s}:${o<10?`0${o}`:o}`}),r=e.computed(()=>new a.BigNumber(t.state.depositInfo.amount).shiftedBy(-8).toString()),p=e.computed(()=>new a.BigNumber(r.value).dividedBy(process.env.TOKEN_EXCHANGE_RATE).toString()),_=e.computed(()=>{switch(t.state.depositInfo.status){case"TRANSFER_STATUS_WAITING_FOR_TX":return"Waiting for payment";case"TRANSFER_STATUS_SENT":return`Confirming (${`${t.state.depositInfo.confirmations||0} / ${t.state.config[t.state.chosenNetwork.value.network].confirmations}`})`;default:return"Superposition."}});function f(){c("back-selection")}function S(s=0){c("switch-menu",s)}function u(s){navigator.clipboard.writeText(s)}return e.onMounted(()=>{b.__exports.toCanvas(document.getElementById("qrcode_address_deposit"),t.state.depositInfo.to,{width:300},s=>{s&&console.error(s)})}),e.watch(t.state,async()=>{t.state.depositInfo.status==="TRANSFER_STATUS_SENT"&&t.actions.stopTimer(),t.state.depositInfo.status==="TRANSFER_STATUS_COMPLETED"&&(t.actions.disconnectWebSocket(),S(3))},{deep:!0}),(s,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("h2",h,e.toDisplayString(e.unref(l)("wallet.depositWithCrypto")),1),e.createElementVNode("div",g,[e.createElementVNode("h3",y,"Amount: "+e.toDisplayString(r.value)+" "+e.toDisplayString(e.unref(t.state).chosenNetwork.name.toUpperCase()),1),e.createElementVNode("button",{class:"uppercase t-main cursor-pointer",onClick:o[0]||(o[0]=()=>u(r.value))}," copy ")]),e.createElementVNode("div",v,[e.createElementVNode("h3",w,"Wallet: "+e.toDisplayString(e.unref(t.state).depositInfo.to),1),e.createElementVNode("button",{class:"uppercase t-main cursor-pointer",onClick:o[1]||(o[1]=()=>u(e.unref(t.state).depositInfo.to))}," copy ")]),I,e.createElementVNode("div",k,[A,e.createElementVNode("h3",V,e.toDisplayString(p.value)+" WDT",1)]),e.unref(t.state).depositInfo.status==="TRANSFER_STATUS_WAITING_FOR_TX"?(e.openBlock(),e.createElementBlock("div",x,[R,e.createElementVNode("h3",C,e.toDisplayString(m.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",D,[B,e.createElementVNode("h3",q,e.toDisplayString(_.value),1)]),e.unref(t.state).depositInfo.status==="TRANSFER_STATUS_WAITING_FOR_TX"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",onClick:o[2]||(o[2]=j=>e.unref(t.actions).cancelDeposit().then(()=>f()))},e.toDisplayString(e.unref(l)("wallet.cancel")),1)):e.createCommentVNode("",!0)],64))}},W=T.default(F,[["__scopeId","data-v-97ae0556"]]);exports.default=W;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("../../../../../../../node_modules/qrcode/lib/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 _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 = {
+  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 _sfc_main = {
+  __name: "CryptoDepositProcessing",
+  emits: ["back-selection", "switch-menu"],
+  setup(__props, { emit: __emit }) {
+    bignumber.BigNumber.config({
+      EXPONENTIAL_AT: [-1e3, 2e4]
+    });
+    const emits = __emit;
+    const { t } = vueI18n.useI18n({
+      useScope: "global",
+      ...wallet.default
+    });
+    const remainingTime = vue.computed(() => {
+      const mins = Math.floor(wallet_store.timer.remaining / 60);
+      const secs = Math.floor(wallet_store.timer.remaining % 60);
+      return `${mins}:${secs < 10 ? `0${secs}` : secs}`;
+    });
+    const amount = vue.computed(
+      () => new bignumber.BigNumber(wallet_store.state.depositInfo.amount).shiftedBy(-8).toString()
+    );
+    const receive = vue.computed(
+      () => new bignumber.BigNumber(amount.value).dividedBy(process.env.TOKEN_EXCHANGE_RATE).toString()
+    );
+    const status = vue.computed(() => {
+      switch (wallet_store.state.depositInfo.status) {
+        case "TRANSFER_STATUS_WAITING_FOR_TX":
+          return "Waiting for payment";
+        case "TRANSFER_STATUS_SENT":
+          const confirmations = `${wallet_store.state.depositInfo.confirmations || 0} / ${wallet_store.state.config[wallet_store.state.chosenNetwork.value.network].confirmations}`;
+          return `Confirming (${confirmations})`;
+        default:
+          return "Superposition.";
+      }
+    });
+    function backSelection() {
+      emits("back-selection");
+    }
+    function switchMenu(screen = 0) {
+      emits("switch-menu", screen);
+    }
+    function copy(text) {
+      navigator.clipboard.writeText(text);
+    }
+    vue.onMounted(() => {
+      browser.__exports.toCanvas(
+        document.getElementById("qrcode_address_deposit"),
+        wallet_store.state.depositInfo.to,
+        { width: 300 },
+        (error) => {
+          if (error) {
+            console.error(error);
+          }
+        }
+      );
+    });
+    vue.watch(
+      wallet_store.state,
+      async () => {
+        if (wallet_store.state.depositInfo.status === "TRANSFER_STATUS_SENT") {
+          wallet_store.actions.stopTimer();
+        }
+        if (wallet_store.state.depositInfo.status === "TRANSFER_STATUS_COMPLETED") {
+          wallet_store.actions.disconnectWebSocket();
+          switchMenu(3);
+        }
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("h2", _hoisted_1, vue.toDisplayString(vue.unref(t)("wallet.depositWithCrypto")), 1),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("h3", _hoisted_3, "Amount: " + vue.toDisplayString(amount.value) + " " + vue.toDisplayString(vue.unref(wallet_store.state).chosenNetwork.name.toUpperCase()), 1),
+          vue.createElementVNode("button", {
+            class: "uppercase t-main cursor-pointer",
+            onClick: _cache[0] || (_cache[0] = () => copy(amount.value))
+          }, " copy ")
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("h3", _hoisted_5, "Wallet: " + vue.toDisplayString(vue.unref(wallet_store.state).depositInfo.to), 1),
+          vue.createElementVNode("button", {
+            class: "uppercase t-main cursor-pointer",
+            onClick: _cache[1] || (_cache[1] = () => copy(vue.unref(wallet_store.state).depositInfo.to))
+          }, " copy ")
+        ]),
+        _hoisted_6,
+        vue.createElementVNode("div", _hoisted_7, [
+          _hoisted_8,
+          vue.createElementVNode("h3", _hoisted_9, 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.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_13, [
+          _hoisted_14,
+          vue.createElementVNode("h3", _hoisted_15, vue.toDisplayString(status.value), 1)
+        ]),
+        vue.unref(wallet_store.state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (vue.openBlock(), vue.createElementBlock("button", {
+          key: 1,
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(wallet_store.actions).cancelDeposit().then(() => backSelection()))
+        }, vue.toDisplayString(vue.unref(t)("wallet.cancel")), 1)) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const CryptoDepositProcessing = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-97ae0556"]]);
+exports.default = CryptoDepositProcessing;
+//# sourceMappingURL=CryptoDepositProcessing.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CryptoDepositProcessing.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue"],"sourcesContent":["<template>\n  <h2 class=\"mn-b-small t-center t-bold\">{{ t('wallet.depositWithCrypto') }}</h2>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Amount: {{ amount }} {{ state.chosenNetwork.name.toUpperCase() }}</h3>\n    <button\n      class=\"uppercase t-main cursor-pointer\"\n      @click=\"() => copy(amount)\"\n    >\n      copy\n    </button>\n  </div>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi t-truncate address\">Wallet: {{ state.depositInfo.to }}</h3>\n    <button\n      class=\"uppercase t-main cursor-pointer\"\n      @click=\"() => copy(state.depositInfo.to)\"\n    >\n      copy\n    </button>\n  </div>\n\n  <div class=\"flex flex-justify-around radius-big br-solid br-2px br-black-transp-10\">\n    <canvas id=\"qrcode_address_deposit\"></canvas>\n  </div>\n\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">You will receive:</h3>\n    <h3 class=\"t-semi\">{{ receive }} WDT</h3>\n  </div>\n  <div v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\" class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Times left:</h3>\n    <h3 class=\"t-semi\">{{ remainingTime }}</h3>\n  </div>\n  <div class=\"flex flex-justify-between\">\n    <h3 class=\"t-semi\">Status:</h3>\n    <h3 class=\"t-semi\">{{ status }}</h3>\n  </div>\n\n  <button\n    v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\"\n    class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n    @click=\"actions.cancelDeposit().then(() => backSelection())\"\n  >\n    {{ t('wallet.cancel') }}\n  </button>\n</template>\n\n<script setup>\n  import QRCode from 'qrcode';\n  import { useI18n } from 'vue-i18n';\n  import { watch, computed, onMounted } from 'vue';\n  import { BigNumber } from 'bignumber.js';\n\n  import text from '@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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}