@ozdao/prometheus-framework 0.2.199 → 0.2.200

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

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

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

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

@@ -1 +1,140 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("vue-i18n"),h=require("../../localization/wallet.json.cjs"),l=require("../../../../icons/navigation/IconAdd.vue.cjs"),w=e.createElementVNode("img",{loading:"lazy",src:"/icons/metamask.svg",class:"mn-r-small i-big"},null,-1),f={class:"h4 uppercase w-100"},k=e.createElementVNode("img",{loading:"lazy",src:"/icons/metamask.svg",class:"mn-r-small i-big"},null,-1),g={class:"h4 uppercase w-100"},v=e.createElementVNode("img",{loading:"lazy",src:"/icons/metamask.svg",class:"mn-r-small i-big"},null,-1),b={class:"h4 uppercase w-100"},y="0xE11702CF04621D395E75680C29d3dbF81484e875",_="WDT",E=8,x="https://weeder.delivery/logo-token.png",M={__name:"ConnectMetamask",setup(N){const a=e.ref(!1),o=e.ref(!1),r=e.ref(!1),c=e.ref(null),i=e.ref({}),u=async()=>{if(typeof window.ethereum<"u")try{await window.ethereum.request({method:"eth_requestAccounts"}),n()}catch(t){console.error("Ошибка при подключении MetaMask:",t)}else window.open("https://metamask.io/","_blank")},n=async()=>{if(typeof window.ethereum<"u"){a.value=!0;const t=await window.ethereum.request({method:"eth_chainId"});o.value=t==="0x89"||t==="0x13881"}else a.value=!1},d=async()=>{try{await window.ethereum.request({method:"wallet_switchEthereumChain",params:[{chainId:"0x89"}]}),n()}catch(t){console.error("Ошибка при переключении на Polygon:",t)}},m=async()=>{i.value["pointer-events"]="none",c.value=null,r.value=!0;try{await ethereum.request({method:"wallet_watchAsset",params:{type:"ERC20",options:{address:y,symbol:_,decimals:E,image:x}}}),i.value["background-color"]="#009911",r.value=!1}catch(t){c.value=t.toString()}},{t:s}=p.useI18n({useScope:"global",...h.default});return e.onMounted(()=>{n()}),(t,V)=>(e.openBlock(),e.createElementBlock("div",null,[a.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,onClick:d,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"},[k,e.createElementVNode("span",g,e.toDisplayString(e.unref(s)("wallet.switchToPolygon")),1),e.createVNode(l.default,{class:"t-transp",fill:"rgb(var(--white))"})])),o.value?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:m,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"},[v,e.createElementVNode("span",b,e.toDisplayString(e.unref(s)("wallet.addToken")),1),e.createVNode(l.default,{class:"hover-fill-black fill-white t-transp"})])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock("button",{key:0,onClick:u,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"},[w,e.createElementVNode("span",f,e.toDisplayString(e.unref(s)("wallet.connectMetaMask")),1),e.createVNode(l.default,{class:"t-transp",fill:"rgb(var(--white))"})]))]))}};exports.default=M;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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_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 tokenAddress = "0xE11702CF04621D395E75680C29d3dbF81484e875";
+const tokenSymbol = "WDT";
+const tokenDecimals = 8;
+const tokenImage = "https://weeder.delivery/logo-token.png";
+const _sfc_main = {
+  __name: "ConnectMetamask",
+  setup(__props) {
+    const isMetaMaskInstalled = vue.ref(false);
+    const isPolygon = vue.ref(false);
+    const loading = vue.ref(false);
+    const error = vue.ref(null);
+    const buttonStyle = vue.ref({});
+    const connectMetaMask = async () => {
+      if (typeof window.ethereum !== "undefined") {
+        try {
+          await window.ethereum.request({ method: "eth_requestAccounts" });
+          checkMetaMask();
+        } catch (error2) {
+          console.error("Ошибка при подключении MetaMask:", error2);
+        }
+      } else {
+        window.open("https://metamask.io/", "_blank");
+      }
+    };
+    const checkMetaMask = async () => {
+      if (typeof window.ethereum !== "undefined") {
+        isMetaMaskInstalled.value = true;
+        const chainId = await window.ethereum.request({ method: "eth_chainId" });
+        isPolygon.value = chainId === "0x89" || chainId === "0x13881";
+      } else {
+        isMetaMaskInstalled.value = false;
+      }
+    };
+    const switchToPolygon = async () => {
+      try {
+        await window.ethereum.request({
+          method: "wallet_switchEthereumChain",
+          params: [{ chainId: "0x89" }]
+        });
+        checkMetaMask();
+      } catch (error2) {
+        console.error("Ошибка при переключении на Polygon:", error2);
+      }
+    };
+    const addWDT = async () => {
+      buttonStyle.value["pointer-events"] = "none";
+      error.value = null;
+      loading.value = true;
+      try {
+        await ethereum.request({
+          method: "wallet_watchAsset",
+          params: {
+            type: "ERC20",
+            options: {
+              address: tokenAddress,
+              symbol: tokenSymbol,
+              decimals: tokenDecimals,
+              image: tokenImage
+            }
+          }
+        });
+        buttonStyle.value["background-color"] = "#009911";
+        loading.value = false;
+      } catch (err) {
+        error.value = err.toString();
+      }
+    };
+    const { t } = vueI18n.useI18n({
+      useScope: "global",
+      ...wallet.default
+    });
+    vue.onMounted(() => {
+      checkMetaMask();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        !isMetaMaskInstalled.value ? (vue.openBlock(), vue.createElementBlock("button", {
+          key: 0,
+          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),
+          vue.createVNode(IconAdd.default, {
+            class: "t-transp",
+            fill: "rgb(var(--white))"
+          })
+        ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          !isPolygon.value ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            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),
+            vue.createVNode(IconAdd.default, {
+              class: "t-transp",
+              fill: "rgb(var(--white))"
+            })
+          ])) : vue.createCommentVNode("", true),
+          isPolygon.value ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            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),
+            vue.createVNode(IconAdd.default, { class: "hover-fill-black fill-white t-transp" })
+          ])) : vue.createCommentVNode("", true)
+        ], 64))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ConnectMetamask.vue.cjs.map

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

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

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

@@ -1,109 +1,140 @@
-import { ref as s, onMounted as v, openBlock as a, createElementBlock as o, createElementVNode as t, toDisplayString as i, unref as u, createVNode as m, Fragment as _, createCommentVNode as f } from "vue";
-import { useI18n as y } from "vue-i18n";
-import x from "../../localization/wallet.json.js";
-import d from "../../../../icons/navigation/IconAdd.vue.js";
-const M = /* @__PURE__ */ t("img", {
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, Fragment, createCommentVNode } from "vue";
+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), C = { class: "h4 uppercase w-100" }, E = /* @__PURE__ */ t("img", {
+}, null, -1);
+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), I = { class: "h4 uppercase w-100" }, q = /* @__PURE__ */ t("img", {
+}, 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), D = { class: "h4 uppercase w-100" }, S = "0xE11702CF04621D395E75680C29d3dbF81484e875", T = "WDT", P = 8, z = "https://weeder.delivery/logo-token.png", R = {
+}, null, -1);
+const _hoisted_6 = { class: "h4 uppercase w-100" };
+const tokenAddress = "0xE11702CF04621D395E75680C29d3dbF81484e875";
+const tokenSymbol = "WDT";
+const tokenDecimals = 8;
+const tokenImage = "https://weeder.delivery/logo-token.png";
+const _sfc_main = {
   __name: "ConnectMetamask",
-  setup(A) {
-    const n = s(!1), l = s(!1), h = s(!1), p = s(null), w = s({}), g = async () => {
-      if (typeof window.ethereum < "u")
+  setup(__props) {
+    const isMetaMaskInstalled = ref(false);
+    const isPolygon = ref(false);
+    const loading = ref(false);
+    const error = ref(null);
+    const buttonStyle = ref({});
+    const connectMetaMask = async () => {
+      if (typeof window.ethereum !== "undefined") {
         try {
-          await window.ethereum.request({ method: "eth_requestAccounts" }), r();
-        } catch (e) {
-          console.error("Ошибка при подключении MetaMask:", e);
+          await window.ethereum.request({ method: "eth_requestAccounts" });
+          checkMetaMask();
+        } catch (error2) {
+          console.error("Ошибка при подключении MetaMask:", error2);
         }
-      else
+      } else {
         window.open("https://metamask.io/", "_blank");
-    }, r = async () => {
-      if (typeof window.ethereum < "u") {
-        n.value = !0;
-        const e = await window.ethereum.request({ method: "eth_chainId" });
-        l.value = e === "0x89" || e === "0x13881";
-      } else
-        n.value = !1;
-    }, k = async () => {
+      }
+    };
+    const checkMetaMask = async () => {
+      if (typeof window.ethereum !== "undefined") {
+        isMetaMaskInstalled.value = true;
+        const chainId = await window.ethereum.request({ method: "eth_chainId" });
+        isPolygon.value = chainId === "0x89" || chainId === "0x13881";
+      } else {
+        isMetaMaskInstalled.value = false;
+      }
+    };
+    const switchToPolygon = async () => {
       try {
         await window.ethereum.request({
           method: "wallet_switchEthereumChain",
           params: [{ chainId: "0x89" }]
-        }), r();
-      } catch (e) {
-        console.error("Ошибка при переключении на Polygon:", e);
+        });
+        checkMetaMask();
+      } catch (error2) {
+        console.error("Ошибка при переключении на Polygon:", error2);
       }
-    }, b = async () => {
-      w.value["pointer-events"] = "none", p.value = null, h.value = !0;
+    };
+    const addWDT = async () => {
+      buttonStyle.value["pointer-events"] = "none";
+      error.value = null;
+      loading.value = true;
       try {
         await ethereum.request({
           method: "wallet_watchAsset",
           params: {
             type: "ERC20",
             options: {
-              address: S,
-              symbol: T,
-              decimals: P,
-              image: z
+              address: tokenAddress,
+              symbol: tokenSymbol,
+              decimals: tokenDecimals,
+              image: tokenImage
             }
           }
-        }), w.value["background-color"] = "#009911", h.value = !1;
-      } catch (e) {
-        p.value = e.toString();
+        });
+        buttonStyle.value["background-color"] = "#009911";
+        loading.value = false;
+      } catch (err) {
+        error.value = err.toString();
       }
-    }, { t: c } = y({
+    };
+    const { t } = useI18n({
       useScope: "global",
-      ...x
+      ...text
     });
-    return v(() => {
-      r();
-    }), (e, F) => (a(), o("div", null, [
-      n.value ? (a(), o(_, { key: 1 }, [
-        l.value ? f("", !0) : (a(), o("button", {
+    onMounted(() => {
+      checkMetaMask();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        !isMetaMaskInstalled.value ? (openBlock(), createElementBlock("button", {
           key: 0,
-          onClick: k,
-          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"
+          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"
         }, [
-          E,
-          t("span", I, i(u(c)("wallet.switchToPolygon")), 1),
-          m(d, {
+          _hoisted_1,
+          createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("wallet.connectMetaMask")), 1),
+          createVNode(_sfc_main$1, {
             class: "t-transp",
             fill: "rgb(var(--white))"
           })
-        ])),
-        l.value ? (a(), o("button", {
-          key: 1,
-          onClick: b,
-          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"
-        }, [
-          q,
-          t("span", D, i(u(c)("wallet.addToken")), 1),
-          m(d, { class: "hover-fill-black fill-white t-transp" })
-        ])) : f("", !0)
-      ], 64)) : (a(), o("button", {
-        key: 0,
-        onClick: g,
-        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"
-      }, [
-        M,
-        t("span", C, i(u(c)("wallet.connectMetaMask")), 1),
-        m(d, {
-          class: "t-transp",
-          fill: "rgb(var(--white))"
-        })
-      ]))
-    ]));
+        ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          !isPolygon.value ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            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),
+            createVNode(_sfc_main$1, {
+              class: "t-transp",
+              fill: "rgb(var(--white))"
+            })
+          ])) : createCommentVNode("", true),
+          isPolygon.value ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            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),
+            createVNode(_sfc_main$1, { class: "hover-fill-black fill-white t-transp" })
+          ])) : createCommentVNode("", true)
+        ], 64))
+      ]);
+    };
   }
 };
 export {
-  R as default
+  _sfc_main as default
 };
+//# sourceMappingURL=ConnectMetamask.vue.js.map