@ozdao/prometheus-framework 0.2.241 → 0.2.243

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

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

@@ -5,10 +5,10 @@ const vueI18n = require("vue-i18n");
 const Web3 = require("web3");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
-const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("vue-router");
-;/* empty css                                             */
+;/* empty css                                            */
 require("../../../../reports/store/reports.cjs");
 ;/* empty css                                              */
 ;/* empty css                                                 */
@@ -35,53 +35,44 @@ const _hoisted_7 = {
   key: 1,
   class: "w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black"
 };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("p", { class: "t-transp t-medium mn-b-thin" }, "You own:", -1);
-const _hoisted_9 = { class: "h1 mn-b-small" };
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("p", { class: "t-white p-big t-medium mn-b-semi" }, "of all shares", -1);
-const _hoisted_11 = { class: "flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra" };
-const _hoisted_12 = {
+const _hoisted_8 = { class: "h1 mn-b-small" };
+const _hoisted_9 = { class: "flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra" };
+const _hoisted_10 = {
   key: 0,
   class: "t-transp t-medium"
 };
-const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("span", { class: "uppercase p-small t-medium t-transp" }, "Connected Metamask", -1);
-const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("br", null, null, -1);
-const _hoisted_15 = {
+const _hoisted_11 = {
   key: 0,
   class: "mn-b-semi cols-2 gap-thin"
 };
-const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("div", { class: "w-100 pd-medium radius-medium t-center bg-light" }, [
-  /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Make first order and start earning Weeder Token"),
-  /* @__PURE__ */ vue.createElementVNode("button", { class: "mn-l-auto mn-r-auto bg-main button" }, "Explore marketplace")
-], -1);
-const _hoisted_17 = { class: "w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light" };
-const _hoisted_18 = {
+const _hoisted_12 = { class: "w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light" };
+const _hoisted_13 = {
   key: 0,
   class: "mn-b-small"
 };
-const _hoisted_19 = {
+const _hoisted_14 = {
   key: 1,
   class: "mn-b-small"
 };
-const _hoisted_20 = { class: "cols-3 gap-thin" };
-const _hoisted_21 = { class: "radius-medium bg-light" };
-const _hoisted_22 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
-const _hoisted_23 = { class: "t-semi mn-r-auto" };
-const _hoisted_24 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
-const _hoisted_25 = { class: "pd-medium" };
-const _hoisted_26 = { class: "t-regular mn-b-thin" };
-const _hoisted_27 = {
+const _hoisted_15 = { class: "cols-3 gap-thin" };
+const _hoisted_16 = { class: "radius-medium bg-light" };
+const _hoisted_17 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
+const _hoisted_18 = { class: "t-semi mn-r-auto" };
+const _hoisted_19 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
+const _hoisted_20 = { class: "pd-medium" };
+const _hoisted_21 = { class: "t-regular mn-b-thin" };
+const _hoisted_22 = {
   key: 2,
   class: "mn-b-small"
 };
-const _hoisted_28 = { class: "cols-3 gap-thin" };
-const _hoisted_29 = { class: "radius-medium bg-grey" };
-const _hoisted_30 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
-const _hoisted_31 = { class: "t-semi mn-r-auto" };
-const _hoisted_32 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
-const _hoisted_33 = { class: "pd-medium" };
-const _hoisted_34 = { class: "t-regular mn-b-thin" };
-const _hoisted_35 = { key: 0 };
-const _hoisted_36 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Choose the way of deposit", -1);
+const _hoisted_23 = { class: "cols-3 gap-thin" };
+const _hoisted_24 = { class: "radius-medium bg-grey" };
+const _hoisted_25 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
+const _hoisted_26 = { class: "t-semi mn-r-auto" };
+const _hoisted_27 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
+const _hoisted_28 = { class: "pd-medium" };
+const _hoisted_29 = { class: "t-regular mn-b-thin" };
+const _hoisted_30 = { key: 0 };
 const _sfc_main = {
   __name: "Wallet",
   setup(__props) {
@@ -130,21 +121,21 @@ const _sfc_main = {
               submit: vue.unref(wallet_store.actions).collectRewards,
               class: "w-max bg-white t-black t-medium button"
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[9] || (_cache[9] = [
                 vue.createTextVNode(" Withdraw ")
-              ]),
+              ])),
               _: 1
             }, 8, ["submit"])
           ])) : vue.createCommentVNode("", true),
           vue.createVNode(ConnectMetamask.default, { class: "mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100" }),
           vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-            _hoisted_8,
-            vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(vue.unref(wallet_store.state).share) + "%", 1),
-            _hoisted_10,
-            vue.createElementVNode("div", _hoisted_11, [
-              vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, [
-                _hoisted_13,
-                _hoisted_14,
+            _cache[12] || (_cache[12] = vue.createElementVNode("p", { class: "t-transp t-medium mn-b-thin" }, "You own:", -1)),
+            vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(vue.unref(wallet_store.state).share) + "%", 1),
+            _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "t-white p-big t-medium mn-b-semi" }, "of all shares", -1)),
+            vue.createElementVNode("div", _hoisted_9, [
+              vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10, [
+                _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "uppercase p-small t-medium t-transp" }, "Connected Metamask", -1)),
+                _cache[11] || (_cache[11] = vue.createElementVNode("br", null, null, -1)),
                 vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(wallet_store.state).account), 1)
               ])) : vue.createCommentVNode("", true),
               vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -155,10 +146,13 @@ const _sfc_main = {
             ])
           ])) : vue.createCommentVNode("", true)
         ]),
-        !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
-          _hoisted_16,
-          vue.createElementVNode("div", _hoisted_17, [
-            !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_18, " Connect Metamask to withdrawal your earnings. ")) : vue.createCommentVNode("", true),
+        !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+          _cache[14] || (_cache[14] = vue.createElementVNode("div", { class: "w-100 pd-medium radius-medium t-center bg-light" }, [
+            vue.createElementVNode("h3", { class: "mn-b-small" }, "Make first order and start earning Weeder Token"),
+            vue.createElementVNode("button", { class: "mn-l-auto mn-r-auto bg-main button" }, "Explore marketplace")
+          ], -1)),
+          vue.createElementVNode("div", _hoisted_12, [
+            !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_13, " Connect Metamask to withdrawal your earnings. ")) : vue.createCommentVNode("", true),
             !vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 1,
               onClick: _cache[1] || (_cache[1] = (...args) => vue.unref(wallet_store.actions).connectWallet && vue.unref(wallet_store.actions).connectWallet(...args)),
@@ -166,30 +160,30 @@ const _sfc_main = {
             }, " Connect Wallet ")) : vue.createCommentVNode("", true)
           ])
         ])) : vue.createCommentVNode("", true),
-        vue.unref(wallet_store.state).rewards.length > 0 ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_19, "Latest Rewards ")) : vue.createCommentVNode("", true),
-        vue.createElementVNode("section", _hoisted_20, [
+        vue.unref(wallet_store.state).rewards.length > 0 ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_14, "Latest Rewards ")) : vue.createCommentVNode("", true),
+        vue.createElementVNode("section", _hoisted_15, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(wallet_store.state).rewards, (income) => {
-            return vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
-              vue.createElementVNode("div", _hoisted_22, [
-                vue.createElementVNode("p", _hoisted_23, vue.toDisplayString(income.amount) + " WDT", 1),
-                vue.createElementVNode("span", _hoisted_24, vue.toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
+            return vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
+              vue.createElementVNode("div", _hoisted_17, [
+                vue.createElementVNode("p", _hoisted_18, vue.toDisplayString(income.amount) + " WDT", 1),
+                vue.createElementVNode("span", _hoisted_19, vue.toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_25, [
-                vue.createElementVNode("h4", _hoisted_26, vue.toDisplayString(income.name), 1)
+              vue.createElementVNode("div", _hoisted_20, [
+                vue.createElementVNode("h4", _hoisted_21, vue.toDisplayString(income.name), 1)
               ])
             ]);
           }), 256))
         ]),
-        vue.unref(wallet_store.state).rewards.length > 0 ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_27, "Activity")) : vue.createCommentVNode("", true),
-        vue.createElementVNode("section", _hoisted_28, [
+        vue.unref(wallet_store.state).rewards.length > 0 ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_22, "Activity")) : vue.createCommentVNode("", true),
+        vue.createElementVNode("section", _hoisted_23, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(wallet_store.state).rewards, (income) => {
-            return vue.openBlock(), vue.createElementBlock("div", _hoisted_29, [
-              vue.createElementVNode("div", _hoisted_30, [
-                vue.createElementVNode("p", _hoisted_31, vue.toDisplayString(income.amount) + " WDT", 1),
-                vue.createElementVNode("span", _hoisted_32, vue.toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
+            return vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
+              vue.createElementVNode("div", _hoisted_25, [
+                vue.createElementVNode("p", _hoisted_26, vue.toDisplayString(income.amount) + " WDT", 1),
+                vue.createElementVNode("span", _hoisted_27, vue.toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_33, [
-                vue.createElementVNode("h4", _hoisted_34, vue.toDisplayString(income.name), 1)
+              vue.createElementVNode("div", _hoisted_28, [
+                vue.createElementVNode("h4", _hoisted_29, vue.toDisplayString(income.name), 1)
               ])
             ]);
           }), 256))
@@ -200,8 +194,8 @@ const _sfc_main = {
           class: "w-m-50r t-left pd-big bg-white radius-big"
         }, {
           default: vue.withCtx(() => [
-            currentMenuPopup.value === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_35, [
-              _hoisted_36,
+            currentMenuPopup.value === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
+              _cache[15] || (_cache[15] = vue.createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Choose the way of deposit", -1)),
               vue.createElementVNode("button", {
                 class: "w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small",
                 onClick: _cache[2] || (_cache[2] = ($event) => switchGetMoreMenu(1))

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

@@ -1 +1 @@
-{"version":3,"file":"Wallet.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-big\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from \"web3\";\n\n  import { state, actions } from '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n  // User has disconnected metamask from extension\n  window.ethereum.on('accountsChanged', (accounts) => {\n    if (accounts.length < 1) {\n      state.account = null;\n    }\n  });\n\n  state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n  onMounted(() => {\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":["useI18n","text","state","onMounted","actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACX,CAAG;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvBC,qBAAK,MAAC,UAAU;AAAA,MACjB;AAAA,IACL,CAAG;AAEDA,iBAAK,MAAC,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhEC,QAAAA,UAAU,MAAM;AACdC,mBAAO,QAAC,YAAW;AACnBA,mBAAO,QAAC,mBAAkB;AAAA,IAC9B,CAAG;AAKD,UAAM,iBAAiBC,IAAG,IAAC,KAAK;AAChC,UAAM,mBAAmBA,IAAG,IAAC,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC1B;AAED,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACxB;AACD,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzBD,mBAAO,QAAC,UAAS;AACjBA,mBAAO,QAAC,oBAAmB;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Wallet.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-big\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from \"web3\";\n\n  import { state, actions } from '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n  // User has disconnected metamask from extension\n  window.ethereum.on('accountsChanged', (accounts) => {\n    if (accounts.length < 1) {\n      state.account = null;\n    }\n  });\n\n  state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n  onMounted(() => {\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":["useI18n","text","state","onMounted","actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACX,CAAG;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvBC,qBAAK,MAAC,UAAU;AAAA,MACjB;AAAA,IACL,CAAG;AAEDA,iBAAK,MAAC,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhEC,QAAAA,UAAU,MAAM;AACdC,mBAAO,QAAC,YAAW;AACnBA,mBAAO,QAAC,mBAAkB;AAAA,IAC9B,CAAG;AAKD,UAAM,iBAAiBC,IAAG,IAAC,KAAK;AAChC,UAAM,mBAAmBA,IAAG,IAAC,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC1B;AAED,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACxB;AACD,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzBD,mBAAO,QAAC,UAAS;AACjBA,mBAAO,QAAC,oBAAmB;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,10 +3,10 @@ import { useI18n } from "vue-i18n";
 import Web3 from "web3";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
-import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "vue-router";
-/* empty css                                           */
+/* empty css                                          */
 import "../../../../reports/store/reports.js";
 /* empty css                                            */
 /* empty css                                               */
@@ -33,53 +33,44 @@ const _hoisted_7 = {
   key: 1,
   class: "w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("p", { class: "t-transp t-medium mn-b-thin" }, "You own:", -1);
-const _hoisted_9 = { class: "h1 mn-b-small" };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("p", { class: "t-white p-big t-medium mn-b-semi" }, "of all shares", -1);
-const _hoisted_11 = { class: "flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra" };
-const _hoisted_12 = {
+const _hoisted_8 = { class: "h1 mn-b-small" };
+const _hoisted_9 = { class: "flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra" };
+const _hoisted_10 = {
   key: 0,
   class: "t-transp t-medium"
 };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", { class: "uppercase p-small t-medium t-transp" }, "Connected Metamask", -1);
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
-const _hoisted_15 = {
+const _hoisted_11 = {
   key: 0,
   class: "mn-b-semi cols-2 gap-thin"
 };
-const _hoisted_16 = /* @__PURE__ */ createElementVNode("div", { class: "w-100 pd-medium radius-medium t-center bg-light" }, [
-  /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Make first order and start earning Weeder Token"),
-  /* @__PURE__ */ createElementVNode("button", { class: "mn-l-auto mn-r-auto bg-main button" }, "Explore marketplace")
-], -1);
-const _hoisted_17 = { class: "w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light" };
-const _hoisted_18 = {
+const _hoisted_12 = { class: "w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light" };
+const _hoisted_13 = {
   key: 0,
   class: "mn-b-small"
 };
-const _hoisted_19 = {
+const _hoisted_14 = {
   key: 1,
   class: "mn-b-small"
 };
-const _hoisted_20 = { class: "cols-3 gap-thin" };
-const _hoisted_21 = { class: "radius-medium bg-light" };
-const _hoisted_22 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
-const _hoisted_23 = { class: "t-semi mn-r-auto" };
-const _hoisted_24 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
-const _hoisted_25 = { class: "pd-medium" };
-const _hoisted_26 = { class: "t-regular mn-b-thin" };
-const _hoisted_27 = {
+const _hoisted_15 = { class: "cols-3 gap-thin" };
+const _hoisted_16 = { class: "radius-medium bg-light" };
+const _hoisted_17 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
+const _hoisted_18 = { class: "t-semi mn-r-auto" };
+const _hoisted_19 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
+const _hoisted_20 = { class: "pd-medium" };
+const _hoisted_21 = { class: "t-regular mn-b-thin" };
+const _hoisted_22 = {
   key: 2,
   class: "mn-b-small"
 };
-const _hoisted_28 = { class: "cols-3 gap-thin" };
-const _hoisted_29 = { class: "radius-medium bg-grey" };
-const _hoisted_30 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
-const _hoisted_31 = { class: "t-semi mn-r-auto" };
-const _hoisted_32 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
-const _hoisted_33 = { class: "pd-medium" };
-const _hoisted_34 = { class: "t-regular mn-b-thin" };
-const _hoisted_35 = { key: 0 };
-const _hoisted_36 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Choose the way of deposit", -1);
+const _hoisted_23 = { class: "cols-3 gap-thin" };
+const _hoisted_24 = { class: "radius-medium bg-grey" };
+const _hoisted_25 = { class: "flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium" };
+const _hoisted_26 = { class: "t-semi mn-r-auto" };
+const _hoisted_27 = { class: "pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small" };
+const _hoisted_28 = { class: "pd-medium" };
+const _hoisted_29 = { class: "t-regular mn-b-thin" };
+const _hoisted_30 = { key: 0 };
 const _sfc_main = {
   __name: "Wallet",
   setup(__props) {
@@ -128,21 +119,21 @@ const _sfc_main = {
               submit: unref(actions).collectRewards,
               class: "w-max bg-white t-black t-medium button"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[9] || (_cache[9] = [
                 createTextVNode(" Withdraw ")
-              ]),
+              ])),
               _: 1
             }, 8, ["submit"])
           ])) : createCommentVNode("", true),
           createVNode(_sfc_main$2, { class: "mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100" }),
           unref(state).account ? (openBlock(), createElementBlock("div", _hoisted_7, [
-            _hoisted_8,
-            createElementVNode("p", _hoisted_9, toDisplayString(unref(state).share) + "%", 1),
-            _hoisted_10,
-            createElementVNode("div", _hoisted_11, [
-              unref(state).account ? (openBlock(), createElementBlock("p", _hoisted_12, [
-                _hoisted_13,
-                _hoisted_14,
+            _cache[12] || (_cache[12] = createElementVNode("p", { class: "t-transp t-medium mn-b-thin" }, "You own:", -1)),
+            createElementVNode("p", _hoisted_8, toDisplayString(unref(state).share) + "%", 1),
+            _cache[13] || (_cache[13] = createElementVNode("p", { class: "t-white p-big t-medium mn-b-semi" }, "of all shares", -1)),
+            createElementVNode("div", _hoisted_9, [
+              unref(state).account ? (openBlock(), createElementBlock("p", _hoisted_10, [
+                _cache[10] || (_cache[10] = createElementVNode("span", { class: "uppercase p-small t-medium t-transp" }, "Connected Metamask", -1)),
+                _cache[11] || (_cache[11] = createElementVNode("br", null, null, -1)),
                 createElementVNode("span", null, toDisplayString(unref(state).account), 1)
               ])) : createCommentVNode("", true),
               unref(state).account ? (openBlock(), createElementBlock("button", {
@@ -153,10 +144,13 @@ const _sfc_main = {
             ])
           ])) : createCommentVNode("", true)
         ]),
-        !unref(state).account ? (openBlock(), createElementBlock("div", _hoisted_15, [
-          _hoisted_16,
-          createElementVNode("div", _hoisted_17, [
-            !unref(state).account ? (openBlock(), createElementBlock("h3", _hoisted_18, " Connect Metamask to withdrawal your earnings. ")) : createCommentVNode("", true),
+        !unref(state).account ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          _cache[14] || (_cache[14] = createElementVNode("div", { class: "w-100 pd-medium radius-medium t-center bg-light" }, [
+            createElementVNode("h3", { class: "mn-b-small" }, "Make first order and start earning Weeder Token"),
+            createElementVNode("button", { class: "mn-l-auto mn-r-auto bg-main button" }, "Explore marketplace")
+          ], -1)),
+          createElementVNode("div", _hoisted_12, [
+            !unref(state).account ? (openBlock(), createElementBlock("h3", _hoisted_13, " Connect Metamask to withdrawal your earnings. ")) : createCommentVNode("", true),
             !unref(state).account ? (openBlock(), createElementBlock("button", {
               key: 1,
               onClick: _cache[1] || (_cache[1] = (...args) => unref(actions).connectWallet && unref(actions).connectWallet(...args)),
@@ -164,30 +158,30 @@ const _sfc_main = {
             }, " Connect Wallet ")) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
-        unref(state).rewards.length > 0 ? (openBlock(), createElementBlock("h2", _hoisted_19, "Latest Rewards ")) : createCommentVNode("", true),
-        createElementVNode("section", _hoisted_20, [
+        unref(state).rewards.length > 0 ? (openBlock(), createElementBlock("h2", _hoisted_14, "Latest Rewards ")) : createCommentVNode("", true),
+        createElementVNode("section", _hoisted_15, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).rewards, (income) => {
-            return openBlock(), createElementBlock("div", _hoisted_21, [
-              createElementVNode("div", _hoisted_22, [
-                createElementVNode("p", _hoisted_23, toDisplayString(income.amount) + " WDT", 1),
-                createElementVNode("span", _hoisted_24, toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
+            return openBlock(), createElementBlock("div", _hoisted_16, [
+              createElementVNode("div", _hoisted_17, [
+                createElementVNode("p", _hoisted_18, toDisplayString(income.amount) + " WDT", 1),
+                createElementVNode("span", _hoisted_19, toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
               ]),
-              createElementVNode("div", _hoisted_25, [
-                createElementVNode("h4", _hoisted_26, toDisplayString(income.name), 1)
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("h4", _hoisted_21, toDisplayString(income.name), 1)
               ])
             ]);
           }), 256))
         ]),
-        unref(state).rewards.length > 0 ? (openBlock(), createElementBlock("h2", _hoisted_27, "Activity")) : createCommentVNode("", true),
-        createElementVNode("section", _hoisted_28, [
+        unref(state).rewards.length > 0 ? (openBlock(), createElementBlock("h2", _hoisted_22, "Activity")) : createCommentVNode("", true),
+        createElementVNode("section", _hoisted_23, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).rewards, (income) => {
-            return openBlock(), createElementBlock("div", _hoisted_29, [
-              createElementVNode("div", _hoisted_30, [
-                createElementVNode("p", _hoisted_31, toDisplayString(income.amount) + " WDT", 1),
-                createElementVNode("span", _hoisted_32, toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
+            return openBlock(), createElementBlock("div", _hoisted_24, [
+              createElementVNode("div", _hoisted_25, [
+                createElementVNode("p", _hoisted_26, toDisplayString(income.amount) + " WDT", 1),
+                createElementVNode("span", _hoisted_27, toDisplayString(income.type === "blogpost" ? "Community Reward" : income.type), 1)
               ]),
-              createElementVNode("div", _hoisted_33, [
-                createElementVNode("h4", _hoisted_34, toDisplayString(income.name), 1)
+              createElementVNode("div", _hoisted_28, [
+                createElementVNode("h4", _hoisted_29, toDisplayString(income.name), 1)
               ])
             ]);
           }), 256))
@@ -198,8 +192,8 @@ const _sfc_main = {
           class: "w-m-50r t-left pd-big bg-white radius-big"
         }, {
           default: withCtx(() => [
-            currentMenuPopup.value === 0 ? (openBlock(), createElementBlock("div", _hoisted_35, [
-              _hoisted_36,
+            currentMenuPopup.value === 0 ? (openBlock(), createElementBlock("div", _hoisted_30, [
+              _cache[15] || (_cache[15] = createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Choose the way of deposit", -1)),
               createElementVNode("button", {
                 class: "w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small",
                 onClick: _cache[2] || (_cache[2] = ($event) => switchGetMoreMenu(1))

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

@@ -1 +1 @@
-{"version":3,"file":"Wallet.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-big\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from \"web3\";\n\n  import { state, actions } from '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n  // User has disconnected metamask from extension\n  window.ethereum.on('accountsChanged', (accounts) => {\n    if (accounts.length < 1) {\n      state.account = null;\n    }\n  });\n\n  state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n  onMounted(() => {\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvB,cAAM,UAAU;AAAA,MACjB;AAAA,IACL,CAAG;AAED,UAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAU,MAAM;AACd,cAAQ,YAAW;AACnB,cAAQ,mBAAkB;AAAA,IAC9B,CAAG;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC1B;AAED,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACxB;AACD,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAS;AACjB,cAAQ,oBAAmB;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Wallet.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-big\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-big t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from \"web3\";\n\n  import { state, actions } from '@pf/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@pf/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import Button from '@pf/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@pf/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@pf/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@pf/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n  // User has disconnected metamask from extension\n  window.ethereum.on('accountsChanged', (accounts) => {\n    if (accounts.length < 1) {\n      state.account = null;\n    }\n  });\n\n  state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n  onMounted(() => {\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAgBD,WAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,UAAI,SAAS,SAAS,GAAG;AACvB,cAAM,UAAU;AAAA,MACjB;AAAA,IACL,CAAG;AAED,UAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAU,MAAM;AACd,cAAQ,YAAW;AACnB,cAAQ,mBAAkB;AAAA,IAC9B,CAAG;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC1B;AAED,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACxB;AACD,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAS;AACjB,cAAQ,oBAAmB;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}